/* Layout: linksbündige Spalte bis 1160px. Hero = Text links, Verlaufsdiagramm als Karte rechts (auf dem Handy senkrechte Linie mit Stationen). Raster wie Millimeterpapier als wiederkehrendes Motiv. */
@font-face{font-family:"Bricolage Grotesque";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-style:normal;font-display:swap;src:url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2")}

:root{
  --navy:#0b2a4f;
  --gold:#d4a523;
  --grey:#525b65;
  --paper:#f4f5f7;
  --ink:#0c1b2e;
  --line:#d6dbe2;
  --white:#ffffff;
  --soft:#c9d3e0;
  --display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --grid:linear-gradient(rgba(11,42,79,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,42,79,.07) 1px,transparent 1px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--display);font-weight:700;color:var(--navy);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.015em}
h1{font-size:clamp(2.2rem,4.6vw,3.7rem)}
h2{font-size:clamp(1.65rem,3vw,2.35rem)}
h3{font-size:1.2rem;line-height:1.2}
p{margin:0 0 1em;max-width:62ch}
.nb{white-space:nowrap}

/* Kopf */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}
.brand img{height:42px;width:auto;display:block}
.brand b{display:block;font:700 1.02rem/1.15 var(--display)}
.brand span{display:block;font-size:.88rem;color:var(--grey)}
nav{display:flex;flex-wrap:wrap;gap:4px 24px}
nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.96rem;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{border-bottom-color:var(--gold)}
nav a.cta{color:var(--navy);border:2px solid var(--navy);border-radius:4px;padding:5px 14px}
nav a.cta:hover{background:var(--navy);color:var(--white)}
@media (max-width:860px){nav a:not(.cta){display:none}}

/* Buttons */
.btn{display:inline-block;background:var(--navy);color:var(--white);text-decoration:none;font:600 1rem var(--body);padding:14px 24px;border-radius:4px;border:2px solid var(--navy);cursor:pointer}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn.alt{background:transparent;color:var(--navy)}
.btn.alt:hover{border-color:var(--gold)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.gold:hover{background:#e4b63a;border-color:#e4b63a}
.btn:disabled{opacity:.6;cursor:wait}

/* Hero */
.hero{position:relative;background:var(--white);border-bottom:1px solid var(--line);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--grid);background-size:32px 32px;-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 75%);mask-image:linear-gradient(100deg,transparent 30%,#000 75%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:stretch;padding-top:64px;padding-bottom:64px}
.hero .copy{display:flex;flex-direction:column;justify-content:center}
.rule{display:block;width:72px;height:6px;background:var(--gold);margin-bottom:26px}
.lead{font-size:1.2rem;color:var(--grey);margin:24px 0 28px;max-width:46ch}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.promises{list-style:none;margin:32px 0 0;padding:24px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.promises li{position:relative;padding-left:30px;font-weight:600;color:var(--navy)}
.promises li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:10px;border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg) scale(.85);transform-origin:left bottom}

/* Diagramm-Karte */
.chart{align-self:center;background:var(--white);border:1px solid var(--line);box-shadow:0 1px 0 var(--line),0 24px 48px -32px rgba(11,42,79,.45);display:flex;flex-direction:column}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.chart-head b{font:700 1.02rem var(--display);color:var(--navy)}
.chart-head span{font-size:.88rem;color:var(--grey)}
.plot{position:relative;aspect-ratio:600/360;background-image:var(--grid);background-size:28px 28px;background-position:-1px -1px}
.plot svg{display:block;width:100%;height:100%}
.plot path.l{fill:none;stroke-linecap:round;stroke-width:13;stroke-dasharray:1000;animation:draw 1.5s cubic-bezier(.65,0,.35,1) both}
.plot path.l2{animation-delay:.15s}.plot path.l3{animation-delay:.3s}
@keyframes draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.plot .axis{stroke:var(--line);stroke-width:2}
.plot .axis-t{font:600 13px var(--body);fill:var(--grey)}
.plot .guide{stroke:var(--navy);stroke-width:1.5;stroke-dasharray:4 5;opacity:0;transition:opacity .25s}
.st{cursor:pointer;outline:none}
.st .hit{fill:transparent}
.st .dot{fill:var(--white);stroke:var(--navy);stroke-width:4;transition:fill .18s ease-out,r .28s cubic-bezier(.34,1.7,.64,1)}
.st text,.st .dot{transition-property:fill,r,opacity}
.plot.focus .st:not(.on) text{opacity:.55}
.st:hover .dot{r:11}
.st text{text-rendering:geometricPrecision;font:600 16px var(--body);fill:var(--grey);paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round;transition:fill .2s}
.st.on .dot{fill:var(--gold);r:12}
.st.on text{fill:var(--navy)}
.st.on .guide{opacity:.55;stroke-dashoffset:0}
.plot .guide{stroke-dashoffset:40;transition:opacity .25s,stroke-dashoffset .4s cubic-bezier(.22,1,.36,1)}
.st:focus-visible .dot{stroke:var(--gold);stroke-width:5}
.st-in{animation:pop .45s ease-out both;transform-box:fill-box;transform-origin:center}
@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}100%{transform:scale(1)}}
.detail>*{transition:opacity .2s ease-out,transform .2s ease-out}
.detail.swap>*{opacity:0;transform:translateY(4px)}
.detail{padding:18px 22px 20px;border-top:3px solid var(--gold);min-height:132px}
.detail h3{margin-bottom:6px}
.detail p{margin:0 0 8px;color:var(--ink)}
.detail a{font-weight:600;font-size:.95rem}

