/*
Theme Name: Sprechfunk
Theme URI: https://sprechfunk.ch
Author: Raphael Hodel, Pilotwerk
Author URI: https://pilotwerk.ch
Description: Die IT-Sprechstunde. Block-Theme für sprechfunk.ch: dunkler Kopf mit Marke, helle Leseflächen, Bordbuch als eigener Inhaltstyp mit Themen. Schriften selbst gehostet, kein Tracking.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sprechfunk
*/

/* ---------- Tokens (siehe docs/website/designsystem-tokens.css) ---------- */
:root{
  --sf-dunkel:#070b14; --sf-dunkel-2:#131a24; --sf-dunkel-3:#1b2430;
  --sf-amber:#f1a43a; --sf-amber-text:#8a5109; --sf-gold:#c8a060;
  --sf-papier:#f6f4ef; --sf-weiss:#ffffff; --sf-text:#1b2430; --sf-text-2:#5b6470; --sf-linie:#e3e0d8;
  --sf-hell:#ffffff; --sf-hell-2:#c9d1d9; --sf-linie-d:rgba(255,255,255,.10); --sf-karte-d:rgba(255,255,255,.04);
  --sf-font:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --sf-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --sf-breite:1120px; --sf-radius:14px;
}

/* ---------- Grundlagen ---------- */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sf-dunkel);color:var(--sf-text);font-family:var(--sf-font);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.wp-site-blocks{display:flex;flex-direction:column;min-height:100vh}
.wp-site-blocks > main{flex:1 0 auto}
.wp-site-blocks > *{margin:0}
a{color:var(--sf-amber-text);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sf-amber);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.012em;line-height:1.08;text-wrap:balance;color:inherit}
h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.04}
h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.12}
h3{font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
h4{font-size:1.125rem;font-weight:600}
p,ul,ol,figure{margin:0}
img,svg,video{max-width:100%;height:auto}
button{font:inherit}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------- Layout-Helfer ---------- */
.wrap{max-width:var(--sf-breite);margin-inline:auto;padding-inline:20px}
.abschnitt{padding-block:72px}
.abschnitt-eng{padding-block:48px}
.band{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
.stapel{display:flex;flex-direction:column;gap:14px}
.stapel-weit{display:flex;flex-direction:column;gap:18px}
.raster12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.raster12.mittig{align-items:center}
.sp-4{grid-column:span 4}.sp-5{grid-column:span 5}.sp-6{grid-column:span 6}.sp-7{grid-column:span 7}.sp-8{grid-column:span 8}
.sp-neben{grid-column:9 / span 4}.sp-rechts{grid-column:7 / span 6}
.spalten{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.spalten-3{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.spalten-2{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.spalten-eng{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.mittig-text{text-align:center;align-items:center}
.balken{height:6px;background:var(--sf-amber)}
.linie-d{height:1px;background:var(--sf-linie-d)}
.klein{font-size:15px}
.klein-16{font-size:16px}
.neben-text{color:var(--sf-text-2)}
.dunkel .neben-text{color:var(--sf-hell-2)}
.gold-text{color:var(--sf-gold)}
.amber{color:var(--sf-amber)}

/* ---------- Flächen ---------- */
.dunkel{background:var(--sf-dunkel);color:var(--sf-hell)}
.dunkel-2{background:var(--sf-dunkel-2)}
.dunkel p,.dunkel li{color:var(--sf-hell-2)}
.dunkel h1,.dunkel h2,.dunkel h3,.dunkel h4{color:var(--sf-hell)}
.dunkel .kicker{color:var(--sf-amber)}
.dunkel a{color:var(--sf-amber)}
.dunkel .meta{color:var(--sf-gold)}
.papier{background:var(--sf-papier);color:var(--sf-text)}
.papier .kicker{color:var(--sf-amber-text)}
.weiss{background:var(--sf-weiss);color:var(--sf-text);border-block:1px solid var(--sf-linie)}
.weiss .kicker{color:var(--sf-amber-text)}
.raster{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;position:relative;overflow:hidden}
.glanz{position:absolute;right:-140px;top:-200px;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(241,164,58,.20),rgba(241,164,58,0));pointer-events:none}

/* ---------- Typo-Bausteine ---------- */
.kicker{font-family:var(--sf-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.kicker-klein{font-size:12px}
.linie-kicker{display:flex;align-items:center;gap:14px}
.linie-kicker::before{content:"";display:inline-block;width:36px;height:1px;background:var(--sf-gold)}
.meta{font-family:var(--sf-mono);font-size:12px;letter-spacing:.06em;color:var(--sf-text-2)}
.nummer{font-family:var(--sf-mono);font-size:28px;color:var(--sf-gold);font-weight:500;line-height:1}
.lead{font-size:20px;line-height:1.55;max-width:600px}
.lauftext{max-width:68ch}
.lauftext > * + *{margin-top:18px}
.lauftext h2{font-size:1.75rem;margin-top:28px}
.lauftext h3{margin-top:24px}
.lauftext p,.lauftext li{font-size:18px;line-height:1.65}
.lauftext ul,.lauftext ol{padding-left:1.2em}

/* ---------- Karten und Listen ---------- */
.karte{background:var(--sf-weiss);border:1px solid var(--sf-linie);border-radius:var(--sf-radius);padding:26px;display:flex;flex-direction:column;gap:12px;color:var(--sf-text)}
.karte-gross{padding:30px}
.karte-d{background:var(--sf-karte-d);border:1px solid var(--sf-linie-d);border-radius:var(--sf-radius);padding:26px;display:flex;flex-direction:column;gap:12px;color:var(--sf-hell)}
.karte-d p{color:var(--sf-hell-2)}
.karte-d h3{color:var(--sf-hell)}
.karte-d .kicker{color:var(--sf-amber)}
.karte-papier{background:var(--sf-papier);border-radius:var(--sf-radius);padding:24px;display:flex;flex-direction:column;gap:10px;color:var(--sf-text)}
.karte-papier .kicker{color:var(--sf-amber-text)}
.karte-papier p{color:var(--sf-text-2)}
.karte-papier h3{color:var(--sf-text)}
.beitrag-karte{background:var(--sf-dunkel-2);border:1px solid var(--sf-linie-d);border-radius:var(--sf-radius);padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px}
.beitrag-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--sf-linie-d);padding-top:14px;font-size:13px;color:var(--sf-gold)}
.mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mini .karte-d{padding:20px;gap:8px}
.mini h3{font-size:16px;font-weight:500}
.mini p{font-size:13px}
.mini .kicker{color:var(--sf-gold)}
.liste,.wp-block-list.liste{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.liste li{display:flex;gap:12px;align-items:baseline}
.liste li::before{content:"–";color:var(--sf-gold);font-family:var(--sf-mono);flex-shrink:0}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--sf-amber-text);border:1px solid var(--sf-linie);background:var(--sf-weiss)}
.portrait{width:120px;height:120px;border-radius:50%;background:var(--sf-linie);display:flex;align-items:center;justify-content:center;color:var(--sf-text-2);font-size:12px;flex-shrink:0;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover}
.dunkel .portrait{background:rgba(255,255,255,.12);color:var(--sf-hell-2)}
.portrait-klein{width:96px;height:96px}
.ueber-kopf{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.wer-karte{flex-direction:row;flex-wrap:wrap;gap:24px;align-items:flex-start;padding:28px}
.wer-karte .stapel{flex:1 1 260px;gap:10px}

/* Abstände der WordPress-Blöcke in Flex- und Grid-Behältern neutralisieren */
.stapel > *,.stapel-weit > *,.karte > *,.karte-d > *,.karte-papier > *,.beitrag-karte > *,.raster12 > *,.spalten > *,.spalten-2 > *,.spalten-3 > *,.spalten-eng > *,.schritt > *,.schritte > *,.mini > *{margin-block:0}

/* ---------- Knöpfe ---------- */
.knoepfe,.wp-block-buttons.knoepfe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.knopf,.wp-block-button.knopf > .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:17px;line-height:1.2;background:var(--sf-amber);color:var(--sf-dunkel-3);border:0;cursor:pointer;text-decoration:none}
.knopf:hover,.wp-block-button.knopf > .wp-block-button__link:hover{background:#f7b455;color:var(--sf-dunkel-3);text-decoration:none}
.knopf-2,.wp-block-button.knopf-2 > .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:500;font-size:17px;line-height:1.2;background:transparent;color:var(--sf-hell);border:1px solid rgba(255,255,255,.22);cursor:pointer;text-decoration:none}
.knopf-2:hover,.wp-block-button.knopf-2 > .wp-block-button__link:hover{border-color:rgba(255,255,255,.5);text-decoration:none;background:transparent;color:var(--sf-hell)}
.papier .knopf-2,.weiss .knopf-2,.papier .wp-block-button.knopf-2 > .wp-block-button__link,.weiss .wp-block-button.knopf-2 > .wp-block-button__link{color:var(--sf-text);border-color:var(--sf-text)}
.papier .wp-block-button.knopf-2 > .wp-block-button__link:hover,.weiss .wp-block-button.knopf-2 > .wp-block-button__link:hover{color:var(--sf-text);border-color:var(--sf-amber-text)}
a.knopf,.dunkel a.knopf,.papier a.knopf{color:var(--sf-dunkel-3)}
.dunkel a.knopf-2{color:var(--sf-hell)}
.wp-block-button.knopf,.wp-block-button.knopf-2{margin:0}
.pfeil > .wp-block-button__link::after,a.knopf.pfeil::after{content:"";display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat}
.pfeil-rechts > .wp-block-button__link::after{content:"";display:inline-block;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid var(--sf-linie);color:var(--sf-text);background:transparent;text-decoration:none}
.chip:hover{text-decoration:none}

/* ---------- Kopf ---------- */
.kopf{background:var(--sf-dunkel);position:relative;z-index:5}
.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}
.kopf-innen > *{margin:0}
.marke{display:flex;align-items:center;gap:12px;color:var(--sf-hell);text-decoration:none}
.marke:hover{text-decoration:none}
.marke .wort{display:flex;flex-direction:column}
.marke b{display:block;font-size:20px;line-height:1;letter-spacing:-.01em;color:var(--sf-hell)}
.marke small{display:block;font-size:12px;color:var(--sf-gold);margin-top:4px;line-height:1}
.nav.wp-block-navigation,.nav{display:flex;align-items:center;gap:30px}
.nav .wp-block-navigation__container{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.nav .wp-block-navigation-item{margin:0}
.nav .wp-block-navigation-item__content{color:var(--sf-hell-2);font-size:15px;font-weight:500;padding-block:4px;border-bottom:2px solid transparent;text-decoration:none}
.nav .wp-block-navigation-item__content:hover{color:var(--sf-hell)}
.nav .current-menu-item > .wp-block-navigation-item__content,.nav .current-menu-ancestor > .wp-block-navigation-item__content{color:var(--sf-hell);border-bottom-color:var(--sf-amber)}
.nav .knopf > .wp-block-navigation-item__content{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--sf-amber);color:var(--sf-dunkel-3);font-weight:600;border-bottom:0}
.nav .knopf > .wp-block-navigation-item__content:hover{background:#f7b455;color:var(--sf-dunkel-3)}
.nav .knopf > .wp-block-navigation-item__content::after{content:"";display:inline-block;width:13px;height:13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--sf-hell);align-items:center;justify-content:center;cursor:pointer;padding:0}
@media (max-width:899px){
  .burger{display:inline-flex}
  .nav.wp-block-navigation,.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sf-dunkel-2);border-block:1px solid var(--sf-linie-d);padding:8px 20px 20px}
  .nav.offen{display:block}
  .nav .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:0}
  .nav .wp-block-navigation-item__content{display:block;padding-block:14px;font-size:17px;border-bottom:1px solid var(--sf-linie-d)}
  .nav .current-menu-item > .wp-block-navigation-item__content{border-bottom-color:var(--sf-amber)}
  .nav .knopf{margin-top:14px}
  .nav .knopf > .wp-block-navigation-item__content{display:flex;justify-content:center;border-bottom:0}
}

