/* orecast · Gestaltungssystem „Messtischblatt“ · site-v2.css
   Für alle redaktionellen Seiten mit <body class="doc">. Die Karte /app
   behält site.css. Begründung jeder Regel: DESIGN.md in der Repo-Wurzel.
   Pfade: Im Repo liegen Schriften und Bilder unter /design/…; beim Übertragen
   auf den Server werden sie zu /assets/v2/fonts/… und /assets/v2/img/… (PORTIERUNG.md). */

/* == Schrift */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v2/fonts/source-serif-4-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v2/fonts/source-serif-4-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/source-serif-4-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/source-serif-4-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/v2/fonts/barlow-semi-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v2/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v2/fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* == Tokens */
:root{
  color-scheme:light;

  --papier:#F4F0E6;
  --papier-2:#EBE5D7;
  --papier-3:#FBF9F3;
  --tinte:#1E2629;
  --tinte-2:#3A4448;
  --gold:#C9A24A;
  --gold-text:#6B4F0E;
  --sepia:#9A5B2E;
  --sepia-text:#8A4F24;
  --wasser:#1F5578;
  --wald:#3B6237;
  --rost:#8A3018;
  --linie:#8C8676;
  --linie-feld:#3A4448;
  --hoehe:#9A5B2E;
  --hoehe-deckkraft:.22;
  --knopf-grund:#1E2629; --knopf-text:#F4F0E6;
  --knopf-hover:#C9A24A; --knopf-hover-text:#1E2629;
  --fokus:#1F5578;

  --f-text:"Source Serif 4","Iowan Old Style",Georgia,serif;
  --f-schild:"Barlow Semi Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --s-klein:1.0625rem;
  --s-text:1.1875rem;
  --s-1:1.375rem;
  --s-2:1.75rem;
  --s-3:clamp(2.125rem,1.5rem + 2.6vw,3.25rem);
  --zh:1.6;

  --a-1:.5rem; --a-2:1rem; --a-3:1.5rem; --a-4:2rem; --a-5:3rem; --a-6:4.5rem;
  --spalte:40rem;
  --breit:64rem;
  --rand:clamp(1rem,4vw,2.5rem);

  --l-haar:1px; --l-zaehl:2px; --l-rahmen:3px;

  --t-kurz:120ms;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --papier:#15191C; --papier-2:#1D2226; --papier-3:#101315;
    --tinte:#E8E3D6; --tinte-2:#C9C3B4;
    --gold:#C9A24A; --gold-text:#D9B65E;
    --sepia:#B9825A; --sepia-text:#D29A6A;
    --wasser:#8DBFE3; --wald:#93C08A; --rost:#F08A6C;
    --linie:#5A6268; --linie-feld:#9AA2A8;
    --hoehe:#C9A24A; --hoehe-deckkraft:.16;
    --knopf-grund:#C9A24A; --knopf-text:#15191C;
    --knopf-hover:#E8E3D6; --knopf-hover-text:#15191C;
    --fokus:#8DBFE3;
  }
}
:root[data-theme="dark"],[data-theme="dark"]{
  color-scheme:dark;
  --papier:#15191C; --papier-2:#1D2226; --papier-3:#101315;
  --tinte:#E8E3D6; --tinte-2:#C9C3B4;
  --gold:#C9A24A; --gold-text:#D9B65E;
  --sepia:#B9825A; --sepia-text:#D29A6A;
  --wasser:#8DBFE3; --wald:#93C08A; --rost:#F08A6C;
  --linie:#5A6268; --linie-feld:#9AA2A8;
  --hoehe:#C9A24A; --hoehe-deckkraft:.16;
  --knopf-grund:#C9A24A; --knopf-text:#15191C;
  --knopf-hover:#E8E3D6; --knopf-hover-text:#15191C;
  --fokus:#8DBFE3;
}
[data-theme="light"]:not(:root){
  color-scheme:light;
  --papier:#F4F0E6; --papier-2:#EBE5D7; --papier-3:#FBF9F3;
  --tinte:#1E2629; --tinte-2:#3A4448;
  --gold:#C9A24A; --gold-text:#6B4F0E;
  --sepia:#9A5B2E; --sepia-text:#8A4F24;
  --wasser:#1F5578; --wald:#3B6237; --rost:#8A3018;
  --linie:#8C8676; --linie-feld:#3A4448;
  --hoehe:#9A5B2E; --hoehe-deckkraft:.22;
  --knopf-grund:#1E2629; --knopf-text:#F4F0E6;
  --knopf-hover:#C9A24A; --knopf-hover-text:#1E2629;
  --fokus:#1F5578;
}
.thema-flaeche{background:var(--papier);color:var(--tinte)}

/* == Grund */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.doc{margin:0;background:var(--papier);color:var(--tinte);font:400 var(--s-text)/var(--zh) var(--f-text);
  font-kerning:normal;font-variant-numeric:oldstyle-nums proportional-nums;hyphens:manual;overflow-wrap:break-word}
