/* ============================================================
   fuflvhs.com — Customizer "Zusätzliches CSS"
   Diese Datei ist die Source-of-Truth für das, was im
   WordPress-Customizer unter Design → Customizer →
   Zusätzliches CSS eingefügt sein muss.

   Workflow: Datei hier bearbeiten, dann den GESAMTEN Inhalt
   in den Customizer kopieren (Veröffentlichen klicken).
   So bleibt das CSS in Git versioniert.
   ============================================================ */

/* === Header-Bild für Standard-Seiten (chronik.png) ========== */
.header-title-background {
  background-image: url("https://fuflvhs.com/wp-content/uploads/2019/12/chronik.png") !important;
}
.header-title-background .page-header .container .clearfix {
  padding-top: 10px;
}
.header-title-background .page-header .header-title {
  color: #ffffff;
}

/* (Der originale .footer-Block aus dem Customizer ist
   hier bewusst entfernt — er war Dead Code und hatte auf
   keiner Seite Wirkung. Falls jemals gebraucht, neu schreiben.) */

/* ============================================================
   Entwurfsseite (Page ID 1406) — Variante C
   - Palm-Beach-Header, Seitentitel und Brotkrumen ausblenden
   - Schlanke Sans-Serif-Typografie, leichtere Headings
   - Warmer Off-White-Hintergrund
   - Statistik-Kacheln in Weiß mit feinem Rand
   - Hero-Buttons ohne Unterstreichung
   - Akzent-Links in Dunkelgrün
   ============================================================ */

/* Standard-Header der Entwurfsseite ausblenden */
.page-id-1406 #masthead,
.page-id-1406 .site-header,
.page-id-1406 .header-main,
.page-id-1406 .header-title-background,
.page-id-1406 .page-header,
.page-id-1406 .header-title,
.page-id-1406 .breadcrumb-container {
  display: none !important;
}

/* Warmer Hintergrund nur auf der Entwurfsseite */
body.page-id-1406 {
  background-color: #faf8f3 !important;
}

/* Typografie näher an die Mockups */
.page-id-1406,
.page-id-1406 h1,
.page-id-1406 h2,
.page-id-1406 h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}
.page-id-1406 h2.wp-block-heading {
  font-weight: 500;
}

/* Statistik-Kacheln: Weiß mit feinem Rand statt Creme */
.page-id-1406 .wp-block-columns .wp-block-column.has-background {
  background-color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Akzent-Links in Dunkelgrün statt Standardblau */
.page-id-1406 a {
  color: #0F6E56;
}

/* Hero-Buttons ohne Unterstreichung */
.page-id-1406 .wp-block-button__link {
  text-decoration: none !important;
}

/* === Eigene Navigationsleiste auf der Entwurfsseite ========= */
.entwurf-nav {
  background-color: #faf8f3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 12px max(20px, calc(50vw - 50%));
  margin: 0 calc(50% - 50vw) 24px;
}
.entwurf-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.entwurf-nav-brand {
  line-height: 1.3;
}
.entwurf-nav-title {
  font-size: 14px;
  font-weight: 600;
  color: #04342C;
}
.entwurf-nav-tagline {
  font-size: 12px;
  color: #666;
}
.entwurf-nav-links {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 14px;
}
.entwurf-nav-links a {
  color: #444;
  text-decoration: none;
}
.entwurf-nav-links a:hover {
  color: #0F6E56;
}
.entwurf-nav-active {
  color: #04342C !important;
  font-weight: 600;
}
.entwurf-nav-lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  font-size: 12px;
}
.entwurf-nav-lang-active {
  font-weight: 600;
}
.entwurf-nav-lang-divider {
  color: #ccc;
}