/* ---------- Hero (Startseite, Richtung B) ---------- */
.hero{padding-block:64px 80px}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;position:relative}
.hero-grid > *{margin:0}
.hero-text{grid-column:span 7;display:flex;flex-direction:column;gap:26px}
.hero-seite{grid-column:span 5;display:flex;flex-direction:column;gap:16px}
.hero h1{font-size:clamp(2.4rem,4.4vw,3.75rem)}
.termin{display:flex;align-items:flex-start;gap:10px;color:var(--sf-gold);font-size:14px;line-height:1.5}
.termin svg{flex-shrink:0;margin-top:3px}
@media (max-width:899px){
  .hero{padding-block:36px 48px}
  .hero-grid{grid-template-columns:1fr}
  .hero-text,.hero-seite{grid-column:auto}
  .lead{font-size:17px}
  .knoepfe .wp-block-button,.knoepfe > .knopf,.knoepfe > .knopf-2{flex:1 1 100%}
  .knoepfe .wp-block-button > .wp-block-button__link{width:100%}
  .mini{grid-template-columns:1fr}
}

/* ---------- Titelband (Leseseiten, Richtung A) ---------- */
.titelband{padding-block:56px 44px}
.titelband-innen{display:flex;flex-direction:column;gap:18px;max-width:780px;position:relative}
.titelband .lead{font-size:19px;max-width:none}
.titelband .zurueck{display:inline-flex;align-items:center;gap:8px}
.titelband-filter{margin-top:28px;position:relative}
@media (max-width:899px){.titelband{padding-block:32px 36px}.titelband .lead{font-size:17px}}