@media (min-width:64em){body.doc{--s-text:1.25rem}}
.doc img,.doc svg{max-width:100%}
.doc img{height:auto}
.doc h1,.doc h2,.doc h3,.doc h4{font-family:var(--f-schild);font-weight:600;line-height:1.15;color:var(--tinte);letter-spacing:.005em;text-wrap:balance;margin:0}
.doc h1{font-size:var(--s-3);line-height:1.08}
.doc h2{font-size:var(--s-2);margin:var(--a-5) 0 var(--a-2)}
.doc h3{font-size:var(--s-1);margin:var(--a-4) 0 var(--a-1)}
:where(.doc) :where(p){margin:0 0 var(--a-2)}
:where(.doc) :where(ul,ol){margin:0 0 var(--a-2);padding-left:1.25em}
:where(.doc) :where(li){margin:0 0 .25rem}
.doc b,.doc strong{font-weight:600}
.doc code{font-family:var(--f-mono);font-size:.9em}
.doc a{color:var(--wasser);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.doc a:hover{text-decoration-thickness:2px}
.doc :focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:1px}
.doc .lead{font-size:var(--s-1);line-height:1.5;color:var(--tinte)}
.doc .muted{color:var(--tinte-2)}
.doc .kw{font-weight:600}
.doc .zahl,.doc time.datum{font-family:var(--f-mono);font-weight:500;font-variant-numeric:lining-nums tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Piktogramme: <svg class="i"><use href="…/orecast.svg#i-name"/></svg> */
.i{display:inline-block;width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;color:inherit}
.i--gross{width:2.5rem;height:2.5rem}

/* == Sprungmarke */
.doc .skip{position:absolute;left:var(--a-2);top:-10rem;z-index:20;background:var(--tinte);color:var(--papier);
  font:600 var(--s-text)/1 var(--f-schild);padding:.9rem 1.2rem;text-decoration:none}
.doc .skip:focus{top:var(--a-2)}

/* == Kopf */
.kopf{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"marke sprache sprache" "menue . karte";
  align-items:center;gap:var(--a-1) var(--a-2);padding:var(--a-1) var(--rand);border-bottom:var(--l-haar) solid var(--linie);
  font-family:var(--f-schild);font-weight:600;position:relative;z-index:10}
.kopf .marke{grid-area:marke}
.kopf .menu{grid-area:menue}
.kopf .sprache{grid-area:sprache;justify-self:end}
.kopf .knopf--karte{grid-area:karte}
@media (min-width:48em){
  .kopf{display:flex;flex-wrap:wrap;padding-block:var(--a-2)}
  .kopf .sprache{margin-left:auto}
}
.doc .marke{display:inline-flex;align-items:center;gap:0;min-height:44px;color:var(--tinte);text-decoration:none;font:600 1.5rem/1 var(--f-schild);letter-spacing:.01em}
.marke img{width:34px;height:34px;margin-right:.45rem}
.marke .tld{color:var(--gold-text)}
.sprache{display:flex;gap:.25rem}
.doc .sprache a{display:inline-grid;place-items:center;min-width:44px;min-height:44px;color:var(--tinte);text-decoration:none;font-size:var(--s-text)}
.doc .sprache a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
.doc .sprache a:hover{text-decoration:underline}

/* Menü: <details class="menu"> bleibt (site.js hängt daran), ohne JS bedienbar */
.menu{position:relative}
.menu>summary{list-style:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .9rem 0 .7rem;cursor:pointer;
  border:var(--l-zaehl) solid var(--linie-feld);font-size:var(--s-text);color:var(--tinte);user-select:none}
.menu>summary::-webkit-details-marker{display:none}
.menu[open]>summary{background:var(--tinte);color:var(--papier);border-color:var(--tinte)}
.menu-panel{position:absolute;left:0;top:calc(100% + 6px);width:min(22rem,calc(100vw - 2 * var(--rand)));background:var(--papier);
  border:var(--l-zaehl) solid var(--tinte);padding:var(--a-1) 0;display:flex;flex-direction:column}
.doc .menu-panel a{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:0 var(--a-2);color:var(--tinte);text-decoration:none;
  font:600 var(--s-text)/1.2 var(--f-schild);border-bottom:var(--l-haar) solid var(--linie)}
.doc .menu-panel a:hover{background:var(--papier-2);text-decoration:underline}
.doc .menu-panel a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px}
.doc .menu-panel .menu-karte{color:var(--tinte);border-bottom:var(--l-zaehl) solid var(--tinte)}
.thema{display:none;padding:var(--a-2) var(--a-2) var(--a-1);gap:var(--a-1);flex-wrap:wrap;font-family:var(--f-schild)}
.js .thema{display:flex}
.thema-titel{width:100%;font-size:var(--s-klein);color:var(--tinte-2)}
.thema button{font:600 var(--s-klein)/1 var(--f-schild);min-height:44px;padding:0 .8rem;background:transparent;color:var(--tinte);
  border:var(--l-haar) solid var(--linie-feld);cursor:pointer}
.thema button[aria-pressed="true"]{background:var(--tinte);color:var(--papier);border-color:var(--tinte)}

/* == Knöpfe */
.doc .knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.55rem 1.15rem;
  background:var(--knopf-grund);color:var(--knopf-text);border:var(--l-zaehl) solid var(--knopf-grund);border-radius:2px;
  font:600 var(--s-text)/1.15 var(--f-schild);text-decoration:none;text-align:left;cursor:pointer;
  transition:background-color var(--t-kurz),color var(--t-kurz),border-color var(--t-kurz)}
.doc .knopf:hover{background:var(--knopf-hover);border-color:var(--knopf-hover);color:var(--knopf-hover-text);text-decoration:none}
.doc .knopf--linie{background:transparent;color:var(--tinte);border-color:var(--tinte)}
.doc .knopf--linie:hover{background:var(--tinte);color:var(--papier);border-color:var(--tinte)}
.doc .knopf--karte{min-height:44px;padding:.35rem .9rem;white-space:nowrap}
.knopf .i{width:1.15em;height:1.15em}
.knopf-unter{font-family:var(--f-schild);font-size:var(--s-klein);color:var(--tinte-2);margin:.5rem 0 0}

/* == Satzspiegel */
.blatt{--einzug:0rem;display:grid;grid-template-columns:[voll-start] minmax(var(--rand),1fr) [breit-start] minmax(0,var(--einzug)) [text-start] min(var(--spalte),100% - 2 * var(--rand)) [text-end] minmax(0,calc(var(--breit) - var(--spalte) - var(--einzug))) [breit-end] minmax(var(--rand),1fr) [voll-end];
  padding-bottom:var(--a-5)}
.blatt>*,.blatt>section>*,.blatt>article>*,.blatt>.abschnitt>*{grid-column:text;min-width:0}
.blatt>section,.blatt>article,.blatt>.abschnitt{grid-column:voll;display:grid;grid-template-columns:subgrid}
.blatt>.voll,.blatt section>.voll,.blatt article>.voll{grid-column:voll}
.blatt>.breit,.blatt section>.breit,.blatt article>.breit{grid-column:breit}

