/* =================================================
LAYOUT VEREINSAUSGABE
================================================= */
.verein-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
gap:30px;

max-width:1300px;
margin:40px auto;
padding:0 20px;
}

.verein-box{
width:100%;
background:#fff;
padding:25px;
border-radius:14px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
transition:all .25s ease;
text-align:center;
}

.verein-box{
    box-sizing:border-box;
}

.verein-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 22px rgba(0,0,0,0.15);
}

.verein-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 22px rgba(0,0,0,0.15);
}

/* Links in Karten schwarz */
.verein-box a{
color:#000;
text-decoration:underline;
}

.verein-box a:hover{
text-decoration:underline;
}

.verein-logo{
margin-bottom:10px;
}

.verein-logo img{
max-height:60px;
max-width:100%;
object-fit:contain;
}

.vereinsname-link{
display:block;
font-size:18px;
margin:10px 0;
font-weight:bold;
}

.verein-adresse{
font-size:15px;
line-height:1.5;
color:#333;
}

.verein-sportangebote{
margin-top:10px;
font-size:15px;
color:#088A29;
}

.reset-link{
color:#000;
text-decoration:underline;
}

.reset-link:hover{
color:#000;
text-decoration:underline;
}


/* =================================================
SUCHINFO BEI TREFFER
================================================= */
.suchinfo-center{
text-align:center;
}

.suchinfo-sub{
font-size:16px;
}


/* =================================================
LAYOUT SUCHFORMULAR
================================================= */
.such-box{
max-width:650px;
margin:auto;
padding:25px;
}

.such-text{
margin-bottom:20px;
}

.verein-suchformular{
display:flex;
border:2px solid #ddd;
border-radius:40px;
overflow:hidden;
}

.search-input{
flex:1;
border:none;
padding:15px 20px;
font-size:16px;
outline:none;
}

.search-button{
background:#083b7f;
color:#fff;
border:none;
padding:0 25px;
font-size:16px;
font-weight:bold;
cursor:pointer;
transition:0.2s;
white-space:nowrap;
}

.search-button:hover{
background:#1558b0;
}


/* =================================================
FEHLERMELDUNG KEIN SPORTVEREIN MIT DIESER SPORTART
================================================= */
.no-results-box{
  display: block;

  max-width: 800px;
  width: fit-content;

  margin: 50px auto;

  padding: 20px 25px;

  text-align: center;
  font-size: 18px;

  color: #b30000;
  background: #fff5f5;
  border: 1px solid #f2c2c2;
  border-radius: 12px;

  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}


/* =================================================
LAYOUT SUCHERGEBNIS
================================================= */
.such-ergebnis{
text-align:center;
margin:20px auto 30px auto;


display:block;
width:fit-content;

}

.such-ergebnis-title{
font-size:20px;
font-weight:bold;
margin-bottom:4px;
}

.such-ergebnis-sub{
font-size:15px;
color:#555;
}

.plz-filter{
text-align:center;
margin:10px auto 35px auto;
}

.plz-filter-title{
font-size:15px;
margin-bottom:10px;
color:#444;
}

.plz-filter-chips{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}

.plz-chip{
display:inline-block;
padding:6px 12px;
background:#f1f1f1;
border-radius:20px;
font-size:14px;
text-decoration:none;
color:#000;
transition:0.2s;
}

.plz-chip:hover{
background:#083b7f;
color:#fff;
}


/* AKTIVE PLZ */
.plz-chip.active {
    background: #083b7f;
    color: #fff;
    font-weight: 600;
}