/* Motiv „Plakat“ (07.10.2026): kein Foto im Einstieg, volle Farbfläche, riesige breite Versalien, schwarze Linien,
   Leistungen als große nummerierte Zeilen, Ablauf in vier großen Kacheln, Foto als Schwarz-Weiß-Streifen, Kontakt auf Schwarz.
   Drittes Motiv neben „Nacht“ (nacht.css) und „Klar“ (klar.css). Nur für _vorschau/plakat.html. */

@font-face{font-family:"Archivo";font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("fonts/archivo-latin.woff2") format("woff2")}

:root{
  --akzent:#d9641a;--akzent-tief:#8f3e0e;--akzent-zart:#fdeee3;
  --schwarz:#111111;--papier:#f4f1ea;--weiss:#ffffff;--text:#111111;--text-2:#4a4642;--linie:#111111;
  --rand:clamp(20px,4.5vw,72px);--breit:1240px;--gutter:clamp(16px,2vw,32px);
  --t-riesig:clamp(2.75rem,1rem + 7.5vw,8rem);--t-h2:clamp(2rem,1.2rem + 3vw,4rem);--t-lead:clamp(1.0625rem,1rem + .45vw,1.3rem);
}
[data-welt="handwerk"]{--akzent:#d9641a;--akzent-tief:#8f3e0e;--akzent-zart:#fdeee3}
[data-welt="gastronomie"],[data-welt="gastro"]{--akzent:#b8322c;--akzent-tief:#751d18;--akzent-zart:#fbe9e8}
[data-welt="praxis"]{--akzent:#0e7c86;--akzent-tief:#084b52;--akzent-zart:#e3f3f4}
[data-welt="friseur"]{--akzent:#5b3fb3;--akzent-tief:#38266f;--akzent-zart:#eeeafa}
[data-welt="fitness"]{--akzent:#c8381f;--akzent-tief:#7f2212;--akzent-zart:#fbe9e5}
[data-welt="einzelhandel"],[data-welt="baeckerei"]{--akzent:#1f9a4b;--akzent-tief:#116030;--akzent-zart:#e7f5ec}
[data-welt="dienstleister"]{--akzent:#1b6fd6;--akzent-tief:#0f4489;--akzent-zart:#e8f0fc}
[data-welt="verein"]{--akzent:#1f9a4b;--akzent-tief:#116030;--akzent-zart:#e7f5ec}
[data-welt="kfz"]{--akzent:#1b6fd6;--akzent-tief:#0f4489;--akzent-zart:#e8f0fc}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--text);font-family:"Archivo",Arial,sans-serif;font-size:1.0625rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--schwarz);color:var(--papier)}
:focus-visible{outline:3px solid var(--schwarz);outline-offset:3px}
.bahn{width:min(100% - 2*var(--rand),var(--breit));margin-inline:auto}
.klein{font-size:.9rem;color:var(--text-2)}
.label{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-stretch:112%}
.h3{font-size:1.4rem;font-weight:800;font-stretch:110%;text-transform:uppercase;letter-spacing:.02em}
.nur-mobil{display:none !important}.nur-breit{display:none}
@media (max-width:899px){.nur-desktop{display:none !important}.nur-mobil{display:inline !important}}
@media (min-width:1600px){.nur-breit{display:inline}}
mark.luecke,.luecke{background:transparent;color:inherit;padding:0 .25em;border:2px dashed currentColor;font-weight:700;font-style:normal}
.luecke::before{content:"‹"}.luecke::after{content:"›"}
.sprung{position:absolute;left:-200vw;top:8px;z-index:200;background:var(--schwarz);color:#fff;padding:10px 16px;font-weight:700}
.sprung:focus{left:var(--rand)}

/* Typografie: breite Versalien, enge Zeilen */
h1,h2,h3{font-weight:800;line-height:.95;letter-spacing:-.01em;text-transform:uppercase;font-stretch:112%;text-wrap:balance}
h1{font-size:var(--t-riesig);letter-spacing:-.02em;font-stretch:118%}
h2{font-size:var(--t-h2)}
h3{font-size:1.5rem;font-stretch:108%}
.lead{font-size:var(--t-lead);line-height:1.45;max-width:30em}
.dachzeile{font-size:.85rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-stretch:112%;margin-bottom:22px}

/* Knöpfe: eckig, schwarz */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 26px;border:2px solid var(--schwarz);background:transparent;color:var(--schwarz);font-weight:800;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;font-stretch:110%;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.knopf > span{display:inline-flex;align-items:center;gap:12px}
.knopf:hover{background:var(--schwarz);color:var(--papier);transform:translate(-2px,-2px)}
.knopf--voll{background:var(--schwarz);color:var(--papier)}
.knopf--voll:hover{background:var(--akzent);border-color:var(--akzent);color:#fff}
.knopf--klein{padding:11px 16px;font-size:.8rem}
.auf-farbe .knopf{border-color:#fff;color:#fff}
.auf-farbe .knopf:hover{background:#fff;color:var(--akzent)}
.auf-farbe .knopf--voll{background:var(--schwarz);border-color:var(--schwarz);color:#fff}
.auf-farbe .knopf--voll:hover{background:#fff;border-color:#fff;color:var(--schwarz)}
.knopfzeile{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ikon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter;flex:none}

/* Kopf auf der Farbfläche */
.kopf{background:var(--akzent);color:#fff;border-bottom:2px solid rgba(0,0,0,.25)}
.kopf .bahn{display:flex;align-items:center;gap:24px;min-height:76px}
.marke{margin-right:auto;font-weight:800;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;font-stretch:118%;display:flex;align-items:center;gap:12px;min-width:0}
.marke b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marke__punkt{width:14px;height:14px;background:var(--schwarz);flex:none}
.nav{display:flex;gap:26px;font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-stretch:110%}
.nav a{padding:8px 0;border-bottom:2px solid transparent}
.nav a:hover{border-color:#fff}
.menue summary{list-style:none;cursor:pointer;display:none}
.menue summary::-webkit-details-marker{display:none}
.menue__liste{display:none}
@media (max-width:899px){
  .kopf .bahn{min-height:66px;gap:12px}
  .nav,.kopf > .bahn > .knopf{display:none}
  .menue{position:relative}
  .menue summary{display:inline-flex;align-items:center;padding:10px 14px;border:2px solid #fff;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
  .menue[open] .menue__liste{display:grid;position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:var(--schwarz);color:#fff;padding:10px;gap:2px;z-index:60}
  .menue__liste a{padding:12px 14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}
  .menue__liste a:hover{background:var(--akzent)}
  .menue__liste .knopf{margin-top:8px;justify-content:center;border-color:#fff;color:#fff}
}

/* Hero: nur Typografie auf voller Farbfläche */
.hero{position:relative;background:var(--akzent);color:#fff;padding:clamp(44px,7vw,110px) 0 clamp(36px,5vw,72px)}
.hero h1{max-width:9.5em;color:#fff}
.hero h1 em{font-style:normal;color:var(--schwarz)}
.hero__unten{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:end;margin-top:clamp(28px,4vw,52px);padding-top:clamp(20px,3vw,32px);border-top:2px solid rgba(0,0,0,.35)}
.hero__unten .lead{color:rgba(255,255,255,.95)}
.hero__unten .knopfzeile{justify-content:flex-end}
@media (max-width:899px){.hero__unten{grid-template-columns:1fr}.hero__unten .knopfzeile{justify-content:flex-start}}

/* Laufband: Versprechen in Schwarz */
.band{background:var(--schwarz);color:var(--papier);overflow:hidden;border-top:2px solid var(--schwarz);border-bottom:2px solid var(--schwarz)}
.band__spur{display:flex;gap:0;white-space:nowrap;width:max-content;animation:band 38s linear infinite;padding:14px 0;font-weight:800;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;font-stretch:112%}
.band__spur span{padding:0 28px;display:inline-flex;align-items:center;gap:28px}
.band__spur span::after{content:"";width:10px;height:10px;background:var(--akzent)}
@keyframes band{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.band__spur{animation:none;width:auto;white-space:normal;flex-wrap:wrap}}

/* Fotostreifen: Schwarz-Weiß, mit Ortsmarke */
.streifen{position:relative;height:clamp(240px,46vh,520px);overflow:hidden;background:var(--schwarz)}
.streifen img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.85)}
.streifen__marke{position:absolute;left:var(--rand);bottom:clamp(18px,3vw,36px);background:var(--papier);color:var(--schwarz);padding:12px 18px;font-weight:800;font-size:clamp(1rem,.9rem + .8vw,1.5rem);letter-spacing:.06em;text-transform:uppercase;font-stretch:112%;max-width:calc(100% - 2*var(--rand))}
.streifen__marke .luecke{border-color:var(--schwarz)}

/* Abschnitte: schwarze Linien, großzügig */
.abschnitt{padding-block:clamp(56px,7vw,112px)}
.abschnitt--schwarz{background:var(--schwarz);color:var(--papier)}
.abschnitt--weiss{background:var(--weiss)}
.rubrik{display:flex;align-items:baseline;gap:18px;border-top:2px solid currentColor;padding-top:14px;margin-bottom:clamp(28px,4vw,48px);font-weight:800;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;font-stretch:112%}
.rubrik span:last-child{margin-left:auto;font-weight:600;letter-spacing:.1em;opacity:.7}

/* Leistungen: große nummerierte Zeilen */
.zeilen{border-top:2px solid currentColor}
.zeile{display:grid;grid-template-columns:5.5rem 1.1fr 1fr;gap:var(--gutter);align-items:start;padding:clamp(20px,3vw,32px) 0;border-bottom:2px solid currentColor;transition:background .2s,padding-left .2s}
.zeile:hover{background:var(--akzent-zart);padding-left:12px}
.zeile__nr{font-size:clamp(2.2rem,1.5rem + 3vw,4.5rem);font-weight:800;line-height:.85;letter-spacing:-.04em;color:var(--akzent);font-stretch:118%;font-variant-numeric:tabular-nums}
.zeile h3{font-size:clamp(1.4rem,1.1rem + 1.4vw,2.2rem);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.zeile p{color:var(--text-2);font-size:1rem;max-width:30em}
.zeile .etikett{display:inline-block;margin-left:8px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:2px solid currentColor;padding:2px 6px;color:var(--akzent-tief)}
@media (max-width:899px){.zeile{grid-template-columns:3.6rem 1fr}.zeile p{grid-column:2}.zeile h3{font-size:1.2rem;font-stretch:100%;letter-spacing:0}.zeile__nr{font-size:2.4rem}h1{font-stretch:108%;-webkit-hyphens:auto;hyphens:auto}h2{font-stretch:104%}}

/* Ablauf: vier große Kacheln mit Umrissziffern */
.kacheln{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--schwarz)}
.kachel{padding:clamp(22px,3vw,40px);border:1px solid var(--schwarz);display:grid;gap:14px;align-content:start;min-height:220px;position:relative;background:var(--weiss)}
.kachel:nth-child(odd){background:var(--papier)}
.kachel__nr{font-size:clamp(4rem,3rem + 6vw,9rem);font-weight:800;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--schwarz);font-stretch:118%;font-variant-numeric:tabular-nums}
.kachel p{color:var(--text-2);max-width:28em}
.kachel__dauer{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--akzent-tief)}
.kachel--cta,.kacheln .kachel--cta:nth-child(odd){background:var(--akzent);color:#fff;justify-items:start}
.kachel--cta .label{color:rgba(255,255,255,.85)}
.kachel--cta p{color:rgba(255,255,255,.9)}
.kachel--cta .knopf{border-color:#fff;color:#fff;margin-top:6px}
.kachel--cta .knopf:hover{background:#fff;color:var(--akzent)}
.kacheln .kachel--cta:nth-child(odd){grid-column:1/-1}
@media (max-width:899px){.kacheln{grid-template-columns:1fr}.kachel{min-height:0}}

/* Über uns: Schwarz mit Zitat und Faktentabelle */
.ueber{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.ueber__zitat{font-size:clamp(1.75rem,1.2rem + 2.6vw,3.5rem);font-weight:800;line-height:1;letter-spacing:-.015em;text-transform:uppercase;font-stretch:112%;color:var(--papier);max-width:12em}
.ueber__zitat em{font-style:normal;color:var(--akzent)}
.ueber .absatz{color:rgba(244,241,234,.8);font-size:var(--t-lead);line-height:1.45;max-width:28em;margin-top:24px}
.ueber .absatz strong{color:var(--papier)}
.fakten{border-top:2px solid var(--papier)}
.fakten div{display:grid;grid-template-columns:8rem 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(244,241,234,.3)}
.fakten div span:first-child{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,234,.6);padding-top:.3em}
.fakten div span:last-child{font-weight:600}
.abschnitt--schwarz .luecke{color:var(--akzent);border-color:var(--akzent)}
.ueber__nebensatz{margin-top:16px;color:rgba(244,241,234,.55);font-size:.9rem}
.punkte{display:grid;gap:10px;margin-top:22px;font-weight:700}
.punkte li{display:flex;gap:12px;align-items:flex-start}
.punkte li::before{content:"";width:10px;height:10px;background:var(--akzent);flex:none;margin-top:.45em}
@media (max-width:899px){.ueber{grid-template-columns:1fr}}

/* Fragen: zwei Spalten, keine Klappen */
.fragen{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,48px) var(--gutter)}
.frage{border-top:2px solid var(--schwarz);padding-top:14px;display:grid;gap:8px}
.frage .nr{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--akzent-tief)}
.frage h3{font-size:1.2rem;text-transform:none;font-stretch:104%;letter-spacing:-.01em}
.frage p{color:var(--text-2)}
@media (max-width:899px){.fragen{grid-template-columns:1fr}}

/* Kontakt: Formular mit Unterstrichen auf Weiß, Daten links groß */
.kontakt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.kontakt__daten{display:grid;border-top:2px solid var(--schwarz);margin-top:24px}
.kontakt__daten div{display:grid;grid-template-columns:7rem 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--schwarz)}
.kontakt__daten div span:first-child{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding-top:.3em}
.formular{display:grid;gap:22px}
.formular__kopf{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid var(--schwarz);padding-bottom:12px}
.formular__zeile{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.feld{display:grid;gap:8px}
.feld .label{font-size:.72rem}
.feld .opt{font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
.feld input,.feld textarea{width:100%;padding:12px 0;border:0;border-bottom:2px solid var(--schwarz);background:transparent;font-size:1.05rem;border-radius:0}
.feld input:focus,.feld textarea:focus{outline:none;border-bottom-color:var(--akzent)}
.feld textarea{min-height:110px;resize:vertical}
.formular__fuss{display:grid;gap:10px}
.formular__fuss .knopf{justify-self:start}
.formular output{display:block;font-size:.9rem;color:var(--akzent-tief);min-height:1.2em;font-weight:700}
@media (max-width:899px){.kontakt{grid-template-columns:1fr}.formular__zeile{grid-template-columns:1fr}}

/* Fuß: Schwarz, riesige Initialen als Umriss */
.fuss{background:var(--schwarz);color:var(--papier);padding:clamp(40px,6vw,72px) 0 24px;overflow:hidden}
.fuss__oben{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
.fuss .marke{color:var(--papier)}.fuss .marke__punkt{background:var(--akzent)}
.fuss__claim p{color:rgba(244,241,234,.7);margin-top:14px;max-width:28em;font-size:.95rem}
.fuss__spalte{display:grid;gap:6px;align-content:start;font-size:.9rem}
.fuss__spalte .label{color:var(--akzent);margin-bottom:6px}
.fuss__spalte a{color:rgba(244,241,234,.8);padding:4px 0;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.82rem}
.fuss__spalte a:hover{color:#fff}
.fuss__spalte .klein{color:rgba(244,241,234,.5)}
.fuss__wort{margin-top:clamp(32px,5vw,64px);font-weight:800;font-stretch:118%;font-size:clamp(5rem,20vw,18rem);line-height:.78;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(244,241,234,.35);white-space:nowrap;user-select:none}
.fuss__unten{margin-top:24px;padding-top:18px;border-top:1px solid rgba(244,241,234,.3);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem;color:rgba(244,241,234,.6)}
@media (max-width:899px){.fuss__oben{grid-template-columns:1fr}}

/* ---------- Entwurfsrahmen des Studios (Teilvorlagen aus _vorschau/), Studio-Farben ---------- */
.entwurf-rahmen{--nacht:#0f0e0d;--kreide:#efe9df;--kreide-70:rgba(239,233,223,.72);--asche:#a69f93;--s-linie:rgba(239,233,223,.14);--s-akzent:#c9a45c;--s-akzent-hell:#e6c982;background:var(--nacht);color:var(--kreide);font-family:"Archivo",Arial,sans-serif;text-transform:none;font-stretch:100%}
.entwurf-leiste{position:sticky;top:0;z-index:120;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px var(--rand);border-bottom:1px solid var(--s-linie);font-size:.8125rem}
.entwurf-leiste .links{display:flex;gap:14px;align-items:center;flex:1 1 auto;min-width:0}
.entwurf-leiste .links > *{white-space:nowrap}
.entwurf-leiste .links b{flex:0 0 auto;max-width:30ch;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}
.entwurf-leiste .stempel{border:1px solid var(--s-akzent);color:var(--s-akzent);padding:4px 8px;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:2px;flex:none}
.entwurf-leiste .meta{color:var(--asche);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.entwurf-leiste .status{color:var(--kreide-70)}
.entwurf-leiste .rechts{display:flex;gap:10px;align-items:center;flex:none}
.entwurf-leiste .preis{color:var(--asche);margin-right:8px;font-variant-numeric:tabular-nums}
.entwurf-leiste .knopf,.entwurf-band .knopf{padding:9px 14px;font-size:.75rem;letter-spacing:.08em;text-transform:none;font-stretch:100%;border:1px solid rgba(239,233,223,.3);border-radius:999px;background:transparent;color:var(--kreide);transform:none}
.entwurf-leiste .knopf--voll,.entwurf-band .knopf--voll{background:var(--s-akzent);border-color:var(--s-akzent);color:#121110}
.entwurf-leiste .knopf:hover,.entwurf-band .knopf:hover{background:transparent;border-color:var(--s-akzent-hell);color:var(--kreide);transform:none}
.entwurf-leiste .knopf--voll:hover,.entwurf-band .knopf--voll:hover{background:var(--s-akzent-hell);color:#121110}
.kopf{position:sticky;top:var(--leiste,0px);z-index:50}
@media (max-width:899px){
  .entwurf-leiste{padding:6px var(--rand);gap:10px}
  .entwurf-leiste .rechts .preis,.entwurf-leiste .rechts .knopf:not(.knopf--voll),.entwurf-leiste .links .meta,.entwurf-leiste .links b{display:none}
  .entwurf-leiste .knopf{padding:12px 14px}
}
.entwurf-stempel{position:absolute;right:var(--rand);top:clamp(16px,2.5vw,28px);z-index:2;pointer-events:none;display:grid;gap:2px;text-align:center;padding:8px 12px;transform:rotate(-4deg);border:1.5px solid #fff;color:#fff;background:rgba(0,0,0,.25);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;line-height:1.1;font-stretch:100%}
.entwurf-stempel small{display:block;font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:none;color:rgba(255,255,255,.8)}
@media (max-width:899px){.entwurf-stempel small{display:none}.entwurf-stempel{font-size:.6875rem;padding:7px 10px}}
.entwurf-fuss{padding-block:clamp(48px,6vw,88px)}
.entwurf-band .bahn{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center}
.entwurf-band .label{color:var(--s-akzent);letter-spacing:.14em;font-stretch:100%}
.entwurf-band__text{display:grid;gap:14px}
.entwurf-band__text .h3{font-size:clamp(1.4rem,1.1rem + 1.4vw,2.1rem);max-width:18em;color:var(--kreide);text-transform:none;font-stretch:100%;letter-spacing:-.01em}
.entwurf-band__text .klein{color:var(--kreide-70);max-width:46em}
.entwurf-band__aktionen{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.erklaerung{margin-top:clamp(36px,5vw,64px);border:1px solid rgba(239,233,223,.3);padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 32px;background:rgba(0,0,0,.12)}
.erklaerung .label{color:var(--s-akzent);padding-top:.4em;letter-spacing:.14em;font-stretch:100%}
.erklaerung p{color:var(--kreide-70);max-width:44em}
.erklaerung p + p{margin-top:.8em}
.erklaerung ul{display:grid;gap:8px;margin-top:12px;color:var(--kreide-70);font-size:.92rem}
.erklaerung li{position:relative;padding-left:18px}
.erklaerung li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--s-akzent)}
.erklaerung a{color:var(--s-akzent-hell)}
.erklaerung .luecke{color:#e6c982;border-color:#e6c982;border-width:1px}
@media (max-width:899px){.entwurf-band .bahn{grid-template-columns:1fr}.entwurf-band__aktionen{justify-content:flex-start}.erklaerung{grid-template-columns:1fr}}