/* =====================================================================
   Goldstadt Care – Website-Stylesheet
   Tokens 1:1 aus dem Design System (Goldstadt Care Design System/tokens/*).
   Schriften lokal eingebunden (kein Google-Fonts-Aufruf, § 25 TTDSG).
   ===================================================================== */

/* ---------- Schriften (lokal) ---------- */
@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/lato-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/lato-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/lato-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/cormorant-garamond-latin-400-italic.woff2") format("woff2")}

/* ---------- Tokens ---------- */
:root{
  /* Hausfarben */
  --gc-blue:#0B4D89;--gc-gold:#C79B49;
  --blue-50:#F0F5FA;--blue-100:#DCE8F3;--blue-200:#B4CCE3;--blue-300:#7FA6CC;--blue-400:#3C74A8;--blue-500:#0B4D89;--blue-600:#093F71;--blue-700:#073158;--blue-800:#052440;--blue-900:#04182B;
  --gold-50:#FBF7EF;--gold-100:#F5EBD8;--gold-200:#EAD7B0;--gold-300:#DDBE83;--gold-400:#D2AC64;--gold-500:#C79B49;--gold-600:#A87F36;--gold-700:#856327;--gold-800:#60471B;--gold-900:#3D2D10;
  --neutral-0:#FFFFFF;--neutral-25:#FBFAF7;--neutral-50:#F5F4F0;--neutral-100:#EBE9E3;--neutral-200:#DCD9D1;--neutral-300:#C2BEB3;--neutral-400:#9C9789;--neutral-500:#757062;--neutral-600:#57534A;--neutral-700:#3D3A33;--neutral-800:#26241F;--neutral-900:#14130F;
  --green-500:#2E7D5B;--green-50:#EDF6F1;--amber-500:#B8791F;--amber-50:#FBF3E6;--red-500:#B3352E;--red-50:#FBEEED;

  --surface-page:var(--neutral-25);--surface-card:var(--neutral-0);--surface-muted:var(--neutral-50);--surface-inverse:var(--blue-500);--surface-accent-soft:var(--blue-50);--surface-gold-soft:var(--gold-50);
  --text-heading:var(--blue-700);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-inverse:var(--neutral-0);--text-accent:var(--blue-500);--text-gold:var(--gold-600);--text-link:var(--blue-500);--text-link-hover:var(--blue-700);
  --border-subtle:var(--neutral-100);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-accent:var(--blue-500);--border-gold:var(--gold-300);
  --action-primary-bg:var(--blue-500);--action-primary-bg-hover:var(--blue-600);--action-primary-bg-active:var(--blue-700);--action-primary-fg:var(--neutral-0);
  --action-secondary-bg:var(--gold-500);--action-secondary-bg-hover:var(--gold-600);--action-secondary-bg-active:var(--gold-700);--action-secondary-fg:var(--neutral-0);
  --status-success-fg:var(--green-500);--status-success-bg:var(--green-50);--status-warning-fg:var(--amber-500);--status-warning-bg:var(--amber-50);--status-danger-fg:var(--red-500);--status-danger-bg:var(--red-50);--status-info-fg:var(--blue-500);--status-info-bg:var(--blue-50);
  --focus-ring:0 0 0 3px rgba(11,77,137,.28);

  --shadow-xs:0 1px 2px rgba(20,19,15,.06);--shadow-sm:0 2px 6px rgba(20,19,15,.07);--shadow-md:0 6px 18px rgba(11,77,137,.10);--shadow-lg:0 14px 40px rgba(11,77,137,.13);
  --blur-veil:saturate(140%) blur(12px);

  --ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --duration-fast:160ms;--duration-normal:240ms;
  --transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);

  --radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-circle:50%;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --container-max:1200px;--container-narrow:760px;--gutter:24px;
  --section-y:var(--space-24);--section-y-tight:var(--space-16);

  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font-sans:"Lato",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --text-display-1:clamp(44px,5vw,72px);--text-display-2:clamp(34px,3.6vw,52px);
  --text-h1:40px;--text-h2:32px;--text-h3:24px;--text-h4:20px;
  --text-lead:20px;--text-body-lg:18px;--text-body-md:16px;--text-body-sm:14px;--text-caption:13px;--text-overline:12px;
  --leading-tight:1.12;--leading-snug:1.28;--leading-normal:1.55;--leading-relaxed:1.7;
  --weight-regular:400;--weight-medium:500;--weight-bold:700;
  --tracking-tight:-0.01em;--tracking-wide:0.04em;--tracking-overline:0.16em;
}
@media (max-width:720px){
  :root{--section-y:var(--space-16);--section-y-tight:var(--space-12);--gutter:16px;--text-h1:34px;--text-h2:28px;--text-h3:22px;--text-lead:18px}
}

