@charset "utf-8";

@font-face{
font-family:'Source Sans Pro';
font-style:normal;
font-weight:400;
src:url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.eot');
src:local(''),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.woff2') format('woff2'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.woff') format('woff'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.ttf') format('truetype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-regular.svg#SourceSansPro') format('svg');
}

@font-face{
font-family:'Source Sans Pro';
font-style:normal;
font-weight:600;
src:url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.eot');
src:local(''),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.eot?#iefix') format('embedded-opentype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.woff2') format('woff2'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.woff') format('woff'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.ttf') format('truetype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600.svg#SourceSansPro') format('svg');
}

@font-face{
font-family:'Source Sans Pro';
font-style:italic;
font-weight:400;
src:url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.eot');
src:local(''),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.woff2') format('woff2'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.woff') format('woff'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.ttf') format('truetype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-italic.svg#SourceSansPro') format('svg');
}

@font-face{
font-family:'Source Sans Pro';
font-style:italic;
font-weight:600;
src:url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.eot');
src:local(''),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.woff2') format('woff2'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.woff') format('woff'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.ttf') format('truetype'),
	url('../fonts/source-sans-pro/source-sans-pro-v21-latin-ext_latin_greek-ext_greek-600italic.svg#SourceSansPro') format('svg');
}

@font-face{
font-family:'Roboto Mono';
font-style:normal;
font-weight:400;
src:local(''),
	url('../fonts/roboto-mono/roboto-mono-v12-latin-ext_latin-regular.woff2') format('woff2'),
	url('../fonts/roboto-mono/roboto-mono-v12-latin-ext_latin-regular.woff') format('woff');
}

@font-face{
font-family:'Roboto Mono';
font-style:normal;
font-weight:600;
src:local(''),
	url('../fonts/roboto-mono/roboto-mono-v12-latin-ext_latin-600.woff2') format('woff2'),
	url('../fonts/roboto-mono/roboto-mono-v12-latin-ext_latin-600.woff') format('woff');
}

*{
margin:0;
padding:0;
border:0;
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
		box-sizing:border-box;
}

img, svg{
display:block;
max-width:100%;
}

a{
text-decoration:none;
}

/* ???
u{
text-decoration:underline;
}
??? */

b, strong{
font-weight:600;
}

label{
display:inline-block;
}

select, option, input{
font-size:1em;
}

input[type=checkbox]{
cursor:pointer;
}

input[type=number]{
cursor:cell;
}

select{
cursor:pointer;
}

input, select{
font-family:'Source Sans Pro', sans-serif;
}

input:checked, input:active, input:focus{
outline:none;
}

body{
font-family:'Source Sans Pro', sans-serif;
-webkit-user-select:none;
user-select:none;
}

h1, h2, h3, h4, h5, h6{
font-weight:600;
}

.orange{
color:#FF9900;
}

/* /////// HEADER /////// */

header{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
padding:1em 0;
background-color:#333;
color:#fff;
}

#LogoHeader{
z-index:888;
position:absolute;
top:1em;
left:2em;
}

#LogoHeader svg{
width:5em;
}

#LogoHeader .Flaeche_Kopf, #LogoHeader .Flaeche_Augen, #LogoHeader .Kontur_aussen, #LogoHeader .Kontur_Pupille{
transition:fill 0.25s;
}

#LogoHeader .Flaeche_Kopf, #LogoHeader .Flaeche_Augen{
fill:#fff;
}

#LogoHeader .Kontur_aussen, #LogoHeader .Kontur_Pupille{
fill:#333;
}

#LogoHeader:hover .Flaeche_Kopf, #LogoHeader:hover .Flaeche_Augen{
fill:#ff9900;
}

/* #LogoHeader:hover .Kontur_aussen, #LogoHeader:hover .Kontur_Pupille{
fill:#ff9900;
} */

header h1{
margin-top:0.2em;
margin-right:1em;
font-size:1.2em;
}

header > div{
display:flex;
align-items:center;
margin:0 1em;
padding:0.4em;
}

header > div img{
height:2em;
}

/* /////// FOOTER /////// */

footer{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
padding:0.5em 1em;
background-color:#333;
}

footer > a:first-of-type > div > svg{
display:none;
margin:1em -0.5em;
width:5em;
max-height:5em;
}

.Trenner{
color:#ddd;
}

.FLinks, .FLinks a, .social{
display:flex;
align-items:center;
}

.FLinks{
flex-wrap:wrap;
}

.FLinks a{
padding:0.5em 1.25em;
}

footer > a > div > div{
display:flex;
align-items:center;
}

footer a svg{
display:inline-block;
min-width:1em;
width:1em;
margin-right:0.375em;
fill:#ff9900;
transition:fill 0.25s ease-in-out;
}

footer a{
display:inline-block;
color:#ddd;
transition:color 0.25s ease-in-out;
}

footer > a:first-of-type{
padding:0.5em 1.25em;
}

footer a:hover{
color:#fff;
}

footer a:hover svg{
fill:#fff;
}

footer svg{
max-height:1em;
}

.social{
padding:1em;
}

.social a{
display:flex;
justify-content:center;
align-items:center;
padding:0.25em;
}

.social a:first-of-type{
padding-right:0;
}

.social svg{
min-width:1.25em;
width:1.25em;
max-height:1.25em;
margin-right:0;
vertical-align:bottom;
}

