/* Seitenkopf der Unterseiten (kontakt, impressum, datenschutz, agb, umbau, 404): Eyebrow und Headline im Stil der
   Startseite. Gemeinsame Klassen, keine Sonderstile pro Seite. Markup: <p class="eyebrow ds-eb">Label</p><h1 class="ds-h">…</h1>
   Die Startseiten-Regeln hängen an :root[data-hstil], das die Unterseiten nicht setzen; darum hier ohne diese Bedingung.
   body davor hebt die Spezifität über die seiteneigenen Klassen (.lg-h, .nf-h mit Astro-Attribut); die zweite Form schlägt
   :root[data-hstil=v6] .ds-eb.ds-eb aus global.css (font-stretch 100 %, -.05em), das die Seiten per Skript ebenfalls setzen. */
body{counter-reset:dseb}
body .eyebrow.ds-eb,:root[data-hstil] .eyebrow.ds-eb.ds-eb{display:flex;align-items:flex-start;margin:0;color:inherit;font-family:var(--font-display);font-weight:400;
  font-stretch:80%;font-size:clamp(1.5rem,2.2vw,2.03rem);letter-spacing:-.04em;line-height:.92;text-transform:none;text-wrap:balance}
body .eyebrow.ds-eb:after,:root[data-hstil] .eyebrow.ds-eb.ds-eb:after{counter-increment:dseb;content:"(" counter(dseb,decimal-leading-zero) ")";font-family:var(--font-display);
  font-size:.75rem;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums;vertical-align:super;align-self:flex-start;
  margin-top:.15em;margin-left:.3em;opacity:.6}
body .ds-h.ds-h{margin-top:1.1rem;font-family:var(--font-display);font-weight:700;font-stretch:100%;font-size:clamp(2.8rem,5.4vw,5.4rem);
  letter-spacing:-.05em;line-height:.96;text-transform:none;text-wrap:balance}

/* CTA: Projekt starten ist überall Mint (wie der Knopf in der Kopfzeile) */
a.btn.btn--cta{--btn-bg:var(--x-mint,#1de9b6);--btn-fg:#0a0e0d;--btn-bd:var(--x-mint,#1de9b6);--btn-fill:#6ff0cf;--btn-fill-fg:#0a0e0d}