@charset "utf-8";



#bm_x {   
 text-align: center;
 !float  :left;
 !border :1px solid silver;
 !padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !font-size: 11em;
}






.textfeld_1 input[type="text"],                                   
.textfeld_1 input[type="email"],
.textfeld_1 input[type="search"],
.textfeld_1 { 
   font-size: 1.1em; 
   border: 1px solid gainsboro;
   !border-top: 0px;
   !border-left: 0px;
   !border-right: 0px;
 
   !color: teal;
   !font-family: inherit;
   !font-weight:300; 

   font-weight: normal; 
   font-family: Quicksand;    
   color: rgb(255,102,0) ; 
   font-size: 1.0em;
   color: #454540;
}	




.textfeld_g input[type="text"],                                   
.textfeld_g input[type="email"],
.textfeld_g input[type="search"],
.textfeld_g {
   font-size: 1.1em; 
   border: 1px solid gainsboro;
   !border-top: 0px;
   !border-left: 0px;
   !border-right: 0px;
 
   !color: teal;
   !font-family: inherit;
   !font-weight:300; 

   font-weight: normal; 
   font-family: Quicksand;    
   color: rgb(255,102,0) ; 
   font-size: 1.0em;
   color: #454540;
   background-color: #f0ffc0;
}	






a.tl_0 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_0:visited {
  color: #454540;  text-decoration:none;   
}

a.tl_0:link {
  color: #454540;  text-decoration:none;  
}

a.tl_0:hover {
  color: #454540;  text-decoration:none;   
}

a.tl_0:active {
  color: #454540; black;   
}




#doCollapse {
   border-collapse: collapse;
}


#banner{
  width: 95%;
  height: 30%;
  position: fixed;
  top: 1px;
  !z-index:1;
  !border: 1px solid red;
}                                                                                                                                                                                                 




body {    overflow-y: scroll;    }

.buttonC {
    font-family: Quicksand;                                                                                                                                                                                                                                                
    font-size: 1.0em; 
    font-style: normal; 
    line-height: normal; 
    font-weight: bold;                                                                                                                                                                                                                                                                 
    !text-transform: none; 
    color: #454540; 
}


.area_text_1 {
  width: 65%;
  font-family: Quicksand;  
  font-size: 1.8em;

}


.area_mail_1 {
  width: 65%;
  font-family: Quicksand;
  font-size: 1.8em;
  
}

.neu_02 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #808080;}
.buttonD { font-family: Quicksand;      font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320))); font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #454540; background-color:}




.logo{
  background-color: rgb(145,11,125);
  width: 100%;
  !padding-bottom: 0.5em;
  font-family: Quicksand;
  text-align: center;
  font-size: 1.8em;
  height: 180px;
}


#bild_start{
  width: 90%;
  height: min;
  z-index:1;
}                                                                                                                                                                                                 


#schrift_start {  
  ms-transform: rotate(-90deg);
  moz-transform: rotate(-90deg);
  webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);

  !padding: 2px;
  margin-top: 24.7%;
  position: fixed;
  left: -13.7%;
  !border: 1px solid white;       
  !text-align: center;
  font-family: Quicksand;    
  color: rgb(255,102,0) ;  
  
  line-height: 2.5;
  !font-size: calc(30px + (30 - 25) * ((100vw - 320px) / (1600 - 320)));  
  
  !font-size: 2em; 
  !font-weight: bold;    
  font-size: 2.7vw; 
  letter-spacing:0.12em;
  display: inline-block;
  !z-index:71;
  !display:block;
  width: 35%; 
  !height: 20;
} 



#probetraining_box {  
  padding: 2px;
!  margin-top: 24%;
  position: absolute;
  left: 17%;
  border: 1px solid white;       
  text-align: center;
  font-family: Quicksand;    
  color: white ; 
  line-height: 2.5;
  font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1600 - 320)));    
  letter-spacing:0.12em;
  display: inline-block;
  z-index:71;
} 