/* Senkrechte Route (Handy) */
.route-v{display:none;list-style:none;margin:36px 0 0;padding:0 0 0 52px;position:relative}
.route-v::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:26px;border-radius:13px;
  background:linear-gradient(90deg,var(--navy) 0 7px,transparent 7px 10px,var(--gold) 10px 16px,transparent 16px 19px,var(--grey) 19px 26px);
  transform-origin:top;transition:transform 1.4s cubic-bezier(.65,0,.35,1)}
.route-v li{position:relative;padding:0 0 18px;transition:opacity .4s,transform .4s}
.route-v li:last-child{padding-bottom:0}
.route-v li::before{content:"";position:absolute;left:-42px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--white);border:4px solid var(--navy);box-sizing:border-box}
.route-v b{display:block;font:700 1.05rem/1.25 var(--display);color:var(--navy)}
.route-v span{display:block;color:var(--grey);font-size:.96rem;line-height:1.45}
.route-v.wait::before{transform:scaleY(0)}
.route-v.wait li{opacity:0;transform:translateY(8px)}
.route-v.in li:nth-child(1){transition-delay:.25s}.route-v.in li:nth-child(2){transition-delay:.5s}.route-v.in li:nth-child(3){transition-delay:.75s}.route-v.in li:nth-child(4){transition-delay:1s}.route-v.in li:nth-child(5){transition-delay:1.25s}

