/* Website-Aktuell-Check: /website-aktuell-pruefen/, 17.10.2026.
   Eigene Datei (geladen über "stil: website-aktuell-pruefen"), damit nichts
   in generator.css oder legal-butler.css geändert wird. Alle Klassen
   beginnen mit wa- (Seite) oder wab- (Bild im Hero). Ablauf, Schritte,
   Knöpfe und Felder kommen aus generator.css (dsw, ig-start, ig-btn, ig-tor). */

/* ---------- Hero ---------- */
.dt-land .ig-hero__wrap{position:relative}
.dt-land .ml-hero.ig-hero{overflow-x:clip;overflow-y:visible;z-index:2}
.dt-land .ig-gratis--ch{background:#fff;border-color:rgba(213,43,30,.3);color:#a3221a;margin-left:.35rem}
.dt-land .ig-gratis--ch .ml-kreuz{width:1.05rem;height:1.05rem}
.wab__zeile{display:flex;align-items:center;gap:.4rem}
.wab__zeile img{width:16px;height:16px;flex:none}
.dt-land .ig-ds__liste{list-style:none;margin:0;padding:1rem;display:grid;gap:.5rem;border:1px solid rgba(0,0,0,.09);border-radius:1rem;background:rgba(0,0,0,.018)}
.dt-land .ig-ds__liste li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 1rem;border-radius:.6rem;background:#fff;border:1px solid rgba(0,0,0,.07);font-weight:500}
.dt-land .ig-ds__liste li span{min-width:0}
.dt-land .ig-ds__liste em{flex:none;font-style:normal;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px;background:rgba(40,200,64,.12);color:#1a7f2c}
@media (max-width:700px){.dt-land .wa-fragen{grid-template-columns:minmax(0,1fr)}}

/* ---------- Ergebnis ---------- */
.wa-fenster{max-width:52rem}
.wa-log{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-width:34rem}
.wa-zahlen{max-width:34rem}
.dsw__zahlen .is-mittel b{color:#a35a00}
.dsw__zahlen .is-gut b{color:#1a7f2c}
.wa-fakten{list-style:none;margin:0;padding:.7rem .9rem;display:grid;gap:.35rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fbfcfe;font-size:.86rem}
.wa-fakten li{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:.8rem;align-items:baseline}
.wa-fakten span{color:var(--text-muted)}
.wa-fakten b{font-weight:600;color:var(--text-strong);min-width:0;overflow-wrap:anywhere}
.wa-fakten a{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px}
.wa-gruppe{display:grid;gap:.45rem}
.wa-gruppe h4{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.wa-gruppe h4 span{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;font-size:.72rem;letter-spacing:0;background:rgba(16,20,26,.06);color:var(--text-strong)}
.wa-gruppe.is-hoch h4{color:#b3261e}
.wa-gruppe.is-mittel h4{color:#a35a00}
.wa-gruppe.is-ok h4{color:#1a7f2c}
.wa-gruppe ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.wa-befund{display:grid;grid-template-columns:1.15rem minmax(0,1fr);gap:.7rem;align-items:start;padding:.75rem .9rem;border-radius:.7rem;background:#fff;border:1px solid var(--ig-rand)}
.wa-befund__i{width:1.15rem;height:1.15rem;margin-top:.15rem;border-radius:50%;display:grid;place-items:center;color:#fff}
.wa-befund__i svg{width:.75rem;height:.75rem}
.wa-befund.is-hoch{border-color:rgba(214,48,49,.28);background:#fffafa}
.wa-befund.is-hoch .wa-befund__i{background:#d63031}
.wa-befund.is-mittel .wa-befund__i{background:#febc2e}
.wa-befund.is-ok .wa-befund__i{background:#28c840}
.wa-befund.is-hinweis .wa-befund__i{background:rgba(16,20,26,.18)}
.wa-befund__t{min-width:0;display:grid;gap:.25rem}
.wa-befund__t p{margin:0;font-size:.92rem;line-height:1.5;color:var(--text-strong)}
.wa-vermutlich{display:inline-block;margin-left:.45rem;padding:.05rem .45rem;border-radius:999px;background:rgba(16,20,26,.06);font-size:.7rem;font-weight:600;color:var(--text-muted);vertical-align:.1em}
.wa-beweis{font-size:.78rem;line-height:1.45;color:var(--text-muted);min-width:0;overflow-wrap:anywhere}
.wa-beweis span{font-weight:600}
.wa-beweis code,.wa-belege code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:#3a4552;overflow-wrap:anywhere;word-break:break-word}
.wa-beweis a{color:var(--color-blue)}
.dt-land .ig-ds{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:center}
@media (max-width:900px){.dt-land .ig-ds{grid-template-columns:minmax(0,1fr);gap:1.5rem}}
.wa-beleg-knopf{justify-self:start;min-height:2.75rem;padding:0;border:0;background:none;font:inherit;font-size:.8rem;color:var(--color-blue);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wa-belege{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.wa-belege li{display:grid;gap:.05rem;padding:.4rem .6rem;border-radius:.5rem;background:rgba(16,20,26,.03);font-size:.8rem;min-width:0}
.wa-haftung{margin:.4rem 0 0;font-size:.78rem;color:var(--text-muted)}
.wa-fehler__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}

/* ---------- Beheben ---------- */
.wa-angebote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.wa-angebot{display:grid;gap:.7rem;align-content:start;padding:1.2rem;border-radius:.9rem;border:1px solid rgba(1,94,165,.15);background:linear-gradient(140deg,#f3f8fd,#e8f3fb)}
.wa-angebot--butler{background:#fff;border-color:rgba(16,20,26,.1);box-shadow:0 12px 30px -24px rgba(1,58,117,.5)}
.wa-angebot__kopf{display:flex;align-items:center;gap:.45rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--color-blue)}
.wa-angebot__kopf .ml-kreuz{width:1rem;height:1rem}
.wa-angebot h4{margin:0;font-family:var(--font-display);font-size:1.12rem;line-height:1.3;letter-spacing:-.01em;color:var(--text-strong)}
.wa-angebot__links{display:flex;flex-wrap:wrap;gap:.5rem}
.wa-angebot__liste{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.88rem;color:var(--text-strong)}
.wa-angebot__liste li{position:relative;padding-left:1.5rem;line-height:1.45}
.wa-angebot__liste li::before{content:"";position:absolute;left:0;top:.2rem;width:1rem;height:1rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.65rem no-repeat}
.wa-angebot .ig-btn{justify-self:start}
.wa-brutto{font-size:.74rem;color:var(--text-muted)}
/* Ergebnis per Mail (17.10.2026, nach Daniels Test): volle Breite, links was
   kommt, rechts das Formular. Vorher eine halbe Spalte mit leerem Rand rechts. */
.wa-mail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.1rem 1.8rem;align-items:start;padding:1.3rem 1.4rem;border-radius:.9rem;border:1px solid var(--ig-rand);background:#fbfcfe}
.wa-mail.is-fehler{border-color:rgba(214,48,49,.4)}
.wa-mail__kopf{display:grid;gap:.35rem;align-content:start}
.wa-mail__kopf b{font-family:var(--font-display);font-size:1.08rem;color:var(--text-strong)}
.wa-mail__inhalt{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.4rem;font-size:.86rem;line-height:1.45;color:var(--text-strong)}
.wa-mail__inhalt li{position:relative;padding-left:1.45rem}
.wa-mail__inhalt li::before{content:"";position:absolute;left:0;top:.18rem;width:.95rem;height:.95rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.6rem no-repeat}
.wa-mail__inhalt b{font-family:inherit;font-size:inherit}
.wa-mail__form{display:grid;gap:.75rem;min-width:0}
.wa-mail__breit{grid-column:1/-1}
.wa-mail .ig-btn{justify-self:start}
/* Fehler: nur die Meldung und das Kästchen rot, nicht der ganze Einwilligungstext (oa-zweit). */
.dt-land .wa-mail .ig-ich__ja.is-fehler span{color:var(--text-muted)}
.dt-land .wa-mail .ig-ich__ja.is-fehler input{outline:2px solid rgba(214,48,49,.6);outline-offset:1px}
.wa-feldfehler{display:block;margin-top:.15rem;font-size:.76rem;line-height:1.35;font-weight:500;color:#b3261e}
.wa-tipp{justify-self:start;margin-top:.2rem;min-height:2.75rem;display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(1,94,165,.3);border-radius:999px;background:#eef5fc;font:inherit;font-size:.78rem;color:var(--color-blue);cursor:pointer}
.wa-mail__senden{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem}
.wa-mail__senden .ig-btn{gap:.5rem}
.wa-mail__senden .ig-dreh{border-color:rgba(255,255,255,.3);border-top-color:#fff}
.wa-mail__warte{font-size:.8rem;line-height:1.4;max-width:24rem}
.wa-mail__meldung{display:grid;gap:.5rem;justify-items:start}
/* Gesendet: unübersehbar, gleiche Breite wie das Formular davor. */
.wa-mail-ok{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:1rem;align-items:start;margin:0;padding:1.3rem 1.4rem;border-radius:.9rem;background:#e9f8ec;border:1px solid rgba(40,200,64,.45);color:#14491d;outline:0}
.wa-mail-ok:focus-visible{box-shadow:inset 0 0 0 2px rgba(26,127,44,.6)}
.wa-mail-ok__i{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:#28c840;color:#fff}
.wa-mail-ok__i svg{width:1.4rem;height:1.4rem}
.wa-mail-ok__t{display:grid;gap:.45rem;justify-items:start;min-width:0}
.wa-mail-ok h4{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.25;color:#14491d}
.wa-mail-ok p{margin:0;font-size:.92rem;line-height:1.5;color:#1d4a25;overflow-wrap:anywhere}
@media (max-width:760px){
  .wa-angebote{grid-template-columns:minmax(0,1fr)}
  .wa-fakten li{grid-template-columns:minmax(0,1fr);gap:0}
  .wa-mail{grid-template-columns:minmax(0,1fr);padding:1.1rem 1rem}
  .wa-mail__felder{grid-template-columns:minmax(0,1fr)}
  .wa-mail-ok{grid-template-columns:2.2rem minmax(0,1fr);padding:1.1rem 1rem}
  .wa-mail-ok__i{width:2.2rem;height:2.2rem}
  .wa-angebot .ig-btn{white-space:normal;text-align:left}
}
.wa-butler-zeile{display:grid;grid-template-columns:1rem minmax(0,1fr) 1rem;gap:.7rem;align-items:center;margin-top:.4rem;padding:.8rem 1rem;border-radius:.8rem;border:1px solid rgba(1,94,165,.18);background:linear-gradient(140deg,#f3f8fd,#e8f3fb);font-size:.88rem;line-height:1.45;color:var(--text-strong);text-decoration:none}
.wa-butler-zeile .ml-kreuz{width:1rem;height:1rem}
.wa-butler-zeile svg{width:1rem;height:1rem;color:var(--color-blue)}
.wa-butler-zeile:hover{border-color:rgba(1,94,165,.4)}
/* Links als Knöpfe: die Linkfarbe der Seite gewinnt sonst über .ig-btn (gemessen 17.10.2026, Schrift fast unsichtbar auf Schwarz). */
.dt-land .wa a.ig-btn--dunkel,.dt-land .wa a.ig-btn--dunkel:hover{color:#fff;text-decoration:none}
.dt-land .wa a.ig-btn--hell,.dt-land .wa a.ig-btn--hell:hover{color:var(--text-strong);text-decoration:none}
.wa-mail__meldung{margin:0;padding:.6rem .8rem;border-radius:.6rem;background:#fff8ec;border:1px solid rgba(254,188,46,.55);font-size:.84rem;line-height:1.45;color:var(--text-strong)}

/* ---------- 100 Details, 17.10.2026 (nacht-1710/details-100/liste.md) ---------- */
/* 10: Ablauf Schritt fuer Schritt: was noch kommt, steht blass da. */
.dt-land .wa-log .ig-log__s.is-wartet{opacity:.45}
.dt-land .wa-log .ig-log__s.is-wartet .ig-log__i{border:1.5px solid var(--ig-rand,#d8dee5)}
.dt-land .wa-log .ig-log__s{transition:opacity .3s}
/* 54: Hinweis bei leerem Feld, statt eines grauen, gesperrten Knopfs. */
.dt-land .wa-leer{margin:.6rem 0 0;font-size:.9rem;color:#a3221a}
.dt-land .wa-leer b{font-weight:600}
/* 48: Auf dem Telefon stehen die zwei Abzeichen untereinander, dann ohne Versatz. */
@media (max-width:600px){.dt-land .ig-gratis--ch{margin-left:0}}
/* 11: Telefon und E-Mail im Kontakt: seit 17.10.2026 im dunklen Schlusskasten, Stil aus visuell.css. */
/* 38: Zahlen im Ergebnis in gleich breiten Ziffern. */
.dt-land .wa-zahlen b{font-variant-numeric:tabular-nums}