/* == Seitenkopf mit Kartenrahmen */
.blattkopf{grid-column:breit !important;position:relative;margin:var(--a-3) 0 var(--a-4);
  border:var(--l-rahmen) solid var(--tinte);padding:9px}
.blattkopf::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--tinte);
  -webkit-mask:url(/assets/v2/img/minutenleiste.svg) 0 0/48px 6px repeat-x,url(/assets/v2/img/minutenleiste.svg) 0 100%/48px 6px repeat-x,
    url(/assets/v2/img/minutenleiste-senkrecht.svg) 0 0/6px 48px repeat-y,url(/assets/v2/img/minutenleiste-senkrecht.svg) 100% 0/6px 48px repeat-y;
  mask:url(/assets/v2/img/minutenleiste.svg) 0 0/48px 6px repeat-x,url(/assets/v2/img/minutenleiste.svg) 0 100%/48px 6px repeat-x,
    url(/assets/v2/img/minutenleiste-senkrecht.svg) 0 0/6px 48px repeat-y,url(/assets/v2/img/minutenleiste-senkrecht.svg) 100% 0/6px 48px repeat-y}
.blattkopf__feld{position:relative;border:var(--l-haar) solid var(--tinte);overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr);padding:var(--a-4) var(--feld-x,1rem) 0}
.blattkopf__feld::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--hoehe);opacity:var(--hoehe-deckkraft);
  -webkit-mask:url(/assets/v2/img/hoehenlinien.svg) right center/cover no-repeat;mask:url(/assets/v2/img/hoehenlinien.svg) right center/cover no-repeat}
.blattkopf__text{position:relative;max-width:42rem;padding-bottom:var(--a-4)}
.blattkopf__text>p{line-height:1.55;max-width:38rem}
@media (min-width:48em){.blattkopf__text>p{font-size:var(--s-1);line-height:1.5}}
.blattkopf--artikel h1{font-size:clamp(1.75rem,1.35rem + 1.9vw,2.75rem);line-height:1.12}
.blattkopf h1{margin:0 0 var(--a-2)}
.blattkopf .datum{display:block;font-size:var(--s-klein);color:var(--tinte-2);margin:0 0 var(--a-1)}
.blattkopf__werner{position:relative;align-self:end;justify-self:center;margin:0}
.blattkopf__werner img{display:block;width:auto;height:var(--werner-h,240px);object-fit:contain;object-position:bottom}
.blattkopf .knopfreihe{display:flex;flex-wrap:wrap;gap:var(--a-2);align-items:center}
@media (min-width:48em){
  .blattkopf__feld{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--a-4);padding-top:var(--a-5)}
  .blattkopf__text{padding-bottom:var(--a-5)}
  .blattkopf__werner{justify-self:end}
}
/* Start: großer Auftritt */
.blattkopf--start .blattkopf__werner{--werner-h:clamp(210px,52vw,330px);margin-right:calc(-1 * var(--feld-x,1rem))}
@media (min-width:48em){.blattkopf--start .blattkopf__werner{--werner-h:clamp(260px,30vw,400px)}}
/* Region: Wanderer steht am unteren Rand */
.blattkopf--region .blattkopf__werner{--werner-h:clamp(240px,62vw,300px)}
@media (min-width:48em){.blattkopf--region .blattkopf__werner{--werner-h:340px}}
/* Artikel: schmaler Kopf, Höhenlinien leiser */
.blattkopf--artikel .blattkopf__feld{padding-bottom:var(--a-1)}
.blattkopf--artikel .blattkopf__feld::before{opacity:calc(var(--hoehe-deckkraft) * .7)}
.blattkopf--artikel .blattkopf__text{padding-bottom:var(--a-3)}
/* Ernst: kein Höhenlinien-Schmuck, keine Minutenleiste, nur der Doppelrand */
.blattkopf--ernst::before,.blattkopf--ernst .blattkopf__feld::before{display:none}
.blattkopf--ernst{padding:5px}
/* Echte Koordinaten am Rahmen (nur wenn die Seite sie liefert) */
.koord{position:absolute;z-index:1;font:500 var(--s-klein)/1 var(--f-mono);color:var(--tinte);background:var(--papier);padding:.15rem .45rem;
  font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.koord--o{top:-.75rem;right:12%}
.koord--n{left:6px;top:50%;writing-mode:vertical-rl;transform:translate(-50%,-50%) rotate(180deg);padding:.45rem .15rem}
.koord::before{content:"";position:absolute;background:var(--tinte)}
.koord--o::before{left:50%;top:100%;width:var(--l-zaehl);height:14px}
.koord--n::before{right:100%;top:50%;height:var(--l-zaehl);width:14px}

/* Seitenpfad (Breadcrumb) */
.pfad{font-family:var(--f-schild);font-size:var(--s-klein);margin:var(--a-2) 0 0}
.pfad ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.pfad li{margin:0;display:flex;align-items:center}
.pfad li+li::before{content:"›";padding:0 .55rem;color:var(--tinte-2)}
.doc .pfad a{display:inline-flex;align-items:center;min-height:44px}
.pfad [aria-current]{color:var(--tinte-2)}

/* == Maßstabsleiste und Nordpfeil */
.doc hr.massstab{border:0;height:14px;width:15rem;max-width:100%;margin:var(--a-5) 0 0;background:var(--tinte);
  -webkit-mask:url(/assets/v2/img/massstab.svg) left center/15rem 14px no-repeat;mask:url(/assets/v2/img/massstab.svg) left center/15rem 14px no-repeat}
.doc .nachoben{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font:600 var(--s-klein)/1 var(--f-schild);color:var(--tinte);text-decoration:none}
.doc .nachoben .i{width:1.6rem;height:1.6rem}
.doc .nachoben:hover{text-decoration:underline}

/* == Zeichenerklärung */
.legende{border:var(--l-haar) solid var(--tinte);background:var(--papier-2);padding:var(--a-2) var(--a-3) var(--a-1);margin:var(--a-4) 0}
.legende__titel{font:600 var(--s-1)/1.2 var(--f-schild);margin:0 0 var(--a-1) !important;padding-bottom:var(--a-1);border-bottom:var(--l-zaehl) solid var(--tinte)}
.legende dl{margin:0}
.legende dl>div{display:grid;grid-template-columns:2rem 1fr auto;align-items:baseline;column-gap:.75rem;padding:.6rem 0;border-bottom:var(--l-haar) solid var(--linie)}
.legende dl>div:last-child{border-bottom:0}
.legende dt{grid-column:2;font-family:var(--f-schild);font-weight:600;line-height:1.3}
.legende dd{margin:0;grid-column:3;font:500 var(--s-text)/1.3 var(--f-mono);font-variant-numeric:lining-nums tabular-nums;text-align:right}
.legende dl .i{grid-column:1;grid-row:1;align-self:center;width:1.6rem;height:1.6rem}
.legende__fuss{font-size:var(--s-klein);color:var(--tinte-2);margin:var(--a-1) 0 var(--a-1) !important}
.legende .flaeche{grid-column:1;grid-row:1;align-self:center;width:1.6rem;height:1.1rem;border:var(--l-zaehl) solid currentColor}

/* == Werner */
.werner-notiz{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:var(--a-3);margin:var(--a-5) 0 var(--a-4);
  border-bottom:var(--l-zaehl) solid var(--tinte)}
.werner-notiz__bild{display:block;width:auto;height:var(--werner-h,170px);max-width:42vw;object-fit:contain;object-position:bottom}
.werner-notiz__text{padding-bottom:var(--a-3)}
.werner-notiz__kopf{display:flex;align-items:center;gap:.45rem;font:600 var(--s-text)/1.2 var(--f-schild);color:var(--gold-text);margin:0 0 .4rem !important}
.werner-notiz__kopf .i{width:1.4rem;height:1.4rem}
.werner-notiz__text>p:not(.werner-notiz__kopf){font-size:var(--s-1);line-height:1.45;margin:0}
.werner-notiz--rechts{grid-template-columns:minmax(0,1fr) auto}
.werner-notiz--rechts .werner-notiz__bild{order:2}
@media (max-width:30em){
  /* schmal: Text über die ganze Breite, Werner steht darunter rechts auf der Linie */
  .werner-notiz,.werner-notiz--rechts{--werner-h:140px;grid-template-columns:1fr auto;row-gap:0}
  .werner-notiz__text{grid-column:1/-1;grid-row:1;padding-bottom:var(--a-1)}
  .werner-notiz .werner-notiz__bild{grid-column:2;grid-row:2;order:0;max-width:none}
}
.werner-notiz--ernst .werner-notiz__kopf{color:var(--tinte)}
/* Werners Tipp (Guides): Liste mit Pfotenabdruck als Punkt */
.werner-tipp{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--a-3);margin:var(--a-4) 0;
  border:var(--l-haar) solid var(--tinte);border-bottom-width:var(--l-zaehl);padding:var(--a-2) 0 0 var(--a-3);background:var(--papier-2)}
