/* ==========================================================================
   lp26.css · Gemeinsame Bausteine der Landingpages 2026 (Google Ads und Webdesign)
   QUELLE ist die LP Google Ads. Nur dort ändern, danach mit LP B abgleichen.
   Baut auf design.css (Tokens „Raster & Klammer“) auf. style.css ist seit R1 (H13) raus; die genutzten Regeln
   (Chat-Handy, Nachweise, FAQ, Rechtstext, Satz unter der H2) stehen hier an ihrer Sektion.
   Präfixe: lp- Bausteine · hf Hero mit Formular · qf Formular-Engine · lp-sterne Bewertungssterne
   z-index: Fortschritt 1000 · Kopf 900 · Schnellkontakt 940 · Modal 1100 · Cookie 1200
   ========================================================================== */

:root{
  --lp-kopf-h:64px;
  --lp-akz-tx:#2456D6;          /* Akzent als Text auf hell: 6,2:1 auf Weiß, 5,7:1 auf --papier-2 (B2 R21) */
  --sh-3:var(--sh-2);           /* Lastenheft G25: Schatten höchstens 6 %. design.css hat --sh-3 mit 9 %, auf den LPs gilt --sh-2 (B2 R24) */
  --lp-wa:#25D366;              /* WhatsApp-Fläche mit dunkler Schrift */
  --lp-wa-tx:#06331C;           /* 8,9:1 auf --lp-wa */
  --lp-wa-dk:#1A9E4F;           /* runde Knöpfe mit weißem Zeichen, 3,3:1 */
  --lp-wa-rand:rgba(26,158,79,.35);
  --lp-gelb:#FBBC05;            /* Google-Sterne */
  --lp-tp:#00B67A;              /* Trustpilot-Sterne */
  --lp-rand:#D9DDE0;
  --lp-fehler:#B3261E;
  --lp-sterne:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 19'%3E%3Cg fill='%23000'%3E%3Cpath d='m10 0 2.5 6.1 6.6.5-5 4.3 1.5 6.4L10 13.9 4.4 17.3l1.5-6.4-5-4.3 6.6-.5z'/%3E%3Cpath transform='translate(22)' d='m10 0 2.5 6.1 6.6.5-5 4.3 1.5 6.4L10 13.9 4.4 17.3l1.5-6.4-5-4.3 6.6-.5z'/%3E%3Cpath transform='translate(44)' d='m10 0 2.5 6.1 6.6.5-5 4.3 1.5 6.4L10 13.9 4.4 17.3l1.5-6.4-5-4.3 6.6-.5z'/%3E%3Cpath transform='translate(66)' d='m10 0 2.5 6.1 6.6.5-5 4.3 1.5 6.4L10 13.9 4.4 17.3l1.5-6.4-5-4.3 6.6-.5z'/%3E%3Cpath transform='translate(88)' d='m10 0 2.5 6.1 6.6.5-5 4.3 1.5 6.4L10 13.9 4.4 17.3l1.5-6.4-5-4.3 6.6-.5z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width:900px){ :root{--lp-kopf-h:56px} }

