@charset "utf-8";<span class\"menuItemFAQfrenchOver820Under1200\">
/* 
INHALT
- Globale Medienunabhängige Formatierungen
	- html
	- h1-6, a li
	- h1
	- h2
	- h3
	- a
	- a.primaryNav
	- a.secondaryNav
	- a.serviceNav
- Media Query > 820px
	- header
		- logo
		- nav#menuHeader
	- main
	- aside
	- footer
		- div.emergency
		- nav#menuFooter
		- div.contact
	- Media Query 820px - 1200px
		- Anordnung der Links im Footer als 2x2 Raster
	- Media Query > 1200px
		- Anordnung der Links im Footer als 1x4 Raster
- Media Query < 820px
	-  header
		- logo
		- nav#menuHeader
	- main
	- aside
	- footer
		- div.emergency
		- nav#menuFooter
		- div.contact

*/
/*******-------.......   Globale Formatierungen   .......-------*******/
*, html{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, a.primaryNav li{
	font-family: 'Amatic SC', cursive;
}
h1{
	font-size: 2.5rem;
	margin-bottom: -0.8rem;
}
h2{
	font-size: 2rem;
	margin-bottom: -0.75rem;
}
h3{
	font-size: 1.5rem;
	margin-bottom: -0.3rem;
}
p{
	margin-bottom: 2rem;
	line-height: 1.5rem;
}
.sources{
	font-size: 0.7rem
	line-height: 1.2rem;
}
a{
	text-decoration: none;
}
a.primaryNav{
	color: #eee;
	font-size: 2rem;
}
a.primaryNav:link{
	
}
a.primaryNav:visited{
	
}
a.primaryNav:hover{
	
}
a.primaryNav:active{
	
}
a.secondaryNav{
	font-family: 'Amatic SC', cursive;
}
a.secondaryNav:link{
	
}
a.secondaryNav:visited{
	
}
a.secondaryNav:hover{
	font-family: 'Loved by the King', cursive;
}
a.secondaryNav:active{
	
}
a.serviceNav{
	font-family: 'Amatic SC', cursive;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}
a.serviceNav:link{
	
}
a.serviceNav:visited{
	
}
a.serviceNav:hover{
	font-family: 'Loved by the King', cursive;
	letter-spacing: 0.1rem;
}
a.serviceNav:active{
	
}
main a{
	line-height: 1.5rem;
	word-wrap: break-word;
}
main h1{
	margin-bottom: 1.5rem;
}
.footNote{
	font-size: 0.75rem;
}

main h2{
	margin-top: 2.5rem;
}
p{
	margin-bottom: 0.45rem;
}
.emergency td{
	font-family: 'Amatic SC', cursive;
}
#yti_footer{
	margin-bottom: 1.5rem;
	clip: rect(20px,80px,50px,20px);
	border-radius: 0.25rem;
}
/*******-------.......   Media Query > 820px   .......-------*******/
@media screen and (min-width: 820px){
	header{
		position: relative;
		float: left;
		width: 100%;
	}
	#logo{
		position: relative;
		float: left;
		margin: calc(1rem + 1%) 1% 1% 1%;
		width: 5%;
		height: 5%;
	}
	#logo img{
		width: 100%;
		height: 100%;
	}
	#language{
		position: relative;
		margin-right: 2%;
		float: right;
		height: 1rem;
	}
	#language div{
		position: relative;
		float: right;
		width: 100px;
	}
	header nav{
		position: relative;
		float: left;
		margin: 1.2% 1% 1% 1%;
		width: 90%;
		height: 5rem;
		border-radius: 16px;
		background-color: #56ade1;
	}
  /*----------------------------------------------------------*/
	/*header nav>div div:nth-child(1) ul{
		min-width: 295px;
		width: 12%;
	}
	header nav>div div:nth-child(2) ul{
		min-width: 192px;
		width: 10.5%;
	} 
	header nav>div div:nth-child(3) ul{
		min-width: 160px;
		width: 9.5%;
	}
	header nav>div div:nth-child(4) ul{
		min-width: 180px;
		width: 10%;
	}
	header nav>div div:nth-child(5) ul{
		min-width: 60px;
		width: 8%;
	}
  /*----------------------------ENGLISH MENU >820px------------------------------*/
	#ulMenu01english{
		min-width: 295px;
		width: 12%;
	}
	#ulMenu02english{
		min-width: 192px;
		width: 10.5%;
	} 
	#ulMenu03english{
		min-width: 160px;
		width: 9.5%;
	}
	#ulMenu04english{
		min-width: 180px;
		width: 10%;
	}
	#ulMenu05english{
		min-width: 60px;
		width: 8%;
    }
  /*----------------------------FRENCH MENU >820px------------------------------*/
	#ulMenu01french{
		min-width: 265px;
		width: 12%;
	}
	#ulMenu02french{
		min-width: 245px;
		width: 10.5%;
	} 
	#ulMenu03french{
		min-width: 150px;
		width: 8.5%;
	}
	#ulMenu04french{
		min-width: 250px;
		width: 10%;
	}
	#ulMenu05french{
		min-width: 60px;
		width: 8%;
    }
    .menuItemFAQfrenchOver1200, .menuItemFAQfrenchUnder1200{
	    font-family: inherit;
	    font-size:1.5rem;
    }
  /*----------------------------GERMAN MENU >820px------------------------------*/
	#ulMenu01german{
		min-width: 295px;
		width: 12%;
	}
	#ulMenu02german{
		min-width: 192px;
		width: 10.5%;
	} 
	#ulMenu03german{
		min-width: 160px;
		width: 9.5%;
	}
	#ulMenu04german{
		min-width: 180px;
		width: 10%;
	}
	#ulMenu05german{
		min-width: 60px;
		width: 8%;
    }
  /*---------------------------------------------------------------------------*/
	header nav ul{
		position: relative;
		float: left;
		margin: 1.25rem 0 0 0;
		height: 2.5rem;
		padding: 0;/* 1rem;*/
		list-style-type: none;
		overflow: hidden;
	}
	header nav ul:hover{
		position: relative;
		float: left;
		height: auto;
		list-style-type: none;
		overflow: visible;
		border-radius: 16px;
		background-color: #56ade1;
		z-index: 999;
	}
	header nav ul li{
		padding: 0.15rem 1rem;
		margin: 0 0 1rem 0;
		line-height: 2rem;
		letter-spacing: 0.5px;
	}
	header nav ul li:hover{
		background-color: rgba(47, 82, 160, 1);
	}
	main{
		position: relative;
		float: left;
		margin: 0 9%;
		width: 80%;
		z-index: 1;
	}
	.artleft{
		float: left;
		width: calc(50% - 2rem);
		padding-right: 2rem;
	}
	aside{
		position: absolute;
		right: 2%;
		bottom: 0;
	}
	aside img{
		position: relative;
		margin: 0 0 1rem 1rem;
		width: 3rem;
	}
	footer{
		position: relative;
		float: left;
		margin-top: 2rem;
		width: 100%;
		height: auto;
		color: #333;
		font-size: 0.9rem;
		background-color: #56ade1;
	}
	footer a{
		color: #eee;
	}
	.emergency{
		display: inline;
		margin: 0 0 1rem 2%;
		position: relative;
		float: left;
		width: 25%;
	}
	.emergency table, tr{
		border-radius: 0.25rem;
		border-collapse: collapse;
		vertical-align: top;
	}
	.emergency td:nth-child(1){
		border-radius: 0.25rem 0 0 0.25rem;
	}
	.emergency td:nth-child(2){
		border-radius: 0 0.25rem 0.25rem 0;
	}
	.emergency td.highlight{
		min-width: 50px;
		padding: 0.25rem;
		vertical-align: top;
		background-color: #56ade1;
		transition: 1s;
	}
	.emergency tr span.highlight{
		border-radius: 0.25rem;
		background-color: #56ade1;
		transition: 1s;
	}
	.emergency tr:hover td.highlight, .emergency span.highlight:hover{
		background-color: rgba(47, 82, 160, 1);
	}
	footer nav{
		margin: 0 auto;
	}
	footer nav div{
		display: inline;
		position: relative;
		float: left;
		width: 55%;
	}
	footer nav ul{
		list-style-type: none;
		text-align: center;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	footer nav ul li:hover{
		font-size: 1.2rem;
		text-transform: uppercase;
	}
	@media screen and (min-width: 820px) and (max-width: 1200px){
  /*----------------------------FRENCH MENU <1200px------------------------------*/
    	#ulMenu01french{
			min-width: 225px;
			width: 10%;
		}
		#ulMenu02french{
			min-width: 205px;
			width: 18.5%;
		} 
		#ulMenu03french{
			min-width: 180px;
			width: 7.5%;
		}
		#ulMenu04french{
			min-width: 240px;
			width: 8%;
		}
		#ulMenu05french{
			min-width: 60px;
			width: 8%;
    	}
    	.menuItemFAQfrenchOver820Under1200, .menuItemFAQfrenchUnder1200, .menuItemFAQfrenchOver1200{
		    font-family: inherit;
		    font-size: 1.5rem;
    	}
  /*---------------------------- MENU <1200px------------------------------*/
		footer nav div div{
			width: 50%;
		}
		footer nav div div:nth-child(1), footer nav div div:nth-child(2){
			padding-top: 2rem;
		}
	}
	
	@media screen and (min-width: 1200px){
  /*----------------------------FRENCH MENU >1200px------------------------------*/
		#ulMenu01french{
			min-width: 295px;
			width: 12%;
		}
		#ulMenu02french{
			min-width: 260px;
			width: 10.5%;
		} 
		#ulMenu03french{
			min-width: 260px;
			width: 9.5%;
		}
		#ulMenu04french{
			min-width: 300px;
			width: 10%;
		}
		#ulMenu05french{
			min-width: 60px;
			width: 8%;
    	}
    	.menuItemFAQfrenchOver1200{
		    font-family: inherit;
		    font-size: 1.5rem;
    	}
  /*---------------------------- MENU >1200px------------------------------*/
		footer nav div div{
			width: 25%;
			padding-top: 5rem;
		}
	}
	.contact{
		display: inline;
		margin-right: 2%;
		position: relative;
		float: right;
		width: 15%;
		text-align: right;
	}
}