/* /////// MEDIA QUERIES /////// */

@media(max-width:1006px){
footer{
padding:1em;
}

.social{
padding-left:0.6em;
}

.social svg{
min-width:1.5em;
width:1.5em;
max-height:1.5em;
}
}

@media(max-width:424px){
header{
padding:0.6em 0;
}

#LogoHeader{
left:1em;
}

#LogoHeader svg{
max-width:3.8em;
}

footer{
display:block;
}

.FLinks{
display:block;
margin-top:0.75em;
}

.Trenner{
display:none;
}
}

@media(max-width:359px){
#LogoHeader{
display:none;
}
}

@media(max-width:381px){
footer > a:first-of-type > div > svg{
display:block;
}
}

#Wrapper{
max-width:1920px;
margin:0 auto;
background-color:#fff;
color:#333;
}

/* /// Schriftgrößen für Wrapper Startseite sowie Header und Footer /// */
@media(min-width:3800px){
#WrapperS, header, footer{
font-size:2em;
}
}

@media(max-width:3800px){
#WrapperS, header, footer{
font-size:2em;
}
}

@media(max-width:2500px){
#WrapperS, header, footer{
font-size:1.5em;
}
}

@media(max-width:1920px){
#WrapperS, header, footer{
font-size:1.25em;
}
}

@media(max-width:1600px){
#WrapperS, header, footer{
font-size:1.25em;
}
}

@media(max-width:1160px){
header, footer{/* #WrapperS,  */
font-size:1.125em;
}
}

@media(max-width:600px){
header, footer{/* #WrapperS,  */
font-size:1em;
}
}

@media(max-width:360px){
#WrapperS{
font-size:1em;
}
}

.Form2H4{
display:flex;
justify-content:space-between;
align-items:center;
padding:0 0.375em;
line-height:2em;
background-color:#555;
color:#fff;
}

#Form_alpha > div{
min-height:2em;
padding:0.25em;
background-color:#f2f2f2;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#Form_alpha > div:not(:last-of-type){
border-bottom:1px solid #ccc;
}

#Form_alpha label{
margin-right:0.25em;
}

#FehlendeZeit35 span, #FehlendeZeit45 span{
min-width:12px;
margin-right:0.125em;
}

#Geburtsdatum, #Wartezeit > div{
display:flex;
justify-content:space-between;
align-items:center;
}

#Geburtsdatum > div, #Wartezeit > div > div{
display:flex;
align-items:center;
}



#Wartezeit > div{
/* min-height:1.75em; */
line-height:1.75em;
}


/* Toggle Checkbox */
.toggle label{
position:relative;
display:inline-block;
cursor:pointer;
}

#GdB{
display:flex;
align-items:center;
min-height:36px;
border-bottom:1px solid #ccc;
}

#GdB label{
width:19em;
}

.toggle input{
display:none;
}

.toggle .slider{
/* Grundfläche */
position:absolute;
width:3em;
height:1.5em;
background-color:#CC0000;
transition:all .3s ease-in-out;
border-radius:1em;
cursor:pointer;
}

#GdB .slider{
top:-0.1875em;
right:-1em;
}

.toggle .slider:before{
/* verschiebbarer Button */
position:absolute;
content:"";
height:1.375em;
width:1.375em;
left:0.0625em;
top:0.0625em;
background-color:#fff;
border-radius:50%;
transition:all 0.3s ease-in-out;
}

.toggle input:checked + .slider{
background-color:#009999;
}

.toggle input:focus + .slider{
background-color:pink;
box-shadow:0 0 1px #009999;
}

.toggle input:checked + .slider:before{
/* -webkit-transform:translateX(1.4375em); */
transform:translateX(1.4375em);
}

.toggle .slider:after{
position:absolute;
font-weight:600;
height:1.09375em;
left:-2.3em;
top:0.1875em;
}

#GdB .slider:after{
/* Text vor dem FlipFlop-Schalter */
font-style:italic;
content:"nein";
}

.toggle input:checked + .slider:after{
position:absolute;
left:3.4em;
}

#GdB input:checked + .slider:after{
/* Text hinter dem FlipFlop-Schalter */
content:"ja";
font-style:italic;
}



.rotate{
transform:rotate(45deg);
}

.rotateBack{
transform:rotate(0);
}

.transform{
transition:transform 0.5s;
}




#Fussnoten{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:2em;
padding:0 1em;
}


#Fussnoten div:first-of-type{
display:flex;
flex-wrap:wrap;
}








#MiniNav{
position:relative;
z-index:777;
display:none;
justify-content:space-between;
align-items:center;
width:100%;
}

#MiniNav > a{
position:fixed;
bottom:1em;
display:flex;
justify-content:center;
align-items:center;
width:2.25em;
height:2.25em;
border:2px solid #000;
border-radius:50%;
opacity:0.25;
transition:all 0.5s ease;
}

#MiniNav > a > svg{
width:1.25em;
fill:#000;
transition:fill 0.5s;
}

#Home{
left:0.75em;
}

#Top{
right:0.75em;
transform:rotate(-90deg);
}

#MiniNav > a:hover{
border-color:#ff9900;
opacity:0.5;
}

#MiniNav > a:hover > svg{
fill:#ff9900;
}






