@charset "ISO-8859-1";


body {width: 100%; height: 100%; background-color: #111111; text-align: center; overflow-y: scroll;}







a.start { font-family: sans-serif; font-size: 18px; text-decoration: none; color: #a3d7ff; line-height: 150%;}
a.start:visited { font-family: sans-serif; font-size: 18px; text-decoration: none; color: #a3d7ff; line-height: 150%;}
a.start:hover { font-size: 18px; color: #333333; background-color:#eeeeee; text-decoration: none; #eeeeee; line-height: 150%; border-radius:10px; }
a.start:active { text-decoration: none; color: #333333; }




span.ver { font-family: sans-serif; font-size: 18px; text-decoration: none; color: #eeeeee; line-height: 150%;}
span.ver:visited { font-family: sans-serif; font-size: 18px; text-decoration: none; color: #eeeeee; line-height: 150%;}
span.ver:hover { font-family: sans-serif; font-size: 18px; text-decoration: none; background-color: #eeeeee; color: #333333; border-radius:10px; line-height: 150%;}
span.ver:active { font-family: sans-serif; font-size: 18px; text-decoration: none; background-color: #eeeeee; color: #333333; border-radius:10px; line-height: 150%;}





a.text {text-align: center; font-size: inherit; color: #eeeeee; font-family: sans-serif; text-decoration: none;}
a.text:visited {text-align: center; font-size: inherit; color: #eeeeee; font-family: sans-serif; text-decoration: none;}
a.text:hover {text-align: center; font-size: inherit; color: #333333; font-family: sans-serif; background-color:#eeeeee; text-decoration: none; border-radius:10px; }
a.text:active {text-align: center; font-size: inherit; color: #eeeeee; font-family: sans-serif; text-decoration: none;}




a.menue { font-family: sans-serif; font-size: 1em; text-decoration: none; color: #eeeeee; }
a.menue:visited { font-family: sans-serif; font-size: 1em; text-decoration: none; color: #eeeeee; }
a.menue:hover{ font-family: sans-serif; font-size: 1em; text-decoration: none; background-color: #eeeeee;color: #333333; border-radius:10px;}
a.menue:active { font-family: sans-serif; font-size: 1em; text-decoration: none; color: #333333;}





img {border:none; border-radius: 10px; margin: 0px 0px 10px 0px;}

a img:hover{ box-shadow:0 0 20px  #dddddd;}

IMG[alt] {color:#d98d79; font-family: sans-serif; font-size:0.9; }






.navi-container {
    position: sticky;
    top: 0px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 30px;
	background: #111111;
}


.navi-item {
    border: none;
	border-radius: 10px;
	margin: 10px;
	padding: 5px 20px 5px 20px;
	background: #333333;
	text-align: center;
    color: #dddddd;
}

.navi-item-menue {
    border: none;
	border-radius: 10px;
	margin: 10px;
	padding: 6px 20px 4px 20px;
	background: #95c2ff;
    text-decoration:underline;
	text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #222222;
}








.flex-container {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
	border: none;
	margin-bottom: 20px;
	margin-right: 30px;
}


.flex-item {
	border: 1px solid #444444;
	border-radius: 10px;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background: #111111;
	text-align: center;
    width: 200px;
    font-size: 0.9em;
    color: #dddddd;
    font-family: sans-serif;
}



.flex-daten {
	border: 1px solid #444444;
	border-radius: 10px;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background: #1b1b1b;
	text-align: center;
    font-size: 1em;
    color: #dddddd;
    font-family: sans-serif;
    min-width: 300px;
    max-width:30%;
}



.titel {
	border: none;
	border-radius: 10px;
	margin: 10px;
	padding: 4px 10px 4px 10px;
	background: #95c2ff;
	text-align: center;
    font-size: 2em;
    color: #222222;
    font-family: sans-serif;
}




.untertitelblau {
	border: none;
	border-radius: 10px;
	margin: 10px;
	padding: 4px 10px 4px 10px;
	background: #95c2ff;
	text-align: center;
    font-size: 1.5em;
    color: #222222;
    font-family: sans-serif;
}



.zwischentitelblau {
	border: none;
	border-radius: 10px;
	margin: 10px;
	padding: 4px 10px 4px 10px;
	background: #95c2ff;
	text-align: center;
    font-size: 1.3em;
    color: #222222;
    font-family: sans-serif;
}



.banner {
	border: none;
	border-radius: 10px;
	margin: 20px 10px 0px 10px;
	padding: 4px 10px 4px 10px;
	background: #111111;
	text-align: center;
}



.auswahl-item {
	margin: 10px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}