/* Signalbank — gemeinsame Schale aller Bidi.Radar-Seiten.
   Einzige Quelle der Tokens. Wer hier etwas aendert, aendert es
   fuer Startseite, Impressum, Datenschutz und AGB zugleich. */

:root{
  /* GEHAEUSE — vollstaendig unbunt. Kein Ampelton beruehrt die Schale. */
  --chassis:#0e100f; --chassis-2:#151817; --chassis-3:#1d211f; --chassis-4:#272c29;
  --schirm:#050706;
  --linie:#262b29; --linie-hell:#333a37;
  --gravur:#8c9691; --gravur-hell:#cfd6d2;
  --text:#e9eeeb; --text-2:#a7b0ab;

  /* RASTER — geaetzt, nicht gezeichnet */
  --raster:#182020; --raster-teilung:#2b3532;

  /* MESSUNG — die einzigen Farben der Seite. Radars gemessene Ampel.
     Jede von ihnen bedeutet ein Pruefergebnis. Keine davon ist Dekoration. */
  --geprueft:#4ade80; --vormerkung:#fcd34d; --stark:#fb923c; --kritisch:#f87171;

  --zeit-schnell:120ms; --zeit:200ms; --kurve:cubic-bezier(.2,.7,.3,1);
  --kopf-h:60px;

  --sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Mono","Cascadia Code",SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--chassis);color:var(--text-2);
  font-family:var(--sans);font-size:16.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{color:var(--text);margin:0;line-height:1.12;font-weight:650;letter-spacing:-.02em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:var(--text);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--gravur-hell);outline-offset:2px}
