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

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

/* 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 */
}


h1 {
	font-family: 'Anton';
	font-size: 90px;
    font-weight: 400;
    word-spacing: 10px;
	color: #000;
	margin: 25px 0px 0px 0px;
}

h1 span {
    color: #f20000;
}
		
h2{
	font-family: 'roboto';
	font-size: 50px;
	color: #ccc;
	font-weight: normal;
	margin: 0px auto 20px 20px;
	clear: left;
	font-style: normal;   
}

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

h3{
	font-family: 'anton';
	margin: 0px;
	color: #000;
	font-size:40px;
	font-weight:normal;
	z-index: 100;
}

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

h4{
	font-family: 'Anton';
	margin: 140px auto 0px 0px;
	color: #000;
	font-size: 25px;
}	 

h5{
	font-family: Roboto;
	margin-top: 10;	 
	color: #000; 
	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: #ffffff;
	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: 'roboto', cursive;
	margin: 0px 0px 0px 10px;
	color: #fc9111;
	font-size: 0.7em;
	text-align: left;
	font-weight: 100;
	bottom: 0;
}


p, tr, td, ul, li{
	font-family: Roboto, Arial, sans-serif;
	margin: 30px 20px 30px 20px;
	color: #000;
	font-size: 22px;
    line-height: 40px;
	font-weight: 400;
	font-style: normal;
}


.center{
	text-align: center;
}

small {
    font-size:14px;
}

sub {
    line-height: 5px;
    font-size:14px;
}

i{
  color: #000;  
}
	
p strong{ 
    font-weight: 900;
}

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


details[open] {
  background: #f0eeee;
  margin-bottom: 1em;
  font-family: 'roboto';
  overflow: visible;
}

 p.accordeon, tr.accordeon, td.accordeon, ul.accordeon, li.accordeon{ 
    font-family: 'roboto';
	color: #cc0000;
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}

summary {
    font-family: 'roboto'; 
    font-size: 25px;
    font-weight: bold;
    overflow: visible;
}

summary:active {
	color: #f20000;
	text-decoration: none;
}

summary:visited {
	color: #009900;
	text-decoration: none;
		
}
summary:hover {
	text-decoration: none;
	color: #f20000;
}

summary::-webkit-details-marker,	
summary::marker {
  content:  " ⚠ ";
  color: #f20000; 
  font-size: 25px;
  font-weight: bold;
    float:left;
  transition: all 0.5s;  
}	

details[open] > summary::-webkit-details-marker,
details[open] > summary::marker {
  content:  " ⚠ ";
    font-family: 'roboto' !important;
  color: green;
}

details::details-content {
  height: 0;
  overflow-y: clip;
  padding: 10px;
  transition: 0.5s allow-discrete;
}

details[open]::details-content {
	height: auto;
  /* Interpolation only */
  height: calc-size(auto, size);
}

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: 10px 0px 10px 0px;
    font-size: 25px;
    line-height: 40px;
    font-weight: 900;
    word-spacing: 50px;
}
	
a:link {
	color: #D7D7D7;
	text-decoration: none;		 
}

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

a:visited {
	color: #D7D7D7;
	text-decoration: none;
		
}
a: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: #000;
	text-decoration: none;			 
}

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

p.nav2 a:visited {
	color: #000;
	text-decoration: none;	
}

p.nav2 a:hover {
	text-decoration: none;
	color: #f20000;
}

hr {
   border: 1px solid #f20000;
    margin: 20px 0px 20px 0px;
}

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

h4{
	margin: 70px auto 0px 0px;
	font-size: 25px;
}
}

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

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

p, tr, td, ul, li{
	margin: 20px 0px 20px 0px;
	font-size: 20px;
    line-height: 30px;
	font-weight: 400;
}

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;
	font-size:50px;
}
    
h2{
	font-size: 40px;
	color: #ccc;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	clear: left;
	font-style: normal;   
}
    
h3{
	margin: 50px auto 20px 0px;
	font-size:30px;
}	

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

p, tr, td, ul, li{
	margin: 20px 0px 20px 0px;
	font-size: 18px;
    line-height: 30px;
	font-weight: 400;
}

p.chevron, p.chevronwhite{
	margin: 50px auto 30px auto;
	font-size: 2.0em;
}
    
p.accordeon, tr.accordeon, td.accordeon, ul.accordeon, li.accordeon{ 
    font-family: 'roboto';
	color: #cc0000;
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
}

summary {
    font-family: 'roboto'; 
    font-size: 20px;
    font-weight: bold;
    overflow: visible;
}

summary:active {
	color: #f20000;
	text-decoration: none;
}

summary:visited {
	color: #009900;
	text-decoration: none;
		
}
summary:hover {
	text-decoration: none;
	color: #cc0000;
}

summary::-webkit-details-marker,	
summary::marker {
  content:  " ⚠ ";
  color: #f20000; 
  font-size: 25px;
  font-weight: bold;
    float:left;
  transition: all 0.5s;  
}	

details[open] > summary::-webkit-details-marker,
details[open] > summary::marker {
  content:  " ⚠ ";
    font-family: 'roboto' !important;
  color: green;
}        


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: 10px auto 20px 0px;
	font-size:35px;
    text-align: center;
}
	
	
h2{
	font-size: 30px;
    color: #666;
}

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.nav2{ 
    margin: 10px 0px 10px 0px;
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    word-spacing: 10px;
}

 p.accordeon, tr.accordeon, td.accordeon, ul.accordeon, li.accordeon{ 
    font-family: 'roboto';
	color: #cc0000;
    margin: 0px;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
}

summary {
    font-family: 'roboto'; 
    font-size: 20px;
    font-weight: bold;
    overflow: visible;
}

summary:active {
	color: #f20000;
	text-decoration: none;
}

summary:visited {
	color: #009900;
	text-decoration: none;
		
}
summary:hover {
	text-decoration: none;
	color: #cc0000;
}

summary::-webkit-details-marker,	
summary::marker {
  content:  " ⚠ ";
  color: #f20000; 
  font-size: 25px;
  font-weight: bold;
    float:left;
  transition: all 0.5s;  
}	

details[open] > summary::-webkit-details-marker,
details[open] > summary::marker {
  content:  " ⚠ ";
    font-family: 'roboto' !important;
  color: green;
}        

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; }