/*-----test.css-----*/
.zeichen  {  height: 0.9em !important; width:auto;  margin: 2px 0 0 0; }
         p.hbild, .maennchen { padding-left:0; padding-right:0;  }  /* bei headerbild 0*/
         .hkasten { height:fit-content; margin-top:-1em;  }    /* headerbild oben*/
         button {font-family:'Oswald DemiBold', Open Sans, Arial, sans-serif; font-style:normal; }

.maennchen { width:100vw; max-width:1200px; aspect-ratio: 1440/108; background-color:black !important; margin-top:-24px; 
             background-image: url(https://klausstaffa.de/ks/wp-content/uploads/2024/02/Trommelgruppe3x.png); 
             background-size:contain; background-repeat: repeat-x; background-position: left center; overflow-x:hidden;                  
}

.probestd-home {    
         position:relative; left:31%; color:black !important; letter-spacing: 0.04em; border-radius: 4px;
         top:600px; width:429px; border:none; height: 63px;  background-color:#FDB515;  z-index:1001;  font-size:1.75em; 
}

.probestd-home a { letter-spacing: 0em;  }
 a:hover.los {  color:white !important;   }

#dreierblock  { width:100%; max-width:1200px; text-align: center; margin: 1em auto;}
#drittel { display: inline-block; width:26%; min-width:180px; background-color:black; color:white; margin: 0.8em 2.1%; }
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: none !important; }
a:hover.anmeld-tr-kurse   { color:#fdb515 !important; }

h6 {  font-size: 1.4em; letter-spacing:0.1vw;  margin: 0.6em 0 0 0; }
#drittel>p {  font-size:.85rem; }
#breit { text-align:center; font-size: 1.5em;   letter-spacing: 0.05em;  font-weight: bold; margin: 0;  }
#spass { font-family:'Oswald Bold', Open Sans, Arial, sans-serif;   
              font-size: 1.7em;   letter-spacing: 0em;  
              font-weight: bold;  padding:0; margin:0; }

#zweierblock  { width:100%; max-width:1200px; background-color:white; text-align: center; margin:1em auto; padding-top: 0.2em;}
#l-block, #r-block { display: inline-block; width:41%; min-width:200px; background-color:#FDB515; color:black; margin:0.8em 2%;}
#l-block>h6, #r-block>h6 {   margin-bottom:0.75em;  }

.mitmachen-home {  font-size:1.45em;  line-height: 1.2em; margin-top:1em;} 
.probest-sw {  background-color:black; color:white; width:355px; margin:1em auto; padding: 0.5em; letter-spacing: 0.04em; border-radius: 4px;}
.probest-sw a { color:white; }
.probest-sw a:hover { color:#fdb515; }

/*-------------------768px----------------------1200px-----------*/

@media screen and (min-width: 768px) and (max-width: 1200px) {
	
h1 {   font-size: 3.5vw;   }
         .probestd-home {    top:49vw; width:32vw; height: 4.5vw;   font-size:2.7vw;     }

#breit { text-align:center; font-size: calc(1.1vw + 16px);   letter-spacing: 0.05em;  font-weight: bold; margin: 0;  }
#spass { font-family:'Oswald Bold', Open Sans, Arial, sans-serif;   
              font-size: calc(2.5vw + 10px);   letter-spacing: 0.08em; 
              font-weight: bold;  padding:0; margin:0; } 
#drittel>p { font-size: calc(0.4vw + 8px); }  
h6 {  font-size: 2.5vw;   margin: 0.6em 0 0 0; }
.mitmachen-home {  font-size:1vw;  } 
.mitmachen-home {  font-size:2vw; } 

.probest-sw {  width:32vw;   }
  }
/*------------------480px------------------768px-----------*/
@media screen and (min-width: 480px) and  (max-width: 768px)  {
	
h1 { font-size: 5vw; }
.probestd-home {   top:50vw; width:40vw; min-width: 220px; height: 4.5vw;   font-size:3.2vw;     }

#breit { text-align:center; font-size: calc(0.8vw + 16px);   letter-spacing: 0.05em;  font-weight: bold; margin: 0;  }
#spass { font-family:'Oswald Bold', Open Sans, Arial, sans-serif;   
              font-size: calc(2.5vw + 10px);   letter-spacing: 0.1em; 
              font-weight: bold;  padding:0; margin:0; }   
h6 {  font-size: 2.5vw;   margin: 0.6em 0 0 0; }
#drittel>p { font-size: calc(0.4vw + 8px); }
.mitmachen-home {  font-size:2.4vw; } 
.probest-sw {  width:40vw;   }
 }
/*---------------------------------bis--479px---------------*/
@media screen and  (max-width: 479px)  {
	
.xxl-font-size { font-size: 1em;     line-height: 1.2em;   }
h1 {   font-size: 4.7vw;   }
.probestd-home {   top: 50vw;  width: 39vw; min-width: 130px; height: 5.5vw; font-size: 3.5vw;}

#breit { text-align:center; font-size: calc(0.5vw + 16px);   letter-spacing: 0.05em;  font-weight: bold; margin: 0;  }
#spass { font-family:'Oswald Bold', Open Sans, Arial, sans-serif;   
              font-size: calc(2.5vw + 10px);   letter-spacing: 0.1em; 
              font-weight: bold;  padding:0; margin:0; } 
#l-block, #r-block, #drittel { min-width:300px;  }  
h6 {  font-size: 3.2vw;   margin: 0.6em 0 0 0; }      
#drittel>p { font-size: calc(0.4vw + 8px); }
.mitmachen-home {  font-size:3.8vw; padding:0 0.8em;} 
	.nur-bei-schmal  { display:none;}
.probest-sw {  width:50vw;   }
 }
/*---------------------------*/