/* Hero Google-Ads-LP (Version 1 Anschnitt) · 01.11.2026
   Gemeinsame Bausteine: Laptop (.lap), Handy (.ph), Google-Ads-Oberfläche (.ga), Anfragen (.nt).
   --u = 1 px bei 1440 Breite, --m = 1 px bei 390 Breite. Alle Geräte rechnen in em/cqw, damit die Schrift scharf bleibt. */
@font-face{font-family:'Geist';font-weight:100 900;font-display:swap;src:url(../fonts/geist-latin.woff2) format('woff2')}
:root{--u:calc(min(100vw,1760px)/1440);--m:calc(min(100vw,620px)/390);
  --feder:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 20.5%,1.043 24.3%,1.035 28.4%,1.007 41.2%,.998 52.7%,1)}

/* ── Bühne im Hero ───────────────────────────────── */
.hv .hf__buehne{background:linear-gradient(180deg,#0a0d12 0%,#0d1219 55%,#10161f 100%)}
.hv .hf__buehne::before{display:none} /* Raster raus: wirkte nach Vorlage */
.hv .hf__visual{margin:0;aspect-ratio:auto;min-height:0}
.hv .a3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.hv .licht{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(76,141,255,.26),rgba(76,141,255,.09) 55%,transparent);z-index:-1}
.hv [data-reveal]{opacity:1;transform:none}
.ph,.ga{text-align:left}

/* ── Laptop ──────────────────────────────────────── */
.lap{--b:calc(var(--lw)*1);position:absolute;width:var(--lw);transform-style:preserve-3d;--alu1:#3a3f47;--alu2:#23272d;--alu3:#15181c;--rand:rgba(255,255,255,.2)}
.lap__deckel{position:relative;width:100%;aspect-ratio:16/10.35;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(var(--auf,0deg))}
.lap__schicht{position:absolute;inset:0;border-radius:calc(var(--lw)*.021);background:linear-gradient(180deg,var(--alu1),var(--alu3));transform:translateZ(calc(var(--z)*-1px*var(--dick,1)))}
.lap__rahmen{position:absolute;inset:0;border-radius:calc(var(--lw)*.021);background:#050608;box-shadow:inset 0 0 0 1px var(--rand),inset 0 0 0 calc(var(--lw)*.0022) #1b1e23;padding:calc(var(--lw)*.0135) calc(var(--lw)*.0135) calc(var(--lw)*.024);overflow:hidden}
.lap__kam{position:absolute;top:calc(var(--lw)*.0052);left:50%;width:calc(var(--lw)*.0042);aspect-ratio:1;margin-left:calc(var(--lw)*-.0021);border-radius:50%;background:radial-gradient(circle at 40% 35%,#31435e,#0a0c10 70%)}
.lap__marke{position:absolute;bottom:calc(var(--lw)*.0058);left:0;right:0;text-align:center;font:500 calc(var(--lw)*.0082)/1 'Geist',system-ui,sans-serif;letter-spacing:.14em;color:#6d7480}
.lap__schirm{position:relative;width:100%;height:100%;border-radius:calc(var(--lw)*.0062);overflow:hidden;background:#fff;container-type:inline-size}
.lap__glanz{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.035) 26%,transparent 42%);z-index:9}
/* Unterteil frontal: Lippe mit Griffmulde */
.lap__fuss{position:relative;width:113.5%;margin-left:-6.75%;height:calc(var(--lw)*.0205);border-radius:0 0 calc(var(--lw)*.02) calc(var(--lw)*.02)/0 0 calc(var(--lw)*.016) calc(var(--lw)*.016);
  background:linear-gradient(180deg,#59606b 0%,#3b4048 22%,#23262b 72%,#121417 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.lap__fuss::before{content:"";position:absolute;left:50%;top:0;width:13%;height:42%;transform:translateX(-50%);border-radius:0 0 calc(var(--lw)*.011) calc(var(--lw)*.011);background:linear-gradient(180deg,#1b1d21,#30343a)}
/* Unterteil in echtem 3D: Tastatur, Touchpad, Kante */
.lap__basis{position:absolute;left:0;top:100%;width:100%;aspect-ratio:16/10.6;transform-origin:50% 0;transform:rotateX(-90deg);transform-style:preserve-3d}
.lap__bflaeche{position:absolute;inset:0;border-radius:0 0 calc(var(--lw)*.024) calc(var(--lw)*.024);background:linear-gradient(180deg,#2c3037,#23262c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.lap__tasten{position:absolute;left:6.5%;right:6.5%;top:5%;height:50%;border-radius:calc(var(--lw)*.005);background-color:#2d3138;
  background-image:linear-gradient(90deg,#0c0d10 12%,transparent 0),linear-gradient(180deg,#0c0d10 12%,transparent 0);background-size:calc(100%/14) 100%,100% calc(100%/6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.08)}
.lap__pad{position:absolute;left:32%;right:32%;top:60%;bottom:6%;border-radius:calc(var(--lw)*.009);background:linear-gradient(180deg,#30343b,#2a2e34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lap__bschicht{position:absolute;inset:0;border-radius:0 0 calc(var(--lw)*.024) calc(var(--lw)*.024);background:#16181c;transform:translateZ(calc(var(--z)*-1px))}
.lap__bschicht--kante{background:linear-gradient(90deg,#16181c,#3b4048 50%,#16181c)}

/* ── Handy: neutral, Punktkamera, keine Hersteller-Merkmale ─ */
.ph{position:absolute;width:var(--pw);aspect-ratio:9/19.5;transform-style:preserve-3d;font-size:calc(var(--pw)/28)}
.ph__schicht{position:absolute;inset:0;border-radius:3.1em;background:linear-gradient(135deg,#6a717c,#2a2e34 45%,#14161a);transform:translateZ(calc(var(--z)*-1px))}
.ph__front{position:absolute;inset:0;border-radius:3.1em;background:#07080a;padding:.62em;box-shadow:inset 0 0 0 .1em #70767f,inset 0 0 0 .2em #181a1e}
.ph__schirm{position:relative;width:100%;height:100%;border-radius:2.55em;overflow:hidden;background:#0b1320;container-type:inline-size;color:#fff;font-family:'Geist',system-ui,sans-serif}
.ph__kam{position:absolute;z-index:12;top:.75em;left:50%;width:.8em;height:.8em;margin-left:-.4em;border-radius:50%;background:radial-gradient(circle at 42% 38%,#2c3a50,#020304 70%);box-shadow:0 0 0 .08em #000}
.ph__glanz{position:absolute;inset:0;z-index:11;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.11),rgba(255,255,255,.02) 30%,transparent 46%)}
.ph__knopf{position:absolute;right:-.14em;width:.2em;border-radius:0 .2em .2em 0;background:linear-gradient(90deg,#4a4f57,#23262b)}
.ph__knopf--1{top:17%;height:11%}.ph__knopf--2{top:30%;height:6.5%}

/* Sperrbildschirm */
.sb{position:absolute;inset:0;background:linear-gradient(180deg,#0c1a30 0%,#10284d 42%,#0b1a33 100%);font-size:calc(100cqw/26)}
.sb::after{content:"";position:absolute;left:-30%;right:-30%;top:34%;height:64%;border-radius:50%;background:linear-gradient(180deg,rgba(76,141,255,.42),rgba(76,141,255,0) 75%);transform:rotate(-14deg)}
.sb__zeile{position:absolute;z-index:2;top:.8em;left:1.5em;right:1.5em;display:flex;justify-content:space-between;font-size:.86em;font-weight:500}
.sb__zeit{position:absolute;z-index:2;top:3.1em;left:0;right:0;text-align:center}
.sb__tag{font-size:.98em;font-weight:500;color:rgba(255,255,255,.82)}
.sb__uhr{font-size:4.6em;font-weight:500;letter-spacing:-.04em;line-height:1.02}
.sb .nt-stapel{position:absolute;z-index:3;top:10.1em;left:.85em;right:.85em;bottom:1em}
/* Anfragen-App, hell */
.ap{position:absolute;inset:0;background:#f5f5f7;color:#1d1d1f;font-size:calc(100cqw/26)}
.ap__kopf{position:absolute;z-index:4;inset:0 0 auto;padding:3.2em 1.1em .7em;background:rgba(245,245,247,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ap__titel{display:block;font-size:2.05em;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ap .nt-stapel{position:absolute;z-index:3;top:7.1em;left:.85em;right:.85em;bottom:1em}

/* Anfrage-Karte */
.nt-stapel{list-style:none;margin:0;padding:0}
.nt{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:2.55em 1fr auto;gap:0 .75em;align-items:center;padding:.8em .85em;border-radius:1.5em;
  background:rgba(255,255,255,.17);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.17),0 .6em 1.5em rgba(2,8,20,.26);
  transform:translateY(calc(var(--i)*5.15em)) scale(1);opacity:calc(1 - var(--i)*.13);transition:transform .85s cubic-bezier(.2,.85,.25,1),opacity .4s ease;will-change:transform}
.nt.ist-neu{transform:translateY(-5.6em) scale(.88);opacity:0}
.nt.ist-raus{opacity:0}
.nt__ico{grid-row:span 2;width:2.55em;height:2.55em;border-radius:.72em;display:grid;place-items:center;background:linear-gradient(160deg,#6ea3ff,#2f6bff);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.nt__ico svg{width:1.45em;height:1.45em;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nt b{font-size:1.02em;font-weight:600;line-height:1.2}
.nt time{font-size:.8em;color:rgba(255,255,255,.72)}
.nt span{grid-column:2/4;font-size:.9em;line-height:1.25;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap .nt{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(29,29,31,.05),0 .5em 1.2em rgba(29,29,31,.07)}
.ap .nt time{color:#6e6e73}.ap .nt span{color:#515154}

/* ── Google-Ads-Oberfläche (1em = 10 px bei 1280 Breite) ─ */
.ga{position:absolute;inset:0;font:400 calc(100cqw/128)/1.3 'Geist',Roboto,Arial,sans-serif;color:#3c4043;background:#f1f3f4;display:grid;grid-template-columns:7.2em 18.4em 1fr;grid-template-rows:6em 1fr;overflow:hidden}
.ga *{box-sizing:border-box}
.ga__top{grid-column:1/-1;display:flex;align-items:center;gap:1.2em;padding:0 2em;background:#fff;border-bottom:1px solid #dadce0}
.ga__logo{display:flex;align-items:center;gap:.8em;font-size:2.1em;color:#5f6368;white-space:nowrap}
.ga__logo svg{width:1.32em;height:1.32em}
.ga__konto{margin-left:1.4em;padding-left:2em;border-left:1px solid #dadce0;font-size:1.3em;line-height:1.25;color:#202124;white-space:nowrap}
.ga__konto small{display:block;font-size:.84em;color:#5f6368}
.ga__suche{margin-left:auto;display:flex;align-items:center;gap:.8em;height:3.8em;width:32em;padding:0 1.4em;border-radius:1.9em;background:#f1f3f4;color:#5f6368;font-size:1.25em}
.ga__suche svg,.ga__i svg{width:1.5em;height:1.5em;fill:none;stroke:#5f6368;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ga__i{display:flex;gap:1.5em;margin-left:1em;font-size:1.3em}
.ga__ava{width:3.4em;height:3.4em;border-radius:50%;background:#1a73e8;color:#fff;display:grid;place-items:center;font-size:1.2em;font-weight:600}
.ga__schiene{display:flex;flex-direction:column;align-items:center;gap:.5em;padding-top:1.4em;background:#fff;border-right:1px solid #e8eaed}
.ga__s{width:100%;text-align:center;padding:.8em 0;font-size:1em;color:#5f6368}
.ga__s svg{display:block;margin:0 auto .3em;width:2.2em;height:2.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ga__s--an{color:#1967d2}
.ga__s--neu svg{width:3.4em;height:3.4em;padding:.7em;border-radius:50%;background:#1a73e8;stroke:#fff;box-shadow:0 .2em .6em rgba(26,115,232,.45)}
.ga__nav{background:#fff;border-right:1px solid #e8eaed;padding:1.2em 0}
.ga__nav a{display:block;padding:.95em 1.6em;margin-right:1em;border-radius:0 2em 2em 0;font-size:1.3em;color:#3c4043;white-space:nowrap}
.ga__nav a.an{background:#e8f0fe;color:#1967d2;font-weight:500}
.ga__nav small{display:block;padding:1.5em 2.1em .5em;font-size:1.05em;font-weight:500;color:#5f6368}
.ga__main{position:relative;padding:1.7em 2.4em;overflow:hidden;min-width:0}
.ga__kopf{display:flex;align-items:center;gap:1.2em;margin-bottom:1.5em}
.ga__kopf h3{margin:0;font-size:2.4em;font-weight:400;color:#202124;letter-spacing:0}
.ga__datum{margin-left:auto;display:flex;align-items:center;gap:.9em;font-size:1.25em;color:#5f6368}
.ga__datum b{font-weight:400;color:#202124;padding:.55em 1em;border:1px solid #80868b;border-radius:.35em;background:#f8f9fa}
.ga__neu{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.3em;border-radius:2em;background:#1a73e8;color:#fff;font-size:1.25em;font-weight:500;box-shadow:0 1px 3px rgba(60,64,67,.3)}
.ga__karte{background:#fff;border:1px solid #dadce0;border-radius:.8em;overflow:hidden}
.ga__kpis{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .96fr}
.ga__kpi{padding:1.05em 1.5em 1.15em;min-width:0}
.ga__kpi small{display:block;font-size:1.22em;white-space:nowrap}
.ga__kpi small::before{content:"";display:inline-block;margin:0 .5em .13em 0;border:.3em solid transparent;border-top-color:currentColor;border-bottom-width:0}
.ga__kpi b{display:block;margin-top:.1em;font-size:2.65em;font-weight:400;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.ga__kpi--b{background:#1a73e8;color:#fff}.ga__kpi--r{background:#d93025;color:#fff}.ga__kpi--g{background:#f9ab00;color:#202124}
.ga__kpi--w{border-right:1px solid #e8eaed}
.ga__kpi--tool{display:flex;align-items:center;justify-content:space-around;color:#5f6368;font-size:1.1em;padding:0 .5em}
.ga__kpi--tool span{text-align:center}.ga__kpi--tool svg{display:block;margin:0 auto .25em;width:1.9em;height:1.9em;fill:none;stroke:#5f6368;stroke-width:1.7;stroke-linecap:round}
.ga__tick{animation:gatick .9s ease}
@keyframes gatick{0%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}25%{box-shadow:inset 0 0 0 .32em rgba(255,255,255,.72)}100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}}
.ga__chart{position:relative;height:20.5em;padding:1.1em 2.2em 2.3em 2.2em}
.ga__chart svg{display:block;width:100%;height:100%;overflow:visible}
.ga__chart .bd{fill:#f1f3f4}.ga__chart .gr{stroke:#e8eaed;stroke-width:1;vector-effect:non-scaling-stroke}
.ga__chart path{fill:none;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ga__chart .li-b{stroke:#1a73e8}.ga__chart .li-r{stroke:#d93025}.ga__chart .li-g{stroke:#f9ab00}
/* Linien: laufen einmal von links ein, danach ganz leichtes Pulsieren */
.ga__chart svg.ga__lin{position:absolute;left:2.2em;top:1.1em;width:calc(100% - 4.4em);height:calc(100% - 3.4em);clip-path:inset(-4% -1% -4% 0);transition:clip-path 2s cubic-bezier(.4,0,.2,1)}
.ga-wartet .ga__chart svg.ga__lin{clip-path:inset(-4% 101% -4% 0)}
.ga-lebt .ga__lin path{animation:gapuls 3.8s ease-in-out infinite}
.ga-lebt .ga__lin .li-r{animation-delay:-1.3s}.ga-lebt .ga__lin .li-g{animation-delay:-2.5s}
.ga-halt .ga__lin path{animation-play-state:paused}
@keyframes gapuls{0%,100%{opacity:1;stroke-width:2}50%{opacity:.8;stroke-width:2.45}}
.ga__achse{position:absolute;left:2.2em;right:2.2em;bottom:.6em;display:flex;justify-content:space-between;font-size:1.1em;color:#5f6368}
.ga__tab{margin-top:1.4em}
.ga__zeile{display:grid;grid-template-columns:2.4em minmax(0,1fr) 11em 8em 9em 10em;align-items:center;gap:0 1em;min-height:4em;padding:0 1.6em;border-top:1px solid #e8eaed;font-size:1.22em;font-variant-numeric:tabular-nums}
.ga__zeile:first-child{border-top:0;min-height:3.3em;color:#5f6368;font-weight:500;font-size:1.14em}
.ga__zeile>:nth-child(n+3){text-align:right;white-space:nowrap}
.ga__zeile--sum{background:#f8f9fa;font-weight:500;color:#202124}
.ga__dot{width:1em;height:1em;border-radius:50%;background:#188038}
.ga__name{color:#1967d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ga__zeile.ist-neu{background:#e8f0fe;transition:background 1.2s ease}

/* ══ Version 1 · Anschnitt: Laptop in echter 3D-Perspektive läuft rechts aus dem Bild ═══ */
.v1 .hf__in{min-height:calc(690*var(--u))}
.v1 .hf__text{position:relative;z-index:3}
.v1 .hf__visual{position:relative;align-self:stretch;margin:0;perspective:calc(2400*var(--u));perspective-origin:calc(190*var(--u)) calc(300*var(--u))}
/* Drehpunkte in --u statt in %: Geräte stehen bei jeder Breite gleich zur linken Spaltenkante */
.v1 .a3d{position:absolute;inset:0;transform:rotateX(7deg) rotateY(-27deg) rotateZ(1.2deg)}
.v1 .lap{--lw:calc(1040*var(--u));left:calc(240*var(--u));top:calc(10*var(--u));--auf:-3deg}
.v1 .ph{--pw:calc(238*var(--u));left:calc(120*var(--u));top:calc(218*var(--u));transform:translateZ(calc(250*var(--u))) rotateY(15deg) rotateZ(-1.6deg)}
.v1 .licht{width:calc(1200*var(--u));height:calc(800*var(--u));left:calc(-90*var(--u));top:calc(-70*var(--u))}
/* Überschrift bekommt eine eigene Spalte in genau ihrer Breite, die Geräte starten erst danach. Die Unterzeile bestimmt die Spaltenbreite nicht mit (Florian, 04.11.2026: „die Überschrift darf nie aufs Handy gehen“) */
@media (min-width:901px){
  .v1 .hf__in{grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(24px,3.2vw,56px)}
  .v1 .hf__lead{width:0;min-width:100%}
  .v1 .a3d{transform-origin:calc(320*var(--u)) calc(345*var(--u))}
}
@media (max-width:900px){
  .v1 .hf__in{min-height:0;grid-template-columns:minmax(0,1fr);gap:0}
  .v1 .hf__text{padding-bottom:0}
  .v1 .hf__visual{height:calc(228*var(--m) + 61px);margin:calc(14*var(--m)) calc(-20px) calc(-6*var(--m));perspective:calc(980*var(--m));perspective-origin:30% 40%}
  .v1 .a3d{transform:rotateX(6deg) rotateY(-24deg)}
  .v1 .lap{--lw:calc(465*var(--m));left:calc(42*var(--m));top:calc(6*var(--m));--dick:.45}
  .v1 .ph{--pw:calc(132*var(--m));left:calc(46*var(--m));top:calc(44*var(--m));transform:translateZ(calc(90*var(--m))) rotateY(13deg)}
  .v1 .licht{width:calc(560*var(--m));height:calc(380*var(--m));left:calc(-60*var(--m));top:calc(-30*var(--m))}
}

/* Bewertungen: Trustpilot-Zeile gleich aufgebaut wie die Google-Zeile, auch am Handy je eine Zeile */
.hv .hf__bew{gap:0}
.hv a.hf__bew-p{min-height:36px}
.lp-tpstern{width:17px;height:17px;flex:none}
@media (min-width:360px) and (max-width:760px){.hv .hf__bew{white-space:nowrap}}

@media (prefers-reduced-motion:reduce){
  .nt,.ga__chart svg.ga__lin{transition:none}
}

/* Diese LP läuft ohne Angebotsleiste oben und ohne Mobil-Leiste unten (Florian, 01.11.2026) */
:root{--ab-h:0px}
body.lp26{--lp-sticky-h:0px}

/* Formular: Fragen am Handy mittig, „Weiß ich noch nicht“ überall gut sichtbar (Florian, 01.11.2026) */
.hv .qf__textlink{min-height:48px;margin-top:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--tx);
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:900px){
  .hv .qf__q,.hv .qf__hinweis{text-align:center;text-wrap:balance}
  /* Handy: größer als früher, aber immer einzeilig. Schrift richtet sich nach der Formularbreite (Florian, 01.11.2026) */
  .hv .qf{container-type:inline-size}
  .hv .qf__textlink{display:flex;justify-content:center;width:100%;text-align:center;white-space:nowrap;font-size:clamp(13px,calc(100cqw/18.6),20px)}
}
/* PC: Logo-Leiste und Formular auf derselben weißen Fläche (Florian, 01.11.2026). Im Pop-up bleibt der graue Streifen. */
@media (min-width:901px){
  .hv .hf__bogen path:first-child{fill:#fff}
  .hv .hf__formular .lp-siegel{background:#fff;border-bottom:0}
  dialog.lp-pop .hf__formular .lp-siegel{background:var(--papier-2)}
}

/* Kopf am Handy: nur Telefon und WhatsApp als Icon mit dünnem Rand, kein Analyse-Knopf; mehr Luft zur H1 (Florian, 01.11.2026) */
.lp-kopf__wa{display:none}
@media (max-width:900px){
  .hv .hf__in{padding-top:2.25rem}
  .hv .lp-kopf__cta,.hv .lp-kopf__tel-nr{display:none}
  .hv .lp-kopf__rechts{gap:8px}
  .hv .lp-kopf__tel,.hv .lp-kopf__wa{display:inline-flex;align-items:center;justify-content:center;gap:0;width:44px;min-height:44px;padding:0;
    border:1px solid var(--li);border-radius:var(--r-btn);background:none}
  .hv .lp-kopf__tel .lp-ico{width:20px;height:20px;color:var(--ink)}
  .hv .lp-kopf__wa .lp-ico{width:20px;height:20px;color:var(--lp-wa)}
}

/* PC: Formular als eine Spalte, mittig, WhatsApp unter den Kacheln (Variante 1, Florian 02.11.2026). Gilt auch im Pop-up. */
@media (min-width:901px){
  .hv .hf__raster{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"kopf" "form" "wa";justify-items:center;column-gap:0;row-gap:0}
  .hv .hf__kopf{text-align:center;margin-bottom:1.5rem}
  .hv .hf__ftitel{font-size:2.5rem}
  .hv dialog.lp-pop .hf__ftitel{font-size:var(--ft-d,2.125rem)}
  .hv .hf__unter{justify-content:center;margin-top:.5rem;margin-bottom:0}
  .hv .hf__raster>form{width:100%;max-width:640px}
  .hv .qf__q,.hv .qf__hinweis{text-align:center}
  .hv .qf__q{font-size:1.25rem}
  .hv .qf__opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv .qf__opts--2 .qf__opt{min-height:148px}
  .hv .qf__opts--6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hv .qf__textlink{display:flex;justify-content:center;width:100%}
  .hv .hf__wa{justify-content:center;justify-self:center;width:100%;max-width:640px;margin-top:1.1rem;padding:.8rem 1rem;font-size:.9375rem}
}