/* --- Basis -------------------------------------------------------------- */
[hidden]{display:none!important}
html{scroll-padding-top:88px}
.lp26 [id]{scroll-margin-top:88px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Kicker (B2 R20, Lastenheft G6/G25): nur Text in Akzentfarbe, Fließtextschrift Archivo, keine Mono, keine Versalien,
   kein Strich, kein Kasten. Gilt zentral für alle .kicker und die Kicker-H1 im Hero; Sektionen stylen den Kicker nicht selbst. */
.lp26 .kicker,.hf__kicker{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-stretch:100%;font-size:.9375rem;font-weight:600;
  line-height:1.35;letter-spacing:-.005em;text-transform:none;text-wrap:balance}
.lp26 .kicker::before,.lp26 .kicker::after,.hf__kicker::before,.hf__kicker::after{content:none}
.lp26 .kicker{color:var(--lp-akz-tx)}
.lp26 .s-dark .kicker{color:var(--akz)}
.lp26 h2 em{font-style:normal;display:block;color:var(--akz-tief)}
.lp26 .s-dark h2 em{color:var(--akz)}
.lp-skip{position:absolute;left:12px;top:-60px;z-index:1300;padding:.7rem 1rem;border-radius:var(--r-btn);background:var(--ink);color:#fff;font-weight:600;transition:top .2s var(--fed-kurz)}
.lp-skip:focus{top:12px}
.lp-ico{display:inline-block;flex:none;width:18px;height:18px}
/* H13 (R1): bis R1 aus style.css. Satz unter der H2 nach B2 für jede .t-lead (vorher griff die Handy-Regel nur in
   .sec__kopf, ab 921 px galt 32rem): 15 px / 1,62 am Handy, sonst 16 px / 1,6, max-width 34rem aus design.css.
   H2 am Handy 8vw (31,2 px bei 390). Umschaltbreite 620 px aus dem Handbuch-Set (vorher 640 px). */
.lp26 .t-lead{font-size:1rem;line-height:1.6}
@media (max-width:620px){
  .t-d2{font-size:clamp(1.75rem,8vw,2.25rem)}
  .sec__kopf h2 + .t-lead{margin-top:.95rem}
  .lp26 .t-lead{font-size:.9375rem;line-height:1.62}
}
/* Verweise im Fließtext farbig und unterstrichen (Flo, 19.09.2026) */
.faq__a a,.rt__txt a,.t-lead a{color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;
  text-decoration-color:rgba(36,86,214,.42);transition:text-decoration-color .28s var(--fed-weich),color .28s var(--fed-weich)}
.faq__a a:hover,.rt__txt a:hover,.t-lead a:hover{text-decoration-color:var(--link)}
/* Kein Einzelwort am Absatzende ab 901 px, niedrige Spezifität wie vorher (body p). Bis 900 px erbt p/li wie ohne Regel;
   Sektionen mit eigener Regel (lp26-a.css, lp26-b.css) haben pretty auf allen Breiten. */
:where(.lp26) :is(p,li){text-wrap:pretty}
@media (max-width:900px){ :where(.lp26) :is(p,li){text-wrap:inherit} }
@keyframes feedRein{to{opacity:1;transform:none}}

/* Sterne: 5 Sterne als Maske, Füllung per --wert (0–5). Größe über --st (Höhe). */
.lp-sterne{--st:15px;--f:var(--lp-gelb);position:relative;display:inline-block;flex:none;width:calc(var(--st) * 5.684);height:var(--st);vertical-align:-.12em}
.lp-sterne::before,.lp-sterne::after{content:"";position:absolute;inset:0 auto 0 0;width:100%;
  -webkit-mask:var(--lp-sterne) left center/calc(var(--st) * 5.684) var(--st) no-repeat;mask:var(--lp-sterne) left center/calc(var(--st) * 5.684) var(--st) no-repeat}
.lp-sterne::before{background:rgba(127,135,140,.32)}
.lp-sterne::after{background:var(--f);width:calc(var(--wert,5) / 5 * 100%)}
.lp-sterne--tp{--f:var(--lp-tp)}
.s-dark .lp-sterne::before{background:rgba(255,255,255,.22)}

/* --- Kopf: Logo und Nummer, ohne Menü ------------------------------------ */
.lp-kopf{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--li)}
.lp-kopf__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--lp-kopf-h)}
.lp-kopf__logo{display:flex;align-items:center;min-height:44px}
.lp-kopf__logo img{width:63px;height:40px}
.lp-kopf__rechts{display:flex;align-items:center;gap:1rem}
.lp-kopf__zeiten{display:none;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;color:var(--tx-mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-kopf__tel{display:inline-flex;align-items:center;gap:clamp(0px,(100vw - 359.5px)*999,.5rem);min-height:44px;padding:0 clamp(.7rem,(100vw - 359.5px)*999,.95rem);border:1px solid var(--li);border-radius:var(--r-btn);
  font-size:clamp(.875rem,(100vw - 359.5px)*999,.9375rem);font-weight:600;letter-spacing:-.005em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--tx);
  transition:border-color .25s var(--fed-kurz),background .25s var(--fed-kurz)}
.lp-kopf__tel:hover{border-color:var(--graphit);background:var(--papier-2)}
.lp-kopf__tel .lp-ico{width:clamp(0px,(100vw - 359.5px)*999,16px);height:16px;color:var(--akz-tief)}
@media not all and (max-width:900px){
  .lp-kopf__logo img{width:69px;height:44px}
  .lp-kopf__zeiten{display:inline}
}

/* --- Hero mit Formular (Typ „wie bei Vali“) ------------------------------- */
.hf{position:relative;background:#fff}
.hf__buehne{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(70% 90% at 85% 20%,#1B222B 0%,rgba(27,34,43,0) 70%),var(--ink)}
.hf__buehne::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,var(--raster-li-inv) 1px,transparent 1px),linear-gradient(to bottom,var(--raster-li-inv) 1px,transparent 1px);
  background-size:var(--raster) var(--raster);
  -webkit-mask:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);mask:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}
.hf__in{display:grid;grid-template-columns:minmax(0,1fr);padding-top:clamp(1.75rem,5vw,3.25rem)}
.hf__text{position:relative;z-index:2}
.hf__kicker{margin:0 0 .85rem;font-size:1rem;color:var(--akz)} /* Schrift aus dem Kicker-Block oben (R20) */
.hf__titel{margin:0;color:#fff;font-size:var(--hf-gr,clamp(1.3rem,7.15vw,2.25rem));line-height:.98;white-space:nowrap}
.hf__titel span,.hf__titel em{display:block}
.hf__titel em{font-style:normal;color:var(--akz);margin-top:.15em} /* Luft unter Zeile 1, damit der Strich die Versalien von Zeile 2 nicht berührt */
.hf__strich{position:relative;display:inline-block;white-space:nowrap}
.hf__titel .hf__strich{display:inline-block} /* sonst greift „.hf__titel span{display:block}“: Wort rutscht in eigene Zeile, Strich über volle Breite (Messlauf S1) */
.hf__strich svg{position:absolute;left:-2%;bottom:-.13em;width:104%;height:.24em;overflow:visible;pointer-events:none}
.hf__strich path{fill:none;stroke:var(--akz);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;
  animation:hfStrich .9s var(--fed-weich) .55s forwards}
@keyframes hfStrich{to{stroke-dashoffset:0}}
.hf__lead{margin:1rem 0 0;max-width:34rem;font-size:1rem;line-height:1.55;color:var(--tx-inv-mut);text-wrap:pretty} /* B2 R31: kein Einzelwort in der letzten Zeile */
/* D-A04 (R1): Hero-Lead wie der Satz unter der H2, nicht größer als der Fließtext: 16 px, am Handy 15 px (vorher 18/17 px) */
@media (max-width:620px){ .hf__lead{font-size:.9375rem} }
.hf__punkte{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.5rem}
.hf__punkte li{display:flex;align-items:center;gap:.6rem;font-size:.96875rem;font-weight:600;line-height:1.3}
.hf__punkte .lp-ico{width:20px;height:20px;color:var(--akz)}
.hf__bew{display:flex;align-items:center;gap:.5rem 1.1rem;margin-top:1.3rem;font-size:.875rem;line-height:1.3;color:var(--tx-inv-mut);white-space:nowrap}
.hf__bew-p{display:inline-flex;align-items:center;gap:.45rem}
.hf__bew-p b{font-weight:700;color:#fff}
.hf__bew .lp-g{width:17px;height:17px;flex:none}
.hf__bew-tp{display:none;padding-left:1.1rem;border-left:1px solid var(--li-inv)}
.hf__aktion{margin-top:1.4rem}
.hf__tel{min-height:48px;gap:.55rem;font-variant-numeric:tabular-nums}
.hf__tel .lp-ico{width:17px;height:17px}
.hf__visual{position:relative;z-index:1;width:100%;margin:1.75rem 0 0;aspect-ratio:16/10}
@media not all and (max-width:760px){ .hf__bew-tp{display:inline-flex} }
/* Handy: Abstände im Hero enger, damit die erste Kachelreihe bei 390×844 im ersten Bildschirm steht
   (das Visual wird je LP kleiner, nicht das Formular tiefer) */
@media (max-width:620px){
  .hf__in{padding-top:1.25rem}
  .hf__punkte{margin-top:.9rem}
  .hf__bew{margin-top:.9rem}
  .hf__aktion{margin-top:1rem}
  .hf__visual{margin-top:1.1rem}
}
@media not all and (max-width:900px){
  .hf__in{grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:2.5rem;align-items:center;min-height:540px;padding-top:3.5rem}
  .hf__text{padding-bottom:9.5rem}
  .hf__titel{font-size:var(--hf-gd,clamp(2.4rem,3.35vw,3.1rem))}
  .hf__lead{margin-top:1.25rem}
  .hf__punkte{margin-top:1.3rem}
  .hf__visual{align-self:end;margin:0 0 6.5rem;aspect-ratio:auto;min-height:400px}
}

/* Bogen mit Akzentlinie, danach die weiße Formularfläche */
.hf__formular{position:relative;z-index:3;margin-top:-58px}
.hf__bogen{display:block;width:100%;height:44px}
.hf__bogen .hf__bogen-linie{fill:none;stroke:var(--akz);stroke-width:5;vector-effect:non-scaling-stroke}
.hf__weiss{position:relative;background:#fff;margin-top:-1px;padding:.4rem 0 2.25rem}
.hf__raster{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "form" "wa"}
.hf__kopf{grid-area:kopf;margin-bottom:1rem}
.hf__raster > form{grid-area:form;min-width:0}
.hf__wa{grid-area:wa}
.hf__ftitel{margin:0;font-stretch:76%;font-weight:800;text-transform:uppercase;letter-spacing:0;line-height:.98;
  font-size:clamp(1.5rem,6.6vw,2.125rem);color:var(--ink);padding-top:.06em}
.hf__ftitel .nw{white-space:nowrap} /* LP B: „zum Festpreis-Angebot“ bleibt zusammen, kein Einzelwort in Zeile 2 (B2 R27) */
.hf__unter{display:flex;align-items:center;gap:.45rem;margin:.55rem 0 0;font-size:.9375rem;font-weight:600;color:var(--tx-mut)}
.hf__unter .lp-ico{width:16px;height:16px;color:var(--akz-tief)}
.hf__wa{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;margin-top:1.1rem;padding:.75rem 1rem;
  border:1.5px solid var(--lp-wa-rand);border-radius:var(--r-btn);background:rgba(26,158,79,.06);
  font-size:.9375rem;font-weight:600;color:#137A3C;white-space:nowrap;transition:background .25s var(--fed-kurz),border-color .25s var(--fed-kurz)}
.hf__wa:hover{background:rgba(26,158,79,.12);border-color:var(--lp-wa-dk)}
.hf__wa .lp-ico{width:21px;height:21px;color:var(--lp-wa-dk)}
@media (max-width:620px){ .hf__kopf{margin-bottom:.75rem} }
@media (max-width:400px){ .hf__wa{white-space:normal;text-wrap:balance;text-align:center} } /* unter 350 px lieber zweizeilig als über den Rand */
@media not all and (max-width:900px){
  .hf__formular{margin-top:-112px}
  .hf__bogen{height:90px}
  .hf__weiss{padding:.6rem 0 3rem}
  .hf__raster{grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"kopf form" "wa form";column-gap:2.75rem;align-items:start}
  .hf__kopf{margin-bottom:0}
  .hf__ftitel{font-size:var(--ft-d,2.125rem)} /* je LP aus dem Messlauf: Titel zweizeilig, kein Einzelwort in Zeile 2 (rgn-typo-umbruch) */  .hf__wa{justify-content:flex-start;align-self:start;gap:.45rem;padding:.75rem .8rem;font-size:.875rem}
}

/* --- Formular-Engine (.qf) ------------------------------------------------ */
.qf{position:relative;--qf-akz:var(--akz-tief);--qf-bg:#fff}
.qf [hidden]{display:none!important}
.qf__fort{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem}
.qf__fort-text{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;font-weight:400;color:var(--tx-mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.qf__bar{position:relative;flex:1;height:6px;border-radius:var(--r-pill);background:var(--papier-3);overflow:hidden}
.qf__bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:var(--akz-tief);transition:width .5s var(--fed-weich)}
.qf__step{min-width:0;margin:0;padding:0;border:0}
.qf__step:focus,.qf[tabindex="-1"]:focus{outline:none}
.qf__step.ist-neu{animation:qfRein .38s var(--fed-weich) both}
@keyframes qfRein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qf__q{display:block;float:none;width:100%;margin:0;padding:0;font-size:1.125rem;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--tx)}
.qf__hinweis{margin:.3rem 0 0;font-size:.875rem;line-height:1.45;color:var(--tx-mut)}
.qf__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.85rem}
.qf__opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;min-height:124px;margin:0;padding:1rem .55rem .85rem;
  border:1.5px solid var(--lp-rand);border-radius:var(--r-btn);background:#fff;color:var(--tx);font:inherit;text-align:center;cursor:pointer; /* Kachel wie Knopf, 10 px (B2 R28) */
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:border-color .2s var(--fed-kurz),background-color .2s var(--fed-kurz),transform .3s var(--fed-weich),box-shadow .3s var(--fed-weich)}
.qf__opt:hover{border-color:var(--graphit);transform:translateY(-2px);box-shadow:var(--sh-2)}
.qf__opt:active{transform:translateY(0) scale(.985)}
.qf__opt:focus-visible{outline:2px solid var(--akz-tief);outline-offset:2px}
.qf__opt[aria-pressed="true"]{--qf-bg:#EEF3FF;border-color:var(--akz-tief);background:#EEF3FF}
.qf__opt[aria-pressed="true"]::after{content:"";position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;
  background:var(--akz-tief) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.qf__ico{display:block;flex:none;width:44px;height:44px;color:var(--ink);transition:transform .3s var(--fed-weich)}
.qf__opt:hover .qf__ico{transform:translateY(-2px)}
.qf__opt-t{display:block;font-size:.96875rem;font-weight:700;line-height:1.22;letter-spacing:-.01em}
.qf__opt small{display:block;margin-top:.1rem;font-size:.75rem;line-height:1.32;color:var(--tx-mut)}
.qf__opts--2 .qf__opt{min-height:132px}
.qf__textlink{display:inline-flex;align-items:center;min-height:44px;margin-top:.5rem;padding:0;border:0;background:none;color:var(--link);
  font:inherit;font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qf__textlink:hover{text-decoration-thickness:2px}
.qf__frei{display:grid;gap:.6rem;margin-top:1rem;max-width:34rem}
.qf__frei-zeile{display:flex;gap:.6rem}
.qf__frei-zeile input{flex:1;min-width:0}
.qf__feld{display:grid;gap:.35rem;margin-bottom:.9rem;min-width:0}
.qf__feld label,.qf__frei label{font-size:.875rem;font-weight:600;color:var(--tx)}
.qf input[type=text],.qf input[type=tel],.qf input[type=email],.qf input[type=url]{width:100%;min-height:52px;margin:0;padding:.75rem .95rem;
  border:1.5px solid var(--lp-rand);border-radius:var(--r-btn);background:#fff;font-size:1rem;line-height:1.3;color:var(--tx);
  -webkit-appearance:none;appearance:none;transition:border-color .2s var(--fed-kurz),box-shadow .2s var(--fed-kurz)}
.qf input::placeholder{color:#7D868A;opacity:1}
.qf input:hover{border-color:#B9C0C4}
.qf input:focus{outline:3px solid var(--akz-soft);outline-offset:0;border-color:var(--akz-tief)} /* Fokusring als outline statt Schatten (R24) */
.qf input[aria-invalid="true"]{border-color:var(--lp-fehler)}
.qf input[aria-invalid="true"]:focus{outline-color:rgba(179,38,30,.16)}
.qf__err{margin:0;font-size:.84375rem;font-weight:600;line-height:1.4;color:var(--lp-fehler)}
.qf__err:not(:empty){margin-top:.1rem}
.qf__paar{display:grid;grid-template-columns:minmax(0,1fr);column-gap:.8rem;align-items:start} /* U3 R3-D3-A-02: Fehlermeldung in einer Spalte dehnt das Nachbarfeld nicht mehr (kein Grid-Strecken) */
.qf__paar-hinweis{margin:.1rem 0 .65rem;font-size:.84375rem;line-height:1.45;color:var(--tx-mut)}
.qf__kontakt-err:not(:empty){margin:-.35rem 0 .8rem}
.qf__check{display:flex;align-items:flex-start;gap:.7rem;min-height:44px;margin:.35rem 0 0;font-size:.875rem;line-height:1.5;color:var(--tx);cursor:pointer}
.qf__check input{flex:none;width:22px;height:22px;margin:.05rem 0 0;accent-color:var(--ink);cursor:pointer}
.qf__check input:focus-visible{outline:2px solid var(--akz-tief);outline-offset:2px} /* Tastaturfokus der Checkbox sichtbar, ≥ 3:1 auf Weiß */
.qf__check a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.qf__check-err:not(:empty){margin:.1rem 0 0 2.05rem}
.qf__senden{width:100%;min-height:56px;margin-top:1.1rem;font-size:1.0625rem;font-weight:600}
.qf__senden[aria-busy="true"]{opacity:.72;cursor:progress}
.qf__senden .lp-ico{width:17px;height:17px}
.qf__trust{margin:.75rem 0 0;font-size:.84375rem;font-weight:700;line-height:1.45;text-align:center;color:var(--tx)}
.qf__nav{display:flex;align-items:center;min-height:44px;margin-top:.85rem}
.qf__zurueck{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;margin-left:-.25rem;padding:0 .4rem;border:0;border-radius:var(--r-btn);background:none;
  font:inherit;font-size:.9375rem;font-weight:600;color:var(--tx-mut);cursor:pointer}
.qf__zurueck:hover{color:var(--tx);background:var(--papier-2)}
.qf__zurueck .lp-ico{width:16px;height:16px;transform:rotate(180deg)}
.qf__fehler{margin-top:1rem;padding:1rem 1.1rem;border-radius:var(--r-btn);background:#FCEEEC;color:#6E1A14;font-size:.9375rem;line-height:1.55}
.qf__fehler:focus{outline:2px solid var(--lp-fehler);outline-offset:2px}
.qf__fehler p{margin:0}
.qf__fehler p + p{margin-top:.4rem}
.qf__fehler a{font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.qf__danke{display:flex;align-items:center;gap:.9rem;padding:1.4rem 0;font-size:1.125rem;font-weight:700;color:var(--tx)}
.qf__danke svg{flex:none;width:44px;height:44px}
.qf__danke circle{fill:var(--akz-soft)}
.qf__danke path{fill:none;stroke:var(--akz-tief);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hfStrich .5s var(--fed-weich) .1s forwards}
.qf__hp{display:none!important}
@media not all and (max-width:560px){
  .qf__opts--6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qf__opts--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .qf__opts--2{grid-template-columns:repeat(2,minmax(0,15rem))}
  .qf__paar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qf__step[data-step="kontakt"]{max-width:46rem}
}
@media not all and (max-width:1080px){ .qf__opts--6{grid-template-columns:repeat(6,minmax(0,1fr))} }

/* --- Siegelleiste über dem Formular --------------------------------------- */
.lp-siegel{position:relative;padding:1.5rem 0 1.65rem;background:var(--papier-2);border-top:1px solid var(--li-soft)}
.lp-siegel__unter{margin:0 0 1rem;text-align:center;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.4;color:var(--tx-mut);text-wrap:balance} /* B2 R31 */
.lp-siegel__reihe{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem 1rem}
.lp-siegel__reihe li{display:flex;align-items:center}
.lp-siegel__reihe a{display:flex;align-items:center;border-radius:var(--r-btn)}
.lp-siegel__logo{width:auto;height:46px}
.lp-siegel__logo--breit{height:44px}
.lp-siegel__badge{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:.45rem .75rem;border:1px solid var(--li);border-radius:var(--r-btn);background:#fff;
  font-size:.8125rem;line-height:1.2;color:var(--tx-mut);white-space:nowrap}
.lp-siegel__badge b{font-size:.9375rem;font-weight:700;color:var(--tx)}
.lp-siegel__badge .lp-g{width:18px;height:18px}
.lp-siegel__badge .lp-tp{width:74px;height:18px}
.lp-siegel__badge .lp-sterne{--st:13px}
a.lp-siegel__badge{transition:border-color .25s var(--fed-kurz)}
a.lp-siegel__badge:hover{border-color:var(--graphit)}
@media not all and (max-width:760px){ .lp-siegel__reihe{gap:1rem 1.6rem} .lp-siegel__logo{height:52px} }
/* ab 1081 px: kein nowrap (früher ab 1180): die Reihe passt ab 1180 px ohnehin in eine Zeile, darunter bricht sie wie bisher um,
   statt das erste Siegel auf zwei Textzeilen zu quetschen */
@media not all and (max-width:1080px){ .lp-siegel__reihe{gap:1rem 2.4rem} .lp-siegel__logo{height:56px} }
/* Seit 27.10.2026 nur Logos wie auf rgn-marketing.de (Florian). Höhe je Siegel, damit alle gleich schwer wirken;
   am Handy steht Trustindex allein in der ersten Reihe, die drei anderen darunter. */
.lp-siegel__logo--pe{height:64px;border-radius:6px}
.lp-siegel__logo--ihk{height:50px}
.lp-siegel__logo--ti{height:52px}
@media (max-width:760px){ .lp-siegel__ti{flex-basis:100%;justify-content:center} }
@media not all and (max-width:760px){ .lp-siegel__logo--pe{height:72px} .lp-siegel__logo--ihk{height:56px} .lp-siegel__logo--ti{height:58px} }
@media not all and (max-width:1080px){ .lp-siegel__logo--pe{height:78px} .lp-siegel__logo--ihk{height:62px} .lp-siegel__logo--ti{height:64px} }
/* Siegelleiste im Hero-Block: zwischen Bogen und Formular (Florian, 31.10.2026). Bogen trägt die Farbe der Leiste. */
.hf__bogen path:first-child{fill:var(--papier-2)}
.hf__formular .lp-siegel{margin-top:-1px;padding:.5rem 0 1.5rem;border-top:0;border-bottom:1px solid var(--li-soft)}
.hf__formular .hf__weiss{margin-top:0;padding-top:1.5rem}
@media (max-width:900px){ .hf__ftitel{text-align:center} } /* nur die Überschrift, Handy (Florian, 31.10.2026) */

/* --- Bewertungen: Bento mit dunklem Anker und hervorgehobener Rezension ---- */
.lp-bew__raster{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}
.lp-bew__anker{display:grid;align-content:start;gap:0;padding:clamp(1.4rem,2.6vw,1.9rem);border-radius:var(--r-card);background:var(--ink);color:#fff}
.lp-bew__platt{display:grid;gap:.4rem;padding:1.1rem 0}
.lp-bew__platt:first-child{padding-top:0}
.lp-bew__platt + .lp-bew__platt{border-top:1px solid var(--li-inv)}
.lp-bew__platt-kopf{display:flex;align-items:center;gap:.55rem;font-size:.9375rem;font-weight:600}
.lp-bew__platt-kopf .lp-g{width:20px;height:20px}
.lp-bew__platt-kopf .lp-tp{width:96px;height:24px}
.lp-bew__wert{display:flex;align-items:center;gap:.7rem;margin:.2rem 0 0}
.lp-bew__wert b{font-stretch:76%;font-weight:800;font-size:clamp(2.75rem,5vw,3.5rem);line-height:.9;letter-spacing:0}
.lp-bew__wert .lp-sterne{--st:17px}
.lp-bew__anz{margin:0;font-size:.9375rem;color:var(--tx-inv-mut)}
.lp-bew__stand{margin:0;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8125rem;color:var(--tx-inv-mut)} /* B2 R20-Nachtrag: ohne Mono */
.lp-bew__link{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;min-height:44px;font-size:.9375rem;font-weight:600;color:#fff;
  text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px;transition:text-decoration-color .25s var(--fed-kurz)}
.lp-bew__link:hover{text-decoration-color:#fff}
.lp-bew__link .lp-ico{width:14px;height:14px;transition:transform .3s var(--fed-kurz)}
.lp-bew__link:hover .lp-ico{transform:translateX(3px)}
.lp-bew__karte{display:flex;flex-direction:column;gap:1rem;margin:0;padding:clamp(1.25rem,2.2vw,1.6rem);border:1px solid var(--li);border-radius:var(--r-card);background:#fff}
.lp-bew__karte:nth-child(3n+1){background:var(--papier-2);border-color:transparent}
.lp-bew__k-kopf{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.lp-bew__quelle{display:inline-flex;align-items:center;gap:.4rem;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8125rem;color:var(--tx-mut)} /* B2 R20-Nachtrag */
.lp-bew__quelle .lp-g{width:14px;height:14px}
.lp-bew__quelle .lp-tps{width:14px;height:14px}
.lp-bew__text{flex:1;margin:0;font-size:.96875rem;line-height:1.6;color:var(--tx);text-wrap:pretty} /* kein Einzelwort in der letzten Zeile */
.lp-bew__text p{margin:0}
.lp-bew__k-fuss{display:flex;align-items:center;gap:.7rem;padding-top:1rem;border-top:1px solid var(--li);text-wrap:balance} /* B2 R31 */
.lp-bew__av{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8125rem;font-weight:600}
.lp-bew__wer{display:grid;line-height:1.3;min-width:0}
.lp-bew__wer b{font-size:.9375rem;font-weight:600;color:var(--tx);overflow-wrap:anywhere}
.lp-bew__dat{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8125rem;color:var(--tx-mut)} /* B2 R20-Nachtrag */
.lp-bew__karte.lp-bew__karte--gross{background:#fff;border-color:var(--li)}
.lp-bew__karte--gross .lp-bew__text{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.5;letter-spacing:-.012em}
.lp-bew__hinweis{margin:1.5rem 0 0;max-width:52rem;font-size:.8125rem;line-height:1.55;color:var(--tx-mut)}
/* Raster passt sich der Kartenzahl an: 760–1079 je zwei nebeneinander, eine allein stehende Karte nimmt die volle Breite.
   Ohne Trustpilot-Plan stehen Anker und große Karte nebeneinander, die Plattformen untereinander. */
@media (max-width:1080px){ @media not all and (max-width:760px){
  .lp-bew__raster{display:flex;flex-wrap:wrap}
  .lp-bew__anker,.lp-bew__karte{flex:1 1 calc(50% - .75rem);min-width:0}
  body:not([data-trustpilot="aus"]) .lp-bew__anker,body:not([data-trustpilot="aus"]) .lp-bew__karte--gross{flex-basis:100%}
  body:not([data-trustpilot="aus"]) .lp-bew__anker{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
  body:not([data-trustpilot="aus"]) .lp-bew__platt{padding:0}
  body:not([data-trustpilot="aus"]) .lp-bew__platt + .lp-bew__platt{border-top:0;border-left:1px solid var(--li-inv);padding-left:2rem}
  body:not([data-trustpilot="aus"]) .lp-bew__stand{grid-column:1/-1;margin-top:1.1rem}
} }
@media not all and (max-width:1080px){
  .lp-bew__raster{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}
  .lp-bew__anker{grid-column:1/span 4;grid-row:1/span 2;grid-template-columns:minmax(0,1fr)}
  [data-trustpilot="aus"] .lp-bew__anker{grid-row:auto}
  .lp-bew__platt{padding:1.25rem 0}
  .lp-bew__platt:first-child{padding-top:0}
  .lp-bew__stand{margin-top:auto;padding-top:1rem}
  .lp-bew__karte{grid-column:span 4}
  .lp-bew__karte--gross{grid-column:5/span 8}
  .lp-bew__karte--breit{grid-column:span 8}
}

/* --- Chat-Handy (#anfrage beider LPs) -------------------------------------
   H13 (R1): bis R1 aus style.css (Z. 2183–2301). Werte nach B2: Schatten nur --sh-1/--sh-2, Radien aus den Tokens
   (Statuszeile Pille, Preiskarte 20), Tokens statt der alten .wa-Aliasse, Umschaltbreiten aus dem Handbuch-Set
   (vorher 940/520/360). Dunkles Handy, Abstand oben und Farben je LP in lp26-a.css bzw. lp26-b.css. */
.wa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.wa__stage{position:relative;display:flex;justify-content:center;padding-block:1rem}
.phone{position:relative;width:min(100%,344px);border-radius:38px;background:#fff;border:1px solid var(--li);padding:9px;box-shadow:var(--sh-2)}
.phone__in{border-radius:30px;overflow:hidden;background:#F3F1EC;display:flex;flex-direction:column}
.phone__notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:74px;height:5px;border-radius:5px;background:var(--li);z-index:3}
.chat__head{display:flex;align-items:center;gap:.6rem;padding:1.5rem .9rem .7rem;background:#fff;border-bottom:1px solid var(--li-soft)}
.chat__av{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--li);display:grid;place-items:center;flex:none;overflow:hidden}
.chat__av img{width:100%;height:100%;object-fit:cover}
.chat__head b{display:block;font-size:.8125rem;font-weight:600;color:var(--ink);line-height:1.25;letter-spacing:-.012em}
.chat__head span{display:block;font-size:.6875rem;color:#22A45D}
.chat__head svg{width:15px;height:15px;margin-left:auto;color:var(--tx-mut)}
.chat__body{background:#F3F1EC;height:clamp(290px,29vw,384px);overflow:hidden}
.chat__flow{padding:.85rem .8rem 1rem;display:grid;gap:.5rem;align-content:start;transition:transform .55s var(--fed);will-change:transform}
.msg{max-width:84%;padding:.55rem .7rem;border-radius:12px;font-size:.75rem;line-height:1.45;position:relative;opacity:0;transform:translateY(8px)}
.wa__stage.is-schritt .msg{display:none}
.wa__stage.is-schritt .msg.is-da{display:block;animation:blaseAuf .5s var(--fed) forwards}
.wa__stage.is-in .chat__status,.wa__stage.is-in .wa__preis{animation:blaseAuf .5s var(--fed) forwards}
.wa__stage.is-in .chat__status{animation-delay:.1s}
.wa__stage.is-in .wa__preis{animation-delay:.45s}
@keyframes blaseAuf{to{opacity:1;transform:none}}
.msg time{display:block;margin-top:.2rem;font-size:.5625rem;color:var(--tx-mut);text-align:right}
.msg--in{justify-self:start;background:#fff;color:var(--ink-2);border-top-left-radius:3px;box-shadow:0 1px 1px rgba(17,24,32,.05)}
.msg--out{justify-self:end;background:#DCF8C6;color:#12291B;border-top-right-radius:3px;box-shadow:0 1px 1px rgba(17,24,32,.05)}
.msg--out time{color:#4F7A5C}
.msg--out time::after{content:" ✓✓";color:#34B7F1;letter-spacing:-.06em}
.chat__status{display:flex;align-items:center;gap:.65rem;margin:.2rem .8rem .1rem;padding:.7rem .8rem;border-radius:var(--r-pill);
  background:#fff;border:1px solid var(--li);box-shadow:var(--sh-1);opacity:0;transform:translateY(8px)}
.chat__haken{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#22A45D;color:#fff}
.chat__haken svg{width:14px;height:14px}
.chat__status b{display:block;font-size:.75rem;font-weight:600;color:var(--ink);letter-spacing:-.012em;line-height:1.3}
.chat__status > span > span{display:block;margin-top:1px;font-size:.6875rem;color:var(--tx-mut)}
.chat__foot{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem .85rem;background:#F3F1EC}
.chat__bar{flex:1;height:30px;border-radius:15px;background:#fff;box-shadow:0 1px 1px rgba(17,24,32,.05)}
.chat__send{width:30px;height:30px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none;color:#fff}
.chat__send svg{width:14px;height:14px}
.wa__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.9rem}
/* Preiskarte hängt an der unteren Ecke, damit keine Nachricht verdeckt wird */
.wa__preis{opacity:0;transform:translateY(8px);position:absolute;right:clamp(-46px,-3vw,-16px);bottom:-18px;z-index:5;
  background:#fff;border:1px solid var(--li);border-radius:var(--r-card);padding:1rem 1.2rem;box-shadow:var(--sh-2)}
.wa__preis b{display:block;font-size:1.875rem;font-weight:600;letter-spacing:-.035em;color:var(--ink);line-height:1}
.wa__preis span{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.8125rem;font-weight:500;color:var(--tx-mut);white-space:nowrap}
.wa__preis span svg{width:14px;height:14px;color:#1E7A3C;flex:none}
.wa__copy .t-lead{margin-top:clamp(.85rem,.6rem + .6vw,1.15rem)}
.wa__copy .check-list{margin-top:clamp(1.2rem,1rem + .8vw,1.6rem)}
@media (max-width:980px){ .wa{grid-template-columns:minmax(0,1fr);gap:2.75rem} }
@media (max-width:560px){
  .wa__preis{right:-6px;bottom:-14px;padding:.8rem 1rem}
  .wa__preis b{font-size:1.5rem}
  .wa__preis span{font-size:.75rem}
}
@media (max-width:400px){ .wa__preis span{white-space:normal} }

/* --- Nachweise (#nachweise beider LPs) --------------------------------------
   H13 (R1): bis R1 aus style.css (Z. 1163–1284). B2: Karten 20 px Radius, Abstand 20 px (Handy 24 px), Quelle ohne
   Mono, Kartentext 16 px wie der Fließtext (D-A72, vorher 14 px). Umschaltbreiten 1080/700 (vorher 1040/680).
   D-A92: Handyabstand 24 px ab 900 px wie die Karten in #zahlen und die FAQ. */
.nw{display:grid;gap:20px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr) minmax(0,1fr)}
.nw__k{display:flex;flex-direction:column;gap:clamp(1.1rem,1.8vw,1.5rem);background:var(--papier);border:1px solid var(--li);border-radius:var(--r-card);
  padding:clamp(1.25rem,2vw,1.7rem);box-shadow:var(--sh-1);
  transition:box-shadow .4s var(--fed-weich),transform .4s var(--fed-weich),border-color .4s var(--fed-weich)}
.nw__k:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:rgba(42,48,51,.22)}
.nw__k--quer{grid-column:span 2;flex-direction:row;align-items:center;gap:clamp(1.25rem,2.6vw,2.2rem)}
.nw__k--quer .nw__txt{flex:1 1 auto;min-width:0}
.nw__txt{display:flex;flex-direction:column}
.nw__quelle{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;letter-spacing:0;color:var(--tx-mut)}
.nw__titel{font-size:clamp(1.0625rem,.95rem + .35vw,1.1875rem);line-height:1.28;font-weight:700;letter-spacing:-.025em;margin:0 0 .6rem}
.nw__txt p{font-size:1rem;line-height:1.6;color:var(--tx-mut);margin:0}
.nw__wert{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;background:var(--papier-2);border-radius:var(--r-btn);padding:clamp(1.3rem,2.2vw,1.8rem)}
.nw__zahl{font-weight:800;font-stretch:82%;letter-spacing:-.03em;line-height:.92;font-size:clamp(2.4rem,2rem + 1.6vw,3.1rem);font-variant-numeric:tabular-nums}
.nw__link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;color:var(--tx);text-decoration:none;
  border-bottom:1px solid var(--li);padding-bottom:2px;align-self:flex-start;transition:border-color .3s var(--fed-weich),gap .3s var(--fed-weich)}
.nw__link svg{width:14px;height:14px}
.nw__link:hover{border-color:var(--graphit);gap:.65rem}
@media (max-width:1080px){ .nw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
@media (max-width:900px){ .nw{gap:24px} }
@media (max-width:700px){
  .nw{grid-template-columns:minmax(0,1fr)}
  .nw__k--quer{grid-column:span 1;flex-direction:column;align-items:stretch}
}

/* --- Video-Slot (G18): leer = gestaltete Fläche, mit Pfad = Video auf Klick -- */
.lp-video{max-width:960px;margin-inline:auto}
.lp-video__buehne{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg);background:var(--ink);color:#fff;isolation:isolate}
.lp-video__buehne::before{content:"";position:absolute;inset:0;z-index:-1;
  background-image:linear-gradient(var(--raster-li-inv) 1px,transparent 1px),linear-gradient(90deg,var(--raster-li-inv) 1px,transparent 1px);
  background-size:var(--raster) var(--raster);background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 30%,transparent 100%)}
.lp-video__buehne::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 70% at 50% 40%,#1B222B 0%,var(--ink) 70%)}
.lp-video__marke{position:absolute;left:clamp(14px,2.4vw,24px);top:clamp(12px,2.2vw,22px);width:auto;height:clamp(26px,3.6vw,36px);opacity:.92}
.lp-video__ecke{position:absolute;right:clamp(14px,2.4vw,24px);top:clamp(14px,2.4vw,24px);font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--tx-inv-mut)}
.lp-video__mitte{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;padding:1rem;text-align:center}
.lp-video__play{display:grid;place-items:center;width:clamp(64px,9vw,84px);height:clamp(64px,9vw,84px);border:0;border-radius:50%;background:#fff;color:var(--ink);
  cursor:pointer;box-shadow:var(--sh-2);transition:transform .35s var(--fed),background-color .25s var(--fed-kurz)}
.lp-video__play svg{width:34%;height:34%;margin-left:7%}
.lp-video__play:hover{transform:scale(1.06)}
.lp-video__play:focus-visible{outline:3px solid var(--akz);outline-offset:4px}
/* G18 (U3): Ohne Videodatei bleibt das Play-Symbol sichtbar, aber inaktiv: kein Klickziel, kein Fokus (tabindex -1 per JS),
   leicht zurückgenommen. Mit data-video-src entfernt lp26.js aria-disabled, dann gilt der normale Knopf oben. */
.lp-video__play[aria-disabled="true"]{pointer-events:none;cursor:default;opacity:.5;box-shadow:none;transform:none}
.lp-video__folgt{margin:0;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.875rem;font-weight:500;color:var(--tx-inv-mut)} /* B2 R20-Nachtrag */
.lp-video__poster,.lp-video__buehne video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.lp-video__buehne.hat-poster .lp-video__mitte{background:linear-gradient(0deg,rgba(14,17,19,.35),rgba(14,17,19,.1))}
.lp-video__buehne.laeuft .lp-video__mitte,.lp-video__buehne.laeuft .lp-video__marke,.lp-video__buehne.laeuft .lp-video__ecke{display:none}
.lp-video__unter{display:grid;gap:.35rem;margin-top:1.1rem;text-align:center}
.lp-video__titel{margin:0;font-size:1.0625rem;font-weight:700;color:var(--tx)}
.lp-video__satz{margin:0;font-size:.9375rem;line-height:1.55;color:var(--tx-mut)}
.s-dark .lp-video__titel{color:#fff}
.s-dark .lp-video__satz{color:var(--tx-inv-mut)}

/* --- FAQ (#faq beider LPs) ---------------------------------------------------
   H13 (R1): bis R1 aus style.css (Z. 1287–1303, 3320 f.). B2: Panel 20 px Radius, Abstand 20 px (Handy 24 px, vorher
   9,6 px, D-B48), Antwort 16 px wie der Fließtext auf allen Breiten (vorher 15/14 px, D-A49), Zeile höchstens 42rem
   ≈ 70 Zeichen (vorher 41–44rem, D-B53). Fragezeile 15 px, am Handy bis 17 px wie bisher. */
.faq{max-width:52rem;margin-inline:auto;display:grid;gap:20px}
.faq__p{background:var(--papier);border:1px solid var(--li);border-radius:var(--r-card);box-shadow:var(--sh-1);overflow:hidden;transition:border-color .3s var(--fed-weich)}
.faq__p[open]{border-color:rgba(42,48,51,.22);box-shadow:var(--sh-2)}
.faq__p summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:clamp(1rem,1.8vw,1.3rem) clamp(1.1rem,2vw,1.5rem);
  cursor:pointer;list-style:none;font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--tx)}
.lp26 .faq__p summary{text-wrap:balance} /* B2 R31: FAQ-Fragen wie Überschriften ausgleichen, kein Einzelwort am Ende (pretty greift bei zwei Zeilen nicht) */
.faq__p summary::-webkit-details-marker{display:none}
.faq__p summary i{position:relative;flex:0 0 auto;width:20px;height:20px}
.faq__p summary i::before,.faq__p summary i::after{content:"";position:absolute;top:50%;left:50%;width:13px;height:1.6px;border-radius:2px;background:var(--graphit);
  transform:translate(-50%,-50%);transition:transform .3s var(--fed-weich)}
.faq__p summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__p[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq__a{padding:0 clamp(1.1rem,2vw,1.5rem) clamp(1.1rem,2vw,1.4rem)}
.faq__a p{font-size:1rem;line-height:1.65;color:var(--tx-mut);margin:0;max-width:42rem}
@media (max-width:900px){
  .faq{gap:24px}
  .faq__p summary{font-size:clamp(.9375rem,.88rem + .2vw,1.0625rem)}
}

/* --- Final-CTA als Bild (G17) ------------------------------------------- */
.lp-cta-sek{padding-block:var(--sec-y)} /* D-A50: Gerüst-Abstand wie jede Sektion (B2) */
.lp-cta{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(560px,150vw,700px);overflow:hidden;
  border-radius:var(--r-lg);background:var(--ink);color:#fff;isolation:isolate}
.lp-cta__bild{position:absolute;inset:0;z-index:-2}
.lp-cta__bild img{width:100%;height:100%;object-fit:cover;object-position:var(--fp-m,50% 30%)}
.lp-cta::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(14,17,19,.97) 0%,rgba(14,17,19,.92) 38%,rgba(14,17,19,.55) 62%,rgba(14,17,19,.08) 85%,rgba(14,17,19,0) 100%)}
.lp-cta__in{position:relative;padding:clamp(1.5rem,6vw,2.25rem) clamp(1.25rem,5vw,2rem) clamp(1.5rem,6vw,2.25rem)}
.lp-cta .kicker{color:var(--akz)}
.lp-cta__titel{margin:.6rem 0 0;color:#fff}
.lp-cta__titel em{color:var(--akz)}
.lp-cta__satz{margin:.9rem 0 0;max-width:34rem;font-size:1.0625rem;line-height:1.55;color:#E3E7EA;text-wrap:pretty}
.lp-cta__knoepfe{display:grid;gap:.65rem;margin-top:1.4rem}
.lp-cta__zeile{margin:1rem 0 0;font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.8125rem;line-height:1.5;color:var(--tx-inv-mut);text-wrap:balance} /* B2 R31, R20-Nachtrag ohne Mono */
.lp-cta .kl{position:absolute;inset:clamp(12px,2vw,20px);pointer-events:none}
.lp-cta .kl::before,.lp-cta .kl::after{border-color:#fff;opacity:.5}
.lp-knopf-tel,.lp-knopf-wa{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.8rem 1.35rem;border-radius:var(--r-btn);
  font-size:1rem;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;
  transition:transform .3s var(--fed-kurz),background-color .25s var(--fed-kurz),box-shadow .3s var(--fed-kurz)}
.lp-knopf-tel{background:#fff;color:var(--ink)}
.lp-knopf-tel b{font-variant-numeric:tabular-nums;font-weight:700}
.lp-knopf-wa{background:var(--lp-wa);color:var(--lp-wa-tx)}
/* Hover über Farbe und 2 px Anheben, ohne Schatten (R24) */
.lp-knopf-tel:hover,.lp-knopf-wa:hover{transform:translateY(-2px)}
.lp-knopf-tel:hover{background:#E6ECF5}
.lp-knopf-wa:hover{background:#4ADE80}
.lp-knopf-tel:focus-visible,.lp-knopf-wa:focus-visible{outline:3px solid var(--akz);outline-offset:3px}
.lp-knopf-tel .lp-ico,.lp-knopf-wa .lp-ico{width:19px;height:19px}
@media not all and (max-width:560px){ .lp-cta__knoepfe{grid-auto-flow:column;justify-content:start} }
@media not all and (max-width:900px){
  .lp-cta{justify-content:center;min-height:clamp(520px,44vw,620px)}
  .lp-cta__bild img{object-position:var(--fp-d,72% 40%)}
  .lp-cta::before{background:linear-gradient(90deg,rgba(14,17,19,.86) 0%,rgba(14,17,19,.74) 36%,rgba(14,17,19,.34) 56%,rgba(14,17,19,0) 74%)}
  .lp-cta__in{max-width:640px;padding:clamp(2.5rem,4.5vw,4rem)}
}

/* --- Fuß ------------------------------------------------------------------- */
.lp-fuss{padding:clamp(48px,6vw,72px) 0 28px;background:var(--ink);color:var(--tx-inv-mut);font-size:.9375rem;line-height:1.6}
.lp-fuss__in{display:grid;gap:1.75rem}
.lp-fuss__logo img{width:94px;height:60px}
.lp-fuss__adr{margin:0;font-style:normal}
.lp-fuss__adr b{display:block;color:#fff;font-weight:600}
.lp-fuss__adr a{color:#fff;text-decoration:none;font-variant-numeric:tabular-nums}
/* Fix vor R1 (F7): Tippfläche 44 px statt 104×16, Polster oben/unten mit Gegenrand, die Zeile bleibt gleich hoch */
.lp-fuss__adr a{display:inline-block;padding-block:10px;margin-block:-10px}
.lp-fuss__adr a:hover{text-decoration:underline}
.lp-fuss__b2b{margin:0;max-width:30rem}
.lp-fuss__links{display:flex;flex-wrap:wrap;gap:0 1.25rem;margin:0;padding:0;list-style:none}
.lp-fuss__links a,.lp-fuss__links button{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;
  font:inherit;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px;cursor:pointer}
.lp-fuss__links a:hover,.lp-fuss__links button:hover{text-decoration-color:#fff}
.lp-fuss__copy{margin:0;padding-top:1.25rem;border-top:1px solid var(--li-inv);font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:.75rem;font-variant-numeric:tabular-nums}
@media not all and (max-width:900px){
  .lp-fuss__in{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:3rem}
  .lp-fuss__links{grid-column:1/-1}
  .lp-fuss__copy{grid-column:1/-1}
}

/* --- Schnellkontakt: mobil Leiste unten, Desktop zwei runde Knöpfe -------- */
.lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:940;display:grid;grid-template-columns:minmax(min-content,1fr) minmax(min-content,1fr);gap:8px;
  padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  background:rgba(255,255,255,.97);border-top:1px solid var(--li);box-shadow:0 -6px 20px rgba(14,17,19,.06);
  transition:transform .35s var(--fed-weich),visibility 0s linear 0s}
.lp-sticky a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:.35rem .6rem;border-radius:var(--r-btn);
  font-weight:600;font-size:clamp(.875rem,(100vw - 359.5px)*999,.9375rem);line-height:1.15;text-decoration:none;white-space:nowrap}
.lp-sticky .lp-ico{flex:none;width:19px;height:19px}
.lp-sticky__tel{background:var(--ink);color:#fff}
.lp-sticky__tel span{display:grid;text-align:left}
.lp-sticky__tel b{font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums}
.lp-sticky__wa{background:var(--lp-wa);color:var(--lp-wa-tx)}
.lp-sticky.ist-weg{transform:translateY(110%);visibility:hidden;transition:transform .35s var(--fed-weich),visibility 0s linear .35s}
body.lp26{--lp-sticky-h:66px}
@media not all and (max-width:900px){ .lp-sticky{display:none} body.lp26{--lp-sticky-h:0px} }
.lp-fab{display:none}
@media not all and (max-width:900px){
  /* pointer-events: die durchsichtige Fläche (Lücke, Ecken) fängt keine Klicks, nur die Knöpfe (B2 R22) */
  .lp-fab{position:fixed;right:24px;bottom:24px;z-index:940;display:grid;gap:12px;pointer-events:none;transition:transform .4s var(--fed-weich),opacity .3s var(--fed-kurz),visibility 0s linear 0s}
  .lp-fab a{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;box-shadow:var(--sh-2);pointer-events:auto;
    transition:transform .3s var(--fed),box-shadow .3s var(--fed-kurz)}
  .lp-fab a:hover{transform:scale(1.07)}
  .lp-fab a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
  .lp-fab .lp-ico{width:24px;height:24px}
  .lp-fab__wa{background:var(--lp-wa-dk)}
  .lp-fab__tel{background:var(--akz-tief)}
  .lp-fab.ist-weg{opacity:0;transform:translateY(16px);visibility:hidden;transition:transform .4s var(--fed-weich),opacity .3s var(--fed-kurz),visibility 0s linear .4s}
}
body.lp26{padding-bottom:var(--lp-sticky-h,0px)}

/* --- Rechtsseiten im LP-Format ------------------------------------------- */
.lp-recht{padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,96px)}
.lp-recht__in{max-width:52rem}
/* Rechtsseiten, Danke und 404 haben keine Sticky-Leiste, also auch keinen Platz dafür unten */
body.lp26.rechtsseite,body.lp26.lp26-404,body.lp26.lp26-danke{--lp-sticky-h:0px}
/* Danke und 404 sind kürzer als hohe Bildschirme: der Fuß sitzt trotzdem unten, kein heller Streifen darunter */
body.lp26.lp26-404,body.lp26.lp26-danke{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
:is(.lp26-404,.lp26-danke) > main{flex:1 0 auto}
.lp-recht__zurueck{margin:0 0 1.2rem}
/* H13 (R1): Rechtstext bis R1 aus style.css (Z. 2959–2976). Fließtext 16 px nach B2 (vorher 15 px, ab 921 px 14 px). */
.rt__kopf{margin-bottom:clamp(2rem,1.4rem + 2.4vw,3rem)}
/* Rechtsseiten-H1 (nur .rechtsseite, die 404 bleibt bei .t-d2): am Handy aus der Zeilenbreite gerechnet (Breite des Worts „Datenschutzerklärung“ = 11,47 × Schriftgröße, +2 %),
   damit es ab 320 px in eine Zeile passt. ­ im HTML und break-word bleiben als Netz. Sticky-Leiste: Spalten mit Absicht
   mindestens so breit wie ihr Inhalt (Anruf-Knopf einzeilig). */
.rt__kopf h1{margin-top:.6rem;overflow-wrap:break-word;--rt-h1-m:clamp(1.375rem,calc((100vw - 2 * var(--gut)) / 11.7),2.25rem)}
@media (max-width:620px){ .rechtsseite .rt__kopf h1{font-size:var(--rt-h1-m)} }
.rt__txt{font-size:1rem;line-height:1.75;color:var(--tx)}
.rt__txt h2{margin:clamp(2.2rem,1.6rem + 2.2vw,3rem) 0 .8rem;font-stretch:76%;font-weight:800;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);letter-spacing:-.02em;line-height:1.25}
.rt__txt h3{margin:1.8rem 0 .5rem;font-size:1rem;font-weight:700;letter-spacing:-.015em}
.rt__txt p{margin:0 0 1rem;max-width:68ch}
.rt__txt ul{margin:0 0 1.2rem;padding-left:1.15rem;max-width:68ch}
.rt__txt li{margin-bottom:.35rem}
.rt__txt strong{font-weight:700}
.rt__kasten{margin:0 0 2.2rem;padding:clamp(1.1rem,.9rem + .9vw,1.6rem);border-radius:var(--r-card);background:var(--papier-2);border:1px solid var(--li)}
.rt__kasten b{display:block;margin-bottom:.5rem;font-size:1rem;letter-spacing:-.015em}
.rt__kasten p{margin:0;color:var(--tx-mut)}
.lp-recht .rt__txt a{overflow-wrap:anywhere}
.lp-recht__knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.75rem}
.lp-recht__knoepfe .btn{min-height:48px}
.lp-recht__knoepfe .lp-ico{width:16px;height:16px}

/* --- Weniger Bewegung ------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  .hf__strich path{animation:none;stroke-dashoffset:0}
  .qf__step.ist-neu{animation:none}
  .qf__danke path{animation:none;stroke-dashoffset:0}
  .qf__opt,.qf__opt:hover,.qf__opt:hover .qf__ico,.lp-knopf-tel:hover,.lp-knopf-wa:hover,.lp-fab a:hover,.lp-video__play:hover{transform:none}
  .qf__bar i{transition:none}
  .lp-sticky,.lp-fab{transition:none}
}

/* --- Ergänzungen ---------------------------------------------------------- */
.qf__paar--erst{margin-top:.95rem}
.lp-siegel__text{font-weight:600;color:var(--link);text-decoration:none;text-align:center}
.lp-bew__platt-kopf{margin:0}
/* Zweizeilige H2: erste Zeile und Farbteil je eine Zeile, Größe je Überschrift über --h2z */
.lp-cta__titel span,.lp-cta__titel em{display:block;white-space:nowrap}
.lp-cta__titel{font-size:var(--h2z-m,clamp(1.05rem,5.9vw,2rem))}
@media not all and (max-width:900px){ .lp-cta__titel{font-size:var(--h2z-d,clamp(1.9rem,2.9vw,2.75rem))} }
/* B2 R29: Die mobilen H2-Größen (--h2z-m) sind auf 80 px Rand gerechnet (Gutter 20 + Polster 20 je Seite). Zwischen
   400 und 579 px wachsen Gutter und Polster mit 5vw, die erste Zeile der CTA-H2 von LP A lief dort bis 14 px aus der
   Box. In diesem Bereich bleiben beide bei 20 px; ab 580 px hat die Zeile genug Platz (Schrift bei 2rem gedeckelt). */
@media (max-width:560px){ @media not all and (max-width:400px){
  .lp-cta-sek{--gut:20px}
  .lp-cta__in{padding-inline:20px}
} }

/* Hero-Zeile verlinkt, Text-Siegel, Auswahl-Hinweis, Zitate */
a.hf__bew-p{position:relative;min-height:44px;color:inherit;text-decoration:none}
a.hf__bew-p:hover > span:not(.lp-sterne):not(.hf__bew-stand){text-decoration:underline;text-underline-offset:3px}
.hf__bew-stand{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media not all and (max-width:760px){ .hf__bew-stand{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin-left:-.2rem} }
.lp-siegel__badge{white-space:normal}
@media not all and (max-width:760px){ .lp-siegel__badge{white-space:nowrap} }
/* B2 R23: Text-Siegel einzeilig von 320 bis 1920 px, Breite aus dem Inhalt (keine feste Breite). Unter 420 px 12 px und
   schmaleres Polster, damit „Unsere Bewertungen bei ProvenExpert ansehen“ (Text fest laut 10-texte/70) in 280 px passt. */
.lp-siegel__badge.lp-siegel__text{width:auto;max-width:100%;white-space:nowrap}
@media (max-width:480px){ .lp-siegel__badge.lp-siegel__text{padding-inline:.55rem;font-size:.75rem;letter-spacing:-.005em} }
/* Textlink in der Bewertungs-Karte: einzeilig, wo Platz ist; sonst ausgeglichen zweizeilig, kein Einzelwort (R23) */
.lp-bew__link{text-wrap:balance}
.lp-bew__auswahl{margin:.9rem 0 0;max-width:46rem;font-size:1rem;line-height:1.6;color:var(--tx-mut);text-wrap:pretty}
.lp-bew__von{align-self:flex-end;padding-bottom:.3rem;font-size:.9375rem;color:var(--tx-inv-mut)}
.lp-bew__quelle .lp-tp{display:block;width:66px;height:16px}
/* Trustpilot-Schalter am <body>: data-trustpilot="aus" blendet [data-tp] aus und zeigt [data-tp-ohne], "an" zeigt [data-tp]. */
[data-trustpilot="aus"] [data-tp]{display:none!important}
body:not([data-trustpilot="aus"]) [data-tp-ohne]{display:none!important}
/* Bewertungszeile darf umbrechen statt aus der Spalte zu laufen (Messlauf S1, 24.10.2026: 320 px und ab 760 px zu breit).
   Ohne Plan steht der Trustpilot-Profil-Link als eigene Zeile unter der Google-Zeile, ohne Trennstrich. Die Zeilen
   stehen als Spalte, jeder Link ist so breit wie sein Text (keine leere Klickfläche rechts daneben). */
.hf__bew{flex-wrap:wrap}
@media (max-width:400px){ .hf__bew{white-space:normal} }
[data-trustpilot="aus"] .hf__bew{flex-direction:column;align-items:flex-start}
[data-trustpilot="aus"] .hf__bew-tp[data-tp-ohne]{padding-left:0;border-left:0}

/* --- Danke-Seite /danke (V1 großer Haken, G13) ------------------------------
   Anrufen ist nie grün (WhatsApp daneben ist grün). Außerhalb der Zeiten (.dz-zu am <html>) nur WhatsApp empfehlen. */
.lp-danke{padding:clamp(40px,8vh,88px) 0 clamp(56px,9vh,104px);background:var(--papier)}
.lp-danke__in{max-width:36rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.lp-danke__haken{position:relative;width:128px;height:128px;margin-bottom:30px}
.lp-danke__haken svg{display:block;width:100%;height:100%;overflow:visible}
.lp-danke__haken .scheibe{fill:var(--akz-soft);transform-origin:68px 68px;animation:lpd-plopp .55s var(--fed) both}
.lp-danke__haken .ring{fill:none;stroke:var(--akz);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;animation:lpd-zeichnen .7s var(--fed-weich) .1s both}
.lp-danke__haken .strich{fill:none;stroke:var(--akz-tief);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:lpd-zeichnen .5s var(--fed-weich) .62s both}
.lp-danke__haken::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--akz);opacity:0;animation:lpd-welle 1s ease-out 1s both;pointer-events:none}
/* Danke-H1: am Handy drei Zeilen mit «Marketing angekommen.» als Endzeile (gebunden im Markup), die Größe ist darauf gerechnet; ab 621 px zwei Zeilen */
.lp-danke h1{margin:0 0 14px;--h2z-m:clamp(1.375rem,8vw - 2.5px,2.25rem);--h2z-d:clamp(1.5rem,1.12rem + 2.05vw,2.5rem);font-size:var(--h2z-d)}
.lp-danke__zusage{margin:0;font-size:1.1875rem;line-height:1.45;font-weight:600;color:var(--ink);text-wrap:balance}
.lp-danke__schritte{margin:16px 0 0;max-width:32rem;font-size:1rem;line-height:1.6;color:var(--tx-mut);text-wrap:pretty}
.lp-danke__eilt{margin:30px 0 12px;font-size:1rem;color:var(--tx-mut);text-wrap:balance}
.lp-danke__eilt .h-zu{display:none}
.dz-zu .lp-danke__eilt .h-offen{display:none}
.dz-zu .lp-danke__eilt .h-zu{display:inline}
.lp-danke__knoepfe{display:grid;gap:12px;width:100%;max-width:24rem}
.lp-danke .lp-knopf-tel{background:var(--ink);color:#fff}
.lp-danke .lp-knopf-tel:hover{background:#2A3036}
.lp-danke__zeiten{display:inline-flex;align-items:center;gap:.45rem;margin:16px 0 0;font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--tx-mut)}
.lp-danke__zeiten .lp-ico{width:15px;height:15px;color:var(--akz-tief)}
.lp-danke__zurueck{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;margin-top:10px;font-size:.9375rem;color:var(--tx-mut);text-decoration:underline;text-underline-offset:3px}
.lp-danke__zurueck:hover{color:var(--ink)}
.lp-danke__zurueck .lp-ico{width:15px;height:15px;transform:scaleX(-1)}
.lp-danke .auf{animation:lpd-auf .5s var(--fed-weich) both}
.lp-danke .auf-1{animation-delay:.75s}.lp-danke .auf-2{animation-delay:.9s}.lp-danke .auf-3{animation-delay:1.05s}.lp-danke .auf-4{animation-delay:1.2s}
@keyframes lpd-zeichnen{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes lpd-plopp{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes lpd-welle{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
@keyframes lpd-auf{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:480px){ .lp-danke__haken{width:108px;height:108px;margin-bottom:24px} }
@media (max-width:620px){ .lp-danke h1{font-size:var(--h2z-m)} }
@media (prefers-reduced-motion:reduce){ .lp-danke *,.lp-danke *::after,.lp-danke__haken::after{animation:none!important} }

/* ==========================================================================
   Zweitfarbe Schwarz statt Blau (Florian, 28.10.2026: „beide Angebotsseiten sollen als Sekundärfarbe Schwarz
   verwenden, nicht Blau, so wie der Rest der Internetpräsenz“). Wie rgn-marketing.de: Akzente und Links in
   --ink, Kicker grau (--tx-mut, auf dunkel --tx-inv-mut), auf dunklen Flächen wird der Akzent weiß.
   Google-Nachbauten (Suchergebnis, Anzeigen-Lupe, Marken-G) behalten Googles eigene Farben.
   ========================================================================== */
:root{
  --lp-akz-tx:var(--ink);--link:var(--ink);--akz:var(--ink);--akz-tief:var(--ink);
  --akz-soft:rgba(14,17,19,.08);--akz-linie:rgba(14,17,19,.3)
}
.s-dark{--akz:#fff;--akz-tief:#fff;--akz-soft:rgba(255,255,255,.14);--akz-linie:rgba(255,255,255,.35);--link:#fff}
.lp26 .kicker{color:var(--tx-mut)}
.lp26 .s-dark .kicker,.hf__kicker{color:var(--tx-inv-mut)}
.faq__a a,.rt__txt a,.t-lead a{text-decoration-color:rgba(14,17,19,.42)}
.qf__opt[aria-pressed="true"]{--qf-bg:var(--papier-2);background:var(--papier-2)}
/* Mockups im dunklen Hero bleiben hell: dort gilt der Akzent für helle Flächen */
.s-dark .a-hv__schirm,.s-dark .a-hv__hschirm,.s-dark .hf__formular,.s-dark .qf{--akz:var(--ink);--akz-tief:var(--ink);--akz-soft:rgba(14,17,19,.08);--link:var(--ink)}
.netz--oben .pk-g-du{background:rgba(14,17,19,.04)}

/* Siegel am Handy größer (Florian, 28.10.2026) */
@media (max-width:760px){
  .lp-siegel__reihe{gap:1rem 1.25rem}
  .lp-siegel__logo--ti{height:68px}
  .lp-siegel__logo--pe{height:92px}
  .lp-siegel__logo--ihk{height:70px}
}

/* Google-G vor der großen 5,0 (Florian, 28.10.2026) */
.nw__zahl{display:inline-flex;align-items:center;gap:.22em}
.nw__g{width:.78em;height:.78em;flex:none}

/* Florian 01.11.2026: Nachweise als fünf Boxen mit Logo. 6er-Raster: oben 2, unten 3 */
section#nachweise .nw.nw--fuenf{grid-template-columns:repeat(6,minmax(0,1fr))}
.nw--fuenf .nw__k{grid-column:span 2}
.nw--fuenf .nw__k:nth-child(-n+2){grid-column:span 3}
.nw__logo{display:flex;align-items:center;min-height:112px}
.nw__logo-bild{width:auto;height:112px;border-radius:6px}
.nw__logo-bild--ti{height:72px;max-width:100%;object-fit:contain;object-position:left}
.nw--fuenf .nw__txt{flex:1 1 auto}
.nw--fuenf .nw__link{align-self:flex-start;margin-top:auto;padding-top:1rem}
@media (max-width:1080px){
  section#nachweise .nw.nw--fuenf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nw--fuenf .nw__k,.nw--fuenf .nw__k:nth-child(-n+2){grid-column:span 1}
  .nw--fuenf .nw__k:last-child{grid-column:1/-1}
}
@media (max-width:640px){ section#nachweise .nw.nw--fuenf{grid-template-columns:minmax(0,1fr)} }

/* Florian 01.11.2026: Schluss-CTA am Handy. Bild oben in voller Breite, Motiv frei, Text beginnt tiefer, Überlagerung heller */
@media (max-width:900px){
  .lp-cta{min-height:0;justify-content:flex-start;container-type:inline-size;--ar:var(--cta-ar-m);--h:var(--cta-h-m);--y:var(--cta-y-m)}
  .lp-cta__bild{inset:0 0 auto 0;aspect-ratio:var(--ar)}
  .lp-cta__bild img{object-position:var(--fp-m,50% 0)}
  .lp-cta::before{background:linear-gradient(180deg,rgba(14,17,19,0) calc(var(--y) - 16cqw),rgba(14,17,19,.5) var(--y),rgba(14,17,19,.8) calc(var(--y) + 14cqw),var(--ink) var(--h))}
  .lp-cta__in{padding-top:var(--y)}
}
@media (min-width:621px) and (max-width:900px){ .lp-cta{--ar:var(--cta-ar-t);--h:var(--cta-h-t);--y:var(--cta-y-t)} }