@charset "UTF-8";
/* CSS Document */

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

/* Silvana-Medium */
@font-face {
  font-family: 'Silvana-Medium';
  font-style: normal;
  font-weight: medium;
  src: local(''),
       url('../fonts/Silvana-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Silvana-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Silvana-Medium.otf') format('OpenType Font') 
}

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

.accordion_menus input {
    display: none;
}

.accordion_menus {
  width: 90%;
  margin: 180px auto 30px auto;

}

.accordion_menus label {
  display: block;
  height: 30px; 
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  padding: 1.5em 1.5em;

}

h1{
	font-family: 'Silvana-Medium';
	margin: 50px auto 50px 0px;
	color: #999;
	font-size:70px;
	font-weight:bold;
	z-index: 100;
}
	
h1 span{
	font-family: 'Silvana-Medium';
	color: #999;
    margin: 100px 20px 10px 25px;
    font-size: 70px;
    line-height: 80px;
    font-weight: normal;
}
		
h2{
	font-family: 'Silvana-Medium';
	font-size: 50px;
	color: #999;
	font-weight: normal;
	margin-top: 40px;
	clear: left;
	font-style: normal;   
}

h2 span{ 
	margin: 20px auto 20px 200px;
}

h3{
	font-family: 'Silvana-Medium';
	margin: 50px auto 20px 0px;
	color: #999;
	font-size:35px;
	font-weight:normal;
	z-index: 100;
}

h3 span{
	color: #999; 
	font-size:30px;
	font-weight:bold;
	text-align:left;
}

h4{
	font-family: 'Silvana-Medium';
	margin: 140px auto 0px 0px;
	color: #999;
	font-size: 25px;
}	 

h5{
	font-family: Roboto;
	margin-top: 10;	 
	color: #999; 
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing: 2pt;
}

h6{
    font-family: Roboto, Arial, sans-serif;
	margin: 5px auto 0px auto;
	color: #999;
	font-size: 1.2em;
    line-height: 1.6em;
	font-weight: 400;
	font-style: normal;
    text-align: center;
}

h7{
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	float: left;
	font-family: 'Comfortaa', cursive;
	margin: 0px 0px 0px 0px;
	color: #d45505;
	font-size: 0.7em;
	text-align: left;
	font-weight: 100;
	bottom: 0;
}


p{
	font-family: Roboto, Arial, sans-serif;
	margin: 30px 20px 5px 20px;
	color: #999;
	font-size: 22px;
    line-height: 32px;
	font-weight: 400;
	font-style: normal;
}

.subline {
    margin-top:100px;
}

.center{
	text-align: center;
    
}

small {
    font-size:0.7em;
    color: #000;
}
	
p strong{ 
	font-size:1.2em;
    font-weight: 400;
}

p.chevron, p.chevronwhite{
	margin: 50px auto 30px auto;
	color: #ccc; 
	font-size: 2.5em;
    text-align: center;
}

p.nav1{ 
    font-family: 'Silvana-Medium';
	color: #f5f5f5;
    margin: 100px 20px 10px 25px;
    font-size: 60px;
    line-height: 70px;
    font-weight: normal;
}

p.nav2{ 
    font-family: 'Roboto';
	color: #ccc;
    margin: 20px 10px 0px 50px;
    font-size: 25px;
    line-height: 40px;
    font-weight: normal;
}
	
ul{
	font-family: Roboto, Arial, sans-serif;
	margin: 5px 20px 0px 0px;
	color: #f3f3f1;
    font-size: 22px;
	font-weight: 400;
	font-style: normal;

}
	
ul span{
	margin: 5px 20px 0px 0px;
	color: #f3f3f1;
    font-size: 1.5em;
    list-style: disc;
}

li{
	font-family: Roboto, Arial, sans-serif;
	margin: 5px 20px 0px 0px;
    font-size: 22px;
    line-height: 30px;
	color: #f3f3f1;
}

li span{ 
	font-size:1.2em;
    font-weight: 400;
}

tr, td { 
	font-family: Roboto;
	margin-top: 15;	 
	padding-left: 0px;
	color: #cccccc; 
	font-size:13px;
}

a:link {
	color: #000;
	text-decoration: none;
			 
}

a:active {
	color: #ff0000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
		
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}


li:link {
	color: #999;
	text-decoration: none;
			 
}

li:active {
	color: #fff000;
	text-decoration: none;
}

li:visited {
	color: #999;
	text-decoration: none;
		
}
li:hover {
	text-decoration: none;
	color: #fff;
}

p.chevron a:link {
	color: #999;
	text-decoration: none;
			 
}

p.chevron a:active {
	color: #ff0000;
	text-decoration: none;
}

p.chevron a:visited {
	color: #999;
	text-decoration: none;
		
}
p.chevron a:hover {
	text-decoration: none;
	color: #ffc000;
}