/* ---------- Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0;text-wrap:balance}
h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}
p{margin:0 0 var(--space-4)}
p:last-child{margin-bottom:0}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
img,svg{display:block;max-width:100%}
.icon{flex:none}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}
address{font-style:normal}
ul.plain,ol.plain{list-style:none;margin:0;padding:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--blue-700);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);text-decoration:none;font-weight:var(--weight-bold)}
.skip-link:focus{top:var(--space-4);color:#fff}

.container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--section-y)}
.section--tight{padding-block:var(--section-y-tight)}
.section--flush{padding-block:0}
.section--muted{background:var(--surface-muted)}
.section--blue{background:var(--surface-inverse);color:var(--text-inverse)}
.section--gold{background:var(--surface-gold-soft)}
.section--accent{background:var(--surface-accent-soft)}
.section + .section--flush{margin-top:calc(-1 * var(--space-8))}

.overline{font-family:var(--font-sans);font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-gold)}
.overline--gold-light{color:var(--gold-300)}
.gold-rule{display:block;width:56px;height:2px;background:var(--gc-gold);margin-top:var(--space-4)}
.lead{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--text-muted);margin:var(--space-5) 0 0}
.prose{max-width:var(--container-narrow)}
.prose p,.prose ul,.prose ol{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-body)}
.prose h2{margin-top:var(--space-12);margin-bottom:var(--space-4)}
.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 var(--space-5)}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--gc-gold)}
.prose--legal p,.prose--legal ul,.prose--legal ol{font-size:var(--text-body-md)}
.muted{color:var(--text-muted)}
.small{font-size:var(--text-body-sm)}
.text-center{text-align:center}

/* ---------- Section heading ---------- */
.section-heading{max-width:640px}
.section-heading--center{max-width:720px;margin-inline:auto;text-align:center}
.section-heading--center .gold-rule{margin-inline:auto}
.section-heading__title{font-size:var(--text-display-2)}
h1.section-heading__title{font-size:var(--text-display-2)}
.section-heading .overline{margin-bottom:var(--space-3)}
.section-heading--inverse .section-heading__title{color:var(--text-inverse)}
.section-heading--inverse .overline{color:var(--gold-300)}
.section-heading--inverse .lead{color:var(--blue-100)}

/* ---------- Buttons (immer Pille) ---------- */
.btn{font-family:var(--font-sans);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--transition-control);white-space:nowrap;font-size:var(--text-body-md);padding:12px 26px;line-height:1.2;background:var(--action-primary-bg);color:var(--action-primary-fg);box-shadow:var(--shadow-sm)}
.btn:hover{background:var(--action-primary-bg-hover);color:var(--action-primary-fg)}
.btn:active{background:var(--action-primary-bg-active)}
.btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg)}
.btn--secondary:hover{background:var(--action-secondary-bg-hover);color:var(--action-secondary-fg)}
.btn--secondary:active{background:var(--action-secondary-bg-active)}
.btn--outline{background:transparent;color:var(--text-accent);border-color:var(--border-accent);box-shadow:none}
.btn--outline:hover{background:var(--blue-50);color:var(--text-accent)}
.btn--ghost{background:transparent;color:var(--text-accent);box-shadow:none}
.btn--ghost:hover{background:var(--blue-50);color:var(--text-accent)}
.btn--inverse-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);box-shadow:none}
.btn--inverse-outline:hover{background:rgba(255,255,255,.12);color:#fff}
.btn--sm{font-size:var(--text-body-sm);padding:8px 18px}
.btn--lg{font-size:var(--text-body-lg);padding:16px 34px}
.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}
.btn:focus-visible{border-radius:var(--radius-pill)}
.btn-row{display:flex;gap:var(--space-4);flex-wrap:wrap}

/* ---------- Badge / Tag ---------- */
.badge{display:inline-block;font-size:var(--text-caption);font-weight:var(--weight-bold);padding:4px 10px;border-radius:var(--radius-pill);line-height:1.4;background:var(--status-info-bg);color:var(--status-info-fg)}
.badge--gold{background:var(--gold-100);color:var(--gold-700)}
.badge--success{background:var(--status-success-bg);color:var(--status-success-fg)}
.badge--neutral{background:var(--neutral-100);color:var(--neutral-600)}
.badge--warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}
.tag{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);font-size:var(--text-body-sm);padding:6px 12px;border-radius:var(--radius-pill)}

/* ---------- Card ---------- */
.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}
.card--pad-lg{padding:var(--space-8)}
.card--muted{background:var(--surface-muted)}
.card--accent{background:var(--surface-accent-soft);border-color:var(--blue-100)}
.card--gold{background:var(--surface-gold-soft);border-color:var(--border-gold)}
.card--inverse{background:var(--surface-inverse);border-color:transparent;color:var(--text-inverse)}
.card--elevated{box-shadow:var(--shadow-md)}
.card__title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-heading);margin:var(--space-4) 0 var(--space-2)}
.card__text{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}
.medallion{width:44px;height:44px;border-radius:var(--radius-circle);background:var(--surface-accent-soft);color:var(--gc-blue);display:grid;place-items:center;flex:0 0 44px}
.medallion--gold{background:var(--gold-100);color:var(--gold-700)}
.medallion--sm{width:40px;height:40px;flex-basis:40px}
.medallion--lg{width:52px;height:52px;flex-basis:52px}

/* ---------- Service card ---------- */
.service-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-4);height:100%}
.service-card h3{font-size:var(--text-h3)}
.service-card p{color:var(--text-muted);line-height:var(--leading-relaxed);flex:1;margin:0}
.service-card__link{color:var(--text-link);font-weight:var(--weight-bold);font-size:var(--text-body-sm);text-decoration:none}
.service-card__link:hover{text-decoration:underline}

