/* ══════════════════════════════════════════════════════════════════════════
   Startseite im Haus-Stil (Vorschlag 10.10.2026, von Marc angenommen). Lädt immer,
   als eigene Datei NACH style.css – style.css bleibt unberührt (Memory). Ziffern
   überall in Inter mit Versalziffern (Marc: „besser lesbar, schneller erkennbar"),
   nicht in Cormorant. Dieselbe Sprache wie Adminbereich,
   Club-Portal, Club-Seite und Clubs-Karte: Goldsaum unter der Kopfzeile, Zahlen
   als weiße Karte, ein Kartenmaß (16 px, feine Linie, weicher Schatten), goldene
   Striche an den Abschnittstiteln, Pillen-Knöpfe. Hero-Foto, Texte, Formular-
   Logik und Umbrüche bleiben.
   ══════════════════════════════════════════════════════════════════════════ */
:root{--fy-border:#e6e2d8;--fy-border-soft:#ede8dc;
  --fy-shadow-1:0 1px 2px rgba(15,45,30,.04),0 6px 18px -10px rgba(15,45,30,.14);
  --fy-shadow-2:0 2px 4px rgba(15,45,30,.05),0 14px 32px -14px rgba(15,45,30,.22)}
/* Kopfzeile: Goldsaum wie im Adminbereich – erst beim Scrollen, wenn die Leiste dunkel
   ist. Oben über dem Foto lag er frei und wirkte wie ein Schnitt durchs Bild (Marc 10.10.2026). */
.nav.scrolled{box-shadow:0 1px 0 rgba(201,168,76,.55),0 6px 20px -8px rgba(0,0,0,.35)}
.nav-logo-text{font-size:1.25rem}
/* Hero: Plakette als goldene Pille, Zahlen als weiße Karte auf dem Foto */
.hero-eyebrow{background:rgba(201,168,76,.16);border:1px solid rgba(201,168,76,.45);color:#E4C87A;border-radius:999px;padding:.35rem .9rem}
.hero-h1 em{font-style:normal;color:#E4C87A}
.hero-proof{display:flex;width:100%;gap:0;background:rgba(10,30,20,.28);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0;margin-top:1.8rem;border-top:0;overflow:hidden;flex-wrap:wrap;max-width:100%}
.hero-proof > div,.hero-proof > a{flex:1 1 0;padding:.75rem .8rem;border-left:1px solid rgba(255,255,255,.1);min-width:0}
.hero-proof .hp-lab{white-space:normal;line-height:1.2;min-height:2.4em}
.scroll-hint{display:none}
.hero-proof > :first-child{border-left:0}
.hero-proof .hp-num{font-family:'Inter',sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:600;color:rgba(255,255,255,.92);font-size:1.35rem;line-height:1;letter-spacing:0}
.hero-proof .hp-lab{color:rgba(255,255,255,.62);font-size:.6rem;font-weight:600;letter-spacing:.06em;margin-top:.3rem}
.hero-club-strip{border-radius:14px;border:1px solid rgba(201,168,76,.4);box-shadow:var(--fy-shadow-1)}
/* Formularkarte */
.form-card{border-radius:16px;border:1px solid rgba(255,255,255,.7);box-shadow:var(--fy-shadow-2)}
.form-card .tab-row .tab.active,.form-card .tab-row .tab[aria-selected="true"]{background:#0F2D1E;color:#fff}
.form-card .submit-btn{border-radius:999px;background:#0F2D1E;box-shadow:0 8px 18px -10px rgba(15,45,30,.8)}
.form-card .submit-btn:hover{background:#1B4332}
.form-card input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-card select,.form-card textarea{border-radius:10px;border-color:var(--fy-border)}
/* Abschnitte: Titel mit goldenem Strich, Plaketten als Pillen */
.s-h2{position:relative;font-weight:600}
.s-h2 em{font-style:normal}
.eyebrow{background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.4);border-radius:999px;padding:.3rem .8rem;font-size:.68rem}
/* Board „Zuletzt gemeldet": Suchfeld, Filter als Segmentgruppe, Tabelle als Karte */
.listings input[type=search],.listings input[type=text]{border-radius:999px;border:1px solid var(--fy-border);box-shadow:var(--fy-shadow-1)}
.filter-btn{border-color:var(--fy-border);background:#fff}
.filter-btn:hover,.filter-btn.active{background:#0F2D1E;border-color:#0F2D1E}
.listings-table{border:1px solid var(--fy-border-soft);border-radius:16px;box-shadow:var(--fy-shadow-1)}
.listings-table thead tr{background:#faf8f3;color:#6b655a}
.listings-table thead th{font-size:.66rem;letter-spacing:.1em;color:#6b655a;border-bottom:1px solid var(--fy-border)}
.listings-table tbody tr{border-bottom-color:var(--fy-border-soft)}
.listings-table tbody tr:hover{background:#f8f7f1}
.lt-club{background:#f1f6f2;border:1px solid #cfe2d6}
/* Ablauf-Schritte: Nummernkreise mit Goldrand */
.step-icon-wrap{background:#fff;border:1px solid rgba(201,168,76,.45);box-shadow:var(--fy-shadow-1)}
.step h3{font-weight:600}
/* Partnerclubs */
.pc-card{border:1px solid var(--fy-border-soft);border-radius:16px;box-shadow:var(--fy-shadow-1)}
.pc-card:hover{border-color:#d9cfae;box-shadow:var(--fy-shadow-2)}
.pc-offen{background:#f1f6f2;border:1px solid #cfe2d6}
/* Für Clubs / Abschluss: Fairway-Grün mit Mähstreifen statt flacher Fläche */
section[data-tiefe="fuerclubs"],section[data-tiefe="erfolge"]{background-image:repeating-linear-gradient(-55deg,rgba(255,255,255,.035) 0 26px,transparent 26px 52px),linear-gradient(180deg,#0F2D1E,#113521) !important}
.fc-card{border-radius:16px}
/* Knöpfe: Gold aus dem Haus-Verlauf, Umriss-Pillen */
.btn-gold{background:linear-gradient(145deg,#dcc06a,#b8933a);color:#0F2D1E;box-shadow:0 10px 24px -10px rgba(201,168,76,.8)}
.btn-outline-w{border-color:rgba(255,255,255,.45)}
/* Vertrauensstreifen und Fußzeile */
.trust-strip{border-top:1px solid var(--fy-border-soft);border-bottom:1px solid var(--fy-border-soft)}
.footer{box-shadow:inset 0 1px 0 rgba(201,168,76,.45)}
.footer-badge{border:1px solid rgba(201,168,76,.4)}
@media(max-width:768px){.hero-proof{display:flex}.hero-proof > div,.hero-proof > a{flex:1 1 33%;padding:.7rem .8rem}.hero-proof .hp-num{font-size:1.3rem}}