/* FONTS */

@font-face {
    font-family: 'EF Sans';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/EFSans-Regular.eot');
    src: local(''),
    src: url('../fonts/EFSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EFSans-Regular.woff2') format('woff2'),
        url('../fonts/EFSans-Regular.woff') format('woff'),
        url('../fonts/EFSans-Regular.ttf') format('truetype'),
        url('../fonts/EFSans-Regular.svg#EFSans-Black') format('svg');  
}
@font-face {
    font-family: 'EF Sans';
    src: url('../fonts/EFSans-Bold.eot');
    src: url('../fonts/EFSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EFSans-Bold.woff2') format('woff2'),
        url('../fonts/EFSans-Bold.woff') format('woff'),
        url('../fonts/EFSans-Bold.ttf') format('truetype'),
        url('../fonts/EFSans-Bold.svg#EFSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v48-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v48-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v48-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v48-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v48-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v48-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v48-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v48-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v48-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v48-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v48-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v48-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v48-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v48-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v48-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v48-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v48-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v48-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v48-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v48-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v48-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v48-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v48-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}



body {
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	/*color: #034EA2; */

	color: #001334;
	font-family: "EF Sans",  "Open Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	overflow:auto;
	height:100%;
}


object {
width: 100%;
height: 1200px;
}


.container {

	background:#001334;
	
	color: #FFFFFF;
 width:99%;
}




.big_font{
font-size: 1.2em;
}

.hr_blue{

border: 0.5px solid #001334;
width:100%;
} 


.text_area {  position:absolute;
                    height:auto;
				        width:30%;
				        z-index:2;
                          
		               border: 1.0px solid #001334;
		               border-radius: 4px 4px 4px 4px;
			
	                  background: #f5f8fd; 
	
			            font-size:11px;
	                   padding:4px;
          
			            color:#001334;
			
			 
		      }	


#form_box{

width:600px; 

z-index:4;
} 

#fields_box{
	width:100%; 
padding:1px;
color:#001334;
} 

form   input {
border: 1px solid #001334;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
min-height: 16px;
 
padding-left:6px;
font-size:1.0em;
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}

form.login input {
 
border: 0px solid #FFFFFF;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
  min-height: 16px;
 
  padding-left:6px;
  font-size:1.0em;
  width:100%;
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}


form.login input[type=submit]{
border-radius: 2px 2px 2px 2px;
 border: 1px solid:#003899;
 cursor:pointer;
background: #003899;
color:#FFFFFF;
}


form.login   input:hover[type=submit]{
border: 0px solid #4c74b8;
background: #4c74b8;
}



form.contact   input {
 
 border: 1px solid #001334;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
  min-height: 16px;
 width:100%;
  padding-left:2px;
  font-size:1.0em;
  
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}




form.sel   select {
 
 border: 1px solid #001334;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
  min-height: 16px;
 width:100%;
  padding-left:2px;
  font-size:1.0em;
  
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}


form.sel   input {
 
 border: 1px solid #001334;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
  min-height: 16px;
 width:100%;
  padding-left:2px;
  font-size:1.0em;
  
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}




form.sel input[type=submit]{
border-radius: 2px 2px 2px 2px;
 border: 1px solid #003899;
 cursor:pointer;
  width:auto;
background: #003899;
color:#FFFFFF;
}

form.sel   input:hover[type=submit]{
border: 1px solid #4c74b8;
background:#4c74b8;
}





form.contact   textarea {
 
 border: 1px solid #001334;
border-radius: 2px 2px 2px 2px;
background:#fffffff;
  min-height: 90px;
 width:100%;
  padding-left:2px;
  font-size:1.0em;
  
  padding-right:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
color:#001334;
}

form.contact input[type=submit]{
border-radius: 2px 2px 2px 2px;
 border: 1px solid:#003899;
 background:#003899;
 width:auto;
 cursor:pointer;
padding-right:10px;
padding-left:10px;

color:#FFFFFF;
}

form.contact input:hover[type=submit]{
 border: 1px solid #4c74b8;
 background: #4c74b8;
}






button{
border-radius: 2px 2px 2px 2px;
border: 1px solid #003899;
background: #003899;
cursor:pointer;
color:#FFFFFF;

}

button:hover{
	background: #4c74b8;
 	border: 1px solid #4c74b8;
}


form.contact   input::placeholder { /* alle??? */
  color: green;
}



a.white{
color:#FFFFFF; 
 text-decoration: underline;
}

a.white:hover{  
text-decoration:none; 
color: #4c74b8;
}	

a.top_navi{
color:#FFFFFF; 
 text-decoration: none;
}

a.top_navi:hover{
color:#4c74b8;
 text-decoration: none;
}