/* ---------- Grids ---------- */
.grid{display:grid;gap:var(--space-6)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--gap-sm{gap:var(--space-5)}
.split{display:grid;gap:var(--space-16);align-items:center;grid-template-columns:1fr 1fr}
.split--text-wide{grid-template-columns:1fr 1.1fr}
.split--start{align-items:start}
@media (max-width:960px){
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .split,.split--text-wide{grid-template-columns:1fr;gap:var(--space-10)}
}
@media (max-width:600px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
}

/* ---------- Stat ---------- */
.stats{display:flex;gap:var(--space-8);flex-wrap:wrap}
.stat__value{font-family:var(--font-display);font-size:48px;font-weight:var(--weight-bold);line-height:1;color:var(--gc-gold)}
.stat__label{font-size:var(--text-body-sm);color:var(--text-muted);margin-top:var(--space-2)}
.stat--inverse .stat__value{color:var(--gold-300)}
.stat--inverse .stat__label{color:var(--blue-100)}

/* ---------- Placeholder / Foto ---------- */
.placeholder{background:var(--neutral-100);border-radius:var(--radius-lg);border:1px solid var(--border-default);display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-body-sm);width:100%}
.placeholder--elevated{box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}
.placeholder__inner{text-align:center;padding:0 32px;display:grid;justify-items:center;gap:12px;line-height:1.5}
.photo{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-default)}
picture{display:block}
.photo--elevated{box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.88);-webkit-backdrop-filter:var(--blur-veil);backdrop-filter:var(--blur-veil);border-bottom:1px solid var(--border-subtle)}
.site-header__inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.site-header__logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.site-header__mark{height:52px;width:auto}
.site-header__wordmark{height:32px;width:auto}
.site-nav__brand{display:none}
.site-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-8)}
.site-nav__item{position:relative;display:flex;align-items:center;gap:2px}
.site-nav__link{text-decoration:none;font-size:var(--text-body-md);font-weight:var(--weight-bold);color:var(--text-body);border-bottom:2px solid transparent;padding-bottom:4px;transition:var(--transition-control)}
.site-nav__link:hover{color:var(--text-heading)}
.site-nav__link.is-active{color:var(--text-heading);border-bottom-color:var(--gc-gold)}
.site-nav__caret{background:transparent;border:0;padding:4px;margin-top:-4px;color:var(--text-muted);cursor:pointer;display:grid;place-items:center;border-radius:var(--radius-circle)}
.site-nav__caret .icon{transition:transform var(--duration-fast) var(--ease-standard)}
.site-nav__caret[aria-expanded="true"] .icon{transform:rotate(180deg)}
.site-nav__sub{list-style:none;margin:0;padding:var(--space-2);position:absolute;top:calc(100% + 10px);left:-12px;min-width:260px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:none;flex-direction:column;z-index:50}
.site-nav__sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.has-children:hover .site-nav__sub,.has-children.is-open .site-nav__sub,.has-children:focus-within .site-nav__sub{display:flex}
.site-nav__sublink{display:block;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-body);font-size:var(--text-body-md);transition:var(--transition-control)}
.site-nav__sublink:hover{background:var(--blue-50);color:var(--text-heading)}
.site-nav__sublink.is-active{color:var(--text-heading);font-weight:var(--weight-bold)}
.nav-toggle{display:none}

@media (max-width:960px){
  .site-header__inner{height:76px}
  .site-header__mark{height:44px}
  .site-header__wordmark{height:26px}
  .nav-toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:8px 14px;font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--text-body-sm);color:var(--text-heading);cursor:pointer}
  .nav-toggle__icon{display:grid;gap:4px;width:18px}
  .nav-toggle__icon span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform var(--duration-fast) var(--ease-standard),opacity var(--duration-fast)}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] .nav-toggle__icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-md);padding:var(--space-4) var(--gutter) var(--space-6);max-height:calc(100vh - 76px);overflow:auto}
  .site-nav.is-open{display:block}
  .site-nav__brand{display:flex;justify-content:center;padding:var(--space-4) 0 var(--space-5);border-bottom:1px solid var(--border-subtle)}
  .site-nav__brand img{height:120px;width:auto}
  .site-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .site-nav__item{flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}
  .site-nav__link{display:block;padding:14px 0;border-bottom:0;flex:1}
  .site-nav__link.is-active{border-bottom:0;color:var(--text-heading)}
  .site-nav__caret{padding:10px;margin:0}
  .site-nav__sub{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 var(--space-3) var(--space-4);min-width:0;flex-basis:100%}
  .has-children:hover .site-nav__sub{display:none}
  .has-children.is-open .site-nav__sub,.has-children:focus-within .site-nav__sub{display:flex}
  .site-nav__item--cta{border-bottom:0;padding-top:var(--space-4)}
  .site-nav__item--cta .btn{width:100%}
}

/* ---------- Footer ---------- */
.site-footer{background:var(--blue-800);color:var(--blue-100);margin-top:var(--space-24)}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:var(--space-10);padding-block:var(--space-16) var(--space-8)}
.site-footer__logo{background:var(--neutral-25);border-radius:var(--radius-md);padding:12px 16px;display:inline-block}
.site-footer__logo img{height:120px;width:auto}
.site-footer__brand p{margin-top:var(--space-5);font-size:var(--text-body-sm);line-height:var(--leading-relaxed);max-width:320px}
.site-footer__address{font-size:var(--text-body-sm);line-height:var(--leading-relaxed);margin-top:var(--space-4)}
.site-footer__address strong{color:#fff}
.site-footer a{color:var(--blue-100);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer__col .overline{margin-bottom:var(--space-4)}
.site-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-body-sm)}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.12)}
.site-footer__bottom-inner{padding-block:var(--space-5);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-caption);color:var(--blue-200)}
.site-footer__bottom a{color:var(--blue-200)}
@media (max-width:960px){.site-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.site-footer__grid{grid-template-columns:1fr;gap:var(--space-8)}.site-footer{margin-top:var(--space-16)}}