#box_oben {  
  !float: left;
  padding-bottom: 3px;
  top: 2%
  !top: 100px;
  !position: absolute;
  position: fixed;
  left: 45%;
  border: 1px solid red;       
  text-align: center;
  font-family: Quicksand;    
  color: white ; 
  !line-height: 2.5;
  font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1600 - 320)));    
  letter-spacing:0.12em;
  !display: inline-block;
  z-index:50;
  border: 1px solid silver;
  background:#FCF3CF;   
} 





#bild_weiter {  
  padding: 2px;
  !margin-top: 29%;
  position: absolute;
  left: 75%;
  !border: 1px solid white;       
  text-align: center;
  font-family: Quicksand;    
  color: white ; 
  line-height: 2.5;
  font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (1600 - 320)));    
  letter-spacing:0.12em;
  display: inline-block;
  z-index:71;
} 


div a {
    display:block;
    height:100%;
    text-decoration:none;
    color: white ; 
}
div a:hover {
    background:#fff;
    color: rgb(255,102,0) ;
}



#text_box_abstand_links {     
  float: left;
  width: 15%;
  width: 7.1%;
  z-index:1;
  padding:38px;     
} 



#menue_unten {
  float: left;
}



#menue_box {  
  position: fixed;
  bottom: 0%;
  left: 10px;
  width: 80%;
  !border: 2px solid blue;
  background:#fff;
  border-top: 0.2px solid rgb(223,223,223);    
  padding-top:12px;
} 




#text_box {  
  position: absolute;
  width: 65%;
  !right: 25%;
  !top: 32%;
  left: 12%;
  font-size: 1em;
  background:#FCF3CF;  
  !background:red;
  z-index: -1;
} 

                            
.ueberschrift {
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    color: rgb(145,11,125);
    font-size: 2.0em;
    font-family: Raleway, Helvetica Neue, sans-serif;
    letter-spacing:0.1em;
    line-height: 1;
}



.text_normal {
    font-weight: normal;
    font-family: Quicksand;
    color: rgb(255,102,0) ;
    font-size: 1.20em;
    font-family: Raleway, Helvetica Neue, sans-serif;
    color: #454540;
    line-height: 1.5;
}





                            
.ueberschrift_2 {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 1.8em;
    letter-spacing:0.1em;
    line-height: 1;
}




.zeile_2 {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 0.8em;
    font-size: calc(8px + (38 - 20) * ((25vw - 320px) / (600 - 120)));
    letter-spacing:0.15em;
    color: #454540;
    line-height: 1.0;
}





.text_klein {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 1em;
    color: #454540;
    !line-height: 1.5;
}






.text_normal_g {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 1.20em;
    color: #454540;
    line-height: 1.5;
    background-color: rgb(224,255,208);
}




.text_normal_r {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 1.20em;
    color: #454540;
    line-height: 1.5;
    background-color: rgb(255,224,144);
}




.text_grund.... {  
    font-weight: normal; 
    font-family: Quicksand;    
    color: rgb(255,102,0) ; 
    font-size: 2.20em;
    color: #454540;
    line-height: 1.5;
}




a.link_aktiv {
  font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320)));    
  font-family: Quicksand;    
}

a.link_aktiv:visited {
  color: rgb(255,102,0); text-decoration:none;   
}

a.link_aktiv:link {
  color: rgb(255,102,0); text-decoration:none;  
}

a.link_aktiv:hover {
  color: red; 
  text-decoration:none;  
  background:#FCF3CF;   
}

a.link_aktiv:active {
  color: rgb(255,102,0);   
}




a.link_g {
  font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320)));    
  font-family: Quicksand;    
  background:rgb(240,255,192);  
}

a.link_g:visited {
  color: green; text-decoration:none;   
}

a.link_g:link {
  color: green; text-decoration:none;  
}

a.link_g:hover {
  color: red; text-decoration:none;; 
  text-decoration:none;  
  !background:green;   
}

a.link_g:active {
  color: green; text-decoration:none;   
}




a.link_inaktiv_2 {
  font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320)));   
  font-family: Raleway, Helvetica Neue, sans-serif;
}

