/* Langlauf & Loipen — Schnee, gespurte Rillen, Wachsfarben.
   Layout: eine Spalte (mobil) → Textspalte + Datenrand (ab 980 px); Prägeschrift als Leitmotiv. */
@font-face{font-family:"Panchang";src:url(/schrift/panchang.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Supreme";src:url(/schrift/supreme.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Supreme";src:url(/schrift/supreme-i.woff2) format("woff2");font-weight:100 800;font-style:italic;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/schrift/geistmono.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --schnee:#F4F6F6;      /* Grund: frischer Pulverschnee, leicht kühl */
  --firn:#E6EBEC;        /* Flächen, Tabellenzeilen */
  --praeg:#E3E8E9;       /* Prägeschrift (eine Spur dunkler als Schnee) */
  --graphit:#15181B;     /* Text */
  --grau:#56616A;        /* Nebentext */
  --rinne:#C9D0D3;       /* Linien, Rillen */
  --wachs:#5B2E91;       /* Akzent: violettes Steigwachs */
  --wachs-2:#EFE8F7;     /* Wachs, sehr hell */
  --klister:#F5C518;     /* Akzent 2: gelber Klister – nur Markierungen */
  --auf-klister:#15181B;
  --licht:rgba(255,255,255,.95);
  --schatten:rgba(36,52,66,.20);
  --blau:#1F5FBF; --rot:#C8303A; --schwarz:#15181B;  /* Loipenmarkierung */
  --dot-aus:#C3CBCF; --dot-an:#5B2E91;
  --f-anzeige:"Panchang","Arial Black",system-ui,sans-serif;
  --f-text:"Supreme",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --rand:clamp(16px,4.5vw,56px);
  --breit:1240px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --schnee:#0F1215;--firn:#171C20;--praeg:#13171A;--graphit:#E4E9EB;--grau:#9BA6AD;--rinne:#2B3338;
  --wachs:#BFA3F0;--wachs-2:#211A2C;--klister:#F5C518;--auf-klister:#15181B;
  --licht:rgba(255,255,255,.07);--schatten:rgba(0,0,0,.75);
  --blau:#6EA2F2;--rot:#F0767C;--schwarz:#E4E9EB;--dot-aus:#2A3237;--dot-an:#BFA3F0;color-scheme:dark}}
:root[data-theme="dark"]{
  --schnee:#0F1215;--firn:#171C20;--praeg:#13171A;--graphit:#E4E9EB;--grau:#9BA6AD;--rinne:#2B3338;
  --wachs:#BFA3F0;--wachs-2:#211A2C;--klister:#F5C518;--auf-klister:#15181B;
  --licht:rgba(255,255,255,.07);--schatten:rgba(0,0,0,.75);
  --blau:#6EA2F2;--rot:#F0767C;--schwarz:#E4E9EB;--dot-aus:#2A3237;--dot-an:#BFA3F0;color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--schnee);color:var(--graphit);font:400 1.0625rem/1.62 var(--f-text);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--wachs)}
:focus-visible{outline:3px solid var(--wachs);outline-offset:3px}
h1,h2,h3{font-family:var(--f-anzeige);font-weight:700;line-height:1.08;letter-spacing:-.01em;text-wrap:balance;margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h2{font-size:clamp(1.3rem,4.6vw,2.4rem)}
h3{font-size:1.06rem;font-weight:600;letter-spacing:0}
p{margin:0}
.mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.klein{font-size:.72rem}
.sprung{position:absolute;left:-999px;top:8px;background:var(--graphit);color:var(--schnee);padding:10px 14px;z-index:50}
.sprung:focus{left:16px}

/* ---------- Leiste & Spurwahl ---------- */
.leiste{position:sticky;top:env(safe-area-inset-top,0px);z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:10px var(--rand);background:var(--schnee);border-bottom:1px solid var(--rinne)}
.zeichen{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-anzeige);font-weight:700;font-size:clamp(.7rem,2.6vw,.82rem);letter-spacing:.02em;min-height:44px;text-transform:uppercase;white-space:nowrap}
.zeichen b{color:var(--wachs);font-weight:700}
.rillen{display:flex;gap:4px;height:24px}
.rillen i{width:5px;border-radius:3px;background:var(--wachs);box-shadow:inset 1px 1px 2px rgba(0,0,0,.35)}
.spurknopf{min-height:44px;min-width:104px;padding:0 16px;border:1.5px solid var(--graphit);border-radius:999px;background:transparent;color:var(--graphit);font:600 .9rem var(--f-text);cursor:pointer}
.spurknopf[aria-expanded="true"]{background:var(--graphit);color:var(--schnee)}
.spurwahl{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--schnee);border-top:1px solid var(--rinne);border-radius:22px 22px 0 0;
  padding:14px var(--rand) calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(105%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s;
  box-shadow:0 -18px 50px var(--schatten);max-height:82vh;overflow:auto}
.spurwahl.offen{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.spurwahl-kopf{display:flex;justify-content:center;color:var(--grau);padding-bottom:6px}
.spurwahl-kopf::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--rinne);position:absolute;top:8px;left:calc(50% - 22px)}
.spurwahl ul{list-style:none;margin:0;padding:0;display:grid}
.spurwahl a{display:flex;align-items:center;justify-content:space-between;min-height:54px;text-decoration:none;font:600 1.15rem var(--f-text);border-bottom:1px solid var(--rinne)}
.spurwahl a::after{content:"→";font-family:var(--f-mono);color:var(--grau)}
.spurwahl a[aria-current="page"]{color:var(--wachs)}
.schleier{position:fixed;inset:0;z-index:35;background:rgba(10,14,18,.4)}
@media (min-width:980px){
  .spurknopf,.schleier,.spurwahl-kopf{display:none!important}
  .spurwahl{position:static;transform:none;visibility:visible;background:none;border:0;padding:0;box-shadow:none;max-height:none;overflow:visible}
  .spurwahl ul{display:flex;gap:4px}
  .spurwahl a{min-height:44px;padding:0 12px;border:0;font-size:.92rem;font-weight:500;border-radius:999px}
  .spurwahl a::after{content:none}
  .spurwahl a:hover{background:var(--firn);color:var(--graphit)}
  .spurwahl a[aria-current="page"]{background:var(--wachs);color:var(--schnee)}
}

/* ---------- Prägeschrift (ins Schnee gedrückt) ---------- */
.praegung{font-family:var(--f-anzeige);font-weight:800;text-transform:uppercase;line-height:.8;letter-spacing:-.02em;color:var(--praeg);
  text-shadow:0 -2px 2px var(--schatten),0 2px 1px var(--licht),0 0 1px var(--schatten);user-select:none;white-space:nowrap}

/* ---------- Startseite: Loipenprofil ---------- */
.anlauf{position:relative;padding:clamp(26px,5vw,56px) var(--rand) 0;max-width:var(--breit);margin:0 auto}
.anlauf .dachzeile{color:var(--grau);display:flex;flex-wrap:wrap;gap:6px 16px}
.anlauf .dachzeile span:first-child{color:var(--wachs)}
.anlauf h1{margin-top:14px;font-size:clamp(2rem,8.4vw,5.6rem);font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:.94}
.anlauf h1 .land{display:block;margin-top:.35em;font-size:max(1.05rem,.36em);font-weight:500;text-transform:none;letter-spacing:0;line-height:1.15;color:var(--grau)}
.anlauf h1 .land b{color:var(--graphit);font-weight:700}
.anlauf-unten{display:grid;gap:22px;margin-top:22px}
.anlauf .lead{font-size:clamp(1.08rem,2.4vw,1.28rem);max-width:56ch}
.kennzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;border-top:1.5px solid var(--graphit);font-variant-numeric:tabular-nums}
.kennzahlen div{padding:10px 10px 0 0}
.kennzahlen b{display:block;font:700 clamp(1rem,2.05vw,1.7rem)/1 var(--f-anzeige);white-space:nowrap}
.kennzahlen span{display:block;margin-top:6px;font:500 .74rem/1.3 var(--f-mono);letter-spacing:.04em;color:var(--grau);text-transform:uppercase}
@media (min-width:860px){.anlauf-unten{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:48px}}

.profil{position:relative;margin-top:clamp(26px,5vw,56px);width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.profil .praegung{display:block;text-align:center;font-size:clamp(4rem,19.5vw,20rem);position:relative;z-index:1;margin:0;padding-top:.04em}
.profil svg{display:block;width:100%;height:auto;margin-top:-1px;position:relative;z-index:2}
.profil .marke{position:absolute;z-index:3;font:500 .7rem/1.25 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--graphit);
  display:flex;flex-direction:column;gap:2px;max-width:30%}
.profil .marke::before{content:"";width:1px;height:26px;background:var(--graphit);margin-bottom:4px}
.profil .marke small{color:var(--grau);font-size:.66rem;text-transform:none;letter-spacing:0;font-family:var(--f-text)}
.profil .m1{left:max(16px,6%);bottom:8%}.profil .m2{left:44%;bottom:30%}.profil .m3{right:max(16px,6%);bottom:8%;align-items:flex-end;text-align:right}
.profil .m3::before{align-self:flex-end}
@media (max-width:560px){.profil .m2{display:none}.profil .marke{max-width:42%}}
.p-flaeche{fill:var(--firn)}
.p-rille{fill:var(--rinne)}
.p-rille-schatten{fill:var(--schatten)}
.p-rand{stroke:var(--rinne);stroke-width:2}
.p-cord line{stroke:var(--rinne);stroke-width:2.2}
.p-n0{stop-color:var(--schnee);stop-opacity:1}
.p-n1{stop-color:var(--schnee);stop-opacity:0}
.karte-wrap .ortname{font:700 15px var(--f-anzeige);fill:var(--graphit);paint-order:stroke;stroke:var(--schnee);stroke-width:5px;stroke-linejoin:round;pointer-events:none}
.karte-wrap .ort{cursor:pointer}

/* ---------- Abschnitte ---------- */
.abschnitt{max-width:var(--breit);margin:0 auto;padding:clamp(48px,8vw,104px) var(--rand) 0}
.abschnitt-kopf{display:grid;gap:12px;margin-bottom:26px;max-width:62ch}
.abschnitt-kopf .mono{color:var(--wachs)}
.abschnitt-kopf p:not(.mono){color:var(--grau)}
.fliess{max-width:66ch;display:grid;gap:1em}
.fliess h2{margin-top:1.2em}
.fliess h3{margin-top:.6em}
.fliess ul,.fliess ol{margin:0;padding-left:1.2em;display:grid;gap:.35em}
.hinweis{border-left:4px solid var(--klister);padding:4px 0 4px 16px;color:var(--grau)}
.knopf{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--graphit);color:var(--schnee);text-decoration:none;font-weight:600}
.knopf:hover{background:var(--wachs);color:var(--schnee)}
.knopf::after{content:"→";font-family:var(--f-mono)}
.textlink{font-weight:600;color:var(--wachs)}