/* ---------- Contact strip ---------- */
.contact-strip{background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:space-between}
.contact-strip__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold)}
.contact-strip__note{color:var(--blue-100);font-size:var(--text-body-sm);margin-top:4px}
.contact-strip__links{display:flex;gap:var(--space-8);flex-wrap:wrap;align-items:center}
.contact-strip__phone{color:var(--gold-300);font-size:var(--text-h4);font-weight:var(--weight-bold);text-decoration:none}
.contact-strip__phone:hover{color:var(--gold-200)}
.contact-strip__mail{color:#fff;font-size:var(--text-h4);text-decoration:none}
.contact-strip__mail:hover{color:var(--blue-100)}

/* ---------- Page hero (Unterseiten) ---------- */
.page-hero{padding-block:var(--space-16)}
.page-hero--blue{background:var(--blue-50)}
.page-hero--gold{background:var(--gold-50)}
.page-hero--muted{background:var(--surface-muted)}
@media (max-width:720px){.page-hero{padding-block:var(--space-10)}}

/* ---------- Markenband (Startseite) ---------- */
.brand-band{background:var(--surface-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.brand-band__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-12);align-items:center;padding-block:var(--space-10)}
.brand-band__logo{height:180px;width:auto}
.brand-band__claim{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--text-heading);line-height:var(--leading-tight);margin:var(--space-2) 0 var(--space-3);text-wrap:balance}
.brand-band__sub{color:var(--text-muted);margin:0;max-width:52ch}
.brand-band__stats{gap:var(--space-8);padding-left:var(--space-12);border-left:1px solid var(--border-subtle);flex-wrap:nowrap}
@media (max-width:1100px){.brand-band__inner{grid-template-columns:auto 1fr;gap:var(--space-8)}.brand-band__stats{grid-column:1/-1;border-left:0;padding-left:0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.brand-band__logo{height:140px}}
@media (max-width:600px){.brand-band__inner{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.brand-band__logo{height:150px;margin-inline:auto}.brand-band__sub{margin-inline:auto}.brand-band__stats{justify-content:center}}

/* ---------- Startseite ---------- */
.hero{background:linear-gradient(180deg,var(--blue-50) 0%,var(--surface-page) 100%);padding-block:var(--space-20)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-16);align-items:center}
.hero h1{font-size:var(--text-display-1);margin-top:var(--space-5)}
.hero .gold-rule{margin:var(--space-6) 0}
.hero__lead{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:520px;margin:0}
.hero .btn-row{margin-top:var(--space-8)}
@media (max-width:960px){.hero{padding-block:var(--space-12)}.hero__grid{grid-template-columns:1fr;gap:var(--space-10)}.hero__media{max-width:560px}}
@media (max-width:600px){.stats{gap:var(--space-6)}.stat__value{font-size:40px}}

.checklist{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none}
.checklist li{display:flex;gap:var(--space-4);align-items:center;color:var(--text-body)}

.steps .card{height:100%}
.step__num{font-family:var(--font-display);font-size:36px;color:var(--gc-gold);line-height:1;font-weight:700}

/* ---------- Leistungen ---------- */
.subnav{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border-default);flex-wrap:wrap;margin-top:var(--space-8)}
.subnav a{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-family:var(--font-sans);font-size:var(--text-body-md);font-weight:var(--weight-bold);color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:var(--transition-control)}
.subnav a:hover{color:var(--text-heading)}
.subnav a[aria-current="page"]{color:var(--text-heading);border-bottom-color:var(--gc-gold)}
.service-layout{margin-top:var(--space-10);display:grid;grid-template-columns:.9fr 1.6fr;gap:var(--space-12);align-items:start}
.service-layout h2{font-size:var(--text-h2)}
.service-layout .gold-rule{margin:var(--space-4) 0}
.service-layout__intro p{color:var(--text-muted);line-height:var(--leading-relaxed)}
.service-layout__intro .btn{margin-top:var(--space-6)}
@media (max-width:960px){.service-layout{grid-template-columns:1fr;gap:var(--space-8)}}
.faq{max-width:var(--container-narrow)}
.faq details{border-top:1px solid var(--border-default);padding:var(--space-4) 0}
.faq details:last-child{border-bottom:1px solid var(--border-default)}
.faq summary{cursor:pointer;font-weight:var(--weight-bold);color:var(--text-heading);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-display);font-size:24px;color:var(--gc-gold);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:var(--space-3);color:var(--text-body);line-height:var(--leading-relaxed)}

