/*-----test2-------*/
p.hbild { padding-left:0; padding-right:0;  }  /* bei headerbild 0*/
.hkasten { height:fit-content; margin-bottom: -1.5em; }    /* headerbild oben*/
#dreierblock  { background-color:white; width:100%; max-width:1200px; text-align: center; margin: 1em auto;}
#drittel {display: inline-grid;  align-content: space-around; justify-content: space-around; aspect-ratio: 3/4.5; border-radius:5px;
	          width:26%; min-width:200px; background-color:#fdb515; color:black; margin: 0.8em 2%; /*padding:0.8em;*/}
#drittel>p {  font-size:.85rem; }
#drittel>h6 { font-size: 1.7em;  /*letter-spacing:0.1vw;  */ padding:0 0 0 0;  margin: 0.5em 0 0 0;}
#drittel>h6.small {  font-size:1.32em; margin-top:0; padding-top:0;}
#drittel>p.zeit { margin-top:0; font-size:1.55rem; letter-spacing:0; font-family:'Montserrat', Open Sans, Arial, sans-serif; } 
#drittel>p  { font-size:1.3rem; padding:0 0.8em; }
a:hover.anmeld-tr-kurse   { color:#fdb515 !important; }

button.probestd-trkurse {color:white !important; letter-spacing: 0.04em; border-radius: 4px;
        border:none;  background-color:black;  z-index:1001; font-size:0.8em; padding:0.6em;}
button.probestd-trkurse>a { color:white;}
button.probestd-trkurse>a:hover { color:#fdb515; }

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

#schach-o, #schach-u { background-color:#FDb515; width:100%; max-width:1200px; margin:0; padding:0; }

#schach1, #schach2, #schach3, #schach4  { float:left; width:50%; max-width:600px;}
#schach1-img, #schach4-img {display:none; }
#schach3, #schach4  {margin:-6px 0 -6px 0; border:0; padding:0; } 
#schach2, #schach3 { text-align: left;  padding:1.5em 0 0 5em;} /*text*/
#schach2>p, #schach3>p { font-size:1.05em; } /*text*/
#schach1.img, #schach1.img { width:100%;  } /* img*/

.weissbreit { background-color:white; clear:left; margin:-6px 0 0 0;  }

#drittel-u {display: inline-grid;  align-content: space-between;  aspect-ratio: 1/1; border-radius:0;
	          width:25.5%; min-width:200px; background-color:#fdb515; color:black; margin: 0.8em 2%; /*padding:0.8em;*/}
#drittel-u>h6 {  font-size:1.5em;   margin: 0; }
#drittel-u>p {  font-size:1rem; margin-top:0.4em;}
#drittel-u>img { width:100%; margin-bottom:0!important; }

.jezlos-sw {  background-color:black; color:white; width:308px; margin:1em auto; padding: 0.5em; letter-spacing: 0.04em; border-radius: 4px;
			 font-size: 1.35em; letter-spacing:0.1vw;  margin: 0.6em 0 0 0;  }
.jezlos-sw a { color:white; }
.jezlos-sw a:hover { color:#fdb515; }


/*------------------768px-----------------1200px-----------*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
#drittel {width:26vw; min-width:200px; margin: 0.8em 1vw; }
h1{  font-size:3.6vw; }
#drittel>h6 {  font-size: 2.7vw;   margin: 0.6em 0 0 0; } 
#drittel>h6.small {  font-size:2vw;  }
#drittel>p { font-size: calc(0.23vw + 12px); } 
button.probestd-trkurse>a {font-size:1.8vw;}

#schach1-img, #schach4-img {display:none; }
#schach2>p, #schach3>p { font-size:1.8vw; } /*text*/
#schach2, #schach3 { text-align: left;  padding:2.5vw 0 0 5vw;} /*text*/
#schach2>h2, #schach3>h2 { font-size: 3vw; }

#drittel-u>p { font-size: calc(0.5vw + 8px); }  
#drittel-u>h6 {  font-size: 2.5vw;   margin: 0; }
.jezlos-sw {  width:25vw; font-size:1.8vw;  }
	
}

/*------------------480px------------------768px-----------*/
@media screen and (min-width: 480px) and  (max-width: 768px)  {
#drittel { min-width:200px; }	
#drittel>h6 {  font-size: 3.2vw;   margin: 0.6em 0 0 0; }
#drittel>h6.small {  font-size:2.8vw;  }	
#drittel>p { font-size: calc(0.14vw + 12px); }  
button.probestd-trkurse>a {font-size:2.4vw;}
	
#schach1-img, #schach4-img {display:none; }
#schach2>p, #schach3>p { font-size:calc(1vw + 6px); } /*text*/
#schach2, #schach3 { text-align: left;  padding:1.7vw 0 0 2vw;} /*text*/
#schach3 {line-height:1em; } /*text*/
#schach2>h2, #schach3>h2 { font-size: 3.6vw; }  /*text*/
	
#drittel-u>h6 {  font-size: 2.5vw;   margin: 0; }
#drittel-u>p { font-size: calc(0.4vw + 8px); }
.jezlos-sw {  width:27vw; font-size:calc(1.2vw + 10px);  }

}

/*---------------------------------bis--479px---------------*/
@media screen and  (max-width: 479px)  {
#drittel { min-width:90%; margin:0.2em auto; aspect-ratio:auto-flow; }
#drittel>h6 {  font-size: 6vw; padding-top:0.8em;  margin: 0.5em 0; } 
#drittel>h6.small {  font-size:5vw;  }	
#drittel>p { font-size: calc(1.1vw + 12px); } 
button.probestd-trkurse>a {font-size:calc(2.5vw + 6px);}
	
#schach1, #schach4  {display:none;}
#schach1-img, #schach4-img {display:inline-block; float:left; }
	
#schach2>p, #schach3>p { font-size:calc(1.2vw + 8px); } /*text*/
#schach2, #schach3 { text-align: left;  padding:2vw 0 0 2vw;} /*text*/
#schach2>h2, #schach3>h2 { font-size: 6vw; }

#drittel-u { min-width:90%;} 	
#drittel-u>h6 {  font-size: 4.5vw;   margin: 0.6em 0 0 0; }      
#drittel-u>p { font-size: calc(0.6vw + 10px); }	
.jezlos-sw {  width:40vw; font-size:calc(1.3vw + 7px);   }
}

/*------------------------------------680px-----------*/
@media screen and (max-width: 680px)  {
	
#schach1, #schach4  {display:none;}
#schach1-img, #schach4-img {display:inline-block; float:left; }
	
#schach2>p, #schach3>p { font-size:calc(1.2vw + 8px); } /*text*/
#schach3 {line-height:inherit; } /*text*/
#schach2, #schach3 { width:100%; text-align: left;  padding:2vw 0 0 3vw;} /*text*/
#schach2>h2, #schach3>h2 { font-size: 5vw; }
	
	
}