.werner-tipp__text{padding-bottom:var(--a-2)}
.werner-tipp ul{list-style:none;padding:0;margin:0}
.werner-tipp li{display:grid;grid-template-columns:1.4rem 1fr;gap:.5rem;margin:0 0 .5rem}
.werner-tipp li .i{width:1.2rem;height:1.2rem;margin-top:.25rem;color:var(--gold-text)}
.werner-tipp .werner-notiz__bild{--werner-h:150px}
@media (max-width:30em){.werner-tipp{grid-template-columns:1fr;padding-right:var(--a-3)}.werner-tipp .werner-notiz__bild{justify-self:end;--werner-h:120px}}

/* == Teaser */
.teaser-liste{list-style:none;margin:var(--a-3) 0 var(--a-2);padding:0;display:grid;gap:var(--a-4) var(--a-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.teaser-liste>li{margin:0}
.doc .teaser{display:grid;gap:.5rem;color:var(--tinte);text-decoration:none;border-top:var(--l-zaehl) solid var(--tinte);padding-top:var(--a-2)}
.teaser img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:var(--l-haar) solid var(--linie);background:var(--papier-2)}
.teaser .datum{font-size:var(--s-klein);color:var(--tinte-2)}
.teaser__titel{font:600 var(--s-1)/1.25 var(--f-schild);color:var(--tinte);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;text-decoration-thickness:2px}
.doc .teaser:hover .teaser__titel{text-decoration-color:currentColor}
.weitere{font-size:var(--s-text)}
.weitere ul{list-style:none;padding:0;margin:0}
.weitere li{padding:.55rem 0;border-bottom:var(--l-haar) solid var(--linie);margin:0}

/* Orts- und Themenregister (Liste in Spalten wie im Atlas) */
.register{list-style:none;padding:0;margin:var(--a-2) 0;columns:2 9rem;column-gap:var(--a-4);column-rule:var(--l-haar) solid var(--linie)}
.register li{break-inside:avoid;margin:0}
.doc .register a{display:flex;align-items:center;min-height:44px;padding:.2rem 0;line-height:1.3}
.doc .mehr-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font:600 var(--s-text)/1.2 var(--f-schild)}
.mehr-link .i{width:1.2em;height:1.2em}