/* ---------- Karriere ---------- */
.job{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap}
.job__title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--text-heading);font-weight:var(--weight-bold)}
.job__meta{display:flex;gap:var(--space-5);color:var(--text-muted);font-size:var(--text-body-sm);margin-top:6px;flex-wrap:wrap}
.job__meta span{display:inline-flex;gap:6px;align-items:center}
.job__tags{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}
.job__text{margin-top:var(--space-4);color:var(--text-body);line-height:var(--leading-relaxed);max-width:66ch}
.job__body{flex:1 1 420px}
.job__details{margin-top:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}
.job__details summary{cursor:pointer;font-weight:var(--weight-bold);color:var(--text-accent);font-size:var(--text-body-sm);list-style:none;display:inline-flex;align-items:center;gap:6px}
.job__details summary::-webkit-details-marker{display:none}
.job__details summary::after{content:"+";font-family:var(--font-display);font-size:20px;color:var(--gc-gold);line-height:1}
.job__details[open] summary::after{content:"–"}
.job__lists{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-4)}
.job__list-title{font-weight:var(--weight-bold);color:var(--text-heading);font-size:var(--text-body-sm);margin-bottom:var(--space-2)}
.job__lists ul{margin:0;padding-left:1.1em;font-size:var(--text-body-sm);color:var(--text-body);line-height:var(--leading-relaxed)}
.job__lists li{margin:.25em 0}
.job__lists li::marker{color:var(--gc-gold)}
@media (max-width:720px){.job__lists{grid-template-columns:1fr}}
.job-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8)}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.benefit__value{font-family:var(--font-display);font-size:28px;color:var(--gc-gold);font-weight:700;line-height:1}
.benefit__label{font-size:var(--text-caption);color:var(--text-muted);margin-top:6px}
.initiativ{margin-top:var(--space-8);display:flex;gap:var(--space-3);align-items:center;color:var(--text-muted);font-size:var(--text-body-sm);flex-wrap:wrap}

/* ---------- Formulare ---------- */
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field__label,.fieldset__legend{font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--text-heading)}
.field__label .req{color:var(--gc-gold)}
.field__hint{font-size:var(--text-caption);color:var(--text-muted)}
.field input,.field select,.field textarea{font-family:var(--font-sans);font-size:var(--text-body-md);color:var(--text-body);background:var(--surface-card);padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-default);transition:var(--transition-control);width:100%}
.field textarea{resize:vertical;min-height:120px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--border-accent);box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}
.form-grid{display:grid;gap:var(--space-5)}
.form-grid--2{grid-template-columns:1fr 1fr}
@media (max-width:600px){.form-grid--2{grid-template-columns:1fr}}
.fieldset{border:0;padding:0;margin:0;min-width:0}
.fieldset__legend{padding:0;margin-bottom:var(--space-3)}
.choices{display:flex;gap:var(--space-6);flex-wrap:wrap}
.choice{display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-body-sm);color:var(--text-body);cursor:pointer}
.choice--top{align-items:flex-start}
.choice input{accent-color:var(--gc-blue);width:18px;height:18px;flex:none;margin:0}
.choice--top input{margin-top:2px}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);padding:var(--space-4);margin-bottom:var(--space-6)}
.form-status__bar{width:8px;align-self:stretch;border-radius:var(--radius-pill);flex:0 0 8px;background:var(--status-success-fg)}
.form-status--error .form-status__bar{background:var(--status-danger-fg)}
.form-status__title{font-weight:var(--weight-bold);color:var(--text-heading);font-size:var(--text-body-sm)}
.form-status__text{color:var(--text-muted);font-size:var(--text-caption);margin-top:2px}
.form-status[hidden]{display:none}

/* ---------- Kontakt ---------- */
.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-16);align-items:start}
.contact-layout .card--form{margin-top:var(--space-8)}
.contact-side{display:flex;flex-direction:column;gap:var(--space-5)}
.contact-side__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}
.contact-side__phone{color:var(--gold-300);font-size:28px;font-weight:var(--weight-bold);text-decoration:none;display:block}
.contact-side__phone:hover{color:var(--gold-200)}
.contact-side__mail{color:#fff;text-decoration:none;display:block;margin-top:var(--space-2)}
.contact-side__hours{margin-top:var(--space-6);font-size:var(--text-body-sm);color:var(--blue-100);line-height:var(--leading-relaxed)}
.contact-side__row{display:flex;gap:var(--space-4)}
.contact-side__row .small{line-height:var(--leading-relaxed)}
@media (max-width:960px){.contact-layout{grid-template-columns:1fr;gap:var(--space-10)}}

/* ---------- Über uns ---------- */
.values{margin-top:var(--space-10)}
.values .card{height:100%}

/* ---------- Rechtliches ---------- */
.legal-kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-6);font-size:var(--text-body-md);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-5) 0}
.legal-kv dt{color:var(--text-muted)}
.legal-kv dd{margin:0}
.legal-kv .pending{color:var(--status-warning-fg);font-style:italic}
@media (max-width:600px){.legal-kv{grid-template-columns:1fr;gap:var(--space-1)}.legal-kv dt{margin-top:var(--space-3)}}