a.link_inaktiv_2:visited {
  color: #454540; text-decoration:none;   
}

a.link_inaktiv_2:link {
  color: #454540; text-decoration:none;  
}

a.link_inaktiv_2:hover {
  color: rgb(255,102,0); text-decoration:none;   
}

a.link_inaktiv_2:active {
  color: #454540;    
}





a.link_inaktiv {
  font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1600 - 320)));   
  font-family: Raleway, Helvetica Neue, sans-serif;
}

a.link_inaktiv:visited {
  color: #454540; text-decoration:none;   
}

a.link_inaktiv:link {
  color: #454540; text-decoration:none;  
}

a.link_inaktiv:hover {
      color: rgb(145,11,125); text-decoration:none;
  background:#FCF3CF;
}

a.link_inaktiv:active {
  color: #454540;    
}




a.link_grund {
  font-weight: normal; 
  display: inline-block;
  font-family: Quicksand;    
  color: rgb(255,102,0) ; 
    font-size: 2.20em;
  color: #454540;
  !line-height: 1.5;
}

a.link_grund:visited {
  color: #454540; text-decoration:none;   
}

a.link_grund:link {
  color: #454540; text-decoration:none;  
}

a.link_grund:hover {
  color: rgb(255,102,0); text-decoration:none;   
}

a.link_grund:active {
  color: #454540;    
}




a.link_text {
  font-weight: normal; 
  display: inline-block;
  font-family: Quicksand;    
  color: rgb(255,102,0) ; 
  font-size: 0.99em;
  color: #454540;
  !line-height: 1.5;
}

a.link_text:visited {
  color: #454540; 
  text-decoration:none;   
}

a.link_text:link {
  color: #FCF3CF; text-decoration:none; 
      color: #454540; 
}

a.link_text:hover {
  color: rgb(255,102,0); text-decoration:none;  
  background:#FCF3CF;   
}

a.link_text:active {
  color: #454540;    
}





a.link_maps {
  font-weight: normal; 
  font-family: Quicksand;    
  color: rgb(255,102,0) ; 
  font-size: 0.99em;
  color: #454540;
  line-height: 1.5;
}

a.link_maps:visited {
  color: #454540; text-decoration:none;   
}

a.link_maps:link {
  color: #454540; text-decoration:none;  
}

a.link_maps:hover {
  color: rgb(255,102,0); text-decoration:none;   
}

a.link_maps:active {
  color: #454540;    
}



#menue_aktiv {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
  padding-top:5px;     
  font-family: Quicksand;  
  color: rgb(255,102,0);           
  text-align: center;
  font-size: calc(17px + (38 - 20) * ((25vw - 320px) / (600 - 120)));
}



.abstand {  
  clear: left;
  !border: 1px solid green;    
} 




#menue_inaktiv {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
  padding-top:5px;     
  font-family: Quicksand;  
  color: #454540;           
  text-align: center;
  font-size: calc(17px + (38 - 20) * ((25vw - 320px) / (600 - 120)));
}




#button {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
  padding-top:0px;
  border: 1.2px solid silver;
  font-family: Quicksand;
  color: #454540;
  text-align: center;
  font-size: calc(17px + (38 - 20) * ((25vw - 320px) / (600 - 120)));
}



#auswertung {
  float: left;
  display: flex;
  justify-content: left;
  align-items: left;
  z-index:1;
  padding-top:0px;
  border: 1.2px solid silver;
  font-family: Quicksand;
  color: #454540;
  text-align: left;
  font-size: calc(17px + (38 - 20) * ((25vw - 320px) / (600 - 120)));
}


#menue_links_abstand {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.1%;
  z-index:1;
  padding:20px;     
  font-size: calc(16px + (28 - 16) * ((30vw - 320px) / (600 - 120)));
}


x {
  font-family: Verdana;
  font-weight: normal;   
  font-size: 0.5em;
  color: rgb(0,51,255); background-color: rgb(255,255,204);  
}


/*
  !border: 2px solid blue;
  */