p.chevronwhite a:link {
	color: #fff;
	text-decoration: none;
			 
}

p.chevronwhite a:active {
	color: #fbd335;
	text-decoration: none;
}

p.chevronwhite a:visited {
	color: #fff;
	text-decoration: none;
		
}
p.chevronwhite a:hover {
	text-decoration: none;
	color: #d45505;
}

p.nav2 a:link {
	color: #999;
	text-decoration: none;
			 
}

p.nav2 a:active {
	color: #ffc000;
	text-decoration: none;
}

p.nav2 a:visited {
	color: #999;
	text-decoration: none;
		
}
p.nav2 a:hover {
	text-decoration: none;
	color: #fff;
}

hr {
   border: 1px solid #999;
}

/* =============================================================================================================
   ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE ANPASSUNG SCREEN SIZE
   ========================================================================================================== */
@media screen and (max-width: 1680px) {

h4{
	font-family: 'Silvana-Medium';
	margin: 70px auto 0px 0px;
	color: #f3f3f1;
	font-size: 25px;
}

}

   
@media screen and (max-width: 1380px) {
    
h1{
	margin: 50px auto 40px 0px;
}
    
h3{
	margin: 50px auto 20px 0px;

}	

h4{
	margin: 40px auto 0px 0px;
	color: #f3f3f1;
	font-size: 25px;
}
    
h6{
	margin: 5px auto 0px auto;
	color: #000000;
}

p{
	margin: 30px 20px 5px 20px;
	font-size: 16px;
    line-height: 30px;
}
    
li{
	font-size: 1.0em;
    line-height: 1.4em;
}

    	
ul span{
	margin: 5px 20px 0px 0px;
    font-size: 1.3em;
}

p.chevron, p.chevronwhite{
	margin: 50px auto 30px auto;
	font-size: 2.0em;
    text-align: center;
}
    
p.nav1{ 
    margin: 20px 20px 10px 25px;
    font-size: 50px;
    line-height: 70px;
    font-weight: normal;
    text-align: left;
}
    
p.nav2{ 
    margin: 10px 10px 0px 50px;
    font-size: 22px;
    line-height: 35px;
}
}

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

    
h1{
	margin: 50px auto 20px 0px;
}
    
h3{
	margin: 50px auto 20px 0px;
	font-size:30px;
}	

h4{
	margin: 10px auto 0px 0px;
	color: #f3f3f1;
	font-size: 20px;
}
    
h6{
	margin: 5px auto 0px auto;
	font-size: 0.9em;
    line-height: 1.4em;
}

p{
	margin: 5px auto 0px auto;
	font-size: 16px;
    line-height: 1.4em;
}

    	
ul span{
	margin: 5px 20px 0px 0px;
    font-size: 1.1em;
    line-height: 1.4em;
}

p.chevron, p.chevronwhite{
	margin: 50px auto 30px auto;
	font-size: 2.0em;
}

p.nav1{ 
    margin: 50px 10px 0px 20px;
    font-size: 40px ;
}
    
p.nav2{ 
    margin: 10px 10px 0px 50px;
    line-height: 40px;
    font-size: 20px;
}
 
}

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


h1{
	margin: 50px auto 20px 0px;
	font-size:2em;
}
	
h1 span{
	background-color: #cccccc;
	font-size:35px;
}
	
	
h2{
	font-size: 20px;
  
}

h2 span{ 
	margin: 20px auto 20px 200px;
    
	}

h3{
	margin: 50px auto 20px 20px;
}

h3 span{
	font-size:30px;
}

h4{
	margin-top: 00px;	 	 
	font-size:16px;
	font-weight:bold;
}	 

h5{
	margin-top: 10;	 
	font-size:15px;
	font-weight:bold;
	text-align:center;
	letter-spacing: 2pt;
}

h6{
	margin: 5px auto 0px auto;
	font-size: 0.8em;
    line-height: 1.5em;
}

p{
	margin: 5px 20px 0px 20px;
	font-size: 16px;
    line-height: 30px;
}

p.chevron, p.chevronwhite{
	margin: 50px auto 30px auto;
	font-size: 2.5em;
}
    
p.nav1{ 
    margin: 40px 20px 10px 15px;
    font-size: 45px;
    line-height: 55px;
}

p.nav2{ 
    margin: 0px 10px 0px 25px;
    font-size: 20px;
    line-height: 40px;
}
	
ul{
	margin: 5px 20px 0px 0px;
    	font-size: 16px;
    line-height: 30px;
}

	
ul span{
	margin: 5px 20px 0px 0px;
    font-size: 1.5em;
    line-height: 1.5em;
}

li{
	margin: 5px 20px 0px 0px;
    	font-size: 16px;
    line-height: 30px;
}	

tr, td { 
	margin-top: 15;	 
	padding-left: 0px;
	font-size:13px;
}
}


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


}
}







*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