::selection{background:rgba(74,222,128,.28);color:#fff}
svg{display:block}

/* --- Der Untergrund ----------------------------------------------------
   Das Raster hinter der Kurve. Zwei Ebenen, beide UNBUNT: ein geaetztes
   Gitter, das beim Scrollen langsamer laeuft als der Inhalt, und darueber
   drei traege Spuren auf Leinwand. Messfarbe kommt hier nicht vor — sonst
   waere Farbe Dekoration, und genau das darf sie in diesem Produkt nie. */
.untergrund{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.untergrund-gitter{position:absolute;left:0;right:0;top:-30vh;height:180vh;
  opacity:.5;will-change:transform;
  background:
    repeating-linear-gradient(0deg,  var(--raster) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg, var(--raster) 0 1px, transparent 1px 64px)}
.untergrund canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
body > header,body > main,body > footer{position:relative;z-index:1}

/* Die getoenten Abschnitte lassen den Untergrund durch — sonst laeuft er
   nur im Held. Der Farbwert bleibt praktisch derselbe (#151817 bei .9). */
.lauf,.warte{background:rgba(21,24,23,.9) !important}

.huelle{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}

/* Gravur — die Beschriftung eines Geraetes, nicht eine Marketing-Zeile.
   Kein Kicker ueber einer Ueberschrift: diese Labels beschriften Bedienteile. */
.gravur{font-family:var(--sans);font-size:11px;font-weight:650;letter-spacing:.19em;
  text-transform:uppercase;color:var(--gravur)}

.sprung{position:absolute;left:-9999px;top:0;z-index:200;background:var(--chassis-4);
  color:var(--text);padding:12px 18px;font-weight:600}
.sprung:focus{left:0}

/* --- Gehaeusekopf ------------------------------------------------------ */
.kopf{position:sticky;top:0;z-index:100;height:var(--kopf-h);
  background:var(--chassis-2);border-bottom:1px solid var(--linie)}
.kopf .huelle{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px}
.typenschild{display:flex;align-items:center;gap:13px}
.wortmarke{font-weight:700;font-size:17px;color:var(--text);letter-spacing:-.02em}
/* Der Punkt in der Wortmarke ist ein Logo, kein Pruefergebnis — unbunt. */
.wortmarke i{font-style:normal;color:var(--gravur-hell)}
.modell{font-family:var(--mono);font-size:11px;color:var(--gravur);letter-spacing:.08em;
  border-left:1px solid var(--linie-hell);padding-left:13px}
@media (max-width:700px){.modell{display:none}}
.kopf-nav{display:flex;gap:26px}
.kopf-nav a{font-size:13.5px;color:var(--text-2)}
@media (max-width:880px){.kopf-nav{display:none}}

/* --- Bedienteile ------------------------------------------------------- */
.taste{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 21px;font-family:var(--sans);font-size:13.5px;font-weight:650;
  letter-spacing:.11em;text-transform:uppercase;cursor:pointer;
  border:1px solid var(--linie-hell);background:var(--chassis-3);color:var(--text);
  transition:background var(--zeit-schnell) var(--kurve),border-color var(--zeit-schnell) var(--kurve)}
.taste:hover{background:var(--chassis-4);border-color:var(--gravur);color:#fff}
.taste-haupt{background:var(--chassis-4);border-color:var(--gravur)}
.taste-haupt:hover{background:#313835}
.taste:disabled{opacity:.5;cursor:not-allowed}
.kopf .taste{padding:10px 16px;font-size:12px}

/* --- Fuss + Typenschild ------------------------------------------------ */
.fuss{border-top:1px solid var(--linie);padding:28px 0;font-size:13.5px;color:var(--gravur)}
.fuss .huelle{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;align-items:center}
.fuss-nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.fuss-nav a{color:var(--gravur);padding:9px 0;display:inline-block}
.fuss-nav a:hover{color:var(--text-2)}
.schild{border:1px solid var(--linie-hell);padding:11px 14px;margin-top:22px;
  font-size:12px;color:var(--gravur);max-width:82ch;line-height:1.6}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:1ms !important}}

/* --- Rechtsseiten: Fliesstext auf der Signalbank -----------------------
   Ein Messgeraet hat ein Handbuch. Dieselbe Schale, dieselbe Gravur,
   nur ohne Schirm — der Text traegt hier allein. */
/* Breite in px statt in ch, und der Wert ist GEMESSEN, nicht geschaetzt:
   76ch ergaben 93 Zeichen je Zeile, 620px noch 85. 515px liegen bei rund 70 —
   im Bereich, in dem laengerer Text noch bequem zu lesen ist. */
.blatt{padding:clamp(34px,5vw,66px) 0 clamp(46px,7vw,84px);max-width:515px;margin:0 auto}
.blatt h1{font-size:clamp(1.5rem,3.2vw,2.3rem);margin-bottom:20px}
.blatt h2{font-size:clamp(1.08rem,2vw,1.3rem);margin:34px 0 10px;letter-spacing:-.015em}
.blatt h3{font-size:15px;margin:20px 0 6px;color:var(--text-2);font-weight:650}
.blatt p{margin:10px 0;color:var(--text-2)}
.blatt ul{margin:10px 0;padding-left:19px;color:var(--text-2)}
.blatt li{margin:5px 0}
.blatt b{color:var(--text);font-weight:600}
.blatt a{color:var(--gravur-hell);border-bottom:1px solid var(--linie-hell)}
.blatt a:hover{color:var(--text);border-bottom-color:var(--gravur)}
.blatt code{font-family:var(--mono);font-size:13.5px;color:var(--gravur-hell);
  border:1px solid var(--linie);padding:1px 5px}

/* Offene Stellen bleiben SICHTBAR. Ein Platzhalter, den man uebersieht,
   geht irgendwann live. Unbunt — es ist kein Pruefergebnis. */
.offen{font-family:var(--mono);font-size:13.5px;color:var(--gravur-hell);
  border:1px dashed var(--linie-hell);padding:9px 12px;display:block;margin:10px 0}

.hinweis{border:1px solid var(--linie-hell);background:var(--chassis-2);
  padding:13px 15px;margin:0 0 8px;font-size:13.5px;color:var(--text-2)}
.hinweis b{color:var(--text)}

.tabelle{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
.tabelle th,.tabelle td{border:1px solid var(--linie);padding:9px 11px;text-align:left;
  vertical-align:top;color:var(--text-2)}
.tabelle th{color:var(--text);font-weight:650;background:var(--chassis-2);
  font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.tabelle-rahmen{overflow-x:auto}
/* --- Der Schirm -------------------------------------------------------- */
.bank{padding:clamp(32px,5vw,60px) 0 clamp(28px,4vw,48px)}
.bank-gitter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);
  gap:clamp(26px,4vw,54px);align-items:center}
@media (max-width:1000px){.bank-gitter{grid-template-columns:1fr;gap:30px}}

.bank h1{font-size:clamp(1.95rem,4.6vw,3.15rem);max-width:15ch}
.bank-lead{margin-top:18px;font-size:clamp(1rem,1.7vw,1.14rem);color:var(--text-2);max-width:52ch}
.bank-tat{margin-top:26px;display:flex;flex-wrap:wrap;gap:11px}
/* Sitzt als eigene Gitterzeile UNTER dem Geraet — schmal rutscht das Geraet
   damit direkt hinter die Tasten, und die These bleibt ueber der Falz. */
.bank-fuss{margin:0;font-size:13.5px;color:var(--gravur);max-width:52ch}
.bank-fuss b{color:var(--text-2);font-weight:600}

/* Geraet: Blende, Schirm, Ableseleiste */
.geraet{border:1px solid var(--linie-hell);background:var(--chassis-2)}
.geraet-blende{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 13px;border-bottom:1px solid var(--linie)}
.geraet-quelle{font-family:var(--mono);font-size:11px;color:var(--gravur);letter-spacing:.04em}
.schirm{position:relative;background:var(--schirm);aspect-ratio:16/10;overflow:hidden}
.schirm canvas{position:absolute;inset:0;width:100%;height:100%}
/* CRT-Glas: Scanlines und Randabdunklung. Material des Schirms, keine Dekoration
   der Schale — deshalb nur innerhalb von .schirm. */
.schirm::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 120% 105% at 50% 45%, transparent 58%, rgba(0,0,0,.42) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px)}
.schirm-marke{position:absolute;left:11px;top:9px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.06em;color:var(--gravur)}
.schirm-stand{position:absolute;right:11px;top:9px;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.06em;color:var(--gravur)}
.schirm-stand[data-trigger="an"]{color:var(--vormerkung)}