a.top_navi_active{
color:#4c74b8;
 text-decoration: none;
}

a.left_navi{
color:#001334; 
 text-decoration: none;
}
a.left_navi:hover{
color:#003899;
 text-decoration: none;
}

a.left_navi_active{
color:#003899;
 text-decoration: none;
}



.distance_20{
height:20px;
}
.distance_10{
height:10px;
}
.distance_4{
height:4px;
}

.bg_superlight{
	background:#D8E4F0;
	}
	
.bg_superlight_bb{
 background:#D8E4F0;
 border-bottom: 1.0px solid #FFFFFF;
	}	
	
	
	
.bg_grey{
	background:#F0F0F0;
	}	
	
.bg_grey_bb{
	background:#F0F0F0;
	border-bottom: 1.0px solid #FFFFFF;
	}	
	
.red{
color:#003899;

}
.err{
color:#4c74b8;
color:#cc0000;
}

.blue{
color:#001334;
}
.bg_blue{
background:#001334;
}


.right{
text-align:right;
width:100%;
}

.center{
text-align: center;
}

.padding_right_20{
padding-right:20px;/* FONTS */



}


.strong{
font-weight: 600;
}

.left_border{
border-left: 1.0px solid #FFFFFF;
}

.left_border_blue{
border-left: 1.0px solid #001334;
}


.right_border{
border-right: 1.0px solid #FFFFFF;
}

@media only screen and (max-width:1023px) {	

.right_border{
border-right: 0.0px solid #FFFFFF;
border-bottom: 1.0px solid #FFFFFF;
}

}



.right_border_blue{
border-right: 1.0px solid #001334;
}


.navi_line{
padding-top:6px;
font-size:20px;
font-family:  "EF Sans", "Oswald", Arial, Verdana, Helvetica, sans-serif;
font-weight:300;
}

.top10{
padding-top:10px;
}


.padding1{
padding:1px;
}
.padding10{
padding:10px;
}

.padding_top_6{
padding-top:6px;
}




 

.float_left{
float:left;
}


.header_topline {
	
	background: #FFFFFF;
	color: #001334;
	font-size:1.2em;
	min-height:36px;
	padding-top:16px;
}




.header_colorline {
	
	background: #001334;
	color: #FFFFFF;
	height:44px;  /* PHILIPP: min-height:44px; */
	padding-top:4px;
	border-bottom: 1.0px solid #FFFFFF;
}



.main_content {
	
	background: #FFFFFF;
	color: #001334;
	font-size: 1.1em;
	min-height:760px;
	
}

.main_content_start {
	
	background: #001334;
	
	color: #FFFFFF;
	font-size: 1.1em;
	min-height:760px;
	
}




.content_start {
margin: 100px;
border: 1.0px solid #001334;
max-width:100%;
height:200px;
background: #001334;
z-index: 1;
}

.start_letters {
position:relative;
top: -100px;
left: -100px;
	

	font-family:  "EF Sans",  "Oswald",Arial, Verdana, Helvetica, sans-serif;
	font-size: 4em;
	font-weight:300;
z-index: 4;

}

.content_start_white {
margin-top: 0px;
padding:10px;
border: 1.0px solid #001334;
	max-width:100%;

color: #001334;	
background: #FFFFFF;
z-index: 1;
}

.content {
margin-top: 10px;

		
color: #001334;

}

@media only screen and (max-width:1023px) {	

 
	.main_content_start {
	min-height:480px;
	}


	.content_start {
	margin-top: 0px;
	border: 0.0px solid #001334;
	height:80px;
	}


	.start_letters {
	position: relative;
	left:10px ;
	top:-150px ;
	font-size: 3em;
	z-index: 4;
	}
 
 }

@media only screen and (max-width:768px) {	

 
	.main_content_start {
	min-height:360px;
	}


	.content_start {
	margin-top: 0px;
	border: 0.0px solid #001334;
	height:60px;
	}

.navi_line{
padding-top:4px;
font-size:16px;

font-weight:600;
}

	.start_letters {
	position: relative;
	left:10px ;
	top:-120px ;
	font-size: 3em;
	
	}
 
 }
@media only screen and (max-width:360px) {	

 
	.main_content_start {
	min-height:240px;
	}


	.content_start {
	margin-top: 0px;
	border: 0.0px solid #001334;
	height:40px;
	}


	.start_letters {
	position: relative;
	left:10px ;
	top:-130px ;
	font-size: 3em;
	
	}
 
 }


td.colorfield { 
                padding:2px;
               font-size: 12px;
                color:#FFFFFF; 
                border:1.0px solid #FFFFFF;
                background-color:#001334;
                }
            
  .colorfield { 
                padding:2px;
                padding-left:4px;
                font-size: 14px;
                font-weight: bold;
                color:#FFFFFF; 
                border:1.0px solid #FFFFFF;
                background-color:#001334;
                }
                      
            
