/*events.css*/

.maennchen { width:100vw; max-width:1200px; aspect-ratio: 1440/115; background-color:black !important; margin-top:0.5em; 
             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;                  
}
#viererblock  { background-color:#222; width:100%; max-width:1200px; text-align: center; margin: 0 auto;}
#viererblock h4 { padding: 0.2em 0 0.2em 0; color:#FDB515; clear:left;}
#viertel {display: inline-grid; vertical-align:top; width:22%; min-width:180px; 
color:white; margin:0.4em 0.3em;  aspect-ratio: 4 / 3.2; background-color:#151515; border-radius:0.3em; border:3px solid #555; }
#viertel>a>img {margin-top:0.2em; width:95%;}

#viertel>p  { font-size:0; padding:0; } 
.sl-image img { border: 3px solid #aaa!important;  }
hr { margin-bottom:0; background-color: #333; }  
h1, h2, h3, h4, h5, p {text-align:left;}
h1 {font-size:1.3em;}
img[class*=align], img[class*=wp-image-] { max-width: 50%; height:auto; }

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

@media screen and (min-width: 768px) and (max-width: 1200px) {
#viererblock h4 { font-size:2vw;}
h4, p {font-size:1em;}
}

/*-------------480px--------------768px-----------*/
@media screen and (min-width: 480px) and  (max-width: 768px)  {
#viererblock h4 { font-size:3vw;}
#viertel {width:29%; min-width:170px; margin:0.2em 0.1em;  }
h4, p {font-size:1em;}

}

/*--------------------bis--479px---------------*/
@media screen and  (max-width: 479px)  {
#viererblock h4 { font-size:4vw;}	
#viertel {width:42%; min-width:100px; margin:0.2em 0.1em;  }
h4, p {font-size:1em;}
}



/*-----bei weaver 782 grenze-----*/