/*
Theme Name: Ahnenkette
Theme URI: https://ahnenkette.at
Author: Linqbiz GmbH
Description: Website und Shop für Ahnenkette – Ahnenlinie über bis zu 8 Generationen. Klassisches Theme mit WooCommerce-Anbindung (Herkunftsprüfung, Gutschein, Fragebogen, Ergebnis-Download, Vertrag widerrufen).
Version: 0.5.4
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: ahnenkette
*/

@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/eb-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}

:root{
  --papier:#f7f2e8; --papier-2:#efe6d4; --tinte:#2b2620; --tinte-2:#5c5247;
  --akzent:#2f5d50; --akzent-dunkel:#244a40; --akzent-hell:#e3ece7; --gold:#a67c37; --linie:#d8ccb4;
  --karte:#fffdf8; --fehler:#9b2c2c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--tinte);font:17px/1.6 "Source Sans 3",system-ui,sans-serif}
h1,h2,h3{font-family:"EB Garamond",Georgia,serif;font-weight:600;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.4rem)}
h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}
h3{font-size:1.35rem}
a{color:var(--akzent)}
img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.wrap.schmal{max-width:820px}
section{padding:72px 0}
.leise{color:var(--tinte-2)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Kopf */
.kopf{position:sticky;top:0;z-index:5;background:rgba(247,242,232,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.marke{font-family:"EB Garamond",serif;font-size:1.6rem;font-weight:600;color:var(--tinte);text-decoration:none;display:flex;align-items:center;gap:10px}
.marke svg{width:30px;height:30px}
.kopf nav a{color:var(--tinte);text-decoration:none;margin-left:22px;font-size:.98rem}

.knopf,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,#place_order{display:inline-block;background:var(--akzent);color:#fff;text-decoration:none;padding:12px 22px;border-radius:6px;font-weight:600;border:0;font-size:1rem;cursor:pointer;font-family:inherit;line-height:1.3}
.knopf:hover,.woocommerce .button:hover,#place_order:hover{background:var(--akzent-dunkel);color:#fff}
.knopf.hell{background:transparent;color:var(--akzent);border:1.5px solid var(--akzent)}
.knopf[disabled]{opacity:.45;cursor:not-allowed}

/* Bühne */
.buehne{padding:80px 0 64px}
.buehne .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:860px){.buehne .wrap{grid-template-columns:1fr}}
.buehne p.gross{font-size:1.2rem;color:var(--tinte-2);max-width:34em}
.preiszeile{display:flex;gap:28px;margin:26px 0 30px;flex-wrap:wrap}
.preiszeile div{border-left:3px solid var(--gold);padding-left:12px}
.preiszeile b{font-family:"EB Garamond",serif;font-size:1.9rem;display:block;line-height:1}
.preiszeile span{font-size:.92rem;color:var(--tinte-2)}
.knopfreihe{display:flex;gap:12px;flex-wrap:wrap}

/* Stammtafel-Beispiel */
.tafel{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:22px 22px 14px;box-shadow:0 10px 30px rgba(60,40,10,.08)}
.tafel .titel{font-family:"EB Garamond",serif;text-align:center;font-size:1.25rem;margin-bottom:2px}
.tafel .unter{text-align:center;font-size:.8rem;color:var(--tinte-2);margin-bottom:14px}
.gen{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:stretch}
.gen .nr{font-family:"EB Garamond",serif;color:var(--gold);font-size:1.1rem;text-align:center;border-right:2px solid var(--linie);padding-top:6px}
.gen .paar{padding:6px 0 10px;border-bottom:1px dashed var(--linie);font-size:.9rem;line-height:1.35}
.gen:last-child .paar{border-bottom:0}
.gen .paar b{font-family:"EB Garamond",serif;font-size:1.05rem}
.gen .paar small{color:var(--tinte-2)}
.gen.kunde .paar{color:var(--tinte-2);font-style:italic}
.gen.erforscht .nr{border-right-color:var(--akzent)}

/* Bänder, Karten */
.band{background:var(--papier-2)}
.raster{display:grid;gap:22px}
.r3{grid-template-columns:repeat(3,1fr)}
.r4{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.r3,.r4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.r3,.r4{grid-template-columns:1fr}}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:24px}
.karte .zahl{font-family:"EB Garamond",serif;font-size:2.2rem;color:var(--gold);line-height:1}
.karte p{margin:.4em 0 0;color:var(--tinte-2)}

/* Generationen-Leiter */
.leiter{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:28px 0 10px}
.leiter div{text-align:center;padding:12px 4px;border-radius:6px;font-size:.82rem;line-height:1.25;background:var(--karte);border:1px solid var(--linie)}
.leiter div b{display:block;font-family:"EB Garamond",serif;font-size:1.3rem}
.leiter .sie{background:var(--papier-2);color:var(--tinte-2)}
.leiter .wir{background:var(--akzent-hell);border-color:#b8cfc5}
@media(max-width:700px){.leiter{grid-template-columns:repeat(4,1fr)}}
.legende{display:flex;gap:20px;font-size:.88rem;color:var(--tinte-2);flex-wrap:wrap}
.legende i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:6px;border:1px solid var(--linie)}

/* Beleg */
.beleg{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:800px){.beleg{grid-template-columns:1fr}}
.belegkarte{background:var(--karte);border:1px solid var(--linie);border-radius:10px;overflow:hidden}
.belegkarte .kopfzeile{background:var(--akzent);color:#fff;padding:10px 18px;font-weight:600;font-size:.95rem}
.belegkarte dl{margin:0;padding:16px 18px;display:grid;grid-template-columns:120px 1fr;gap:6px 12px;font-size:.93rem}
.belegkarte dt{color:var(--tinte-2)}
.belegkarte dd{margin:0}
.abschrift{font-family:"EB Garamond",serif;font-style:italic;font-size:1.05rem}

/* Preise */
.preise{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
@media(max-width:800px){.preise{grid-template-columns:1fr}}
.preiskarte{background:var(--karte);border:2px solid var(--akzent);border-radius:12px;padding:30px}
.preiskarte .betrag{font-family:"EB Garamond",serif;font-size:3.4rem;line-height:1}
.preiskarte ul{padding-left:1.2em;margin:18px 0}
.preiskarte li{margin:.3em 0}

/* Formulare (Bestellen, Fragebogen, Widerruf) */
.formular{background:var(--karte);border:1px solid var(--linie);border-radius:12px;padding:28px}
.bestellen{display:grid;grid-template-columns:1fr 280px;gap:32px}
@media(max-width:800px){.bestellen{grid-template-columns:1fr}}
.feld{margin-bottom:18px}
.feld label.titel,.feld .titel{display:block;font-weight:600;margin-bottom:6px}
.feld input[type=text],.feld input[type=email],.feld input[type=date],.feld input[type=number],.feld select,.feld textarea{width:100%;padding:10px;border:1px solid var(--linie);border-radius:6px;font:inherit;background:#fff}
.feld textarea{min-height:110px}
.reihe2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reihe3{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:12px}
@media(max-width:640px){.reihe2,.reihe3{grid-template-columns:1fr}}
fieldset{border:1px solid var(--linie);border-radius:10px;padding:16px 18px 4px;margin:0 0 20px}
legend{font-family:"EB Garamond",serif;font-size:1.25rem;font-weight:600;padding:0 6px}
.wahl{display:flex;flex-direction:column;gap:6px}
.wahl label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--linie);border-radius:6px;cursor:pointer}
.wahl label:has(input:checked){border-color:var(--akzent);background:var(--akzent-hell)}
.haken{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;margin-top:8px}
.summe{background:var(--papier);border-radius:10px;padding:20px;align-self:start;position:sticky;top:84px}
.summe .zeile{display:flex;justify-content:space-between;gap:8px;font-size:.95rem;margin:4px 0}
.summe .zeile>span:last-child{white-space:nowrap;flex-shrink:0;text-align:right}
.summe .gesamt{border-top:1px solid var(--linie);margin-top:10px;padding-top:10px;font-weight:600;font-size:1.2rem}
.summe .knopf{width:100%;margin-top:16px;text-align:center}
.hinweis{font-size:.82rem;color:var(--tinte-2);margin-top:10px}
.meldung{padding:14px 18px;border-radius:8px;margin:0 0 20px;background:var(--akzent-hell);border:1px solid #b8cfc5}
.meldung.fehler{background:#fbeaea;border-color:#e3b5b5;color:var(--fehler)}

/* FAQ */
details{background:var(--karte);border:1px solid var(--linie);border-radius:8px;padding:14px 18px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}
details p{margin:.6em 0 0;color:var(--tinte-2)}

/* Inhaltsseiten */
.inhalt{padding:56px 0 72px}
.inhalt h1{font-size:clamp(1.9rem,4vw,2.6rem)}
.inhalt h2{font-size:1.6rem;margin-top:1.4em}
.inhalt h3{font-size:1.25rem;margin-top:1.2em}

/* WooCommerce, schlicht */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:10px;border:1px solid var(--linie);border-radius:6px;font:inherit;background:#fff}
.woocommerce-checkout #payment,.woocommerce table.shop_table{background:var(--karte);border:1px solid var(--linie);border-radius:10px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--akzent)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--akzent)!important}
.ak-pflicht{margin:14px 0;padding:14px;background:var(--papier);border-radius:8px}
.ak-pflicht label{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;margin:6px 0}

.fuss{background:var(--tinte);color:#d9d0c1;padding:40px 0;font-size:.92rem}
.fuss a{color:#d9d0c1}
.fuss .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* Muster-Stammtafel */
.musterbild{margin:0}
.musterbild img{display:block;width:100%;border-radius:6px;box-shadow:0 14px 34px rgba(60,40,10,.18)}
.musterbild figcaption{font-size:.85rem;color:var(--tinte-2);margin-top:8px;text-align:center}

/* ---------- Geteilte Stammtafel (/stammtafel/<schlüssel>/) ---------- */
@font-face{font-family:"UnifrakturMaguntia";font-display:swap;src:url(assets/fonts/unifrakturmaguntia-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-display:swap;src:url(assets/fonts/cinzel-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-weight:700;font-display:swap;src:url(assets/fonts/eb-garamond-latin-700-normal.woff2) format("woff2")}
.tafel-seite{--rinde:#6b4a2b;--rot:#6b1d1d;max-width:1040px;margin:28px auto 0;padding:34px 22px 28px;font-family:"EB Garamond",Georgia,serif;color:#2e2012;
  background:radial-gradient(ellipse at 50% 40%,rgba(255,252,240,.95) 0,rgba(250,242,220,.6) 50%,rgba(214,190,140,.5) 100%),#efe3c4;
  border:1.5px solid #6b4f2a;outline:.5px solid #8b6b3d;outline-offset:-7px;border-radius:4px}
.tafel-kopf{text-align:center;margin-bottom:18px}
.tafel-kopf .t1{font-family:Cinzel,serif;letter-spacing:.35em;text-transform:uppercase;font-size:.95rem;color:#5a4020}
.tafel-kopf .t2{font-family:UnifrakturMaguntia,serif;font-weight:400;font-size:clamp(3rem,10vw,4.6rem);color:var(--rot);line-height:1;margin:.1em 0}
.tafel-kopf .t3{font-style:italic;font-size:1.1rem;color:#4a3520;margin:.2em 0}
.tafel-kopf .zier{color:#8b6b3d;letter-spacing:.4em}
.tafel-baum{list-style:none;margin:0;padding:0;position:relative}
.tafel-baum::before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:12px;margin-left:-6px;border-radius:6px;
  background:linear-gradient(90deg,#4d331c,#8a6a45 45%,#4d331c);opacity:.85}
.tafel-zeile{display:grid;grid-template-columns:1fr minmax(260px,420px) 1fr;gap:0;align-items:center;margin:0 0 14px;position:relative}
.tafel-karte{position:relative;z-index:1;background:rgba(252,247,234,.97);border:1.2px solid #7a5c2e;border-radius:12px;padding:10px 14px;text-align:center;
  box-shadow:inset 0 0 0 3px rgba(252,247,234,1),inset 0 0 0 4px #b39565,0 3px 8px rgba(90,60,20,.22)}
.tafel-zeile.unsicher .tafel-karte{border-style:dashed}
.tafel-karte.jung{background:#fffaf0}
.tafel-karte .tgen{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8b6b3d}
.tafel-karte .nm{font-size:1.3rem;font-weight:700;font-variant:small-caps;letter-spacing:.03em;color:var(--rot);line-height:1.15}
.tafel-karte .nm .frag{font-variant:normal;font-weight:400;font-size:.9rem;color:#8b6b3d}
.tafel-karte .dt{font-size:.95rem;line-height:1.3;color:#3b2a1a}
.tafel-karte .oo{font-size:.95rem;margin-top:2px}
.tafel-karte .fr{font-weight:700;font-variant:small-caps;font-size:1.08rem;color:#4a2a15}
.tafel-karte .frd{font-style:italic;font-size:.9rem;color:#5a4632}
.tafel-karte .ex{font-style:italic;font-size:.85rem;color:#6a5640}
.tafel-karte .paar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}
.tafel-karte .paar .ring{color:#8b6b3d;font-size:1.3rem;line-height:1}
.tafel-karte .paar .ring small{display:block;font-size:.8rem;color:#3b2a1a;white-space:nowrap}
.kinderreihe{display:flex;gap:12px;justify-content:center;position:relative;z-index:1}
.kinderreihe .tafel-karte{flex:1}
.ast{display:flex;flex-wrap:wrap;gap:4px 6px;align-content:center;position:relative;padding:0 38px;min-width:0}
.ast:not(:empty)::before{content:"";position:absolute;top:50%;height:3px;width:32px;background:var(--rinde);border-radius:2px;opacity:.85}
.ast.links{justify-content:flex-end;text-align:right}.ast.links:not(:empty)::before{right:0}
.ast.rechts{justify-content:flex-start}.ast.rechts:not(:empty)::before{left:0}
.ast .bk{width:100%;font-style:italic;font-size:.82rem;color:#6b4f2a}
.ast .blatt{font-size:.92rem;line-height:1.25;background:rgba(251,246,232,.92);border-radius:4px;padding:0 5px;max-width:100%}
.ast .blatt::before{content:"";display:inline-block;width:10px;height:6px;margin-right:4px;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#8a9a52,#5f6e34);transform:rotate(-20deg)}
.ast .blatt b{font-weight:600}
.tafel-epoche{text-align:center;margin:6px 0 12px;position:relative;z-index:1}
.tafel-epoche span{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em;color:#6b4f2a;background:#f3e9cf;padding:2px 10px;border:1px solid #c9b48a;border-radius:20px}
.tafel-fuss{text-align:center;font-size:.92rem;color:#5a4632;margin-top:18px;font-style:italic}
.tafel-fuss .gl{font-family:UnifrakturMaguntia,serif;font-style:normal;font-size:1.6rem;color:var(--rot)}
.tafel-fuss .zeichen{font-size:.82rem}
.tafel-fuss .knopf{font-style:normal}
.tafel-anlagen{max-width:620px;margin:22px auto 0;text-align:left;font-style:normal;background:#fffaf0;border:1px solid #e3d5bd;border-radius:6px;padding:12px 18px}
.tafel-anlagen h2{font-size:1.15rem;margin:0 0 .3em}
.tafel-anlagen ul{margin:.4em 0 0;padding-left:1.2em}
.karte .tafel-anlagen{margin:12px 0 0}
.tafel-werbung{text-align:center;padding:48px 0 64px}
.tafel-werbung .marke-klein{font-family:Cinzel,serif;letter-spacing:.2em;font-size:.78rem;color:var(--gold);text-transform:uppercase}
@media(max-width:760px){
  .tafel-baum::before{left:24px}
  .tafel-zeile{grid-template-columns:1fr;padding-left:0}
  .tafel-zeile .tafel-karte,.kinderreihe{margin-left:0}
  .ast{order:2;justify-content:flex-start!important;text-align:left!important;padding:6px 4px 0 44px}
  .ast:not(:empty)::before{display:none}
  .tafel-karte .paar{grid-template-columns:1fr}
  .kinderreihe{flex-direction:column}
}
@media print{.kopf,.fuss,.tafel-werbung{display:none}.tafel-seite{border:0;margin:0}}

/* Zusagen-Leiste und „Wer dahinter steht“ */
.zusagen{padding:0 0 40px}
.zusagen .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:860px){.zusagen .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.zusagen .wrap{grid-template-columns:1fr}}
.zusage{border-top:3px solid var(--akzent);background:var(--karte);border-radius:0 0 8px 8px;padding:12px 14px;box-shadow:0 2px 8px rgba(60,40,10,.06)}
.zusage b{display:block;font-family:"EB Garamond",serif;font-size:1.2rem}
.zusage span{font-size:.9rem;color:var(--tinte-2)}
.wer{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
@media(max-width:800px){.wer{grid-template-columns:1fr}}
.haekchenliste{list-style:none;margin:0;padding:22px 24px;background:var(--karte);border:1px solid var(--linie);border-radius:10px}
.haekchenliste li{position:relative;padding-left:28px;margin:0 0 10px;font-size:.95rem}
.haekchenliste li::before{content:"✓";position:absolute;left:0;top:0;color:var(--akzent);font-weight:600}
.weiter-box{background:var(--akzent-hell);border:1px solid #b8cfc5;border-radius:10px;padding:16px 18px;margin:0 0 22px}
.weiter-box ol{margin:.4em 0 0;padding-left:1.3em}
/* UX-Überarbeitung 0.4.0: Lesbarkeit und Handy */
.kopf nav a.knopf{color:#fff}
.kopf nav a.knopf:hover{color:#fff}
.hinweis{font-size:.95rem}
.leise{font-size:1rem}
input[type=checkbox],input[type=radio]{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:var(--akzent)}
.gebietszeile{font-size:.95rem;color:var(--tinte-2);margin:14px 0 0}
.person{display:flex;gap:18px;align-items:center;margin:0 0 14px}
.person img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--karte);box-shadow:0 2px 10px rgba(60,40,10,.15)}
.teilen-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
/* Kundenfragen in „Mein Bereich“ */
.frage summary{cursor:pointer;list-style:revert}
.frage .nachricht{margin:10px 0;padding:8px 12px;border-left:4px solid #c9b48a;background:#fffaf0;border-radius:4px}
.frage .nachricht.team{border-left-color:var(--gruen,#2f5d50);background:#eef5f1}
.frage .nachricht p{margin:.3em 0}
.frage .formular{margin-top:10px}

/* Ratgeberseiten (Verwandtschaftsgrade) */
.vw-lead{font-size:1.15rem;color:var(--tinte-2)}
.vw-inhalt{font-size:.92rem;line-height:1.9;margin:6px 0 10px}
.vw-tabelle-rahmen{overflow-x:auto;margin:14px 0}
.vw-tabelle{width:100%;border-collapse:collapse;background:var(--karte);border:1px solid var(--linie);border-radius:10px;font-size:.95rem}
.vw-tabelle th,.vw-tabelle td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--linie);vertical-align:top}
.vw-tabelle th{font-weight:600;background:var(--akzent-hell);white-space:nowrap}
.vw-tabelle tr:last-child td{border-bottom:0}
.vw-rechner select{width:100%;max-width:420px;padding:8px;font:inherit;margin-top:4px}
.vw-ergebnis{margin:12px 0 0;padding:14px 18px;border-left:3px solid var(--gold);background:#fbf7ec;border-radius:0 8px 8px 0;line-height:1.6}
.vw-werbung{margin-top:34px}
.vw-bild{margin:22px 0}
.vw-bild img{display:block;width:100%;height:auto;border:1px solid var(--linie);border-radius:8px}
.vw-bild figcaption{font-size:.9rem;color:var(--tinte-2);margin-top:6px}
.vw-liste a.karte{display:block;text-decoration:none;color:inherit}
.vw-liste a.karte:hover{border-color:var(--gold)}
.vw-liste a.karte h3{margin:0 0 6px;font-size:1.15rem;color:var(--akzent)}
.fuss-ratgeber{margin-bottom:8px}
.vw-bild-schmal{max-width:560px;margin-left:auto;margin-right:auto}

/* Hauptnavigation: oben nur Seiten, aktuelle Seite markiert; am Handy als zweite Zeile */
.kopf nav a.seite{position:relative}
.kopf nav a.seite[aria-current="page"]{color:var(--akzent);font-weight:600}
.kopf nav a.seite[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold);border-radius:2px}
@media(max-width:820px){
  .kopf .wrap{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:6px;row-gap:4px}
  .kopf nav{flex:1 1 100%;width:100%;min-width:0;max-width:100%;display:flex;align-items:center;gap:16px;overflow-x:auto;white-space:nowrap;padding-bottom:4px;scrollbar-width:none}
  .kopf .wrap > *{min-width:0}
  .kopf nav a{margin-left:0;font-size:.95rem}
  .kopf .marke{order:1}
  .kopf .kopf-knopf{order:2;margin-left:auto;padding:6px 14px}
  .kopf nav{order:3}
  .marke{font-size:1.35rem}
}
/* Startseite: Leiste „Auf dieser Seite“ */
.abschnitte{border-bottom:1px solid var(--linie);background:var(--papier-2,#efe7d6)}
.abschnitte .wrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;font-size:.95rem}
.abschnitte span{color:var(--tinte-2);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.abschnitte a{color:var(--tinte);text-decoration:none}
.abschnitte a:hover{color:var(--akzent);text-decoration:underline}
html{scroll-padding-top:84px}

.kopf nav{margin-left:auto}
.kopf .kopf-knopf{margin-left:22px;color:#fff;white-space:nowrap}
.kopf .kopf-knopf:hover{color:#fff}
@media(max-width:820px){.kopf nav{margin-left:0}}