/* Typenschild-Leiste — Geraetedaten, KEINE Messwerte. Deshalb unbunt und
   durch die Doppellinie vom Schirmglas abgesetzt: hier endet die Messung,
   hier beginnt das Gehaeuse. Messfarben sind den Ergebnissen vorbehalten. */
.ablese{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px double var(--linie-hell)}
.ablese div{padding:11px 13px;border-right:1px solid var(--linie)}
.ablese div:last-child{border-right:0}
.ablese b{display:block;font-family:var(--mono);font-size:1.32rem;font-weight:600;
  color:var(--gravur-hell);letter-spacing:-.01em;line-height:1.2}
.ablese span{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gravur);line-height:1.4}
@media (max-width:520px){.ablese{grid-template-columns:repeat(2,1fr)}
  .ablese div:nth-child(2){border-right:0}
  .ablese div:nth-child(-n+2){border-bottom:1px solid var(--linie)}}

/* --- Zeitbasis: der Weg vom LV zur einen Zeile ------------------------- */
.lauf{padding:clamp(40px,6vw,76px) 0;border-top:1px solid var(--linie);background:var(--chassis-2)}
.lauf-kopf{max-width:60ch;margin-bottom:clamp(28px,4vw,48px)}
.lauf-kopf h2{font-size:clamp(1.5rem,3.2vw,2.3rem)}
.lauf-kopf p{margin-top:14px}

.stufen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
  gap:clamp(22px,3.5vw,40px)}
.stufe{display:grid;grid-template-columns:104px minmax(0,1fr);gap:clamp(16px,2.5vw,30px);
  align-items:start;padding-top:20px;border-top:1px solid var(--linie)}
@media (max-width:760px){.stufe{grid-template-columns:1fr;gap:12px}}
.stufe-skala{font-family:var(--mono);font-size:11px;color:var(--gravur);letter-spacing:.05em;
  line-height:1.5;padding-top:3px}
.stufe-skala b{display:block;color:var(--text-2);font-weight:600;font-size:12px}
.stufe h3{font-size:clamp(1.08rem,2vw,1.3rem);letter-spacing:-.015em}
.stufe > div > p{margin-top:10px;color:var(--text-2);max-width:62ch}

.marken{margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}
.marke{font-family:var(--mono);font-size:11px;color:var(--gravur);
  border:1px solid var(--linie-hell);padding:3px 8px;letter-spacing:.04em}

/* Die getriggerte Zeile */
.zeile{margin-top:15px;border:1px solid var(--linie-hell);background:var(--chassis)}
.zeile-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 13px;border-bottom:1px solid var(--linie)}
.zeile-oz{font-family:var(--mono);font-size:12px;color:var(--gravur-hell);letter-spacing:.05em}
.zeile-koerper{padding:13px}
.zeile-kurz{color:var(--text);font-size:16px;font-weight:600}
.zeile-lang{margin-top:7px;font-size:13.5px;color:var(--text-2);max-width:56ch}
/* Der Trigger sitzt im Langtext — er wird gezeigt, nicht behauptet. */
.trigger{color:var(--vormerkung);border-bottom:1px solid var(--vormerkung);padding-bottom:1px}
.zeile-zahlen{margin-top:12px;padding-top:11px;border-top:1px solid var(--linie);
  display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--text-2)}
.zeile-zahlen span{color:var(--gravur)}

.messwert{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650;
  letter-spacing:.12em;text-transform:uppercase}