/* ---------- Abschnittsköpfe und Schritte ---------- */
.abschnitt-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:end;margin-bottom:40px}
.abschnitt-kopf > *{margin:0}
.abschnitt-kopf .titel{grid-column:span 7;display:flex;flex-direction:column;gap:14px}
.abschnitt-kopf .neben{grid-column:span 5;color:var(--sf-text-2)}
.dunkel .abschnitt-kopf .neben{color:var(--sf-hell-2)}
.abschnitt-kopf.ohne-abstand{margin-bottom:0}
.schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.schritte-liste{grid-template-columns:1fr}
.schritt{display:flex;flex-direction:column;gap:10px}
.schritt p{font-size:15px;color:var(--sf-text-2)}
.dunkel .schritt p{color:var(--sf-hell-2)}
.schritt h3{font-size:20px}
.schritt-zeile{flex-direction:row;gap:18px}
.schritt-zeile .nummer{width:44px;flex-shrink:0}
.schritt-zeile .stapel{gap:6px}
.schritt-zeile p{font-size:16px}
@media (max-width:899px){
  .abschnitt-kopf{grid-template-columns:1fr;margin-bottom:28px}
  .abschnitt-kopf .titel,.abschnitt-kopf .neben{grid-column:auto}
  .raster12{grid-template-columns:1fr;gap:28px}
  .raster12 > *{grid-column:auto !important}
  .abschnitt{padding-block:52px}
}