@media (max-width:860px){
  .hero::before{-webkit-mask-image:linear-gradient(180deg,transparent 40%,#000 100%);mask-image:linear-gradient(180deg,transparent 40%,#000 100%)}
  .hero .wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:48px;gap:0}
  .chart{display:none}
  .route-v{display:block}
}

/* Abschnitte */
section{padding:84px 0}
.head{margin-bottom:36px}
.head h2{margin-bottom:12px}
.head p{color:var(--grey);margin:0}
.head .rule{width:48px;height:5px;margin-bottom:18px}

/* Problem-Finder */
.finder{background:var(--white);border:1px solid var(--line)}
.chips{display:flex;flex-wrap:wrap;gap:10px;padding:22px;border-bottom:1px solid var(--line);background:var(--paper)}
.chip{transition:background .15s,border-color .15s,color .15s,transform .12s ease-out;font:600 .97rem var(--body)}
.chip:active{transform:scale(.97)}
.chip{font:600 .97rem var(--body);color:var(--navy);background:var(--white);border:2px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;text-align:left}
.chip:hover{border-color:var(--gold)}
.chip[aria-pressed="true"]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.f-out.swap p,.f-out.swap ol{opacity:0;transform:translateY(4px)}
.f-out p,.f-out ol{transition:opacity .2s ease-out,transform .2s ease-out}
.f-out{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:0}
.f-out>div{padding:26px 26px 28px}
.f-out>div+div{border-left:1px solid var(--line)}
.f-label{display:block;font:700 1.02rem var(--display);color:var(--navy);margin-bottom:10px;padding-bottom:8px;border-bottom:3px solid var(--gold);width:max-content;max-width:100%}
.f-out p{margin:0}
.f-out ol{margin:0;padding-left:1.25em;display:grid;gap:8px}
.f-out .btn{margin-top:18px}
.f-out .res{color:var(--navy);font-weight:600}
@media (max-width:900px){.f-out{grid-template-columns:1fr}.f-out>div+div{border-left:0;border-top:1px solid var(--line)}}

/* Beratungsfelder */
.fields{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.card{position:relative;background:var(--white);border:1px solid var(--line);padding:28px 28px 24px;overflow:hidden;grid-column:span 2;--mx:50%;--my:50%}
.card:nth-child(-n+2){grid-column:span 3}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(212,165,35,.15),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}
.card:hover::before{opacity:1}
.card>*{position:relative}
.card .ix{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.card .ix i{display:block;width:30px;height:16px;background:linear-gradient(180deg,var(--navy) 0 4px,transparent 4px 6px,var(--gold) 6px 10px,transparent 10px 12px,var(--grey) 12px 16px);border-radius:2px}
.card h3{margin-bottom:6px}
.card .sub{color:var(--grey);font-size:.98rem;margin:0 0 12px}
.card ul{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:.99rem}
.card .note{margin:14px 0 0;font-size:.92rem;color:var(--grey)}
@media (max-width:900px){.fields{grid-template-columns:1fr}.card,.card:nth-child(-n+2){grid-column:auto}}
.tools-h{margin:52px 0 0;font-size:1.1rem}
.tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.tools li{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--navy);padding:8px 14px;font-weight:600;color:var(--navy);font-size:.96rem}
.tools li.grow{border-left-color:var(--gold);color:var(--grey)}

/* Zusammenarbeit */
.ledger{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line)}
.ledger th,.ledger td{text-align:left;vertical-align:top;padding:18px 20px;border-bottom:1px solid var(--line)}
.ledger thead th{background:var(--navy);color:var(--white);font-weight:600;font-size:.95rem;border-bottom:3px solid var(--gold)}
.ledger tbody th{font:700 1.06rem/1.3 var(--display);color:var(--navy);width:26%}
.ledger td:nth-child(3){width:28%;color:var(--navy);font-weight:600}
.ledger tr:last-child th,.ledger tr:last-child td{border-bottom:0}
@media (max-width:720px){
  .ledger,.ledger tbody,.ledger tr,.ledger th,.ledger td{display:block;width:100%!important}
  .ledger thead{display:none}
  .ledger tr{border-bottom:1px solid var(--line);padding:14px 0}
  .ledger th,.ledger td{border:0;padding:4px 18px}
  .ledger td:nth-child(3)::before{content:"Abrechnung: ";font-weight:400;color:var(--grey)}
}
.steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.steps::before{content:"";position:absolute;left:9px;right:9px;top:9px;height:4px;background:var(--gold);border-radius:2px}
.steps li{position:relative;padding-top:36px}
.steps li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--white);border:4px solid var(--navy);box-sizing:border-box}
.steps .n{font:700 .9rem var(--display);color:var(--grey);display:block;margin-bottom:2px}
.steps h3{margin-bottom:6px}
.steps p{font-size:.98rem;color:var(--grey);margin:0}
@media (max-width:820px){
  .steps{grid-template-columns:1fr;gap:22px;padding-left:40px}
  .steps::before{left:9px;right:auto;top:9px;bottom:9px;width:4px;height:auto}
  .steps li{padding-top:0}
  .steps li::before{left:-40px}
}

/* Über mich */
.about{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about .cols{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:56px;align-items:start}
.portrait{margin:0;position:relative;aspect-ratio:4/5;background:var(--white);background-image:var(--grid);background-size:24px 24px;border:3px solid var(--navy);box-shadow:12px 12px 0 var(--gold);display:grid;place-items:center;overflow:hidden}
.portrait img.fallback{width:44%;height:auto}
.portrait img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.principles div{border-left:4px solid var(--gold);padding-left:16px}
.principles p{margin:6px 0 0;color:var(--grey);font-size:.97rem}
@media (max-width:900px){.principles{grid-template-columns:1fr}}
@media (max-width:720px){.about .cols{grid-template-columns:1fr;gap:32px}.portrait{max-width:280px}}

/* FAQ */
.faq details{background:var(--white);border:1px solid var(--line);margin-bottom:10px}
.faq summary{cursor:pointer;padding:18px 22px;font:700 1.06rem var(--display);color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 22px 20px;margin:0}

/* Kontakt */
.contact{background:var(--navy);color:var(--white);position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.contact .wrap{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:56px;align-items:start}
.contact h2{color:var(--white)}
.contact .lead2{color:var(--soft);margin:14px 0 28px}
.next{list-style:none;margin:0;padding:0 0 0 40px;display:grid;gap:18px;position:relative}
.next::before{content:"";position:absolute;left:9px;top:9px;bottom:9px;width:4px;background:var(--gold);border-radius:2px}
.next li{position:relative}
.next li::before{content:"";position:absolute;left:-40px;top:2px;width:22px;height:22px;border-radius:50%;background:var(--navy);border:4px solid var(--white);box-sizing:border-box}
.next b{display:block;color:var(--white)}
.next span{color:var(--soft);font-size:.96rem}
.direct{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);color:var(--soft);font-size:.96rem}
.direct a{color:var(--white);font-weight:600;text-decoration-color:var(--gold)}
.kform{background:var(--white);color:var(--ink);padding:30px;display:grid;gap:16px;border-top:5px solid var(--gold);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.kform h3{font-size:1.3rem}
.kform label,.kform legend{display:block;font-weight:600;font-size:.94rem;margin-bottom:4px;color:var(--navy);padding:0}
.kform input,.kform select,.kform textarea{width:100%;font:400 1rem var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:4px;padding:11px 12px}
.kform input:focus,.kform select:focus,.kform textarea:focus{border-color:var(--navy);outline:3px solid var(--gold);outline-offset:1px}
.kform .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kform fieldset{border:0;margin:0;padding:0}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--navy);background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:8px 16px;margin:0;cursor:pointer}
.seg input{width:auto;margin:0;accent-color:var(--navy)}
.seg label:has(input:checked){border-color:var(--navy);background:var(--white)}
.kform .consent{display:flex;gap:10px;align-items:flex-start}
.kform .consent input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--navy)}
.kform .consent label{font-weight:400;font-size:.92rem;margin:0;color:var(--grey)}
.kform .btn{justify-self:start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{font-size:.95rem;color:var(--navy);min-height:1.2em}
.status a{font-weight:600}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--navy);text-decoration:underline;cursor:pointer}
@media (max-width:960px){.contact .wrap{grid-template-columns:1fr;gap:36px}}
@media (max-width:560px){.kform{padding:22px}.kform .row2{grid-template-columns:1fr}}