/* == Abbildungen */
.abb{margin:var(--a-4) 0}
.abb img{display:block;width:100%;border:var(--l-haar) solid var(--linie);background:var(--papier-2)}
.abb figcaption,.galerie figcaption{font-size:var(--s-klein);line-height:1.5;color:var(--tinte-2);margin:.6rem 0 0;padding-left:.75rem;border-left:var(--l-haar) solid var(--tinte)}
.ki-hinweis{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--f-schild);font-weight:600;color:var(--tinte)}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--a-3);margin:var(--a-4) 0}
.galerie figure{margin:0}
.galerie img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:var(--l-haar) solid var(--linie)}
.doc .video{position:relative;display:block;color:var(--tinte);text-decoration:none;margin:0 0 var(--a-2)}
.video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:var(--l-haar) solid var(--linie)}
.video__knopf{position:absolute;left:var(--a-2);bottom:var(--a-2);display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;
  background:var(--knopf-grund);color:var(--knopf-text);font:600 var(--s-text)/1.15 var(--f-schild)}
.doc .video:hover .video__knopf{background:var(--knopf-hover);color:var(--knopf-hover-text)}
.video__hinweis{font-size:var(--s-klein);color:var(--tinte-2)}

/* == Kästen */
.warnung,.hinweis{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--a-2);align-items:start;margin:var(--a-4) 0;padding:var(--a-2);
  border:var(--l-zaehl) solid var(--tinte)}
.warnung>p,.hinweis>p{margin:0}
/* Signatur „Sperrgebiet“: schraffiertes Feld wie in der Legende */
.warnung__feld{position:relative;width:2.75rem;height:2.75rem;border:var(--l-zaehl) solid var(--rost)}
.warnung__feld::before{content:"";position:absolute;inset:0;background:var(--rost);
  -webkit-mask:url(/assets/v2/img/schraffur.svg) 0 0/9px 9px repeat;mask:url(/assets/v2/img/schraffur.svg) 0 0/9px 9px repeat}
.warnung__titel{display:block;font:600 var(--s-1)/1.2 var(--f-schild);color:var(--rost);margin-bottom:.15rem}
.hinweis .i{width:2rem;height:2rem}
.hinweis{border-width:var(--l-haar)}

blockquote.zitat{margin:var(--a-4) 0;padding:0 0 0 1.4rem;position:relative;font-size:var(--s-1);line-height:1.5}
blockquote.zitat::before{content:"„";position:absolute;left:-.1rem;top:-.35em;font:600 2.6rem/1 var(--f-text);color:var(--gold-text)}
blockquote.zitat p{margin:0 0 .5rem}
blockquote.zitat footer{font:600 var(--s-klein)/1.3 var(--f-schild);color:var(--tinte-2)}

/* App-Hinweis (aside.app-cta bleibt als Name) */
.doc aside.app-cta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--a-1) var(--a-2);margin:var(--a-5) 0 var(--a-3);padding:var(--a-3) 0;
  border-top:var(--l-rahmen) double var(--tinte);border-bottom:var(--l-haar) solid var(--tinte)}
.app-cta>.i{grid-row:1/span 3;width:2.5rem;height:2.5rem}
.doc .app-cta h2{font-size:var(--s-1);margin:0}
.app-cta p{margin:0}
.app-cta p:last-child{margin-top:var(--a-1)}
.store{display:flex;flex-wrap:wrap;gap:var(--a-2);align-items:center;margin:var(--a-2) 0}
.doc .store a{display:inline-flex;min-height:48px;align-items:center}
.store img{display:block;height:48px;width:auto}

/* Weiterlesen */
.doc aside.related{margin:var(--a-4) 0}
.doc aside.related h2{font-size:var(--s-1);margin:0 0 var(--a-1);padding-bottom:var(--a-1);border-bottom:var(--l-zaehl) solid var(--tinte)}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.doc .related li a{display:flex;align-items:center;min-height:48px;padding:.4rem 0;line-height:1.35}

/* Seitenblättern */
.blaettern{display:grid;gap:var(--a-2);margin:var(--a-4) 0}
@media (min-width:40em){.blaettern{grid-template-columns:1fr 1fr}}
.doc .blaettern a{display:grid;gap:.15rem;padding:var(--a-2) 0;min-height:48px;text-decoration:none;color:var(--tinte);border-top:var(--l-zaehl) solid var(--tinte)}
.blaettern__wohin{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--s-klein)/1.2 var(--f-schild);color:var(--tinte-2)}
.blaettern__titel{font:600 var(--s-1)/1.25 var(--f-schild);color:var(--wasser);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.blaettern__vor{text-align:right;justify-items:end}

/* Tabelle */
.tabelle-rahmen{overflow-x:auto;margin:var(--a-4) 0}
table.tabelle{border-collapse:collapse;width:100%;font-size:var(--s-text)}
.tabelle caption{text-align:left;font:600 var(--s-text)/1.3 var(--f-schild);padding-bottom:var(--a-1)}
.tabelle th{font:600 var(--s-text)/1.25 var(--f-schild);text-align:left;padding:.6rem .75rem .6rem 0;border-bottom:var(--l-zaehl) solid var(--tinte);vertical-align:bottom}
.tabelle td{padding:.6rem .75rem .6rem 0;border-bottom:var(--l-haar) solid var(--linie);vertical-align:top}
.tabelle .zahl{text-align:right}

/* Fundliste (Regionen) */
.fundliste{list-style:none;margin:var(--a-2) 0 var(--a-3);padding:0;border-top:var(--l-zaehl) solid var(--tinte)}
.fundliste li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--a-2);padding:.65rem 0;margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.doc .fundliste .li-main{line-height:1.35;padding:.25rem 0;display:inline-block}
.fundliste .li-sub{grid-column:1;font-family:var(--f-schild);font-size:var(--s-klein);color:var(--tinte-2);line-height:1.35}
.fundliste .li-km{grid-column:2;grid-row:1;font:500 var(--s-klein)/1.6 var(--f-mono);font-variant-numeric:lining-nums tabular-nums;text-align:right;white-space:nowrap}
.begriffe{list-style:none;padding:0;margin:var(--a-2) 0 var(--a-3);display:flex;flex-wrap:wrap;font-family:var(--f-schild);font-weight:600;line-height:1.7}
.begriffe li{margin:0}
.begriffe li:not(:last-child)::after{content:"·";padding:0 .6rem;color:var(--tinte-2)}