/* ---------- Seiten (Inhalt aus dem Editor) ---------- */
.seite{padding-block:64px 0}
.seite-inhalt{padding-bottom:72px}
.seite-inhalt > * + *{margin-top:18px}
.seite-inhalt > .abschnitt,.seite-inhalt > .band{margin-top:0}
.seite-inhalt > .band.abschnitt:last-child{margin-bottom:-72px}
.seite-inhalt > h2{margin-top:36px}
.seite-inhalt > p,.seite-inhalt > ul,.seite-inhalt > ol{max-width:68ch}
.seite-inhalt > ul:not(.liste),.seite-inhalt > ol{padding-left:1.2em}
.seite-inhalt figure{margin:0}
.seite-inhalt .wp-block-image img{border-radius:var(--sf-radius)}
.seite-inhalt > .wp-block-columns{gap:32px}

/* ---------- Bordbuch ---------- */
.filter{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.dunkel .chip{color:var(--sf-hell);border-color:rgba(255,255,255,.22)}
.dunkel .chip:hover{border-color:rgba(255,255,255,.5)}
.dunkel .chip.aktiv{background:var(--sf-amber);color:var(--sf-dunkel-3);border-color:var(--sf-amber);font-weight:600}
.suche{display:flex;align-items:center;gap:10px;background:var(--sf-dunkel-2);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 18px;min-height:44px;width:300px;max-width:100%}
.suche input{background:transparent;border:0;color:var(--sf-hell);font:inherit;font-size:15px;width:100%;min-width:0}
.suche input::placeholder{color:var(--sf-hell-2)}
.suche input:focus{outline:0}
.suche button{background:transparent;border:0;color:var(--sf-hell-2);padding:0;display:inline-flex;cursor:pointer}
.bordbuch-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.eintraege,ul.wp-block-post-template.eintraege{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;list-style:none;margin:0;padding:0}
.eintraege > li{margin:0;display:flex}
.eintraege > li > .karte{flex:1}
.eintrag .wp-block-post-title{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.eintrag .wp-block-post-title a{color:var(--sf-text)}
.eintrag .wp-block-post-excerpt__excerpt{color:var(--sf-text-2);font-size:16px;margin:0}
.eintrag .wp-block-post-excerpt__more-text{margin:auto 0 0;padding-top:6px}
.eintrag .wp-block-post-excerpt__more-link{font-weight:500;font-size:15px}
.eintrag .eintrag-boxen{display:none}
.eintraege > li:first-child{grid-column:1 / -1}
.eintraege > li:first-child > .karte{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 32px;padding:36px;box-shadow:0 10px 30px rgba(27,36,48,.06)}
.eintraege > li:first-child > .karte > *{grid-column:span 7}
.eintraege > li:first-child .wp-block-post-title{font-size:1.875rem;line-height:1.2;font-weight:700}
.eintraege > li:first-child .wp-block-post-excerpt__excerpt{color:var(--sf-text);font-size:17px}
.eintraege > li:first-child .eintrag-boxen{display:flex;flex-direction:column;gap:12px;grid-column:9 / span 4;grid-row:1 / span 4;align-self:start}
.eintrag-box{background:var(--sf-papier);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.eintrag-box .kicker{font-size:12px;color:var(--sf-amber-text)}
.eintrag-box p{font-size:15px;color:var(--sf-text)}
.seitenleiste .eintrag-boxen{display:flex;flex-direction:column;gap:16px}
.seitenleiste .eintrag-box{background:var(--sf-weiss);border:1px solid var(--sf-linie);border-radius:var(--sf-radius);padding:26px;gap:10px}
.seitenleiste .eintrag-box p{font-size:15px;color:var(--sf-text-2)}
.seitenleiste{display:flex;flex-direction:column;gap:16px}
.seitenleiste > *{margin:0}
.seitenwechsel{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:32px;font-size:15px}
.seitenwechsel .wp-block-query-pagination-numbers{display:flex;gap:6px}
.seitenwechsel .page-numbers{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--sf-linie);color:var(--sf-text);padding:0 10px}
.seitenwechsel .page-numbers.current{background:var(--sf-amber);border-color:var(--sf-amber);color:var(--sf-dunkel-3);font-weight:600}
.leer{padding:32px;text-align:center;color:var(--sf-text-2)}
@media (max-width:899px){
  .eintraege > li:first-child > .karte{grid-template-columns:1fr;padding:24px}
  .eintraege > li:first-child > .karte > *{grid-column:auto}
  .eintraege > li:first-child .eintrag-boxen{grid-column:auto;grid-row:auto}
}

/* ---------- Fuss ---------- */
.fuss{border-top:1px solid var(--sf-linie-d);padding-block:28px}
.fuss-innen{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;font-size:14px;color:var(--sf-hell-2)}
.fuss-innen a{color:var(--sf-hell-2)}
.fuss-links{display:flex;flex-wrap:wrap;gap:16px 24px;list-style:none;margin:0;padding:0}
.marke-fuss{display:flex;align-items:center;gap:10px}

/* ---------- Bewegung ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero .hero-text{animation:sf-ein .5s ease-out both}
  @keyframes sf-ein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* ---------- Editor ---------- */
.editor-styles-wrapper{background:var(--sf-papier)}
.editor-styles-wrapper .dunkel{color:var(--sf-hell)}

/* ---------- Ergänzungen für die Muster ---------- */
mark.has-inline-color{background:transparent}
.termin::before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat}
.dunkel p.termin{color:var(--sf-gold)}
.mini h3 a{color:var(--sf-hell)}
.beitrag-fuss p{color:var(--sf-gold);font-size:13px}
.beitrag-fuss a{font-weight:500;font-size:14px}
.klein-titel{font-size:18px}
.gross-titel{font-size:24px}
.mittel-titel{font-size:20px}
h2.mittel{font-size:2rem}
h2.aufruf-titel{max-width:760px;font-size:clamp(1.9rem,3.2vw,2.75rem)}
.linie-oben{border-top:1px solid var(--sf-linie-d)}
.linie-unten{border-bottom:1px solid var(--sf-linie-d)}
.ohne-oben{padding-top:0}
.karte-eng{padding:18px 20px;gap:4px}
.schritte-karten{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.wer-karte .wp-block-image{margin:0}
.wer-karte .wp-block-image img,.ueber-kopf .wp-block-image img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.ueber-kopf .wp-block-image img{width:120px;height:120px}
.entry-content > * + *{margin-top:18px}
.entry-content > h2{margin-top:28px}
.entry-content > h3{margin-top:24px}
.lauftext .entry-content > *:first-child{margin-top:0}
.seite-inhalt > .raster12 > *{margin-top:0}
.seite-inhalt > .band.stapel-weit{display:flex}
.seite-inhalt > .band + *{margin-top:72px}
.seite-inhalt > .band.abschnitt:last-child{margin-bottom:-72px}
.papier .eintrag-box{background:var(--sf-weiss)}
.dunkel .karte-d a:not(.wp-block-button__link){color:var(--sf-amber)}

/* Kopfzeile der Liste nur mit Einträgen */
.bordbuch-liste:has(.leer) .bordbuch-kopf{display:none}

/* ---------- Sprunglink, Beiträge ---------- */
.sprunglink:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;white-space:normal;background:var(--sf-amber);color:var(--sf-dunkel-3);padding:10px 16px;border-radius:999px;z-index:100;font-weight:600}
.eintraege > li:first-child .beitrag-boxen{display:none}

/* Kopf auf «Über»: kein Titelabstand im Stapel */
.lauftext .stapel > *{margin-block:0}