.messwert::before{content:"";width:8px;height:8px;flex:none;background:currentColor}
.m-geprueft{color:var(--geprueft)} .m-vormerkung{color:var(--vormerkung)}
.m-stark{color:var(--stark)} .m-kritisch{color:var(--kritisch)}

/* Befund */
.befund{margin-top:15px;border:1px solid var(--linie-hell);background:var(--chassis)}
.befund-kopf{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:10px 13px;
  border-bottom:1px solid var(--linie)}
.befund-id{font-family:var(--mono);font-size:11.5px;color:var(--gravur-hell);
  border:1px solid var(--linie-hell);padding:2px 7px;letter-spacing:.05em}
.befund-koerper{padding:13px}
.befund-satz{color:var(--text);font-size:15.5px}
.fundstelle{margin-top:12px;padding-top:11px;border-top:1px solid var(--linie);
  display:flex;gap:11px;align-items:baseline;flex-wrap:wrap}
.fundstelle-marke{font-family:var(--mono);font-size:13.5px;color:var(--gravur-hell);
  border:1px solid var(--linie-hell);padding:3px 9px;letter-spacing:.04em;white-space:nowrap}
.fundstelle p{font-size:13.5px;color:var(--gravur);max-width:52ch}

.wertungen{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px}
.wertung{font-family:var(--mono);font-size:11.5px;padding:3px 9px;color:var(--gravur);
  border:1px solid var(--linie-hell);letter-spacing:.04em}
.wertung.an{color:var(--vormerkung);border-color:var(--vormerkung)}

/* Kanal 2 */
.kanal{margin-top:15px;border:1px solid var(--linie-hell);border-left-width:1px;
  background:var(--chassis);padding:13px}
.kanal p{font-size:15px;color:var(--text-2)}
.kanal p + p{margin-top:9px}

/* Ausgaben */
.ausgaben{margin-top:15px;border:1px solid var(--linie-hell)}
.ausgabe{display:flex;gap:12px;align-items:flex-start;padding:13px;
  border-bottom:1px solid var(--linie);background:var(--chassis)}
.ausgabe:last-child{border-bottom:0}
.ausgabe svg{flex:none;margin-top:2px;color:var(--gravur)}
.ausgabe b{display:block;color:var(--text);font-size:15px;font-weight:600}
.ausgabe p{margin-top:3px;font-size:13.5px;color:var(--gravur)}

/* --- Bereichswahl: die drei Pakete als Rastschalter --------------------
   Preise sind Geraetedaten, keine Messwerte — deshalb unbunt. Die Ersparnis
   ist gerechnet, nicht behauptet: 7,99/9,99 = 20 %, 5,99/9,99 = 40 %. */
.bereich{padding:clamp(44px,6vw,80px) 0;border-top:1px solid var(--linie)}
.bereich h2{font-size:clamp(1.5rem,3.2vw,2.3rem);max-width:20ch}
.bereich-lead{margin-top:16px;max-width:62ch}
.schalter{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--linie-hell)}
@media (max-width:800px){.schalter{grid-template-columns:1fr}}
.rast{padding:20px;border-right:1px solid var(--linie);background:var(--chassis-2)}
.rast:last-child{border-right:0}
@media (max-width:800px){.rast{border-right:0;border-bottom:1px solid var(--linie)}
  .rast:last-child{border-bottom:0}}
.rast-name{font-family:var(--sans);font-size:11px;font-weight:650;letter-spacing:.19em;
  text-transform:uppercase;color:var(--gravur)}
/* Derselbe Zahlenstil wie die Ableseleiste — die Seite kennt genau einen. */
.rast-je{margin-top:14px;font-family:var(--mono);font-size:1.32rem;font-weight:600;
  color:var(--text);letter-spacing:-.01em;line-height:1.2}
.rast-je span{font-size:13.5px;font-weight:400;color:var(--gravur);letter-spacing:.05em}
.rast-zeile{margin-top:14px;padding-top:12px;border-top:1px solid var(--linie);
  display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);
  font-size:13.5px;color:var(--text-2)}
.rast-zeile span{color:var(--gravur)}
.rast-spar{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--gravur-hell);
  border:1px solid var(--linie-hell);padding:3px 8px;display:inline-block;letter-spacing:.04em}
.bereich-fuss{margin-top:18px;font-size:13.5px;color:var(--gravur);max-width:66ch}
.bereich-fuss b{color:var(--text-2);font-weight:600}
.startguthaben{margin-top:20px;border:1px solid var(--linie-hell);background:var(--chassis-2);
  padding:15px 17px;max-width:66ch}