/* Häufige Fragen */
.faq{margin:var(--a-2) 0 var(--a-4);border-top:var(--l-zaehl) solid var(--tinte)}
.faq details{border-bottom:var(--l-haar) solid var(--linie)}
.faq summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 1.5rem;gap:var(--a-2);align-items:center;min-height:48px;padding:.75rem 0;cursor:pointer;
  font:600 var(--s-1)/1.3 var(--f-schild);color:var(--tinte)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:.7rem;height:.7rem;justify-self:center;border-right:var(--l-zaehl) solid currentColor;border-bottom:var(--l-zaehl) solid currentColor;transform:translateY(-25%) rotate(45deg)}
.faq details[open] summary::after{transform:translateY(20%) rotate(225deg)}
.faq details>p{margin:0 0 var(--a-3)}

/* Abdeckungskarte (Leaflet, ohne Kacheln) */
.karte-feld{height:clamp(300px,60vw,460px);border:var(--l-haar) solid var(--tinte);background:var(--papier-2);margin:var(--a-3) 0 var(--a-2)}
.doc .karte-feld .leaflet-container{background:var(--papier-2);font-family:var(--f-schild)}
.karte-feld .leaflet-control-zoom a{width:44px !important;height:44px !important;line-height:44px !important;color:#1E2629}
.karte-vermerk{font-size:var(--s-klein);color:var(--tinte-2)}

/* Formularfelder */
.feld{display:grid;gap:.4rem;margin:0 0 var(--a-3)}
.feld label,.feld legend{font:600 var(--s-text)/1.3 var(--f-schild)}
.feld__hilfe{font-size:var(--s-klein);color:var(--tinte-2);margin:0}
.doc .feld input:not([type=checkbox]):not([type=radio]),.doc .feld select,.doc .feld textarea{width:100%;min-height:52px;padding:.6rem .8rem;font:inherit;color:var(--tinte);
  background:var(--papier-3);border:var(--l-zaehl) solid var(--linie-feld);border-radius:2px}
.feld textarea{min-height:8rem;resize:vertical}
.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{border-color:var(--tinte)}
.feld--fehler input{border-color:var(--rost) !important;border-width:3px !important}
.feld__fehler{display:flex;gap:.4rem;align-items:center;color:var(--rost);font:600 var(--s-klein)/1.3 var(--f-schild);margin:0}
.feld--wahl{display:flex;gap:.75rem;align-items:center;min-height:44px}
.feld--wahl input{width:1.5rem;height:1.5rem;accent-color:var(--tinte)}
.feld--wahl label{font:400 var(--s-text)/1.4 var(--f-text)}
fieldset.feld{border:0;padding:0;margin:0 0 var(--a-3)}

/* Leerzustand und 404 */
.leer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--a-3);align-items:end;margin:var(--a-4) 0;border-bottom:var(--l-zaehl) solid var(--tinte)}
.leer img{height:150px;width:auto}
.leer__text{padding-bottom:var(--a-3)}
.leer__text p:first-child{font:600 var(--s-1)/1.3 var(--f-schild)}
.blattkopf--404 .blattkopf__werner{--werner-h:clamp(200px,55vw,320px)}
.wegweiser{list-style:none;padding:0;margin:var(--a-2) 0;border-top:var(--l-zaehl) solid var(--tinte)}
.wegweiser li{margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.doc .wegweiser a{display:flex;align-items:center;gap:.75rem;min-height:56px;font:600 var(--s-1)/1.2 var(--f-schild)}
.wegweiser .i{width:1.6rem;height:1.6rem;color:var(--tinte)}

/* Produktblätter (Start „Zum Mitnehmen“) */
.angebote{display:grid;gap:0;margin:var(--a-3) 0;border-top:var(--l-zaehl) solid var(--tinte)}
@media (min-width:48em){.angebote{grid-template-columns:1fr 1fr}.angebote>div+div{border-left:var(--l-haar) solid var(--linie);padding-left:var(--a-4)}.angebote>div{padding-right:var(--a-4)}}
.angebote>div{padding-block:var(--a-3);border-bottom:var(--l-haar) solid var(--linie)}
.angebote h3{display:flex;gap:.6rem;align-items:center;margin:0 0 var(--a-1)}
.angebote h3 .i{width:2rem;height:2rem}

/* == Fuß */
.fuss{position:relative;border-top:var(--l-rahmen) double var(--tinte);margin-top:var(--a-5);padding:var(--a-4) var(--rand) var(--a-4);
  font-family:var(--f-schild);font-size:var(--s-text)}
.fuss__innen{max-width:var(--breit);margin:0 auto;display:grid;gap:var(--a-3)}
.fuss__werner{position:absolute;top:0;right:var(--rand);height:0;width:0}
.fuss__werner img{position:absolute;right:0;bottom:3px;height:118px;width:auto}
.fuss__spur{position:absolute;right:120px;bottom:10px;display:flex;gap:.5rem;color:var(--tinte-2)}
.fuss__spur .i{width:1rem;height:1rem}
.fuss__spur .i:nth-child(odd){transform:translateY(-6px) rotate(80deg)}
.fuss__spur .i:nth-child(even){transform:rotate(100deg)}
.made{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;padding:.4rem .75rem;border:var(--l-haar) solid var(--tinte);color:var(--tinte);margin:0}
.made svg{width:20px;height:12px;outline:1px solid var(--linie)}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:0}
.fuss__links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));column-gap:var(--a-3);border-top:var(--l-haar) solid var(--linie)}
.doc .fuss__links a,.doc .fuss__recht a{display:flex;align-items:center;min-height:44px;color:var(--tinte);text-decoration-color:var(--linie)}
.doc .fuss__links a:hover,.doc .fuss__recht a:hover{text-decoration-color:currentColor}
.fuss__zeile{display:flex;flex-wrap:wrap;gap:var(--a-1) var(--a-3);align-items:center;border-top:var(--l-haar) solid var(--linie);padding-top:var(--a-1)}
.fuss__recht{display:flex;flex-wrap:wrap;gap:0 var(--a-3)}
.soc-group{display:inline-flex;gap:.25rem}
.doc .soc{display:inline-grid;place-items:center;width:44px;height:44px;color:var(--tinte)}
.doc .soc:hover{color:var(--gold-text)}
.soc-i{width:22px;height:22px}
.fuss__stores{display:flex;flex-wrap:wrap;gap:var(--a-1)}
.fuss__stores .knopf{font-size:var(--s-klein)}
.fuss__ki{font-family:var(--f-text);font-size:var(--s-klein);color:var(--tinte-2);margin:0;padding-right:150px}
@media (max-width:30em){.fuss__ki{padding-right:110px}.fuss__werner img{height:96px}.fuss__spur{right:96px}}