/* Fuß */
footer{background:var(--white);border-top:1px solid var(--line);padding:32px 0;color:var(--grey);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
footer .brand img{height:34px}
footer nav a{font-weight:400;color:var(--grey);font-size:.95rem}
@media (max-width:860px){footer nav a:not(.cta){display:inline}}

/* Rechtstexte */
.legal{padding:56px 0 72px;background:var(--white);min-height:60vh}
.legal h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:28px}
.legal h2{font-size:1.25rem;margin:32px 0 8px}
.legal p,.legal li{max-width:70ch}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .plot path.l,.st-in{animation:none}
  .route-v::before,.route-v li{transition:none}
  .route-v.wait::before{transform:none}.route-v.wait li{opacity:1;transform:none}
  .card::before{transition:none}
}

/* Offener Block */
.open{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--navy);color:var(--white);position:relative;overflow:hidden}
.open::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.open>div{position:relative;padding:34px 34px 32px}
.open h3{color:var(--white);font-size:clamp(1.4rem,2.4vw,1.75rem);margin-bottom:14px}
.open-text p{color:var(--soft)}
.open .btn{margin-top:6px}
.open-list{background:rgba(255,255,255,.04);border-left:1px solid rgba(255,255,255,.14)}
.open .f-label{color:var(--white)}
.open-list ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:16px}
.open-list li{color:var(--soft);font-size:.98rem;line-height:1.5;padding-left:18px;border-left:3px solid var(--gold)}
.open-list b{display:block;color:var(--white);font-weight:600;margin-bottom:2px}
@media (max-width:900px){.open{grid-template-columns:1fr}.open-list{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.open>div{padding:26px 22px}}

/* Ersatz für frühere Inline-Stile (Content Security Policy) */
section.tight{padding-top:12px}
.rule.sm{width:48px;height:5px;margin-bottom:18px}
.mt16{margin-top:16px}
.st-in.d0{animation-delay:1.3s}.st-in.d1{animation-delay:1.48s}.st-in.d2{animation-delay:1.66s}.st-in.d3{animation-delay:1.84s}.st-in.d4{animation-delay:2.02s}

/* Kurzmarke PraRa */
.brand b.wm{font-size:1.42rem;line-height:1;letter-spacing:-.01em;color:var(--navy)}
.brand b.wm em{font-style:normal;color:var(--gold)}
.brand b.wm + span{margin-top:3px;font-size:.82rem}
.st text{letter-spacing:.02em}
@media (max-width:480px){
  .site-header .wrap{flex-wrap:nowrap;gap:10px}
  .brand{gap:9px;min-width:0}
  .brand img{height:34px}
  .brand b.wm{font-size:1.2rem}
  .brand b.wm + span{font-size:.7rem;white-space:nowrap}
  .site-header .btn,.site-header nav a.btn{padding:9px 12px;font-size:.88rem;white-space:nowrap}
}

/* Kopfzeile blendet sich beim Runterscrollen aus und beim Hochscrollen sofort ein */
.site-header{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s}
.site-header.hide{transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){.site-header{transition:none}}