/* ---------- Cookie-Banner: an Design System angleichen ---------- */
#cc-main{--cc-font-family:var(--font-sans);--cc-bg:var(--surface-card);--cc-primary-color:var(--text-heading);--cc-secondary-color:var(--text-body);--cc-btn-primary-bg:var(--blue-500);--cc-btn-primary-color:#fff;--cc-btn-primary-hover-bg:var(--blue-600);--cc-btn-primary-hover-color:#fff;--cc-btn-secondary-bg:var(--neutral-50);--cc-btn-secondary-color:var(--text-heading);--cc-btn-secondary-hover-bg:var(--neutral-100);--cc-btn-secondary-hover-color:var(--text-heading);--cc-btn-border-radius:999px;--cc-modal-border-radius:16px;--cc-toggle-on-bg:var(--blue-500);--cc-toggle-readonly-bg:var(--blue-300);--cc-overlay-bg:rgba(4,24,43,.55);--cc-separator-border-color:var(--border-subtle);--cc-footer-bg:var(--surface-muted);--cc-footer-color:var(--text-muted);--cc-footer-border-color:var(--border-subtle);--cc-modal-margin:16px}
#cc-main .cm__title,#cc-main .pm__title{font-family:var(--font-display);font-size:var(--text-h4)}

/* ---------- 404 ---------- */
.not-found{text-align:center;padding-block:var(--space-24)}

/* ---------- Breadcrumb ---------- */
.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-body-sm);color:var(--text-muted);margin-bottom:var(--space-6)}
.breadcrumb a{color:var(--text-muted);text-decoration:none}
.breadcrumb a:hover{color:var(--text-heading);text-decoration:underline}
.breadcrumb span[aria-hidden]{color:var(--gold-400)}
.breadcrumb [aria-current]{color:var(--text-body)}

/* ---------- Ratgeber: Gold-Register ----------
   Leistungen = Blau, Ratgeber = Gold. Alle Werte aus den Tokens oben. */

/* Frage-Karte (Übersicht, Startseite, Leistungsseiten, Weiterlesen) */
.post-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:var(--text-body);height:100%;transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-fast),transform var(--duration-normal) var(--ease-out)}
.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-400);color:var(--text-body);transform:translateY(-2px)}
.post-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.post-card__q{width:36px;height:36px;border-radius:var(--radius-circle);background:var(--gold-500);color:#fff;display:grid;place-items:center;flex:none}
.post-card__field{font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-gold)}
.post-card__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-heading);line-height:var(--leading-snug);text-wrap:balance}
.post-card__text{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed);flex:1}
.post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-caption);color:var(--text-muted);margin-top:auto;padding-top:var(--space-2);white-space:nowrap}
.post-card__meta .icon{color:var(--gold-600);transition:transform var(--duration-fast) var(--ease-out)}
.post-card:hover .post-card__meta .icon{transform:translateX(4px)}
.post-card--compact .post-card__title{font-size:18px}

/* Beitragsseite: Hero */
.post-hero{background:var(--gold-50);background-image:radial-gradient(ellipse 60% 80% at 100% 0%,var(--gold-100),transparent 70%);padding-block:var(--space-12) var(--space-20)}
.post-hero .breadcrumb{margin-bottom:var(--space-8)}
.post-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gold-500);color:#fff;font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;padding:6px 12px 6px 8px;border-radius:var(--radius-pill)}
.post-hero h1{font-size:clamp(34px,4vw,54px);max-width:900px;margin-top:var(--space-5)}
.post-hero .gold-rule{margin-top:var(--space-5)}
.pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-card);border:1px solid var(--gold-200);color:var(--text-body);font-size:var(--text-caption);font-weight:var(--weight-bold);padding:5px 11px;border-radius:var(--radius-pill)}
.pill .icon{color:var(--gold-600)}
.pill--ok{border-color:var(--green-500);color:var(--status-success-fg);background:var(--status-success-bg)}
.pill--ok .icon{color:var(--status-success-fg)}
.pill--muted{color:var(--text-muted)}

/* Kurzantwort ragt in den Inhalt hinein */
.post-lead{margin-top:calc(-1 * var(--space-12));position:relative;z-index:2}
.kurzantwort{background:var(--surface-card);border:1px solid var(--gold-200);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-md);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start}
.kurzantwort__icon{width:48px;height:48px;border-radius:var(--radius-circle);background:var(--gold-100);color:var(--gold-700);display:grid;place-items:center}
.kurzantwort__label{font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-gold);margin-bottom:var(--space-2)}
.kurzantwort p{font-family:var(--font-display);font-size:clamp(20px,2vw,24px);font-weight:var(--weight-medium);line-height:1.45;color:var(--text-heading);margin:0;font-variant-numeric:lining-nums}
.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.kennzahl{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}
.kennzahl__value{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-bold);color:var(--gold-600);line-height:1.1;font-variant-numeric:lining-nums tabular-nums}
.kennzahl__label{font-size:var(--text-caption);color:var(--text-muted);margin-top:4px;line-height:1.4}

/* Lesefortschritt */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gc-gold);z-index:60;transition:width 80ms linear}