/* ---------- Schneegrenze (Interaktiv) ---------- */
.grenze{display:grid;gap:22px}
.grenze-regler{display:grid;gap:10px;padding:16px;border-radius:18px;background:var(--firn)}
.grenze-regler label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.grenze-regler output{font:700 clamp(1.6rem,6vw,2.4rem)/1 var(--f-anzeige);font-variant-numeric:tabular-nums}
.grenze-regler input[type=range]{width:100%;height:44px;accent-color:var(--wachs);margin:0}
.grenze-skala{display:flex;justify-content:space-between;color:var(--grau)}
.schnellwahl{display:flex;flex-wrap:wrap;gap:8px}
.schnellwahl button{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--rinne);background:var(--schnee);color:var(--graphit);font:500 .85rem var(--f-mono);cursor:pointer}
.schnellwahl button[aria-pressed="true"]{border-color:var(--wachs);background:var(--wachs);color:var(--schnee)}
.karte-wrap{position:relative;max-width:560px;width:100%;margin:0 auto}
.karte-wrap svg{width:100%;height:auto;display:block}
.karte-wrap .pkt{fill:var(--dot-aus);transition:fill .25s,r .25s}
.karte-wrap .pkt.an{fill:var(--dot-an)}
.karte-wrap .ort circle.ring{fill:var(--schnee);stroke:var(--graphit);stroke-width:2}
.karte-wrap .ort circle.kern{fill:var(--graphit)}
.karte-wrap .ort.ja circle.kern{fill:var(--klister)}
.karte-wrap .ort.teil circle.kern{fill:var(--schnee)}
.karte-wrap .ort text{font:600 10px var(--f-mono);fill:var(--graphit);paint-order:stroke;stroke:var(--schnee);stroke-width:3px}
.karte-wrap .ort.aktiv circle.ring{stroke:var(--wachs);stroke-width:3.5}
.karte-legende{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--grau)}
.karte-legende span{display:inline-flex;align-items:center;gap:8px}
.karte-legende i{width:12px;height:12px;border-radius:50%;display:inline-block}
.zustand{list-style:none;margin:0;padding:0;display:grid;border-top:1.5px solid var(--graphit)}
.zustand li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rinne)}
.zustand button{all:unset;cursor:pointer;display:contents}
.zustand .nm{font-weight:600;min-width:0}
.zustand .nm small{display:block;font:400 .78rem var(--f-mono);color:var(--grau);letter-spacing:.02em}
.zustand .st{font:600 .7rem var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:999px;white-space:nowrap}
.zustand .ja .st{background:var(--klister);color:var(--auf-klister)}
.zustand .teil .st{border:1.5px dashed var(--graphit)}
.zustand .nein .st{color:var(--grau);border:1px solid var(--rinne)}
.zustand .lnd{font:700 .7rem var(--f-mono);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--graphit)}
.zustand .nein{color:var(--grau)}
.zustand li.aktiv{background:var(--wachs-2)}
.saeule{display:block;height:6px;border-radius:3px;background:var(--rinne);position:relative;grid-column:2/4;margin-top:2px}
.saeule b{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--wachs)}
.saeule u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--graphit)}
@media (min-width:980px){
  .grenze{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:40px}
  .grenze-regler{grid-column:1/-1}
  .zustand{max-height:620px;overflow:auto}
}

