/* ==========================================================================
   Modernisierungs-Layer fuer variante-6-modernisiert.html.
   Wird NACH clone-leitsatz.css geladen und ueberschreibt bewusst mit
   !important, wo es um durchgehende, seitenweite Regeln geht (Font,
   Formensprache) -- die echte Theme-CSS bringt eigene, teils speziellere
   Regeln mit, die wir hier gezielt uebersteuern wollen.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --wvv-modern-ink: #12151c;
  --wvv-modern-news-bg: #f2f4f8;
  --wvv-modern-events-bg: #eaf0fb;
  --wvv-modern-coop-bg: #f6f4f0;
}

/* -- Ein durchgehender, moderner Sans-Serif-Font statt der zwei Theme-Fonts -- */
html, body, * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* -- Konsequent eckige Formensprache: keine Rundungen irgendwo auf der Seite -- */
:root {
  --bs-border-radius: 0 !important;
  --bs-border-radius-sm: 0 !important;
  --bs-border-radius-lg: 0 !important;
  --bs-border-radius-xl: 0 !important;
  --bs-border-radius-xxl: 0 !important;
  --bs-border-radius-pill: 0 !important;
}
*, *::before, *::after {
  border-radius: 0 !important;
}
.card, .btn, .btn-carousel, img, .transparent-background,
.carousel-item, .navbar-toggler, .dropdown-menu, input, select, textarea {
  box-shadow: none !important;
}

/* -- Sichtbarer, eckiger Fokusring bleibt erhalten (Barrierefreiheit geht vor "keine Schatten") -- */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #ffb703;
  outline-offset: 2px;
}

/* -- Abgesetzte Sektionen: gleiche vertikale Ruhe, unterschiedliche Flaechenfarbe -- */
.wvv-section {
  padding: clamp(2.5rem, 5vw, 4rem) 0;
}
.wvv-section--news { background: var(--wvv-modern-news-bg); }
.wvv-section--events { background: var(--wvv-modern-events-bg); }
.wvv-section--coop { background: var(--wvv-modern-coop-bg); }

/* -- News-Grid 1 bekommt denselben seitlichen Einzug wie seine Nachbarbloecke,
      die bereits eine col-0/col-xl-1-Randspalte im Markup haben. -- */
@media (min-width: 1200px) {
  .wvv-modern-inset {
    padding-left: 8.3333%;
    padding-right: 8.3333%;
  }
}