/* Zweispaltiges Lese-Layout */
.post-layout{display:grid;grid-template-columns:260px minmax(0,720px);gap:var(--space-16);align-items:start;justify-content:start}
.post-aside{position:sticky;top:112px;display:flex;flex-direction:column;gap:var(--space-5)}
.toc{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}
.toc__title{font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-gold);margin-bottom:var(--space-3)}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}
.toc li{counter-increment:toc;font-size:var(--text-body-sm);line-height:var(--leading-snug);display:flex;gap:var(--space-3);border-top:1px solid var(--border-subtle)}
.toc li:first-child{border-top:0}
.toc li::before{content:counter(toc,decimal-leading-zero);font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--gold-400);flex:none;min-width:1.6em;padding:7px 0}
.toc a{display:block;flex:1;padding:7px 0;color:var(--text-body);text-decoration:none;border-left:2px solid transparent;margin-left:-2px;transition:var(--transition-control)}
.toc a:hover{color:var(--text-heading)}
.toc a.is-active{color:var(--text-heading);font-weight:var(--weight-bold)}
.toc li:has(a.is-active)::before{color:var(--gold-600)}
.toc summary{display:none}
.post-aside__service{background:var(--surface-accent-soft);border:1px solid var(--blue-100);border-radius:var(--radius-md);padding:var(--space-5)}
.post-aside__service .overline{color:var(--text-accent);margin-bottom:var(--space-2)}
.post-aside__service .card__title{margin-top:0}
.post-aside__service .card__text{margin-top:var(--space-2)}

/* Fließtext */
.post{min-width:0}
.prose--post{max-width:none;counter-reset:abschnitt}
.prose--post > h2{counter-increment:abschnitt;margin-top:var(--space-16);margin-bottom:var(--space-5);font-size:var(--text-h2);scroll-margin-top:120px;padding-top:var(--space-5);border-top:1px solid var(--border-default)}
.prose--post > h2::before{content:"Abschnitt " counter(abschnitt,decimal-leading-zero);display:block;font-family:var(--font-sans);font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-gold);margin-bottom:var(--space-2)}
.prose--post > p:first-child{font-size:var(--text-body-lg)}
.prose--post h3{scroll-margin-top:120px}
.prose--post table{width:100%;border-collapse:collapse;margin:var(--space-5) 0 var(--space-6);font-size:var(--text-body-md);background:var(--surface-card);border:1px solid var(--border-subtle)}
.prose--post th,.prose--post td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}
.prose--post th{background:var(--gold-50);color:var(--gold-800);font-weight:var(--weight-bold);font-size:var(--text-body-sm);letter-spacing:.02em}
.prose--post tbody tr:nth-child(even) td{background:var(--neutral-25)}
.prose--post tr:last-child td{border-bottom:0}
.prose--post td{font-variant-numeric:tabular-nums}
.prose--post blockquote{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--surface-card);border-left:4px solid var(--gc-gold);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:22px;line-height:1.4;color:var(--text-heading)}
.prose--post blockquote p{font-size:inherit;margin:0 0 var(--space-3)}
.prose--post blockquote p:last-child{margin:0}
.prose--post .hinweis{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6) var(--space-5) var(--space-12);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:var(--radius-md);position:relative}
.prose--post .hinweis::before{content:"!";position:absolute;left:var(--space-5);top:var(--space-5);width:24px;height:24px;border-radius:var(--radius-circle);background:var(--gold-500);color:#fff;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:16px;display:grid;place-items:center}
.prose--post .hinweis p{font-size:var(--text-body-md);margin:0}
.prose--post .beispiel{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--surface-accent-soft);border-left:4px solid var(--gc-blue);border-radius:0 var(--radius-md) var(--radius-md) 0}
.prose--post .beispiel .overline{color:var(--text-accent);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}
.prose--post .beispiel .overline::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--gc-gold);display:inline-block}
.prose--post .beispiel p,.prose--post .beispiel li{font-size:var(--text-body-md)}
.prose--post .beispiel p:last-child{margin:0}
.prose--post .muster{margin:var(--space-6) 0;padding:var(--space-8) var(--space-8) var(--space-6);background:var(--surface-card);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);position:relative}
.prose--post .muster::before{content:"Vorlage zum Kopieren";position:absolute;top:-1px;left:var(--space-6);transform:translateY(-50%);background:var(--gold-500);color:#fff;font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill)}
.prose--post .muster p{font-size:var(--text-body-md);margin:0 0 var(--space-3)}
.prose--post .muster p:last-child{margin:0}
.prose--post .download{display:flex;gap:var(--space-5);align-items:center;margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--surface-card);border:1px solid var(--gold-200);border-radius:var(--radius-md);flex-wrap:wrap;box-shadow:var(--shadow-xs)}
.prose--post .download > .icon{width:44px;height:44px;color:var(--gold-600);flex:none}
.prose--post .download p{font-size:var(--text-body-md);margin:0;flex:1 1 260px}
.prose--post .download .btn{margin:0}

/* FAQ, CTA, Prüfbox, Weiterlesen */
.post .faq{max-width:none;margin-top:var(--space-16)}
.post .faq h2{padding-top:var(--space-5);border-top:1px solid var(--border-default)}
.post .faq details{border-top-color:var(--border-subtle)}
.post-cta{margin-top:var(--space-12);background:var(--blue-700);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap}
.post-cta .card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:#fff}
.post-cta .card__text{font-size:var(--text-body-md);color:var(--blue-100);margin-top:var(--space-2);max-width:56ch}
.post-cta a:not(.btn){color:var(--gold-300)}
.post-review{margin-top:var(--space-8);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}
.post-review__icon{width:44px;height:44px;border-radius:var(--radius-circle);display:grid;place-items:center;background:var(--gold-100);color:var(--gold-700)}
.post-review--ok .post-review__icon{background:var(--status-success-bg);color:var(--status-success-fg)}
.post-review__title{font-weight:var(--weight-bold);color:var(--text-heading);font-size:var(--text-body-md)}
.post-review__text{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin-top:4px}
.post-review__text p{margin:0 0 var(--space-2)}
.post-review__text p:last-child{margin:0}
.next-up{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}