/* Startseite: Schatzkarten-Leiste am Ende */
.leiste{display:flex;flex-wrap:wrap;gap:var(--a-2);align-items:center;justify-content:space-between;margin:var(--a-5) 0 0;padding:var(--a-3) 0;
  border-top:var(--l-haar) solid var(--tinte);border-bottom:var(--l-haar) solid var(--tinte)}

/* == Bewegung */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}
@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}

/* == Druck */
@media print{.kopf,.menu,.fuss__werner,.thema,.store,.app-cta{display:none !important}body.doc{background:#fff;color:#000}}

/* Leistungen (Start „Was du bekommst“): Legende mit großen Signaturen */
.leistungen{list-style:none;margin:var(--a-3) 0;padding:0;display:grid;column-gap:var(--a-4);border-top:var(--l-zaehl) solid var(--tinte)}
@media (min-width:48em){.leistungen{grid-template-columns:1fr 1fr}}
.leistungen li{display:grid;grid-template-columns:3.25rem minmax(0,1fr);column-gap:var(--a-2);padding:var(--a-3) 0;margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.leistungen .i{grid-row:1/span 2;width:2.75rem;height:2.75rem}
.doc .leistungen h3{margin:0 0 .35rem}
.leistungen p{margin:0}
.mehr-titel{margin:var(--a-4) 0 0 !important}
.blatt>.pfad{grid-column:breit;padding-inline:13px}
.blatt>.pfad+.blattkopf{margin-top:var(--a-1)}

/* Breite Bildschirme: Textspalte bündig mit dem Text im Kartenrahmen, rechts bleibt ein Rand für Werner */
@media (min-width:64em){
  .blatt{--einzug:4rem}
  .blattkopf{--feld-x:calc(4rem - 13px)}
  .blatt .werner-notiz{grid-column:text-start/breit-end}
}
@media (min-width:80em){.blatt{--breit:72rem}}
.fuss__werner img{max-width:none}
.made{justify-self:start}
.werner-notiz__text{max-width:38rem}
@media (min-width:64em){.werner-notiz{--werner-h:210px}}
@media (min-width:48em){.hero-img img{aspect-ratio:2/1;object-fit:cover}}
.blattkopf p.datum{font-family:var(--f-mono);font-weight:500}

/* == Lauf 2: alle Seitentypen */
.doc picture{display:contents}
.doc picture>source{display:none}
.doc em{font-style:normal}
.app-cta>*:not(.i){grid-column:2}
.app-cta__unter{font:600 var(--s-klein)/1.3 var(--f-schild);color:var(--tinte-2);margin-top:var(--a-2) !important}
.app-cta .store{margin:var(--a-1) 0 0}
.doc aside.app-cta--oben{margin-top:0}
.blattkopf__zeichen{display:block;width:3rem;height:3rem;margin:0 0 var(--a-1);color:var(--sepia-text)}
.blattkopf--klein .blattkopf__werner{--werner-h:150px}
.fuss--ohne-werner .fuss__ki{padding-right:0}

/* Zwei-Klick-Video: erst der Klick lädt YouTube */
.doc .video__link{position:relative;display:block;color:var(--tinte);text-decoration:none}
.video__rahmen{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.video__hinweis{display:flex;gap:.5rem;align-items:flex-start;margin:.6rem 0 0}
.video__hinweis .i{margin-top:.15rem}

/* News-Liste */
.meldungen{margin:var(--a-3) 0;border-top:var(--l-zaehl) solid var(--tinte)}
.meldung{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--a-2);align-items:start;padding:var(--a-3) 0;border-bottom:var(--l-haar) solid var(--linie)}
@media (min-width:40em){.meldung{grid-template-columns:12rem minmax(0,1fr);column-gap:var(--a-3)}}
.meldung img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:var(--l-haar) solid var(--linie);background:var(--papier-2)}
.doc .meldung h2{font-size:var(--s-1);line-height:1.25;margin:.25rem 0 .4rem}
.meldung p{margin:0}
.meldung .datum{font-size:var(--s-klein);color:var(--tinte-2)}

/* Guides-Übersicht */
.gsec{display:flex;align-items:baseline;gap:var(--a-2);margin:var(--a-5) 0 0}
.doc .gsec h2{margin:0}
.gsec__zahl{font:500 var(--s-text)/1 var(--f-mono);color:var(--tinte-2)}
.themen{list-style:none;padding:0;margin:var(--a-2) 0 var(--a-3);display:grid;column-gap:var(--a-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));border-top:var(--l-zaehl) solid var(--tinte)}
.themen li{margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.doc .thema-karte{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--a-2);padding:var(--a-3) 0;color:var(--tinte);text-decoration:none}
.thema-karte .i{width:2.5rem;height:2.5rem}
.thema-karte__art{display:block;font:600 var(--s-klein)/1.3 var(--f-schild);color:var(--tinte-2)}
.doc .thema-karte h3{margin:.2rem 0 .35rem;color:var(--wasser);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.thema-karte p{margin:0 0 .35rem}

/* Waren (Ausrüstung, Anzeige in Guides): Partner-Links mit data-aff */
.waren{display:grid;gap:var(--a-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:var(--a-2) 0 var(--a-3)}
.doc .ware{display:grid;align-content:start;gap:.4rem;padding:var(--a-2);border:var(--l-haar) solid var(--tinte);color:var(--tinte);text-decoration:none}
.doc .ware:hover{background:var(--papier-2)}
.ware__kopf{display:flex;gap:.6rem;align-items:center;font:600 var(--s-1)/1.2 var(--f-schild)}
.ware__kopf .i{width:2rem;height:2rem}
.ware__tipp{font:600 var(--s-klein)/1.2 var(--f-schild);color:var(--gold-text)}
.ware__mehr{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--s-text)/1.2 var(--f-schild);color:var(--wasser);text-decoration:underline;text-underline-offset:.2em}
.anzeige-marke{display:inline-block;font:600 var(--s-klein)/1 var(--f-schild);color:var(--tinte-2);border:var(--l-haar) solid var(--linie-feld);padding:.25rem .45rem;vertical-align:middle}
.anzeige{margin:var(--a-4) 0;padding-top:var(--a-2);border-top:var(--l-zaehl) solid var(--tinte)}
.anzeige__kopf{display:flex;flex-wrap:wrap;gap:var(--a-1) var(--a-2);align-items:center;justify-content:space-between;font:600 var(--s-1)/1.2 var(--f-schild)}
.anzeige__fuss{font-size:var(--s-klein);color:var(--tinte-2)}

/* Schatzkarte: Ampel mit Form und Namen, nicht nur Farbe */
.sk-hero{display:grid;gap:var(--a-4);margin:0 0 var(--a-3)}
@media (min-width:48em){.sk-hero{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start}}
.sk-cover{display:block;width:100%;max-width:18rem;border:var(--l-haar) solid var(--linie)}
.kaufen{border:var(--l-zaehl) solid var(--tinte);background:var(--papier-2);padding:var(--a-3);margin:var(--a-3) 0}
.sk-preis{font:600 var(--s-2)/1 var(--f-schild)}
.sk-preis small{display:block;margin-top:.3rem;font:400 var(--s-klein)/1.3 var(--f-text);color:var(--tinte-2)}
.kaufen form{margin:var(--a-2) 0}
.kaufen .feld--wahl{align-items:flex-start}
.ampel{display:inline-block;flex:none;width:1rem;height:1rem;margin:.3em .6rem 0 0;border:var(--l-zaehl) solid currentColor}
.ampel.gruen{color:var(--wald);background:currentColor;border-radius:50%}
.ampel.gelb{color:var(--gold-text);background:currentColor;border-radius:50%;box-shadow:inset 0 0 0 .2rem var(--papier)}
.ampel.rot{color:var(--rost)}
.doc h3 .ampel{margin-top:0;vertical-align:-.05em}
.sk-orte{list-style:none;padding:0;margin:var(--a-1) 0 var(--a-3)}
.sk-orte li{display:flex;padding:.45rem 0;margin:0;border-bottom:var(--l-haar) solid var(--linie)}
.sk-orte .o{color:var(--tinte-2)}
.galerie--hoch img{aspect-ratio:auto;object-fit:contain}
.leistungen--ohne li{grid-template-columns:1fr}

/* Kleinere Bausteine */
.querblatt{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--a-3);align-items:start;margin:var(--a-4) 0;padding:var(--a-3) 0;border-block:var(--l-haar) solid var(--tinte)}
.querblatt img{display:block;width:100%;border:var(--l-haar) solid var(--linie)}
.querblatt h3{margin-top:0}
.kasten{border:var(--l-haar) solid var(--tinte);background:var(--papier-2);padding:var(--a-2) var(--a-3);margin:var(--a-3) 0}
.pfad ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--a-3)}
.pfad--recht li{margin:0}
.register--laender{columns:3 7rem}
.feld__reihe{display:flex;flex-wrap:wrap;gap:var(--a-1)}
.doc .feld__reihe input{flex:1 1 14rem;width:auto}
.feld--datei input:focus-visible+label{outline:3px solid var(--fokus);outline-offset:3px}
.bestimmen{display:grid;gap:var(--a-3);align-items:end;margin:var(--a-3) 0 var(--a-4);border-bottom:var(--l-zaehl) solid var(--tinte)}
@media (min-width:48em){.bestimmen{grid-template-columns:minmax(0,1fr) auto}}
.bestimmen__feld{padding-bottom:var(--a-3)}
.bestimmen__feld img:not([hidden]){display:block;max-height:20rem;width:auto;margin:var(--a-2) 0;border:var(--l-haar) solid var(--linie)}
.bestimmen .werner-notiz{margin:0;border:0}
.werner-notiz--klein{--werner-h:150px}
.nuggets{display:flex;gap:.75rem;justify-content:flex-end;align-items:end;margin:0}
.nuggets img{height:4rem;width:auto}
.abb--buch img{max-width:26rem;margin-inline:auto;border:0;background:none}
.doc .angebote h2{display:flex;gap:.6rem;align-items:center;font-size:var(--s-1);margin:0 0 var(--a-1)}
.angebote h2 .i{width:2rem;height:2rem}
.doc .werner-notiz__bild{height:var(--werner-h,170px)}
.fundliste .li-km{white-space:normal;max-width:9rem}
.doc .register a{overflow-wrap:anywhere}
@media (max-width:39.99em){.meldung>div{display:contents}.meldung>a{grid-row:1/span 2}.meldung .datum,.meldung h2{grid-column:2}.meldung p{grid-column:1/-1}}
.feld--wahl input{flex:none}
.galerie--hoch{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr))}
.feld--datei{position:relative}.doc .feld--datei input{width:1px;min-height:0;padding:0;border:0}
.leiste{margin-bottom:var(--a-4)}
.i--zurueck{transform:scaleX(-1)}.pfad--recht li+li::before{content:none}
.kasten>:first-child{margin-top:0}
.leistungen li{align-content:start}@media (min-width:48em){.bestimmen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}