/* ---------- Gebiete als Startliste ---------- */
.startliste{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.startliste th{font:500 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--grau);text-align:left;padding:8px 10px 8px 0;border-bottom:1.5px solid var(--graphit)}
.startliste td{padding:12px 10px 12px 0;border-bottom:1px solid var(--rinne);vertical-align:top}
.startliste td:first-child{font-weight:600}
.startliste .zahl{text-align:right;font-family:var(--f-mono);font-size:.9rem}
.tabelle{overflow-x:auto}
@media (max-width:700px){
  .startliste thead{display:none}
  .startliste tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--rinne)}
  .startliste td{border:0;padding:0}
  .startliste td[data-k]::before{content:attr(data-k) " ";font:500 .68rem var(--f-mono);color:var(--grau);text-transform:uppercase;letter-spacing:.05em}
  .startliste .zahl{text-align:left}
}

/* ---------- Bildband ---------- */
.bildband{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--breit);margin:0 auto;padding:clamp(48px,8vw,104px) var(--rand) 0}
.bildband figure{margin:0;display:grid;gap:6px}
.bildband img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}
.bildband figure:first-child{grid-column:1/-1}
.bildband figure:first-child img{aspect-ratio:16/9}
.bildband figcaption{color:var(--grau)}
@media (min-width:860px){.bildband{grid-template-columns:2fr 1fr 1fr}.bildband figure:first-child{grid-column:auto}.bildband figure:first-child img{aspect-ratio:auto;height:100%}}