/* Übersichtsseite */
.ratgeber-hero{background:var(--gold-50);background-image:radial-gradient(ellipse 50% 90% at 100% 0%,var(--gold-100),transparent 70%);padding-block:var(--space-16) var(--space-12)}
.field-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-10)}
.field-tile{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--gold-200);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:var(--text-body);transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-fast)}
.field-tile:hover{box-shadow:var(--shadow-md);border-color:var(--gold-400);color:var(--text-body)}
.field-tile__head{display:flex;align-items:center;justify-content:space-between}
.field-tile__count{font-family:var(--font-display);font-size:28px;font-weight:var(--weight-bold);color:var(--gold-500);line-height:1}
.field-tile__name{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-heading);line-height:var(--leading-snug)}
.field-tile__intro{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}
.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-8)}
.situation{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-subtle);border-left:4px solid var(--gc-gold);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);text-decoration:none;color:var(--text-body);transition:box-shadow var(--duration-normal) var(--ease-standard)}
.situation:hover{box-shadow:var(--shadow-md);color:var(--text-body)}
.situation__label{font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-muted)}
.situation__q{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-bold);color:var(--text-heading);line-height:var(--leading-snug)}
.situation__to{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--text-gold);margin-top:auto}
.ratgeber-group{scroll-margin-top:110px}
.ratgeber-group + .ratgeber-group{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-default)}
.ratgeber-group__head{display:flex;gap:var(--space-5);align-items:flex-start}
.ratgeber-group__head .medallion{margin-top:6px}
.post-list{list-style:none;margin:var(--space-8) 0 0;padding:0;display:grid;gap:var(--space-4)}
.post-row{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-5);align-items:center;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-decoration:none;color:var(--text-body);transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-fast)}
.post-row:hover{box-shadow:var(--shadow-md);border-color:var(--gold-300);color:var(--text-body)}
.post-row__num{font-family:var(--font-display);font-size:34px;font-weight:var(--weight-bold);color:var(--gold-300);line-height:1}
.post-row:hover .post-row__num{color:var(--gold-500)}
.post-row__title{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-bold);color:var(--text-heading);line-height:var(--leading-snug)}
.post-row__text{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin-top:6px;max-width:70ch}
.post-row__meta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}
.post-row__arrow{width:40px;height:40px;border-radius:var(--radius-circle);background:var(--gold-100);color:var(--gold-700);display:grid;place-items:center;transition:transform var(--duration-fast) var(--ease-out)}
.post-row:hover .post-row__arrow{transform:translateX(4px)}

/* Startseite */
.home-ratgeber{background:var(--gold-50)}
.home-faq{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-top:var(--space-10)}
.home-faq .post-card{background:var(--surface-card)}
.home-faq .post-card__title{font-size:18px}

@media (max-width:1100px){.field-tiles{grid-template-columns:1fr 1fr}.next-up{grid-template-columns:1fr}}
@media (max-width:960px){
  .post-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}
  .post-aside{position:static}
  .post-aside__service{display:none}
  .toc{padding:0;border:0;background:transparent}
  .toc summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-weight:var(--weight-bold);color:var(--text-heading)}
  .toc summary::-webkit-details-marker{display:none}
  .toc summary::after{content:"+";font-family:var(--font-display);font-size:22px;color:var(--gc-gold)}
  .toc[open] summary::after{content:"–"}
  .toc__title{display:none}
  .toc ol{padding:var(--space-3) var(--space-5) 0}
  .home-faq,.situations{grid-template-columns:1fr 1fr}
  .kurzantwort{grid-template-columns:1fr;padding:var(--space-5)}
  .kurzantwort__icon{display:none}
  .post-row{grid-template-columns:1fr;gap:var(--space-3)}
  .post-row__num{display:none}
  .post-row__arrow{display:none}
}
@media (max-width:600px){
  .home-faq,.situations,.field-tiles{grid-template-columns:1fr}
  .prose--post table{font-size:var(--text-body-sm)}
  .prose--post th,.prose--post td{padding:8px 10px}
  .prose--post .beispiel,.prose--post .muster{padding:var(--space-5)}
  .post-cta{padding:var(--space-6)}
  .post-review{grid-template-columns:1fr}
  .post-hero{padding-block:var(--space-8) var(--space-16)}
}

/* ---------- Prozess-Schritte und Zweiteilung (Leistungsseiten) ---------- */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin:var(--space-8) 0 0;padding:0;list-style:none;counter-reset:proc}
.process li{counter-increment:proc;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin:0}
.process li::before{content:counter(proc,decimal-leading-zero);display:block;font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--gc-gold);line-height:1;margin-bottom:var(--space-3)}
.process__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--text-heading);margin-bottom:var(--space-2)}
.process__text{font-size:var(--text-body-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}
.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-6)}
.split-cards .card__title{margin-top:0}
.split-cards ul{font-size:var(--text-body-md);padding-left:1.2em;margin:var(--space-3) 0 var(--space-4)}
.split-cards li{margin:.3em 0}
.split-cards .card__text{margin-top:var(--space-2)}
@media (max-width:960px){.process{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.process,.split-cards{grid-template-columns:1fr}}
