.verein-news-wrap { --rounded: 16px; }
.verein-news-toolbar {
    --control-h: 42px;    /* gemeinsame Höhe */
    --radius: 8px;        /* gemeinsame Ecken */
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 16px; flex-wrap: wrap;
    font-weight: 700;
}

/* SELECT – vollflächig gestylt, mit eigenem Chevron */
.verein-news-toolbar select{
    width: auto;
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    height:var(--control-h); line-height:calc(var(--control-h) - 2px);
    padding:0 36px 0 12px;
    border-radius:var(--radius);
    border:1px solid color-mix(in oklab, var(--wp--preset--color--palette-color-1, #0b5f33), #000 18%);
    background-color:var(--wp--preset--color--palette-color-1, #0b5f33);
    color:#fff; /* wie gewünscht */
    font:inherit;

    /* eigener Pfeil rechts (weiß) */
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23fff" d="M1.41 0L6 4.59 10.59 0 12 1.41 6 7.41 0 1.41z"/></svg>');
    background-repeat:no-repeat;
    background-position:right 12px center;
    background-size:12px 8px;
}

/* BUTTON – gleiche Höhe/Ecken, deine Farben */
.verein-news-allbtn{
    display:inline-flex; align-items:center; justify-content:center;
    height:var(--control-h); padding:0 14px;
    border-radius:var(--radius);
    text-decoration:none; font:inherit;

    background:var(--wp--preset--color--palette-color-3, #e6f5ec);
    color:var(--wp--preset--color--palette-color-2, #0b5f33);
    border:1px solid color-mix(in oklab, var(--wp--preset--color--palette-color-3, #e6f5ec), #000 18%);
}

/* States */
.verein-news-toolbar select:hover{
    filter:brightness(.98);
}
.verein-news-allbtn:hover{
    filter:brightness(.96);
}
.verein-news-toolbar select:focus-visible,
.verein-news-allbtn:focus-visible{
    outline:2px solid var(--wp--preset--color--palette-color-2, #0b5f33);
    outline-offset:2px;
}


/*
.verein-news-toolbar select {
    width: auto;
    min-width: 220px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #ccd; background: #fff;
}
.verein-news-allbtn {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 10px;
    text-decoration: none;
    border: 1px solid #0b5f33;
}
.verein-news-allbtn:hover {
    background: #0b5f33;
    color: #fff;
}*/

/* Grid */
/* statt display:grid */
.verein-news-grid{
    column-count: 3;
    column-gap: var(--verein-gap, 20px);
    position: relative;
}

/* Karten dürfen nicht über Spalten umbrechen */
.verein-card{
    break-inside: avoid;
    margin-bottom: var(--verein-gap, 20px);
    display: block;
}

@media (max-width:1024px){ .verein-news-grid{ column-count:2; } }
@media (max-width:640px){ .verein-news-grid{ column-count:1; } }

/* Karten */
/* Basis */
.verein-card .img{
  position: relative;
  overflow: hidden;
  border-radius: var(--rounded,16px);
}

/* Bild als Pseudo-Element, Overlay bleibt eigenständig */
.verein-card .img::before{
  content: "";
  position: absolute; inset: 0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform .45s ease;
  will-change: transform;
}

/* Nur das Bild zoomen */
.verein-card:hover .img::before{
  transform: scale(1.2);
}

/* (Optional) weniger Bewegung bei Nutzerpräferenz */
@media (prefers-reduced-motion: reduce){
  .verein-card .img::before{ transition: none; }
}

/*
.verein-card .img {
    position: relative;
    border-radius: var(--rounded,16px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    width: 100%;
}
.verein-card:hover .img {
    transform:scale(1.2);
}*/

.verein-card.square   .img { aspect-ratio: 1 / 1; }
.verein-card.portrait .img { aspect-ratio: 2 / 3; }
@media (max-width:1024px){
    .verein-card.square   .img { aspect-ratio: 1 / 1; }
    .verein-card.portrait .img { aspect-ratio: 1 / 1; }
}

@media (max-width:640px){
    .verein-card.square   .img { aspect-ratio: 16 / 9; }
    .verein-card.portrait .img { aspect-ratio: 16 / 9; }
}

/* Overlay mit Gradient; Text komplett weiß, kein Schatten */
.verein-card .overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    min-height:100%;
    background-image:linear-gradient(180deg, rgba(8,87,45,.43) 0%, rgba(0,0,0,1) 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:2rem;
    color:#fff;
}
.verein-card .meta{
    color:#fff;
    font-size:14px;
    line-height:1.3;
    margin:0 0 6px 0;
    display:flex;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
}
.verein-card .title{
    margin:0;
    color:#fff;
    font-size:22px;
    line-height:1.25;
    font-weight:700;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-shadow:none;
}

.verein-news-wrap.is-loading .verein-news-grid {
  opacity: .6;
  pointer-events: none;
  transition: opacity .2s ease;
}
/*
.verein-news-wrap.is-loading .verein-news-grid:after {
  content: 'loading...';
  position: absolute;
  top: 5%;
  right: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
}*/