/* ---------- Vergleich DE / AT ---------- */
.vergleich{display:grid;gap:0;border-top:1.5px solid var(--graphit)}
.vergleich-zeile{display:grid;gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--rinne)}
.vergleich-zeile h3{font-family:var(--f-text);font-size:1rem}
.vergleich-zeile .land{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}
.vergleich-zeile .land b{font:700 .72rem var(--f-mono);height:28px;border-radius:6px;display:grid;place-items:center;background:var(--graphit);color:var(--schnee)}
.vergleich-zeile .land.at b{background:var(--wachs)}
@media (min-width:860px){.vergleich-zeile{grid-template-columns:220px minmax(0,1fr) minmax(0,1fr)}}

/* ---------- Unterseiten ---------- */
.seitenkopf{max-width:var(--breit);margin:0 auto;padding:clamp(24px,5vw,56px) var(--rand) 0;display:grid;gap:14px}
.seitenkopf h1{font-size:clamp(1.4rem,6.2vw,4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.98;max-width:18ch}
.seitenkopf .lead{font-size:clamp(1.06rem,2.2vw,1.24rem);max-width:60ch}
.dachzeile{color:var(--wachs)}
.krumen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--grau)}
.krumen li+li::before{content:"／";margin-right:8px;color:var(--rinne)}
.krumen a{text-decoration:none;display:inline-block;padding:10px 0}
.krumen li[aria-current]{padding:10px 0}
.kopfbild{max-width:var(--breit);margin:clamp(20px,4vw,40px) auto 0;padding:0 var(--rand)}
.kopfbild img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:18px}
.kopfbild figcaption{margin-top:8px;color:var(--grau)}
.inhalt-raster{max-width:var(--breit);margin:0 auto;padding:clamp(36px,6vw,72px) var(--rand) 0;display:grid;gap:36px}
.datenrand{display:grid;gap:0;align-content:start;border-top:1.5px solid var(--graphit);font-variant-numeric:tabular-nums}
.datenrand div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--rinne)}
.datenrand dt{font:500 .72rem var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--grau)}
.datenrand dd{margin:0;font-weight:600;text-align:right}
@media (min-width:980px){.inhalt-raster{grid-template-columns:minmax(0,1fr) 320px;gap:72px}.datenrand{position:sticky;top:90px}}
.quellen{font-size:.9rem;color:var(--grau)}
.quellen a{word-break:break-word}

