@charset "UTF-8";														 /* ligafaktur3.css, alle html-Seiten außer Startseite*/
a:link { text-decoration:none; color:#000; }				 /* und Editor. Kommentare bei ligafaktur.css */
a:visited { text-decoration:none; color:#000; }
a:active { text-decoration:none; color:#166; }
a:hover { text-decoration:none; color:#0bd; }
@font-face { font-family: 'Fraktur';
	src: url('LF.Netzfraktur.woff2') format('woff2');
	font-weight: norm; }
@font-face { font-family: 'Fraktur';
	src: url('LF.Netzfrakturfett.woff2') format('woff2');
	font-weight: bold; }
@font-face { font-family: 'Antiqua';
	src: url('LF.Netzantiqua.woff2') format('woff2'); }
@font-face { font-family: 'Antiqua';
	src: url('LF.Netzantiquafett.woff2') format('woff2');
	font-weight: bold; }
@font-face { font-family: 'Sans';
	src: url('LF.Netzsans.woff2') format('woff2'); }
@font-face { font-family: 'Sans';
	src: url('LF.Netzsansfett.woff2') format('woff2');
	font-weight: bold; }
body {
	font-family: Fraktur, Times;
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	color: #000;
	border-style: none;
	margin: 0px;
	height: 100vh;
	width: 100vw;
	background-color: #08a;
	background-image: linear-gradient(#068, #ade);
	background-attachment: fixed;
	background-size: 100% 100%;
	font-variant-ligatures: common-ligatures, contextual;
	font-variant-ligatures: calt;
	font-feature-settings: "liga";
	font-feature-settings: "calt";
	font-feature-settings: "kern";
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #aad #000;
	}
section {
	top: 0px;
	width: 810px;
	height: 160vh;
	margin: auto;
	background-color: #fff;
	}
header {
	position: fixed;
	top: 0px;
	margin: 0px;
	width: 810px;
	font-family: Antiqua;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	z-index: 1;
	}
main {
	width: 810px;
	height: auto;
	margin-top: 150px;
	text-align: center;
	font-family: Fraktur, Times;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color: #000;
	background-color: #fff;
	z-index: 3;
	}
footer {
	position: fixed;
	bottom: 0px;
	margin: 0px;
	width: 810px;
	height: 30px;
	background-color: #fff;
	z-index: 1;
	}
img { border-style: none; }
.antiqua { font-family: Antiqua, Times; font-size: 18px; font-weight: normal; line-height: 21px; }
.bildnavi {
	font-family: Antiqua;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	margin-top: 20px;
	background-color: #fff;
	letter-spacing: 8px;
	text-align: center;
	}
#ecken img	{	visibility: hidden; }
#ecken:hover img { visibility: visible; }
#start img	{	visibility: hidden; }
#start:hover img { visibility: visible; }
#imprs img	{	visibility: hidden; }
#imprs:hover img { visibility: visible; }
#dtsch img	{	visibility: hidden; }
#dtsch:hover img { visibility: visible; }
#hover:hover { color: #0bd; }
#bildwechsel img { display: none; }
#bildwechsel:hover img:nth-of-type(1) { display: block; }
/* #fade#: Überblenden von BILDERN unter dem Mauszeiger, 0s sofort, 1s allmählich. Die Bilder liegen übereinander, das Zweitbild unten (Zeile zuerst), das Normalbild oben (Zeile danach). Das Normalbild darf keine transparenten Anteile haben, da sonst das Zweitbild durchscheint. Die Bilder müssen gleich groß sein. Programmierung:
<div style="z-index:2" class="bildnavi">
...
</div>
<div style="z-index:1">
	<div style="position:relative; height:###px" id="fade0/1">
		<img src="overbild.gif" height="###px" alt="XXXXXX">
		<img src="normalbild.gif" width="###px" height="###px" alt="XXXXXX">
		<p>XXXXXXXX</p> [height entfällt im div-style, wenn kein <p>text</p> (nur Bild)]
	</div>
</div> */
#fade0 img { position: absolute; transition: 0s ease-in-out; }
#fade0:hover img:nth-of-type(2) { opacity: 0; }
#fade1 img { position: absolute; transition: 1s ease-in-out; }
#fade1:hover img:nth-of-type(2) { opacity: 0; }
.dae input,
.dae input:checked + label,
.dae #dae2:checked ~ .feld #feld2,
.dae .feld > div
	{ display: none; }
.dae label
	{ color: #177; display: inline; }
.dae label:hover
	{ cursor: pointer; color: #0bd; }
.dae #dae1:checked ~ .feld #feld1
	{ width: 693px; margin-top: -10px; margin-left: 60px; text-align: justify; display: block; font-family: Sans, Antiqua, Verdana; font-size: 14px; font-weight: normal; line-height: 16px; color: #000; }