.clubflex {display:flex; 
    flex-wrap:wrap; 
    gap:10px !important; 
    justify-content:space-evenly;}

.club {
    width:225px;
    border: 1px solid var(--linie1);
    padding:0px 5px;
    /*background: var(--clubback);*/
    color: var(--text1);
    border-radius: 5px;}

.club img {
display: block;
margin: auto;}

.club h3 {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--links);
    line-height: 1;
    padding: 0 10px;
    border-top: 1px solid var(--accent1);
    cursor: pointer;
}

.club h3 a {
    display: block;
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
}

.club h3:hover a {
    color: var(--links3);
}

.club h4 {
  font-size: 13px;
  width: 205px;
  text-transform: uppercase;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  background: var(--background4);
}

.club h4 a {
  display: block;
  color: var(--text1);
  text-decoration: none;
  transition: 0.3s;
}

.club h4:hover a {
  color: var(--links);
}
        

.clubnews {
text-align:justify;
width:190px;
margin:auto auto;}

.club h2, h2 a {
  font-family: "YoungSerif-Bold", sans-serif;
  font-size: 18px;
  width:205px; 
  margin:auto;
  color: var(--text2);
  text-align: center;
  line-height: 100%;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;	
  background: var(--background3);
  /*border-bottom:1px solid var(--accent1);*/
  text-transform: uppercase;
    letter-spacing: 1.5px;}

.club h5 {
  font-size: 13px;
  width: 205px;
  text-transform: uppercase;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  background: var(--background3);
  color: var(--text2);
	letter-spacing: 1.5px;
	  font-family: "YoungSerif-Bold", sans-serif;
}

.club img {
    width:200px;
    height:200px;
    margin-top: 10px;}

.clubdesc {
    padding:10px;
    line-height:1.2;
    text-align:justify;
	height:250px;
	overflow:auto;
}

.clubgesuche {
padding: 0px 10px 10px 10px;}

.clubminiinfo {width:25%; max-height:300px; overflow:auto;}

.clubmember {
    margin-top:10px;
    border-top:1px solid var(--accent1);
    padding:5px;}

.clubbutton {
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--links);
    font-size: 11px;
    background: none;
    border: none;
    font-weight: bold;
    font-family: Cambria, Georgia, serif;
    cursor: pointer;
    transition: 0.3s;
}

.clubbutton:hover {
    color: var(--links2); /* oder was auch immer */
}

.infopop {
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: hsla(0, 0%, 0%, 0.8); 
    z-index: 1; 
    opacity: 0; 
    pointer-events: none; /* Verhindert Interaktionen, wenn das Popup nicht sichtbar ist */
    visibility: hidden; /* Popup ist unsichtbar, wenn nicht aktiv */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.infopop:target {
    opacity: 1;
    pointer-events: auto; /* Ermöglicht Interaktionen, wenn das Popup sichtbar ist */
    visibility: visible; /* Popup wird sichtbar, wenn es aktiviert ist */
}

.infopop > .pop {
    background: var(--background);
    border: solid 1px var(--linie1);
    width: 1023px;
    position: relative;
    margin: 320px auto 0px auto;
    padding: 25px;
    z-index: 3;
    margin-top: 10%;
    border-radius: 5px;
}

.closepop {
    top: 10px;
    right: 10px;
    text-decoration: none;
    color: var(--mittelton);
}
.clubs_banner {
    background: url(https://www.buffymagazin.de/CamdenVillage/images/goldrush/kat_blank.jpg) no-repeat;
    background-size: cover !important;
    background-position: center;
    padding: 0 !important;
    width: 100%;
    height: 75px;
}
.clubs_ueber {
    font-size: 25px;
    color: var(--text2);
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    padding: 18px;
    font-family: "YoungSerif-Bold", sans-serif;
}
.club_regi {
	margin-top: 5px;
}