/* ---------- Spurende ---------- */
.spurende{margin-top:clamp(64px,10vw,140px);padding:0 var(--rand) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rinne);overflow:hidden}
.spurende .praegung{font-size:clamp(3.4rem,17.5vw,15rem);margin:clamp(18px,3vw,36px) 0 0 -.04em}
.spurende-raster{max-width:var(--breit);margin:28px auto 0;display:grid;gap:28px}
.spurende ul{list-style:none;margin:8px 0 0;padding:0;display:grid}
.spurende li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.spurende .mono{color:var(--grau)}
.spurende-text{color:var(--grau);max-width:60ch}
.spurende>.mono{max-width:var(--breit);margin:28px auto 0}
@media (min-width:860px){.spurende-raster{grid-template-columns:1fr 1fr 2fr}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- Gebiete-Übersicht ---------- */
.gebiete-liste{display:grid;gap:0;border-top:1.5px solid var(--graphit)}
.gebiet{display:grid;gap:12px;padding:22px 0 26px;border-bottom:1px solid var(--rinne)}
.gebiet header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center}
.gebiet header h3{font-size:clamp(1.1rem,3vw,1.4rem)}
.gebiet header h3 a{text-decoration:none}
.gebiet header .mono{grid-column:2;color:var(--grau)}
.lnd-marke{grid-row:span 2;font:700 .72rem var(--f-mono);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--graphit)}
.lnd-marke.at{background:var(--wachs);border-color:var(--wachs);color:var(--schnee)}
.gebiet .datenrand{position:static;border-top:1px solid var(--rinne)}
.gebiet .datenrand dd{max-width:62%}
@media (min-width:980px){.gebiet{grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:48px}.gebiet .quellen,.gebiet>p{grid-column:2}.gebiet header{align-self:start}}
.filterleiste{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.regeln{list-style:none;margin:0;padding:0;counter-reset:r;display:grid;border-top:1.5px solid var(--graphit)}
.regeln li{counter-increment:r;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--rinne)}
.regeln li::before{content:counter(r,decimal-leading-zero);font:700 1.1rem var(--f-anzeige);color:var(--wachs);grid-row:span 2}
.regeln b{display:block}
.markierung{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.markierung div{border-radius:14px;padding:16px;border:1.5px solid var(--rinne);display:grid;gap:6px}
.markierung i{width:44px;height:14px;border-radius:7px;display:block}
.preis{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.preis th,.preis td{text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid var(--rinne);vertical-align:top}
.preis th{font:500 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--grau);border-bottom:1.5px solid var(--graphit)}
@media (max-width:700px){.preis thead{display:none}.preis tr{display:grid;padding:10px 0;border-bottom:1px solid var(--rinne)}.preis td{border:0;padding:2px 0}.preis td:first-child{font-weight:700}}
.faq{display:grid;border-top:1.5px solid var(--graphit)}
.faq details{border-bottom:1px solid var(--rinne)}
.faq summary{cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600;font-size:1.06rem;list-style:none;padding:10px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.5rem var(--f-mono);color:var(--wachs)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 18px;max-width:66ch;display:grid;gap:.8em}
.adresse{font-style:normal;display:grid;gap:2px;padding:18px;border-radius:16px;background:var(--firn);max-width:420px}
.technik-paar{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.technik-paar figure{margin:0;display:grid;gap:10px;padding:18px;border-radius:18px;background:var(--firn)}
.technik-paar svg{width:100%;height:auto}
.weiter{display:grid;gap:0;border-top:1.5px solid var(--graphit);margin-top:8px}
.weiter a{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--rinne);text-decoration:none;font-weight:600}
.weiter a::after{content:"→";font-family:var(--f-mono);color:var(--wachs)}

.seitenkopf{position:relative}
.kopf-praeg{margin:0 0 -.28em -.04em}
.textbild{margin:.6em 0}.textbild img{width:100%;border-radius:14px}.textbild figcaption{margin-top:6px;color:var(--grau)}