.startguthaben b{color:var(--text);font-weight:650}
.startguthaben p{margin-top:6px;font-size:13.5px;color:var(--text-2)}

/* --- Messgrenzen ------------------------------------------------------- */
.grenzen{padding:clamp(44px,6vw,80px) 0;border-top:1px solid var(--linie)}
.grenzen h2{font-size:clamp(1.5rem,3.2vw,2.3rem);max-width:22ch}
.grenzen-lead{margin-top:16px;max-width:64ch}
.grenzen-liste{margin:26px 0 0;padding:0;list-style:none;border:1px solid var(--linie-hell)}
.grenzen-liste li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;
  padding:15px 16px;border-bottom:1px solid var(--linie);background:var(--chassis-2)}
.grenzen-liste li:last-child{border-bottom:0}
@media (max-width:640px){.grenzen-liste li{grid-template-columns:1fr;gap:5px}}
.grenzen-liste b{color:var(--text);font-size:15px;font-weight:600}
.grenzen-liste p{font-size:15px;color:var(--text-2);max-width:60ch}

/* --- Kontoeroeffnung (Klassen heissen historisch warte-*) -------------------------------------------------------- */
.warte{padding:clamp(48px,7vw,88px) 0;border-top:1px solid var(--linie);background:var(--chassis-2)}
.warte-gitter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(30px,5vw,66px);align-items:start}
@media (max-width:940px){.warte-gitter{grid-template-columns:1fr}}
.warte h2{font-size:clamp(1.5rem,3.2vw,2.3rem);max-width:18ch}
.warte-lead{margin-top:16px;max-width:52ch}
/* Keine 01/02/03: Zugang, Rabatt und die eine Mail sind keine Reihenfolge.
   Nummern nur dort, wo die Folge selbst etwas sagt (der Prueflauf oben). */
.warte-punkte{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.warte-punkte li{padding-left:18px;position:relative;font-size:15px;color:var(--text-2)}
.warte-punkte li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;
  background:var(--gravur)}

form{border:1px solid var(--linie-hell);background:var(--chassis);padding:clamp(18px,2.6vw,24px)}
.feld{margin-bottom:14px}
.feld label{display:block;margin-bottom:5px}
.feld input,.feld select{width:100%;padding:11px 12px;border:1px solid var(--linie-hell);
  background:var(--chassis-2);color:var(--text);font-family:var(--sans);font-size:15px}
.feld input::placeholder{color:#6d7672}
.feld input:hover,.feld select:hover{border-color:var(--gravur)}
.feld input:focus,.feld select:focus{outline:none;border-color:var(--gravur-hell);
  box-shadow:inset 0 0 0 1px var(--gravur-hell)}
/* Gehaeusefehler tragen KEINE Messfarbe — sonst hiesse Rot zweierlei. */
.feld input[aria-invalid="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.feld-fehler{margin-top:5px;font-size:13.5px;color:var(--text);display:flex;gap:7px;align-items:baseline}
/* display:flex ist eine Autoren-Deklaration und schlaegt das hidden-Attribut
   aus dem Browser-Stylesheet — ohne diese Zeile stuenden alle vier Fehler
   dauerhaft auf der Seite. */
.feld-fehler[hidden]{display:none}
.feld-fehler::before{content:"!";font-family:var(--mono);font-weight:700;color:var(--text)}
.zustimmung{display:flex;gap:11px;align-items:flex-start;margin:18px 0}
/* Kontrolllampe statt Plattform-Checkbox: leeres Quadrat = aus, gefuelltes
   Quadrat = gesetzt. Das letzte Stock-Bedienteil der Seite, in die Welt geholt. */
.zustimmung input{margin-top:1px;width:24px;height:24px;flex:none;cursor:pointer;
  appearance:none;-webkit-appearance:none;border:1px solid var(--linie-hell);
  background:var(--chassis-2);display:grid;place-items:center}
.zustimmung input:hover{border-color:var(--gravur)}
.zustimmung input:checked::before{content:"";width:12px;height:12px;background:var(--gravur-hell)}
.zustimmung label{font-size:13.5px;color:var(--gravur);line-height:1.5}
form .taste{width:100%}
.form-hinweis{margin-top:12px;font-size:12px;color:var(--gravur);text-align:center;
  letter-spacing:.05em;text-transform:uppercase}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.meldung{border:1px solid var(--text);padding:11px 13px;font-size:13.5px;color:var(--text);
  margin-bottom:14px}
.erfolg{padding:14px 4px}
.erfolg b{display:block;color:var(--text);font-size:17px;font-weight:650}
.erfolg p{margin-top:8px;font-size:15px;color:var(--text-2)}