td.tabfield { 
font-size: 12px;
                padding:2px;
               vertical-align: top;
                color:#001334; 
                border:1.0px solid #FFFFFF;
       
            }
            
 div.tabfield { 
font-size: 12px;
                padding:2px;
                 padding-left:4px;
               vertical-align: top;
                color:#001334; 
                border:1.0px solid #FFFFFF;
       
            }  
   
   
   
            
 td.a_tab { 
             border:1.0px solid #001334;
            vertical-align: top;
			    padding-left:4px;
			     padding-right:2px;
             color:#001334;
		
	        }	             



.res_Iframe {
position: relative;
padding-bottom: 82%;
padding-top: 0px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 0px;
} 


.res_Iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.footer {
	border-top: 1.0px solid #FFFFFF;
	background: #001334;
	color: #FFFFFF;
	min-height:44px;
	padding-top:6px;
	padding-bottom:6px;
}



	/* =============================
 Media queries 
============================= */



@media only screen and (max-width: 1024px) {
	
	.header_topline {

	min-height:24px;
	font-size:1.0em;
}

object {
width: 100%;
height: 800px;
}

}	

@media (min-width: 1024px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}	




 
#p_link{
width:100%;
padding-top:0px;
text-align:center;
border-radius: 4px;
height:24px;	
background: url(../images/bg_fa_light.png) repeat-x left top; 	

margin-right:0;
	}


#p_link_round{
text-align:left;
padding-top:10px;
padding-left:10px;
padding-bottom:0;
border-radius: 4px;
height:24px;	
	
	}


.nwgw_area{
margin-top: 6px;
margin-bottom: 6px;
width:32px;
font-size:1.2em;
float:right;
text-align:center;
border: 1.0px solid #001334;
border-radius: 4px;
height:24px;	
background: #ccddee; 	
}

.quali_area{
margin-top: 2px;
margin-bottom: 6px;
float:right;


}

.reserv_area{
margin-top: 6px;
margin-right: 6px;
margin-bottom: 6px;
width:32px;
font-size:1.2em;
float:right;
text-align:center;
border: 1.0px solid #001334;
color: #FFFFFF;
border-radius: 4px;
height:24px;	
background: #cc0000; 	

}

/* Tooltip css */



a.tooltip {
  position: relative;
  text-decoration: none;
}

a.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 20%;
  background: #ffcb66;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 10px;
  -moz-border-radius : 10px;
  border-radius : 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
}
a.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #ffcb66;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
  opacity: 0;
  left: 30%;
  bottom: 90%;
}
a.tooltip:hover:after {
  bottom: 100%;
}
a.tooltip:hover:before {
  bottom: 70%;
}
a.tooltip:hover:after, a:hover:before {
  opacity: 1;
}

/* SWITCH der Umschalter Das label-Element */ 
.switch {
	/* Um im nächsten Schritt den runden Button mit position:absolute festzusetzen */ 
	position: relative;
	width: 64px;
	height: 34px;
	display: inline-block;
}

/* Der graue Untergrund des Schalters */ 
.switch span {		    
	position: absolute;
	background-color: #ccc;
	border-radius: 17px;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: background-color .4s;
	}
	
	
	/* Der kreisrunde Button im Switch */ 
.switch span::before {    
	background-color: white;
	border-radius: 50%;
	content: "";
	position: absolute;
	left: 4px;
	bottom: 4px;
	height: 26px;
	width: 26px;
}
	
	input:checked + span {
  background-color: darkgreen;
}

input:checked + span::before {
  transform: translateX(30px);
}


.switch input {
	display: none;
}

.switch {
	position: relative;
	display: grid;
	grid-template-columns: 230px 64px;
	grid-template-rows: 34px;
	grid-template-areas: "settings switch";
}
.switch span {
	background-color: #ccc;

	transition: .4s;
	grid-area: switch;
}

.switch p { 
	text-transform: uppercase; 
	letter-spacing: 1px;
	height: 30px;
	margin-top: 0;
}
input:checked + p::before {
	content: "Ein";
}

input:checked ~ p::after {
	content: " Ein"
}

/* PHILIPP START */

.switch-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.switch-label {
    min-width: 30px;
    font-size: 14px;
}

.switch-button {
    width: 40px;
    height: 22px;
    background-color: #ccc;
    border-radius: 11px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
    padding: 0;
}

.switch-button.on {
    background-color: #003899;
}

.switch-circle {
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left 0.3s ease;
}

.switch-button.on .switch-circle {
    left: 20px;
}

/* PHILIPP END */