/*******-------.......   Media Query < 820px   .......-------*******/
@media screen and (max-width: 820px){
	header{
		height: 4rem;
		background-color: #56ade1;
		overflow: hidden;
	}
	#logo{
		position: absolute;
		top: 0.4rem;
		right: 0.5rem;
		width: 3rem;
	}
	#language{
		display: none;
	}
	nav ul{
		margin: 0.6rem 0;
		color: #56ade1;
		list-style-type: none;
	}
	nav ul li{
		color: #56ade1;
	}
	nav ul li::before{
		content: '- ';
	}
	header:hover{
		height: auto;
	}
	header:hover #logo{
		display: none;
	}
	header:hover ul{
		position: relative;
		float: left;
		margin: 0 auto;
		padding: 0.5rem 2.5%;
		min-width: 280px;
		width: 45%;
	}
	header:hover li{
		padding: 0.5rem;
		color: #fff;
		background-color: rgba(47, 82, 160, 1);
	}
	header:hover li:hover{
		text-decoration: underline;
	}
  /*----------------------------FRENCH MENU <820px------------------------------*/
    	.menuItemFAQfrenchUnder1200, .menuItemFAQfrenchOver1200{
		    font-family: inherit;
		    font-size: 1.5rem;
    	}
  /*---------------------------- MENU <820px------------------------------*/
	main{
		position: relative;
		float: left;
		margin: 0 9%;
		width: 80%;
		z-index: 1;
	}
	aside{
		position: absolute;
		right: 2%;
		bottom: 0;
	}
	aside img{
		position: relative;
		margin: 0 0 1rem 1rem;
		width: 3rem;
	}
	footer{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		color: #333;
		font-size: 0.9rem;
		background-color: #56ade1;
	}
	footer a{
		color: #eee;
	}
	.emergency{
		display: inline;
		margin: 0 2% 1rem 2%;
		position: relative;
		float: left;
		width: 96%;
	}
	.emergency table, tr{
		border-radius: 0.25rem;
		border-collapse: collapse;
		vertical-align: top;
	}
	.emergency td:nth-child(1){
		border-radius: 0.25rem 0 0 0.25rem;
	}
	.emergency td:nth-child(2){
		border-radius: 0 0.25rem 0.25rem 0;
	}
	.emergency td.highlight{
		min-width: 50px;
		padding: 0.25rem;
		vertical-align: top;
		background-color: #56ade1;
		transition: 1s;
	}
	.emergency tr span.highlight{
		border-radius: 0.25rem;
		background-color: #56ade1;
		transition: 1s;
	}
	.emergency tr:hover td.highlight, .emergency span.highlight:hover{
		background-color: rgba(47, 82, 160, 1);
	}
	footer nav{
		display: none;
	}
	.contact{
		display: inline;
		margin: 0 2%;
		position: relative;
		float: left;
		width: 96%;
		text-align: left;
	}
}