@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff) format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff) format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff) format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff) format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-800.woff) format('woff')}

/* Layout: Schwarz/Weiß im Wechsel (Stil wie oeren.eu) – riesige enge Überschriften, Pillen-Knöpfe, schwebende Glasplatten im Hero, große Karten mit 30px-Rundung */
:root{
  color-scheme:light;
  --black:#000; --night:#0a0a0c; --card-d:#1d1d1f; --card-d2:#161618;
  --white:#fff; --gray:#f5f5f7; --line-l:#e5e5ea; --line-d:rgba(255,255,255,.12);
  --ink:#3c3c3c; --ink-2:#6e6e73; --ink-3:#6e6e73; --silver:#a1a1a6;
  --on-d:#f5f5f7; --on-d2:rgba(235,235,240,.70); --on-d3:rgba(235,235,240,.50);
  --red:#e30f12; --red-l:#ff4d4f; --blue:#0060ad; --blue-l:#2a8be0; --ok:#30d158;
  --glass:rgba(10,10,12,.72); --glass-edge:rgba(255,255,255,.16);
  --f:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--on-d);font-family:var(--f);font-size:17px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));overflow-x:hidden;overflow-x:clip}
.site{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1,h2,h3,.big{hyphens:manual;-webkit-hyphens:manual}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}
:focus-visible{outline:2px solid var(--blue-l);outline-offset:3px;border-radius:12px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:980px;z-index:100}.skip:focus{left:16px}

/* Bänder: volle Breite, Inhalt mittig */
.band{margin-left:calc(-1 * max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)));
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.in{max-width:1180px;margin:0 auto}
.light{background:var(--white);color:var(--ink)}
.gray{background:var(--gray);color:var(--ink)}
.dark{background:var(--black);color:var(--on-d)}
.sec{padding-block:clamp(72px,10vw,120px)}

/* Navigation */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:rgba(0,0,0,.85)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(0,0,0,.72);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid var(--line-d)}
.nav .in{display:flex;align-items:center;gap:22px;height:76px}
.nav .logo{line-height:0;flex:none}
.nav .logo img{height:60px;width:auto}
.menu{display:flex;gap:20px;margin-left:auto;list-style:none;padding:0}
.menu a{font-size:14px;font-weight:500;color:var(--on-d2);transition:color .2s}
.menu a:hover{color:#fff}
.menu a.on{color:var(--red-l)}
.nav .call{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:600;color:#fff;padding:8px 14px;border-radius:980px;background:rgba(255,255,255,.1)}
.nav .call svg{width:15px;height:15px}
.burger{display:none;margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.sheet{display:none}

/* Pillen */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:980px;font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:0;font-family:var(--f);transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.pill svg{width:18px;height:18px;flex:none}
.pill:hover{transform:scale(1.03)}
.p-white{background:var(--gray);color:#000}
.p-glass{background:rgba(22,22,24,.5);color:#fff;-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.p-blue{background:var(--blue);color:#fff;box-shadow:0 12px 30px -12px rgba(0,96,173,.8)}
.p-blue:hover{background:#0a6fc4}.p-red:hover{background:#f5262a}
.p-black{background:#000;color:#fff}.p-red{background:#e30f12;color:#fff;box-shadow:0 12px 30px -12px rgba(227,15,18,.8)}
.p-sm{height:42px;padding:0 20px;font-size:15px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* Text */
.eyebrow{font-size:15px;font-weight:600;color:var(--red)}
.dark .eyebrow{color:var(--red-l)}
.big{font-size:clamp(38px,6.2vw,80px);line-height:1.04;letter-spacing:-.045em;font-weight:800}
.h2{font-size:clamp(30px,4.4vw,56px);line-height:1.06;letter-spacing:-.035em;font-weight:800}
.mute-l{color:var(--ink-3)} .mute-d{color:var(--silver)}
.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.45}
.light .lead,.gray .lead{color:var(--ink-2)} .dark .lead{color:var(--on-d2)}
.head{display:grid;gap:12px;margin-bottom:clamp(32px,4vw,52px)}
.silver{background:linear-gradient(100deg,#8e8e93 0%,#d1d1d6 22%,#fff 38%,#a1a1a6 52%,#e5e5ea 70%,#8e8e93 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s ease-in-out infinite alternate}
@keyframes sheen{to{background-position:100% 0}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;min-height:min(92vh,860px);display:grid;align-content:start;padding-block:clamp(56px,9vw,96px) 32px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 55% at 15% 35%,rgba(255,255,255,.10),transparent 60%),radial-gradient(40% 40% at 50% 100%,rgba(42,139,224,.14),transparent 70%),#000}
.hero-copy{display:grid;justify-items:center;text-align:center;gap:22px;position:relative;z-index:2}
.hero-copy::before{content:"";position:absolute;inset:-40px -10% -30px;z-index:-1;background:radial-gradient(60% 60% at 50% 45%,rgba(0,0,0,.78),transparent 75%);pointer-events:none}
.status{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:980px;background:rgba(22,22,24,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:13.5px;color:var(--on-d2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.status b{color:#fff;font-weight:600}
.status i{width:8px;height:8px;border-radius:50%;background:var(--red-l);box-shadow:0 0 0 3px rgba(255,77,79,.25)}
.hero h1{font-size:clamp(42px,8.2vw,104px);line-height:1;letter-spacing:-.05em;font-weight:800;max-width:14ch}
.hero .lead{max-width:34ch}
/* Glasplatten */
.plates{position:absolute;inset:0;z-index:-1;perspective:1100px;pointer-events:none}
.scene{position:absolute;left:50%;top:72%;width:0;height:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pl{position:absolute;border-radius:14px;transform-style:preserve-3d;animation:bob var(--d,9s) ease-in-out infinite alternate}
.pl b{position:absolute;inset:0;border-radius:inherit;display:block}
.pl.gl b{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(220,230,240,.16) 45%,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 30px 60px -20px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pl.mt b{background:linear-gradient(160deg,#e9e9ee,#a7a7ae 55%,#7c7c84);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 30px 60px -20px rgba(0,0,0,.9)}
.pl.dk b{background:linear-gradient(160deg,#3a3a40,#121214);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.9)}
.pl.rd b{background:linear-gradient(160deg,#c4282a,#5e0b0d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 30px 60px -20px rgba(0,0,0,.9)}
.pl.bl b{background:linear-gradient(160deg,#2f86d6,#0b2f55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 30px 60px -20px rgba(0,0,0,.9)}
@keyframes bob{to{translate:0 -14px}}
.dust{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 55% 45%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.35),transparent)}
.hero-fade{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:0;background:linear-gradient(transparent,#000);pointer-events:none}
.trust{position:relative;z-index:2;margin-top:clamp(170px,24vw,300px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:14px 10px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-edge);
  -webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.5)}
.trust>div{display:flex;gap:12px;align-items:center;padding:6px 14px;min-width:0}
.trust>div+div{border-left:1px solid var(--line-d)}
.tico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);flex:none}
.tico svg{width:16px;height:16px}
.trust b{display:block;font-size:15px;font-weight:600;color:#fff}
.trust span span{display:block;font-size:13px;color:var(--on-d3)}

/* ---------- Leistungs-Kacheln ---------- */
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tile{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4;min-height:240px;max-width:100%;background:var(--card-d);display:flex;align-items:flex-end;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.tile:hover{transform:translateY(-6px)}
.tile .art{position:absolute;inset:0;z-index:-1}
.tile .art svg{width:100%;height:100%;display:block}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 40%,rgba(0,0,0,.82))}
.tile .lab{padding:18px;display:grid;gap:4px}
.tile .lab b{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#fff}
.tile .lab span{font-size:13.5px;color:var(--on-d2);line-height:1.4}
.tile .tag{position:absolute;top:14px;left:14px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:980px;background:rgba(0,0,0,.45);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* ---------- Partner-Karten ---------- */
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fc{border-radius:30px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fc:hover{transform:translateY(-6px)}
.fc.d{background:var(--card-d2);color:var(--on-d);box-shadow:inset 0 0 0 1px var(--line-d)}
.fc.l{background:#fff;color:var(--ink)}
.fc .vis{height:200px;position:relative;overflow:hidden}
.fc .vis svg{width:100%;height:100%;display:block}
.fc .txt{padding:22px 24px 10px;display:grid;gap:6px}
.fc small{font-size:13.5px;font-weight:600}
.fc.d small{color:var(--on-d2)} .fc.l small{color:var(--ink-2)}
.fc h3{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.03em;font-weight:800;line-height:1.1}
.fc .txt p{font-size:16px}
.fc.d .txt p{color:var(--on-d2)} .fc.l .txt p{color:var(--ink-2)}
.fc .bar{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 18px 24px;border-top:1px solid}
.fc.d .bar{border-color:var(--line-d)} .fc.l .bar{border-color:var(--line-l)}
.fc .bar span{font-size:13.5px;line-height:1.35}
.fc.d .bar span{color:var(--on-d2)} .fc.l .bar span{color:var(--ink-2)}

/* ---------- Große Bühne (Trocknung) ---------- */
.stage{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,120px);isolation:isolate}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 60% at 75% 45%,rgba(42,139,224,.22),transparent 65%),radial-gradient(35% 45% at 15% 85%,rgba(227,15,18,.14),transparent 70%),#000}
.stage .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center}
.iso-card{border-radius:30px;padding:18px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);box-shadow:0 30px 80px -30px rgba(0,0,0,.8);transition:transform .5s ease-out;min-width:0}
.iso-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--on-d3);padding:2px 4px 8px}
.iso-top b{color:#fff;font-weight:600}
.iso{width:100%;height:auto;display:block;overflow:visible}
.iso .floor{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.5);stroke-width:1.1}
.iso .wl{fill:rgba(255,255,255,.10);stroke:rgba(255,255,255,.5);stroke-width:1.1}
.iso .wr{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.5);stroke-width:1.1}
.iso .wet{fill:var(--blue-l);opacity:.3;transition:opacity 1s}
.iso .door{stroke:rgba(255,255,255,.45);stroke-width:1.1;fill:none;stroke-dasharray:3 3}
.iso .mp circle.c{fill:var(--blue-l);transition:fill .8s}
.iso .mp circle.halo{fill:none;stroke:var(--blue-l);stroke-width:1.2;opacity:.6;transform-box:fill-box;transform-origin:center;animation:ping 2.4s ease-out infinite}
.iso .mp.dry circle.c{fill:var(--ok)} .iso .mp.dry circle.halo{opacity:0;animation:none}
.iso .mp line{stroke:rgba(255,255,255,.4)}
.iso .mp rect{fill:rgba(20,20,24,.85);stroke:rgba(255,255,255,.2)}
.iso .mp text{font-family:var(--f);font-size:11px;fill:#fff;font-weight:600}
.iso .mp text.k{fill:var(--on-d3);font-weight:500;font-size:9.5px}
.iso .dev rect{fill:rgba(20,20,24,.85);stroke:var(--blue-l)}
.iso .dev text{font-family:var(--f);font-size:8.5px;fill:var(--blue-l);font-weight:700;letter-spacing:.06em}
@keyframes ping{0%{transform:scale(.6);opacity:.7}100%{transform:scale(2.2);opacity:0}}
.iso-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--on-d3);padding:6px 4px 2px}
.prog{flex:1;min-width:100px;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-l),var(--ok))}
.again{border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:980px;padding:5px 12px;font:inherit;font-size:12.5px;cursor:pointer}

/* ---------- Warum ---------- */
.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wc{background:var(--gray);border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;gap:10px;align-content:start;min-width:0;transition:transform .3s}
.wc:hover{transform:translateY(-4px)}
.wico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}
.wico svg{width:20px;height:20px}
.wico.r{background:rgba(227,15,18,.10);color:var(--red)} .wico.b{background:rgba(0,96,173,.10);color:var(--blue)} .wico.g{background:rgba(48,209,88,.14);color:#1f9d43}
.wc h3{font-size:21px;letter-spacing:-.02em;font-weight:700;margin-top:8px}
.wc p{color:var(--ink-2);font-size:16px}

/* ---------- Schritte ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.st{counter-increment:s;background:var(--card-d);border-radius:22px;padding:26px;display:grid;gap:8px;align-content:start;min-width:0}
.st .n{width:36px;height:36px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-weight:700;font-size:15px;margin-bottom:10px}
.st .n::before{content:counter(s)}
.st.done .n::before{content:"✓"}
.st small{font-size:13.5px;font-weight:600;color:var(--red-l)}
.st h3{font-size:22px;letter-spacing:-.025em;font-weight:700}
.st p{color:var(--on-d2);font-size:15.5px}

/* ---------- Kontakt-Karte ---------- */
.cta-card{position:relative;overflow:hidden;border-radius:30px;padding:clamp(28px,5vw,60px);background:#0b0b0d;color:#fff;isolation:isolate;display:grid;gap:20px}
.cta-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 80% at 85% 20%,rgba(42,139,224,.35),transparent 65%),radial-gradient(40% 70% at 0% 100%,rgba(227,15,18,.25),transparent 70%)}
.cta-card .big{max-width:16ch}
.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
.ct{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);min-width:0}
.ct svg{width:20px;height:20px;flex:none;color:var(--blue-l)}
.ct small{display:block;font-size:12.5px;color:var(--on-d3)}
.ct b{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}
.copy{margin-left:auto;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:980px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;flex:none}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line-l)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:clamp(17px,1.8vw,20px);font-weight:600;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:28px;height:28px;border-radius:50%;background:#e8e8ed;display:grid;place-items:center;font-style:normal;flex:none;transition:transform .25s}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 44px 24px 0;color:var(--ink-2)}

/* Partner-Leiste */
.refs{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;justify-content:center;padding-block:44px}
.refs small{width:100%;text-align:center;font-size:13.5px;color:var(--ink-3)}
.refs b{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#8e8e93}

/* Footer */
footer{padding-block:56px 40px;border-top:1px solid var(--line-l)}
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
footer h4{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer li,footer p{font-size:13px;color:var(--ink-2)}
footer a:hover{color:var(--ink);text-decoration:underline}
.fbot{margin-top:36px;padding-top:18px;border-top:1px solid var(--line-l);display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3)}
.fbot nav{display:flex;gap:6px 16px;flex-wrap:wrap}
.flogo img{height:44px;width:auto}

/* Detail-Fenster (von unten) */
.scrim{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.drawer{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:88vh;overflow:auto;background:#fff;color:var(--ink);border-radius:30px 30px 0 0;
  padding:12px max(20px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));transform:translateY(0);animation:up .35s cubic-bezier(.2,.8,.2,1)}
@keyframes up{from{transform:translateY(40px)}}
.drawer .grab{width:44px;height:5px;border-radius:3px;background:#c7c7cc;margin:0 auto 18px}
.drawer .dx{max-width:760px;margin:0 auto;display:grid;gap:16px}
.drawer .close{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:14px;width:36px;height:36px;border-radius:50%;border:0;background:#e8e8ed;font-size:16px;cursor:pointer}
.blist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.blist li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:var(--gray)}
.blist .ck{width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}
.blist b{display:block;font-size:16px}
.blist span{color:var(--ink-2);font-size:15px}

/* Rechtstexte */
.fs.flash{animation:fsflash 1.8s ease}@keyframes fsflash{0%,100%{box-shadow:0 0 0 0 rgba(0,96,173,0)}25%{box-shadow:0 0 0 6px rgba(0,96,173,.35)}}
.fs.b.flash{animation-name:fsflashb}@keyframes fsflashb{0%,100%{box-shadow:0 0 0 0 rgba(227,15,18,0)}25%{box-shadow:0 0 0 6px rgba(227,15,18,.35)}}

/* Maskottchen mit Sprechblase */
.mstage{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;margin-top:clamp(26px,4vw,44px)}
.mstage .emblem{margin:0;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;display:block}
.mstage .emblem>span{display:block}
.mbub{position:relative;width:min(100%,380px);background:#fff;border:1px solid var(--line-l);border-radius:24px;padding:16px 18px 14px;box-shadow:0 24px 50px -28px rgba(0,0,0,.35);text-align:left;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),opacity .25s}
.mbub::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;background:#fff;border-right:1px solid var(--line-l);border-bottom:1px solid var(--line-l);transform:translateX(-50%) rotate(45deg)}
.mbub.swap{transform:scale(.94) translateY(6px);opacity:.2}
.mbub.swap.sl{transform:translateX(-40px) scale(.96);opacity:0}.mbub.swap.sr{transform:translateX(40px) scale(.96);opacity:0}
.mbub{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.mb-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:980px;background:var(--gray);color:var(--ink)}
.mb-tag.w{background:rgba(0,96,173,.1);color:var(--blue)}.mb-tag.b{background:rgba(227,15,18,.09);color:var(--red)}
.mb-txt{-webkit-hyphens:manual;hyphens:manual;margin:8px 0 10px;font-size:16.5px;line-height:1.45;color:var(--ink);font-weight:500;min-height:3em}
.mb-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mb-dots{display:flex;gap:6px;flex-wrap:wrap}
.mb-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d6d6db;cursor:pointer;transition:width .3s,background .3s}
.mb-dots button[aria-selected="true"]{width:22px;border-radius:5px;background:var(--red)}
.mb-nav{display:flex;align-items:center;gap:6px}.mb-prev{border:0;background:var(--gray);color:var(--ink-2);width:32px;height:32px;border-radius:50%;font:inherit;font-size:15px;cursor:pointer}
.mb-next{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--blue);cursor:pointer;padding:6px 0;white-space:nowrap}
.mb-cta[hidden]{display:none}
.mb-cta{display:block;margin-top:10px;text-align:center;font-weight:700;color:#fff;background:var(--red);border-radius:980px;padding:11px 14px}
.emblem.hop .em-obj{animation:hop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes hop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-22px) scale(1.03,.97)}60%{transform:translateY(0) scale(.98,1.02)}100%{transform:none}}
.emblem.wig .em-obj{animation:wig 1.2s ease-in-out}
@keyframes wig{0%,100%{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}
@media (min-width:860px){
  .mstage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:26px}
  .mstage .emblem{grid-column:2;grid-row:1}
  .mbub{grid-column:3;grid-row:1;justify-self:start}
  .mbub::after{left:-9px;top:44%;bottom:auto;transform:rotate(45deg);border-right:0;border-top:0;border-left:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
}
@media (prefers-reduced-motion:reduce){.emblem.hop .em-obj,.emblem.wig .em-obj{animation:none}.mbub{transition:none}}
.legal-page{padding-block:48px 80px}
.legal{max-width:820px;margin:0 auto;padding:clamp(22px,4vw,44px);display:grid;gap:14px;background:#fff;border-radius:30px}
.legal h1{font-size:clamp(32px,5vw,52px)!important;letter-spacing:-.04em;font-weight:800}
.legal h2{font-size:clamp(20px,2.4vw,26px);margin-top:10px;letter-spacing:-.02em}
.legal h3{font-size:18px;margin-top:6px}
.legal p,.legal li,.legal address,.legal td{color:var(--ink-2)}
.legal ul{margin:0;padding-left:20px}
.legal address{font-style:normal;line-height:1.7}
.legal a{color:var(--blue);text-decoration:underline}
.legal .eyebrow{color:var(--red)}
.tbl{overflow-x:auto}
.tbl table{border-collapse:collapse;width:100%;min-width:440px;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line-l);vertical-align:top}
.tbl th{font-size:12px;color:var(--ink-3);font-weight:600}
.tbl code{font-size:12.5px;color:var(--ink)}
.back{display:inline-flex;margin-bottom:18px}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;padding:12px 20px;border-radius:980px;background:#1d1d1f;color:#fff;font-weight:600;font-size:14px;max-width:calc(100vw - 32px);text-align:center;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}


/* ---------- Brand/Wasser-Abschnitte ---------- */
.fx{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.split-sec{position:relative;isolation:isolate}
#brandschaden::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 80% 50%,rgba(227,15,18,.18),transparent 70%)}
#wasserschaden::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 20% 50%,rgba(42,139,224,.20),transparent 70%)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center}
.split.rev>.split-txt{order:2}
.split-txt{display:grid;gap:20px;min-width:0}
.checks{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:4px}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;padding:12px 0;border-top:1px solid var(--line-d)}
.checks li::before{content:"";grid-row:span 2;width:22px;height:22px;border-radius:50%;margin-top:1px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.checks b{font-size:16.5px;font-weight:600;color:#fff;letter-spacing:-.01em}
.checks span{font-size:15px;color:var(--on-d2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Vorher/Nachher */
.ba{position:relative;margin:0;border-radius:30px;overflow:hidden;aspect-ratio:4/3.2;max-width:100%;background:#2a2a2e;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 0 0 1px var(--glass-edge);--v:55%;touch-action:pan-y}
.ba-layer{position:absolute;inset:0}
.ba-layer svg{width:100%;height:100%;display:block}
.ba-soot{clip-path:inset(0 calc(100% - var(--v)) 0 0)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--v);width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 20px rgba(0,0,0,.4)}
.ba-handle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-style:normal;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:16px;padding:6px 12px;border-radius:980px;font-size:13px;font-weight:600;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}
.ba-tag.l{left:16px}.ba-tag.r{right:16px;background:rgba(255,255,255,.85);color:#000}
.ba-note{position:absolute;bottom:14px;right:16px;font-size:11.5px;color:rgba(0,0,0,.55);pointer-events:none}
/* Wärmebild */
.ir{position:relative;margin:0;border-radius:30px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:#000;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 0 0 1px var(--glass-edge);cursor:crosshair;touch-action:pan-y}
.ir canvas{width:100%;height:100%;display:block}
.ir-hud{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}
.ir-top{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:980px;font-size:13px;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ir-top b{color:var(--red-l);margin-right:4px}
.ir-cross{position:absolute;left:var(--x,38%);top:var(--y,64%);transform:translate(-50%,-50%)}
.ir-cross i{display:block;width:46px;height:46px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.ir-cross i::before,.ir-cross i::after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
.ir-cross i::before{width:66px;height:2px}.ir-cross i::after{width:2px;height:66px}
.ir-cross em{position:absolute;left:36px;top:-30px;white-space:nowrap;font-style:normal;font-weight:700;font-size:14px;padding:4px 10px;border-radius:980px;background:#fff;color:#000}
.ir-scale{position:absolute;right:16px;top:56px;bottom:56px;width:12px}
.ir-scale i{position:absolute;inset:0;border-radius:6px;background:linear-gradient(#fffde0,#ffd23f,#ff7a1a,#d9203a,#7a1a8c,#26164f,#05030f);box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.ir-scale em{position:absolute;right:18px;font-style:normal;font-size:11.5px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000}
.ir-scale em:first-of-type{top:-4px}.ir-scale em:last-of-type{bottom:-4px}
.ir-hint{position:absolute;bottom:14px;left:16px;font-size:12px;color:rgba(255,255,255,.75);text-shadow:0 1px 3px #000}
/* Erste Schritte */
.first{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fs{background:#fff;border-radius:30px;padding:clamp(22px,3vw,36px);display:grid;gap:16px;align-content:start;min-width:0}
.fs-h{display:flex;gap:14px;align-items:center}
.fs-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}
.fs-i svg{width:22px;height:22px}
.fs.w .fs-i{background:rgba(0,96,173,.1);color:var(--blue)} .fs.b .fs-i{background:rgba(227,15,18,.1);color:var(--red)}
.fs h3{font-size:clamp(21px,2.2vw,26px);letter-spacing:-.03em;font-weight:800}
.fs ol{margin:0;padding:0;list-style:none;counter-reset:f;display:grid;gap:0}
.fs li{counter-increment:f;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line-l);color:var(--ink-2);font-size:15.5px}
.fs li::before{content:counter(f);width:26px;height:26px;border-radius:50%;background:var(--gray);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:13px}
.fs li b{color:var(--ink);font-weight:600}
.fs .pill{justify-self:start}
.fs-note{margin-top:18px;font-size:13.5px;color:var(--ink-3);text-align:center}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}.split.rev>.split-txt{order:0}.first{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.split-txt .row .pill,.fs .pill{flex:1 1 100%;justify-self:stretch}.ir-hint{display:none}}


/* ======== HELL ======== */
body{background:#fff;color:var(--ink)}
body::before{background:rgba(255,255,255,.92)}
:focus-visible{outline-color:var(--blue)}
.nav{background:rgba(255,255,255,.82);border-bottom-color:var(--line-l)}
.menu a{color:var(--ink-2)} .menu a:hover{color:var(--ink)} .menu a.on{color:var(--red)}
.nav .call{background:var(--ink);color:#fff}
.burger{background:var(--gray);color:var(--ink)}
.sheet{background:rgba(255,255,255,.97)!important;border-bottom-color:var(--line-l)!important}
.sheet a{border-bottom-color:var(--line-l)!important;color:var(--ink)}
.p-white{background:var(--ink);color:#fff}
.p-glass{background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #d2d2d7}
.mute-d{color:var(--ink-3)}
.hero{color:var(--ink)}
.hero::before{background:radial-gradient(55% 55% at 18% 40%,rgba(227,15,18,.08),transparent 65%),radial-gradient(55% 55% at 82% 45%,rgba(0,96,173,.10),transparent 65%),linear-gradient(#fff,#f5f5f7)}
.hero-copy::before{display:none}
.hero .lead{color:var(--ink-2)}
.hero-fade{background:linear-gradient(transparent,#fff)}
.dust{display:none}
.status{background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px var(--line-l);color:var(--ink-2)} .status b{color:var(--ink)}
.silver{background-image:linear-gradient(100deg,#1d1d1f 0%,#6e6e73 22%,#aeaeb2 38%,#3a3a3c 52%,#86868b 70%,#1d1d1f 100%)}
.trust{background:rgba(255,255,255,.78);border-color:var(--line-l);box-shadow:0 24px 60px -34px rgba(0,0,0,.3)}
.trust>div+div{border-color:var(--line-l)} .trust b{color:var(--ink)} .trust span span{color:var(--ink-3)}
.tico{background:var(--gray)} .tico svg{stroke:var(--ink)}
.split-sec .checks li{border-top-color:var(--line-l)}
.checks b{color:var(--ink)} .checks span{color:var(--ink-2)}
.checks li::before{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
#brandschaden::before{background:radial-gradient(45% 60% at 80% 50%,rgba(227,15,18,.07),transparent 70%)}
#wasserschaden::before{background:radial-gradient(45% 60% at 20% 50%,rgba(0,96,173,.08),transparent 70%)}
.ba,.ir{box-shadow:0 40px 80px -40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.06)}
.stage{color:var(--ink)}
.stage::before{background:radial-gradient(55% 60% at 75% 45%,rgba(0,96,173,.10),transparent 65%),radial-gradient(35% 45% at 15% 85%,rgba(227,15,18,.06),transparent 70%),#fff}
.stage .lead{color:var(--ink-2)}
.iso-card{background:#fff;border-color:var(--line-l);box-shadow:0 30px 70px -36px rgba(0,0,0,.3)}
.iso-top,.iso-foot{color:var(--ink-3)} .iso-top b{color:var(--ink)}
.iso .floor{fill:rgba(0,0,0,.02);stroke:#8e8e93} .iso .wl{fill:rgba(0,0,0,.05);stroke:#8e8e93} .iso .wr{fill:rgba(0,0,0,.025);stroke:#8e8e93}
.iso .door{stroke:#aeaeb2} .iso .wet{fill:var(--blue)}
.iso .mp circle.c{fill:var(--blue)} .iso .mp circle.halo{stroke:var(--blue)} .iso .mp.dry circle.c{fill:#1f9d43}
.iso .mp line{stroke:rgba(0,0,0,.3)} .iso .mp rect{fill:#fff;stroke:#d2d2d7} .iso .mp text{fill:var(--ink)} .iso .mp text.k{fill:var(--ink-3)}
.iso .dev rect{fill:#fff;stroke:var(--blue)} .iso .dev text{fill:var(--blue)}
.prog{background:#e5e5ea} .again{background:var(--gray);color:var(--ink)}
.st{background:#fff} .st .n{background:var(--ink);color:#fff} .st small{color:var(--red)} .st p{color:var(--ink-2)}
.cta-card{background:var(--gray);color:var(--ink)}
.cta-card::before{background:radial-gradient(50% 80% at 85% 20%,rgba(0,96,173,.14),transparent 65%),radial-gradient(40% 70% at 0% 100%,rgba(227,15,18,.10),transparent 70%)}
.cta-card .lead{color:var(--ink-2)}
.cta-card .status{background:#fff}
.ct{background:#fff;box-shadow:inset 0 0 0 1px var(--line-l)} .ct small{color:var(--ink-3)} .ct svg{color:var(--blue)}
.copy{background:var(--gray);color:var(--ink)}
.toast{background:var(--ink)}
/* Schwebende Tropfen & Flammen */
.pl{border-radius:0;width:auto;height:auto}
.pl svg{display:block;width:100%;height:100%;overflow:visible}
.pl.f svg{filter:drop-shadow(0 18px 30px rgba(227,15,18,.28))}
.pl.w svg{filter:drop-shadow(0 18px 30px rgba(0,96,173,.28))}
/* Notfall */
.sos-btn{position:fixed;z-index:55;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 22px 0 18px;border:0;border-radius:980px;
  background:var(--red);color:#fff;font-family:var(--f);font-size:17px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 14px 34px -12px rgba(227,15,18,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s}
.sos-btn:hover{transform:scale(1.04)}
.sos-btn i{position:relative;width:12px;height:12px;border-radius:50%;background:#fff}
.sos-btn i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #fff;opacity:.8;animation:sosp 1.6s ease-out infinite}
@keyframes sosp{to{transform:scale(1.9);opacity:0}}
.sos .eyebrow{color:var(--red)}
.sos-call{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:24px;background:rgba(227,15,18,.07)}
.sos-pill{background:var(--red);color:#fff;height:60px;padding:0 26px;font-size:18px;box-shadow:0 14px 30px -14px rgba(227,15,18,.8)}
.sos-num{display:grid;gap:4px;min-width:0}
.sos-num b{font-size:clamp(20px,3vw,26px);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.copy2{justify-self:start;border:0;background:#fff;color:var(--ink);border-radius:980px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-l)}
.sos-112{font-size:15px;color:var(--ink-2);padding:12px 14px;border-radius:16px;background:var(--gray)}
.sos-112 b{color:var(--red)}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:980px;background:var(--gray)}
.seg2 button{border:0;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--ink-2);padding:10px;border-radius:980px;cursor:pointer}
.seg2 button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.sos-list{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:8px}
.sos-list li{counter-increment:q;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;font-size:16px;color:var(--ink-2);padding:10px 12px;border-radius:16px;background:var(--gray)}
.sos-list li::before{content:counter(q);width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.sos-list b{color:var(--ink)}
@media (max-width:560px){.sos-call{grid-template-columns:minmax(0,1fr)}.sos-pill{width:100%}.sos .row .pill{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.sos-btn i::after{display:none}}
footer{padding-bottom:96px}


/* Schriftfarben wie im Logo: Grau #3C3C3C, Rot #E30F12, Blau #0060AD */
.t-red{color:var(--red)} .t-blue{color:var(--blue)}
.hero h1{color:var(--ink)}
.status .t-red{font-weight:600}
.silver{background-image:linear-gradient(100deg,#3c3c3c 0%,#6e6e73 25%,#a1a1a6 42%,#3c3c3c 60%,#7a7a7f 80%,#3c3c3c 100%)}
#wasserschaden .eyebrow{color:var(--blue)}
#wasserschaden .big .t-blue{color:var(--blue)}


/* Emblem im Hero: exakt das Logo-Symbol, als 3D-Objekt mit Tiefe */
.emblem{--m:url(maskottchen.webp);position:relative;z-index:1;width:clamp(210px,27vw,300px);aspect-ratio:754/1019;margin:clamp(26px,4vw,48px) auto 0;}
.emblem.drag{cursor:grabbing}
.em-glow{position:absolute;inset:-30% -45%;background:radial-gradient(closest-side,rgba(227,15,18,.16),transparent 70%),radial-gradient(closest-side at 55% 65%,rgba(0,96,173,.18),transparent 70%);filter:blur(10px);pointer-events:none}
.em-ring{position:absolute;left:50%;top:88%;width:150%;height:auto;transform:translate(-50%,-50%) rotateX(74deg);color:rgba(60,60,60,.28);animation:spin 40s linear infinite;pointer-events:none}
@keyframes spin{to{transform:translate(-50%,-50%) rotateX(74deg) rotateZ(360deg)}}
.em-obj{position:absolute;inset:0;transform-style:preserve-3d;}
.em-spin{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.em-front,.em-back,.em-depth i{position:absolute;inset:0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.em-front{-webkit-mask:none;mask:none;background:var(--m) center/contain no-repeat;filter:drop-shadow(0 24px 26px rgba(90,10,10,.18))}
.em-back{transform:rotateY(180deg) translateZ(14px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(120% 90% at 38% 30%,#ff5a4d 0%,#e30f12 38%,#a30a0d 78%,#6e0608 100%)}
.em-depth{position:absolute;inset:0;transform-style:preserve-3d}
.em-depth i{display:block}
@keyframes hover{50%{translate:0 -12px}}
.em-shadow{position:absolute;left:16%;right:16%;bottom:-5%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,60,60,.3),transparent);pointer-events:none}
@keyframes shad{50%{transform:scale(.86);opacity:.7}}
.em-hint{position:absolute;left:50%;bottom:-16%;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;color:var(--ink-3);pointer-events:none;transition:opacity .4s}
.trust{margin-top:clamp(56px,8vw,90px)!important}
.fx{opacity:.55}
@media (prefers-reduced-motion:reduce){.em-obj,.em-shadow,.em-ring{animation:none}}


/* Hotline */
.hot-band{padding-block:8px clamp(32px,5vw,56px)}
.hot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:clamp(20px,3vw,30px) clamp(20px,3vw,36px);border-radius:30px;background:linear-gradient(120deg,#fff 0%,#fff4f3 60%,#ffe9e7 100%);box-shadow:inset 0 0 0 1px rgba(227,15,18,.18),0 24px 50px -34px rgba(227,15,18,.45)}
.hot-l{display:grid;gap:4px;min-width:0}
.hot-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--red)}
.hot-badge i{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(227,15,18,.18);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
.hot-num{font-size:clamp(30px,4.6vw,50px);font-weight:800;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05}
.hot-mail{font-size:15px;color:var(--ink-2)} .hot-mail a{color:var(--blue);font-weight:600}
.hot-r{display:flex;gap:10px;flex-wrap:wrap}
.sos-mail{font-size:15px;color:var(--blue);font-weight:600}
/* Für wen: 2x2 */
.feat.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.feat.four .fc{display:flex;flex-direction:column}
.feat.four .fc .vis{height:190px;min-height:0}
.fc.hl{box-shadow:inset 0 0 0 2px rgba(227,15,18,.35)}
.fc.l{box-shadow:inset 0 0 0 1px var(--line-l)}
.fc.l.hl{box-shadow:inset 0 0 0 2px rgba(227,15,18,.35)}
@media (max-width:760px){.feat.four{grid-template-columns:minmax(0,1fr)}.hot-r{width:100%}.hot-r .pill{flex:1 1 100%}}


/* Hotline im Kopf */
.hl-head{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:980px;background:var(--red);color:#fff;box-shadow:0 8px 20px -10px rgba(227,15,18,.7);flex:none;margin-left:auto}
.menu{margin-left:24px!important}
.menu a{white-space:nowrap;-webkit-hyphens:none;hyphens:none}
.hl-dot{position:relative;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);flex:none}
.hl-dot::before{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.hl-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:sosp 1.8s ease-out infinite}
.hl-t{display:grid;line-height:1.1}
.hl-t small{font-size:10.5px;font-weight:600;opacity:.9;letter-spacing:.01em}
.hl-t b{font-size:15px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.nav .in{gap:14px}
@media (max-width:1180px){.hl-head{margin-left:auto}.burger{margin-left:0!important}}
@media (max-width:420px){.nav .logo img{height:48px}.hl-head{padding:5px 10px 5px 6px;gap:7px}.hl-t b{font-size:13.5px}.hl-t small{font-size:9.5px}.hl-dot{width:22px;height:22px}}
@media (max-width:380px){.nav .in{gap:8px}.nav .logo img{height:41px}.hl-head{padding:4px 9px 4px 5px;gap:6px}.hl-t b{font-size:12.5px}.hl-t small{font-size:9px}.hl-dot{width:20px;height:20px}}
@media (max-width:1180px){.nav .call{display:none}}
@media (max-width:1560px){.nav .call{display:none}}
/* WhatsApp */
.wa-pill{background:#128c4a;color:#fff;box-shadow:0 12px 26px -14px rgba(37,211,102,.9)}
.wa-pill svg{width:20px;height:20px}
.wa-i{width:20px;height:20px;color:#1faa52;flex:none;display:grid}
.wa-i svg{width:20px;height:20px}


/* Echte 3D-Figur (WebGL) */
.em-gl{position:absolute;left:-30%;top:-14%;width:160%;height:128%;display:none;pointer-events:none}
.emblem.gl .em-gl{display:block}
.emblem.gl .em-obj{visibility:hidden}

/* Responsive */
@media (max-width:1060px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.feat{grid-template-columns:minmax(0,1fr)}.feat:not(.four) .fc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.feat:not(.four) .fc .vis{height:100%;min-height:220px}.feat:not(.four) .fc .bar{grid-column:1/-1}}
@media (max-width:1099px){.menu,.nav .call{display:none}.burger{display:grid;place-items:center}} @media (min-width:1100px){.burger{display:none!important}.menu{gap:13px;margin-left:16px!important}.menu a{font-size:13.5px}.hl-head{margin-left:auto}} @media (min-width:1100px){.nav .logo img{height:46px;width:auto}.hl-head{padding:5px 12px 5px 7px;gap:8px}.hl-t small{display:none}.hl-t b{font-size:15px}}
@media (max-width:1180px){
  .sheet{position:absolute;left:0;right:0;top:100%;background:rgba(0,0,0,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line-d);
    padding:8px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px))}
  .sheet.open{display:grid}
  .sheet a{padding:14px 0;border-bottom:1px solid var(--line-d);font-size:20px;font-weight:600;letter-spacing:-.02em}
  .sheet .pill{margin-top:16px;border:0}
}
@media (max-width:900px){
  .stage .in{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contacts{grid-template-columns:minmax(0,1fr)}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .trust{grid-template-columns:minmax(0,1fr);padding:8px}
  .trust>div{padding:10px 8px}
  .trust>div+div{border-left:0;border-top:1px solid var(--line-d)}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile{aspect-ratio:auto;min-height:200px}
  .tile .lab{padding:14px}
  .tile .lab b{font-size:16.5px}
  .tile .lab span{display:none}
  .fc{display:flex}
  .fc .vis{height:170px;min-height:0}
  .why{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .hero .row .pill{flex:1 1 100%}
  .cta-card .row .pill{flex:1 1 100%}
  .faq details p{padding-right:0}
}
@media (max-width:700px){.tile:last-child{grid-column:1/-1;min-height:180px}}
@media (max-width:380px){.tiles{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Hero-Überschrift lebendiger */
.hero h1 .t-red,.hero h1 .t-blue,.hero h1 .silver{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}
.hero h1 .t-red{background-image:linear-gradient(110deg,#ff7a2f 0%,#e30f12 30%,#b8070a 55%,#ff5a36 80%,#e30f12 100%);background-size:220% 100%;animation:flow 7s ease-in-out infinite alternate}
.hero h1 .t-blue{background-image:linear-gradient(110deg,#3aa6ff 0%,#0060ad 30%,#003f78 55%,#2b8fe6 80%,#0060ad 100%);background-size:220% 100%;animation:flow 7s ease-in-out infinite alternate-reverse}
.hero h1 .silver{background-image:linear-gradient(100deg,#2a2a2d 0%,#2a2a2d 42%,#9a9aa0 50%,#2a2a2d 58%,#2a2a2d 100%);background-size:260% 100%;background-position:100% 0;animation:shine 7s ease-in-out 1.6s infinite}
@keyframes flow{from{background-position:0% 0}to{background-position:100% 0}}
@keyframes shine{0%{background-position:100% 0}35%,100%{background-position:0% 0}}
.hero h1{position:relative;padding-bottom:22px}
.hero h1::after{content:"";position:absolute;left:50%;bottom:0;width:84px;height:5px;border-radius:5px;background:linear-gradient(90deg,#e30f12,#0060ad);transform:translateX(-50%) scaleX(0);animation:bar .9s cubic-bezier(.2,.8,.2,1) 1s forwards}
@keyframes bar{to{transform:translateX(-50%) scaleX(1)}}
.hero h1>span{display:inline-block;opacity:0;transform:translateY(.35em);animation:rise .8s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1>span:nth-child(1){animation-delay:.05s}.hero h1>span:nth-child(2){animation-delay:.22s}.hero h1>span:nth-child(3){animation-delay:.42s}
.hero h1 .t-red{animation:rise .8s cubic-bezier(.2,.8,.2,1) .05s forwards,flow 7s ease-in-out 1s infinite alternate}
.hero h1 .t-blue{animation:rise .8s cubic-bezier(.2,.8,.2,1) .22s forwards,flow 7s ease-in-out 1s infinite alternate-reverse}
.hero h1 .silver{animation:rise .8s cubic-bezier(.2,.8,.2,1) .42s forwards,shine 7s ease-in-out 1.6s infinite}
@keyframes rise{to{opacity:1;transform:none}}
.hero-copy::before{display:block!important;inset:-60px -20% -40px;background:radial-gradient(38% 42% at 28% 38%,rgba(255,90,40,.20),transparent 70%),radial-gradient(40% 44% at 74% 52%,rgba(0,110,210,.20),transparent 70%);filter:blur(30px);animation:aura 14s ease-in-out infinite alternate}
@keyframes aura{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(3%,2%) scale(1.08)}}
.hero .lead{color:#4a4a4f}
@media (prefers-reduced-motion:reduce){.hero h1>span,.hero h1 .t-red,.hero h1 .t-blue,.hero h1 .silver{animation:none;opacity:1;transform:none}.hero h1::after{animation:none;transform:translateX(-50%)}.hero-copy::before{animation:none}}

/* Einsatzgebiet */
.eg-lead{max-width:62ch;color:var(--ink-2);font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0 0 22px}
.eg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.eg-g{background:#fff;border:1px solid var(--line-l);border-radius:24px;padding:18px 18px 20px}
.eg-g h3{font-size:16px;margin:0 0 12px;color:var(--ink)}
.eg-g ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eg-g li{font-size:14px;font-weight:500;color:var(--ink-2);background:var(--gray);border-radius:980px;padding:6px 12px}
.eg-g:nth-child(1) li:first-child{background:var(--red);color:#fff}
.eg-more{margin:20px 0 0;color:var(--ink-2)}.eg-more a{color:var(--blue);font-weight:600;white-space:nowrap}

/* Überschriften einheitlich wie im Hero */
h2 .t-red,h2 .t-blue,h2 .mute-l,h2 .mute-d{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
h2 .t-red{background-image:linear-gradient(110deg,#ff7a2f 0%,#e30f12 30%,#b8070a 55%,#ff5a36 80%,#e30f12 100%);background-size:220% 100%;animation:flow 7s ease-in-out infinite alternate}
h2 .t-blue{background-image:linear-gradient(110deg,#3aa6ff 0%,#0060ad 30%,#003f78 55%,#2b8fe6 80%,#0060ad 100%);background-size:220% 100%;animation:flow 7s ease-in-out infinite alternate-reverse}
h2 .mute-l,h2 .mute-d{background-image:linear-gradient(100deg,#2a2a2d 0%,#2a2a2d 42%,#9a9aa0 50%,#2a2a2d 58%,#2a2a2d 100%);background-size:260% 100%;background-position:100% 0;animation:shine 7s ease-in-out 1.6s infinite}
h2.big,h2.h2{color:#3c3c3c}
.big{position:relative}
section#brandschaden .big,section#wasserschaden .big{padding-bottom:20px}
section#brandschaden .big::after,section#wasserschaden .big::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:5px;border-radius:5px;background:linear-gradient(90deg,#e30f12,#0060ad)}
@media (prefers-reduced-motion:reduce){h2 .t-red,h2 .t-blue,h2 .mute-l,h2 .mute-d{animation:none}}

/* Überschriften erscheinen beim Scrollen */
.rv-on h2.rv>span,.rv-on h2.rv{transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv-on h2.rv:not(.rv-in){opacity:0;transform:translateY(24px)}
.rv-on h2.rv>span{display:inline-block}
.rv-on h2.rv:not(.rv-in)>span{opacity:0;transform:translateY(.4em)}
.rv-on h2.rv.rv-in>span:nth-of-type(2){transition-delay:.18s}
.rv-on section#brandschaden .big::after,.rv-on section#wasserschaden .big::after{transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) .45s}
.rv-on section#brandschaden .big.rv-in::after,.rv-on section#wasserschaden .big.rv-in::after{transform:scaleX(1)}

/* Erste-Schritte-Karten lebendiger */
.fs h3{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-size:220% 100%;animation:flow 7s ease-in-out infinite alternate}
.fs.w h3{background-image:linear-gradient(110deg,#3aa6ff 0%,#0060ad 35%,#003f78 60%,#2b8fe6 100%)}
.fs.b h3{background-image:linear-gradient(110deg,#ff7a2f 0%,#e30f12 35%,#b8070a 60%,#ff5a36 100%)}
.fs.w li::before{background:linear-gradient(145deg,#3aa6ff,#0060ad);color:#fff}
.fs.b li::before{background:linear-gradient(145deg,#ff7a2f,#e30f12);color:#fff}
.fs.w .fs-i{background:linear-gradient(145deg,#3aa6ff,#0060ad);color:#fff;box-shadow:0 10px 22px -10px rgba(0,96,173,.7)}
.fs.b .fs-i{background:linear-gradient(145deg,#ff7a2f,#e30f12);color:#fff;box-shadow:0 10px 22px -10px rgba(227,15,18,.7)}
@media (prefers-reduced-motion:reduce){.fs h3{animation:none}}

/* Ablauf kompakt */
.tlw{background:#fff;border-radius:30px;padding:clamp(18px,3vw,32px);display:grid;gap:18px}
.tlist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:0 0 18px}
.tl:last-child{padding-bottom:0}
.tl:not(:last-child)::after{content:"";position:absolute;left:18px;top:40px;bottom:2px;width:3px;border-radius:3px;background:linear-gradient(var(--c),var(--c2,#e6e6ea))}
.tl-n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;background:var(--c);box-shadow:0 8px 18px -8px var(--c)}
.tl h3{font-size:18px;letter-spacing:-.02em;font-weight:700;margin:7px 0 2px;color:var(--ink)}
.tl p{margin:0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.tl-end{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;background:linear-gradient(110deg,#e30f12,#0060ad);color:#fff;border-radius:22px;padding:16px 18px}
.tl-loop{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}
.tl-loop svg{width:20px;height:20px}
@media (prefers-reduced-motion:no-preference){.tl-loop svg{animation:loopspin 6s linear infinite}}
@keyframes loopspin{to{transform:rotate(360deg)}}
.tl-et{display:grid;gap:2px}.tl-et b{font-size:17px}.tl-et span{font-size:14px;opacity:.9}
.tl-btns{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.tl-btns .pill{flex:1 1 140px;justify-content:center}
.tl-btns .p-white{background:#fff!important;color:#1d1d1f!important}
@media (min-width:860px){
  .tlist{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px}
  .tl{padding:0}.tl::after{display:none}
  .tl-end{grid-template-columns:auto minmax(0,1fr) auto}.tl-btns{grid-column:auto;flex-wrap:nowrap}
}

/* Tipp-Karussell */
.mbub{transition:none!important;transform:none!important;opacity:1!important;cursor:auto}
.mb-vp{overflow:hidden;touch-action:pan-y;cursor:grab}
.mb-vp:active{cursor:grabbing}
.mb-track{display:flex;will-change:transform}
.mb-slide{flex:0 0 100%;min-width:0;box-sizing:border-box;padding:0 12px}
.mb-track>.mb-slide{transition:opacity .3s,transform .3s}
.mb-slide[aria-hidden="true"]{opacity:.35;transform:scale(.97)}
.mb-track.drag>.mb-slide{opacity:1;transform:none}
.mb-prev:disabled{opacity:.35;cursor:default}
.tl-done{color:#1f9d55!important}
.tl:last-child .tl-n{font-size:18px}
.mstage{grid-template-columns:minmax(0,1fr)}
.mbub{min-width:0;max-width:100%;box-sizing:border-box}
.mb-vp{width:auto;min-width:0;margin:0 -12px}
@media (min-width:860px){.mstage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.mbub{width:min(100%,380px)}}

/* Partner */
.partners{margin-top:clamp(40px,6vw,64px);display:grid;gap:18px}
.pt-h{display:flex;align-items:center;gap:14px;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pt-line{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,#cfcfd4)}
.pt-line:last-child{background:linear-gradient(90deg,#cfcfd4,transparent)}
.pt-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:860px){.pt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.pt{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line-l);border-radius:20px;padding:14px;min-width:0;transition:transform .25s,box-shadow .25s}
.pt:hover{transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(0,0,0,.35)}
.pt-m{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.02em;color:#fff;background:linear-gradient(145deg,#e30f12,#0060ad)}
.pt:nth-child(2) .pt-m{background:linear-gradient(145deg,#0060ad,#3aa6ff)}
.pt:nth-child(3) .pt-m{background:linear-gradient(145deg,#ff7a2f,#e30f12)}
.pt:nth-child(4) .pt-m{background:linear-gradient(145deg,#3c3c3c,#77777c)}
.pt-t{display:grid;min-width:0;line-height:1.2}
.pt-t b{font-size:15.5px;color:var(--ink);font-weight:700;overflow-wrap:anywhere}
.pt-t small{font-size:12.5px;color:var(--ink-3);margin-top:2px}
.pt-t b{-webkit-hyphens:none;hyphens:none}
@media (max-width:520px){.pt{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 16px}}

.pt{justify-content:center;text-align:center;padding:18px 14px;min-height:84px}
.pt-t{justify-items:center}
.pt-t b{font-size:16.5px;letter-spacing:-.01em}
@media (max-width:520px){.pt{flex-direction:row;align-items:center;padding:16px 12px}}

/* Notfall-Reiter farbig */
.seg2 button{transition:background .25s,color .25s,box-shadow .25s}
#sTabW[aria-selected="true"]{background:linear-gradient(135deg,#3aa6ff,#0060ad);color:#fff;box-shadow:0 8px 18px -8px rgba(0,96,173,.8)}
#sTabB[aria-selected="true"]{background:linear-gradient(135deg,#ff7a2f,#e30f12);color:#fff;box-shadow:0 8px 18px -8px rgba(227,15,18,.8)}
#sTabW[aria-selected="false"]{color:var(--blue)}#sTabB[aria-selected="false"]{color:var(--red)}
#sPaneW li::before{background:linear-gradient(145deg,#3aa6ff,#0060ad)}
#sPaneB li::before{background:linear-gradient(145deg,#ff7a2f,#e30f12)}
#sPaneW li{background:rgba(0,96,173,.06)}#sPaneB li{background:rgba(227,15,18,.05)}

[hidden]{display:none!important}

/* FAQ kompakt (Rat: Design + UX) */
.faq2{max-width:760px;margin:0 auto;display:grid;gap:12px;--tc:#3c3c3c}
.fq-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px;-webkit-overflow-scrolling:touch}
.fq-chips::-webkit-scrollbar{display:none}
.fq-chips button{flex:none;height:34px;padding:0 14px;border-radius:17px;border:1px solid #e5e5ea;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fq-chips button[data-f="w"]{color:#0060ad;background:rgba(0,96,173,.08);border-color:rgba(0,96,173,.28)}
.fq-chips button[data-f="b"]{color:#e30f12;background:rgba(227,15,18,.07);border-color:rgba(227,15,18,.26)}
.fq-chips button[data-f="v"]{color:#2e8b57;background:rgba(46,139,87,.08);border-color:rgba(46,139,87,.28)}
.fq-chips button[data-f="a"]{color:#3c3c3c;background:#f0f0f2;border-color:#dcdce0}
.fq-chips button[aria-selected="true"]{color:#fff;border-color:transparent;background:#3c3c3c}
.fq-chips button[data-f="w"][aria-selected="true"]{background:linear-gradient(135deg,#3aa6ff,#0060ad)}
.fq-chips button[data-f="b"][aria-selected="true"]{background:linear-gradient(135deg,#ff7a2f,#e30f12)}
.fq-chips button[data-f="v"][aria-selected="true"]{background:linear-gradient(135deg,#3fae6e,#2e8b57)}
.fq-list{display:grid;gap:8px}
.fq{background:#fff;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);--tc:#3c3c3c;overflow:hidden}
.fq[data-cat="w"]{--tc:#0060ad}.fq[data-cat="b"]{--tc:#e30f12}.fq[data-cat="v"]{--tc:#2e8b57}
.fq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:13px 14px 13px 16px;font-size:15px;font-weight:600;line-height:1.35;color:#3c3c3c;letter-spacing:-.01em}
.fq summary::-webkit-details-marker{display:none}
.fq summary span,.fq-a p{-webkit-hyphens:manual;hyphens:manual}
.fq summary i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--tc);background:color-mix(in srgb,var(--tc) 10%,#fff);transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s,color .26s}
.fq summary i svg{width:16px;height:16px}
.fq[open] summary i{transform:rotate(180deg);background:var(--tc);color:#fff}
.fq[open] summary{color:var(--tc)}
.fq-a{padding:0 16px 16px}
.fq-a p{margin:0;font-size:14.5px;line-height:1.5;color:#6e6e73}
.fq-act{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:var(--tc)}
@supports selector(::details-content){
  .fq{interpolate-size:allow-keywords}
  .fq::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .26s cubic-bezier(.2,.8,.2,1),opacity .26s,content-visibility .26s allow-discrete}
  .fq[open]::details-content{block-size:auto;opacity:1}
}
.faq2[data-f="all"]:not(.more) .fq:not([data-top]){display:none}
.faq2:not([data-f="all"]) .fq{display:none}
.faq2[data-f="w"] .fq[data-cat="w"],.faq2[data-f="b"] .fq[data-cat="b"],.faq2[data-f="v"] .fq[data-cat="v"],.faq2[data-f="a"] .fq[data-cat="a"]{display:block}
.faq2:not([data-f="all"]) .fq-more,.faq2.more .fq-more{display:none}
.fq-more{justify-self:center;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--blue);padding:8px 12px;cursor:pointer}
.fq-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:6px;padding:14px;border-radius:20px;background:#fff;font-size:14.5px;color:var(--ink-2)}
.fq-end a{font-weight:700;padding:7px 14px;border-radius:980px;color:#fff;background:var(--red)}
.fq-end a+a{background:#128c4a}

/* Schaden-melden-Formular */
.sm{max-width:760px;margin:0 auto;background:#fff;border-radius:30px;padding:clamp(18px,3vw,30px);display:grid;gap:16px}
.sm-30{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#e30f12,#ff5a36);color:#fff;border-radius:18px;padding:12px 16px}
.sm-30 b{font-size:20px;white-space:nowrap}.sm-30 span{font-size:14.5px;line-height:1.35}
.sm-f{border:0;margin:0;padding:0;display:grid;gap:8px}.sm-f legend{font-weight:700;font-size:15px;margin-bottom:8px;color:var(--ink)}
.sm-radio{display:flex;flex-wrap:wrap;gap:8px}
.sm-radio label{position:relative;cursor:pointer}
.sm-radio input{position:absolute;opacity:0;pointer-events:none}
.sm-radio span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;border-radius:20px;border:1px solid #dcdce0;background:#fff;font-size:14.5px;font-weight:600;color:#3c3c3c}
.sm-radio span::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #b8b8be;box-sizing:border-box;transition:.15s}
.sm-radio input:checked+span{border-color:var(--rc,#3c3c3c);background:color-mix(in srgb,var(--rc,#3c3c3c) 8%,#fff);color:var(--rc,#3c3c3c)}
.sm-radio input:checked+span::before{border:5px solid var(--rc,#3c3c3c)}
.sm-radio input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.r-w{--rc:#0060ad}.r-b{--rc:#e30f12}.r-s{--rc:#2e8b57}.r-a{--rc:#3c3c3c}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.sm-l{display:grid;gap:6px;min-width:0}.sm-l>span{font-size:13.5px;font-weight:600;color:#5f6368}
.sm-l input,.sm-l textarea{font:inherit;font-size:16px;color:var(--ink);background:#f5f5f7;border:1px solid transparent;border-radius:14px;padding:12px 14px;width:100%;box-sizing:border-box;transition:border-color .15s,background .15s}
.sm-l input:focus,.sm-l textarea:focus{outline:none;border-color:var(--blue);background:#fff}
.sm-l input.bad{border-color:var(--red);background:#fff5f5}
.sm-up{display:grid;gap:10px}
.sm-upb{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:22px;border:1.5px dashed #b8b8be;background:#fafafa;font:inherit;font-size:15px;font-weight:600;color:#3c3c3c;cursor:pointer}
.sm-upb small{font-weight:500;color:#6e6e73}
.sm-th{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.sm-th div{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eee}
.sm-th img{width:100%;height:100%;object-fit:cover;display:block}
.sm-th button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:13px;cursor:pointer}
.sm-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sm-ds{margin:0;font-size:13px;line-height:1.45;color:#5f6368}.sm-ds a{color:var(--blue)}
.sm-go{justify-self:stretch;justify-content:center;font-size:17px;height:54px;border:0;cursor:pointer}
.sm-msg{border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.45;background:#eef8f1;color:#1d5e3a}
.sm-msg.warn{background:#fff7e6;color:#6b4a00}
.sm-msg .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* Kontraste & Tippflächen */
.tl:nth-child(3) .tl-n,.tl:nth-child(4) .tl-n{color:#1d1d1f}
.mb-dots button{position:relative}
.mb-dots button::after{content:"";position:absolute;inset:-9px -4px}
.mb-dots{gap:8px}

/* Formular kompakt (Rat-Regeln) */
.sm{gap:14px}
.sm-f legend,.sm-lg{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink);margin:2px 0 8px}
.sm-f legend i,.sm-lg i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e30f12,#0060ad)}
.sm-lg small{font-weight:500;color:var(--ink-3);font-size:13px}
.sm-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sm-art label{position:relative;cursor:pointer;min-width:0}
.sm-art input{position:absolute;opacity:0;pointer-events:none}
.sm-art span{display:grid;justify-items:center;gap:6px;padding:12px 4px 10px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--rc) 28%,#fff);background:color-mix(in srgb,var(--rc) 7%,#fff);color:var(--rc);transition:background .2s,color .2s,transform .15s,box-shadow .2s}
.sm-art svg{width:24px;height:24px}
.sm-art b{font-size:13px;font-weight:700;letter-spacing:-.02em;-webkit-hyphens:none;hyphens:none;white-space:nowrap}
.sm-roles span{border-color:rgba(0,96,173,.25);background:rgba(0,96,173,.05);color:#0b4f8a}
.sm-roles span::before{border-color:rgba(0,96,173,.45)}
.sm-art input:checked+span{background:var(--rc);color:#fff;border-color:transparent;box-shadow:0 10px 20px -12px var(--rc);transform:translateY(-1px)}
.sm-art input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.sm-art .r-b span{--rc:#e30f12}.sm-art label{--rc:#3c3c3c}.sm-art .r-w{--rc:#0060ad}.sm-art .r-b{--rc:#e30f12}.sm-art .r-s{--rc:#2e8b57}.sm-art .r-a{--rc:#5f6368}
@media (max-width:360px){.sm-art{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sm-roles{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px 4px}
.sm-roles::-webkit-scrollbar{display:none}
.sm-radio span{height:34px;padding:0 13px 0 10px;font-size:14px;border-radius:17px;white-space:nowrap}
.sm-radio span::before{width:14px;height:14px}
.sm-roles input:checked+span{--rc:#0060ad}
.sm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sm-grid .sm-l:nth-child(3),.sm-grid .sm-l:nth-child(6){grid-column:1/-1}
.sm-grid .sm-l:nth-child(4){grid-column:auto}
.sm-l>span{font-size:12.5px}
.sm-l input,.sm-l textarea{font-size:16px;padding:11px 13px;border-radius:12px}
.sm-l input{height:46px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sm-30{padding:10px 14px}.sm-30 b{font-size:18px}.sm-30 span{font-size:13.5px}

/* Zahlenleiste */
.kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:760px;margin:26px auto 0}
.kpi{background:#fff;border-radius:18px;padding:12px 8px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05);display:grid;gap:2px}
.kpi b{font-size:clamp(20px,3.4vw,28px);font-weight:800;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(110deg,#e30f12,#0060ad)}
.kpi span{font-size:12px;line-height:1.25;color:#5f6368;font-weight:600}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Einsatzgebiet mit Karte */
.eg2{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.eg2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}
.eg-mapw{margin:0;background:#fff;border-radius:28px;padding:10px;display:grid;gap:8px}
.eg-map{width:100%;height:auto;display:block}
.eg-lab text{font:700 15px Inter,system-ui,sans-serif;fill:#3c3c3c;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.eg-rh{font:600 13px Inter,system-ui,sans-serif;fill:#6ea3d6;font-style:italic}
.eg-mapw figcaption{display:flex;gap:14px;justify-content:center;font-size:12.5px;color:#5f6368;padding-bottom:6px}
.eg-mapw .d{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.d.r{background:#e30f12}.d.b{background:#0060ad}.d.g{background:#9a9aa0}
.eg-side{background:#fff;border-radius:28px;padding:18px 18px 16px}
.eg-side h3{margin:0 0 10px;font-size:16px}
.eg-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.eg-list li{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr) 3em;align-items:center;gap:10px;font-size:14px}
.eg-n{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-bar{height:8px;border-radius:4px;background:#f0f0f3;overflow:hidden}.eg-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#e30f12,#0060ad)}
.eg-list b{text-align:right;font-size:14px;color:var(--ink)}
.eg-rest{margin:12px 0 4px;font-size:13.5px;line-height:1.5;color:#5f6368}.eg-rest b{color:var(--ink)}
.eg-note{margin:0;font-size:12px;color:#86868b}
/* Nachweise */
.proofs{list-style:none;margin:clamp(30px,5vw,48px) auto 0;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.proofs li{background:#fff;border-radius:18px;padding:12px 14px 12px 40px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.05);display:grid;gap:2px}
.proofs li::before{content:"✓";position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;background:#2e8b57;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.proofs b{font-size:14.5px;color:var(--ink)}.proofs span{font-size:13px;color:#5f6368;line-height:1.35}
@media (max-width:560px){.proofs{grid-template-columns:repeat(2,minmax(0,1fr))}.proofs li{padding:10px 10px 10px 34px}.proofs li::before{left:9px;top:11px;width:18px;height:18px;font-size:11px}.proofs b{font-size:13.5px}.proofs span{font-size:12px}}

/* Karten: von unten hereingleiten und wieder hinaus */
.drawer{animation:sheetUp .42s cubic-bezier(.2,.9,.25,1)}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.drawer.out{animation:sheetDown .28s cubic-bezier(.4,0,.8,.4) forwards}
@keyframes sheetDown{from{transform:translateY(0)}to{transform:translateY(100%)}}
.scrim{animation:fadeIn .3s ease}
.scrim.out{animation:fadeOut .28s ease forwards}
@keyframes fadeIn{from{opacity:0}}@keyframes fadeOut{to{opacity:0}}
@media (prefers-reduced-motion:reduce){.drawer,.drawer.out,.scrim,.scrim.out{animation:none}}
.eg-pulse{fill:rgba(227,15,18,.18);transform-box:fill-box;transform-origin:center;animation:egp 2.4s ease-out infinite}
@keyframes egp{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.eg-pulse{animation:none}}
.eg-lab .eg-big{font-size:17px;font-weight:800}.eg-lab .eg-sub{font-size:12px;font-weight:600;fill:#e30f12}
.d.h{background:#fff;border:2.5px solid #e30f12;box-sizing:border-box}
.eg-home-note{margin:10px auto 0;max-width:520px;font-size:13.5px;line-height:1.45;color:#4a5160;text-align:center}.eg-home-note b{color:#e30f12}
html{scrollbar-gutter:stable}
@media (min-width:1061px){.tile{aspect-ratio:4/5}}
@media (min-width:701px) and (max-width:1060px){
  .tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tile{grid-column:span 2;aspect-ratio:5/4;min-height:0}
  .tiles .tile:nth-child(4){grid-column:2/span 2}
  .tiles .tile:nth-child(5){grid-column:4/span 2}
}
/* ===== Rat 2026-11: einheitliches Raster ===== */
:root{--r-xl:24px;--r-l:18px;--r-s:12px}
.fc,.fs,.tlw,.sm,.cta-card,.hot,.ba,.ir,.eg-mapw,.eg-side{border-radius:var(--r-xl)}
.tile,.pt,.fq,.ct,.kpi,.proofs li,.mbub,.tl-end,.trust,.fq-end{border-radius:var(--r-l)}
h2 .kw{display:block!important;font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;margin-bottom:14px;max-width:none;opacity:1!important;transform:none!important}
.big,.h2{font-size:clamp(30px,4.2vw,52px);line-height:1.07;letter-spacing:-.035em}
.big{max-width:18ch}
.head{gap:10px;margin-bottom:clamp(20px,3vw,36px)}
.sec{padding-block:clamp(48px,6.5vw,88px)}
.hot-band{padding-block:0 clamp(24px,4vw,56px)}
.lead{max-width:60ch}
.hot .pill{height:52px;font-size:16px}
#fragen .head,#fragen .eyebrow,#fragen h2{text-align:left;justify-items:start}
/* Bewegung: dezent, einmalig */
h2 .t-red,h2 .t-blue,h2 .mute-l,h2 .mute-d,.fs h3{animation-iteration-count:1}
.hot-badge i{animation:none}
.hero-copy::before{animation:none}
.fc,.fs,.tile,.pt,.proofs li,.ct,.kpi{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,opacity .6s,translate .6s}
@media (hover:hover){:is(.fc,.fs,.tile,.pt,.proofs li,.ct,.kpi):hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,0,0,.28)}}
.rv-on .rvc:not(.rv-in){opacity:0;translate:0 16px}
.rvc{transition-delay:calc(var(--i,0)*60ms)}
@media (prefers-reduced-motion:reduce){.rv-on .rvc:not(.rv-in){opacity:1;translate:none}}
/* Ablauf-Abschluss rot (Anruf) */
.tl-end{background:linear-gradient(110deg,#e30f12,#b8070a)}
/* Gleich hohe Karten, Knöpfe unten bündig */
.fs{grid-template-rows:auto auto 1fr auto}.fs>.pill:last-child,.fs>.row:last-child{align-self:end}
.feat.four{grid-auto-rows:1fr}
.proofs li{align-content:start}
.eg-home-note{text-align:left;margin-inline:0;max-width:62ch}
.eg-list li{grid-template-columns:minmax(0,10.5em) minmax(0,1fr) 3em}
.eg-list li>:first-child{white-space:nowrap}

/* ----- Handy ----- */
@media (max-width:700px){
 .sec{padding-block:48px}
 .hero{min-height:0;padding-block:32px 24px}
 .hero-copy{gap:16px}
 .mb-dots{gap:5px;flex-wrap:nowrap}
 .emblem{width:150px}
 .trust{margin-top:20px!important}
 .hot{padding:16px}
 .hot-r{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hot-r .pill{height:48px;width:auto}
 .hot-r [data-copy]{grid-column:1/-1;height:36px;background:none;box-shadow:none;font-size:14px;color:var(--ink-2,#555)}
 .split-txt{gap:16px}
 .checks li{padding-block:10px}
 .ba,.ir{aspect-ratio:16/10}
 .feat{gap:12px}
 .fc .vis{height:110px}
 .fc .txt{padding:16px 16px 8px}
 .fc h3{font-size:22px}
 .fc .bar{padding:12px 16px}
 .fs{padding:16px;gap:12px}
 .fs-i{width:36px;height:36px}
 .fs h3{font-size:22px}
 .tile{min-height:150px}
 .tile:last-child{min-height:120px}
 .tile .lab{padding:12px}
 .tlw{padding:16px}
 .tl{gap:12px;padding-bottom:12px}
 .eg-side,.eg-mapw{padding:16px}
 .eg-list li:nth-child(n+7){display:none}

 .pt{min-height:64px;padding:12px}
 .ct{padding:12px 14px}
}
@media (max-width:420px){.sm-art b{font-size:12px}}
/* ----- Tablet ----- */
@media (min-width:701px) and (max-width:1060px){
 .sec{padding-block:64px}
 .hot-band{padding-block:16px 24px}
 .big,.h2{font-size:40px}
 .split-txt .lead{max-width:60ch}
 .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .ba,.ir{aspect-ratio:16/9}
 .feat.four .fc .vis{height:140px}
 .fc .txt{padding:18px 20px 8px}.fc h3{font-size:22px}
 .first{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tile,.tiles .tile:nth-child(4),.tiles .tile:nth-child(5){grid-column:auto;aspect-ratio:auto;min-height:190px}
 .tiles .tile:first-child{grid-column:1/-1;min-height:170px}
 .eg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
 .eg-list li{grid-template-columns:8.8em minmax(0,1fr) 2.6em}
 .contacts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ct{flex-wrap:wrap;row-gap:6px;padding:12px 14px}
 .proofs{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
 .sm,.faq2{max-width:none}
}
@media (min-width:701px){
 .tlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.tl{padding:0}.tl::after{display:none}
 .pt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mstage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
 .mstage .emblem{grid-column:2;grid-row:1}.mbub{grid-column:3;grid-row:1;justify-self:start;width:min(100%,320px)}
}
/* ----- PC ----- */
@media (min-width:1061px){
 .tlist{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero{min-height:0;padding-block:64px 32px}
 .kpis,.trust{max-width:960px;margin-inline:auto}
 .trust{margin-top:16px!important}
 .hot{padding:24px 32px}.hot-num{font-size:40px}
 .split{align-items:start}.ba,.ir{position:sticky;top:104px}
 .feat.four .fc .vis{height:140px}
 .tile{aspect-ratio:auto;height:300px}
 .tile .lab span{color:rgba(255,255,255,.82);font-size:14px}
 .tile::after{background:linear-gradient(transparent 38%,rgba(0,0,0,.88) 62%)}
 .eg2{align-items:stretch}
 .cta-card{padding:40px 48px;gap:16px}
 .ct{min-height:68px}
 .proofs{max-width:960px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .partners{max-width:960px;margin-inline:auto}
 .pt{min-height:72px}
}
.eg-allbtn{display:none;margin-top:10px;border:0;background:none;color:var(--blue);font:inherit;font-weight:600;font-size:15px;padding:6px 0;cursor:pointer}
@media (max-width:700px){.eg-allbtn{display:inline-flex}.eg-list.all li{display:grid!important}}
.sm input.auto{animation:autofill .9s ease}
@keyframes autofill{0%{background:#e8f5e9}100%{background:inherit}}
@media (min-width:701px) and (max-width:1060px){.eg-list li{grid-template-columns:9.6em minmax(0,1fr) 2.4em}.eg-n{overflow:visible;text-overflow:clip}.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fgrid>:first-child{grid-column:1/-1}}
.gu{margin:clamp(28px,4vw,44px) auto 0;max-width:960px;background:#fff;border-radius:var(--r-xl);padding:clamp(20px,3vw,32px);display:grid;gap:20px;grid-template-columns:minmax(0,1fr);box-shadow:0 1px 0 rgba(0,0,0,.04)}
.gu-h{display:grid;gap:12px;align-content:start}
.gu-t{font-size:clamp(22px,2.6vw,30px);line-height:1.12;letter-spacing:-.03em;font-weight:800;color:#3c3c3c;margin:0}
.gu-t .kw{margin-bottom:8px;color:#3c3c3c;opacity:.7!important}
.gu-h p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2,#555)}
.gu-h .pill{justify-self:start}
.p-dark{background:#3c3c3c;color:#fff}.p-dark:hover{background:#2a2a2a}
.gu-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gu-l li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;background:#f5f5f7;border-radius:var(--r-s);padding:12px}
.gu-l i{width:24px;height:24px;border-radius:50%;background:#1f9d55;color:#fff;display:grid;place-items:center}
.gu-l i svg{width:14px;height:14px}
.gu-l span{display:grid;gap:2px;font-size:13px;line-height:1.35;color:var(--ink-2,#555)}
.gu-l b{font-size:14.5px;color:#1d1d1f}
@media (min-width:1061px){.gu{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}
@media (max-width:420px){.gu-l{grid-template-columns:minmax(0,1fr)}}
.sos-btn{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s}.sos-btn.sos-hide{transform:translateY(140%);opacity:0;pointer-events:none}
.sm-grid .sm-wide{grid-column:1/-1}
.iam{margin:clamp(20px,3vw,32px) auto 0;max-width:960px;display:grid;gap:10px;justify-items:center}
.iam-l{font-size:13px;font-weight:600;color:var(--ink-2,#6e6e73);letter-spacing:.02em}
.iam-r{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.iam-r a,.iam-r button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:980px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:14px;font-weight:600;color:#1d1d1f;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.iam-r svg{width:17px;height:17px;color:var(--red)}
@media (hover:hover){.iam-r a:hover,.iam-r button:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.2);box-shadow:0 10px 24px -16px rgba(0,0,0,.35)}}
@media (max-width:700px){.iam{justify-items:stretch}.iam-l{justify-self:start}.iam-r{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}.iam-r::-webkit-scrollbar{display:none}.iam-r>*{flex:0 0 auto}}
.vs-l{grid-template-columns:repeat(4,minmax(0,1fr))}
.vs-row{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:1060px){.vs-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.vs-l{grid-template-columns:minmax(0,1fr)}}
#versicherer{padding-top:0}
.sp-link{font-weight:600;font-size:15px;color:inherit;text-decoration:none;border-bottom:1.5px solid currentColor;justify-self:start;padding-bottom:1px}#brandschaden .sp-link{color:var(--red)}#wasserschaden .sp-link{color:var(--blue)}.vs-row .sp-link{order:3;align-self:center;margin-left:6px}
@media (min-width:701px){
 .mstage{grid-template-columns:auto minmax(0,380px)!important;justify-content:center;gap:28px}
 .mstage .emblem{grid-column:1!important;grid-row:1}
 .mbub{grid-column:2!important;grid-row:1;justify-self:start;width:min(100%,380px)!important}
 .mb-dots{flex-wrap:nowrap}
}
.nav .call{display:none!important}
.menu{align-items:center}
.dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.dd-b svg{width:14px;height:14px;transition:transform .25s}
.dd.open .dd-b{color:var(--ink)}.dd.open .dd-b svg{transform:rotate(180deg)}
.dd-p{position:absolute;top:calc(100% + 14px);left:-14px;min-width:300px;background:#fff;border-radius:var(--r-l,18px);box-shadow:0 24px 60px -20px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50}
.dd-p::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd.open .dd-p{opacity:1;visibility:visible;transform:none}
.dd-p a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none}
.dd-p a:hover,.dd-p a:focus-visible{background:#f5f5f7}
.dd-p span{display:grid;gap:1px}.dd-p b{font-size:14px;font-weight:600}.dd-p small{font-size:12.5px;color:#6e6e73}
.dd-p a:not(:has(.dd-dot)){grid-template-columns:minmax(0,1fr)}
.dd-dot{width:9px;height:9px;border-radius:50%;background:#8e8e93}.dd-dot.b{background:var(--blue)}.dd-dot.r{background:var(--red)}.dd-dot.g{background:#1f9d55}
.menu .m-form{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:980px;background:#3c3c3c;color:#fff!important;font-weight:600}
.menu .m-form:hover{background:#2a2a2a}
.sh-g{border-bottom:1px solid var(--line-l)}
.sh-g summary{list-style:none;cursor:pointer;padding:14px 0;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.sh-g summary::-webkit-details-marker{display:none}
.sh-g summary::after{content:"";width:9px;height:9px;border-right:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s;margin-right:6px}
.sh-g[open] summary::after{transform:rotate(-135deg)}
.sh-g a{display:block;padding:10px 0 10px 14px!important;font-size:17px!important;border:0!important;color:var(--ink-2)!important}
.sheet .pill{color:#fff!important;background:#3c3c3c!important;border:0!important;justify-content:center;margin-top:12px}
.sheet{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
.sheet{background:#fff!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
@media (max-width:700px){.hot-r{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hot-r .pill{min-width:0;padding:0 10px;gap:8px;font-size:15.5px;justify-content:center}.hot-r .pill svg{flex:0 0 auto}}
.legal-page,.legal-page article,.legal{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.legal-page a{overflow-wrap:anywhere}
@media (max-width:340px){.hl-t small{display:none}.nav .in{gap:6px}.burger{width:38px;height:38px}.mb-nav{gap:4px}.mb-next{font-size:13px}.hero .row .pill,.hero-copy .pill{padding-inline:14px}}
.sm-roles{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px}
footer{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
@media (max-width:700px){footer{padding-top:36px}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px}.fgrid>:first-child,.fgrid>:last-child{grid-column:1/-1}.fbot{margin-top:24px}}
.nav{transform:translateZ(0)}
@media (max-width:340px){.nav .logo img{height:40px!important}.hl-t b{font-size:12.5px}}
@media (pointer:coarse){.ir-hint{display:block!important;bottom:12px;left:14px;right:60px;font-size:12.5px}.ir-h-d{display:none}
.ir-cross::before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.14);box-shadow:0 0 0 2px rgba(255,255,255,.55);animation:irp 2s ease-in-out infinite}
.ir.ir-drag .ir-cross::before,.ir.irt .ir-cross::before{animation:none;background:rgba(255,255,255,.22)}}
@media (pointer:fine){.ir-h-m{display:none}}
@keyframes irp{0%,100%{transform:translate(-50%,-50%) scale(.9);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.5}}
@media (prefers-reduced-motion:reduce){.ir-cross::before{animation:none!important}}
.sos-btn{bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
.hero-copy .status{margin-bottom:clamp(34px,4.5vw,46px)}
.mstage{margin-top:clamp(76px,10vw,104px)!important}
#sosBtn{display:none!important}
.hl-dot::after{animation:hlp 2s ease-out infinite!important}
.hl-dot::before{animation:hlr 2s ease-in-out infinite}
@keyframes hlp{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.7);opacity:0}100%{transform:scale(1.7);opacity:0}}
@keyframes hlr{0%,60%,100%{transform:rotate(0)}66%{transform:rotate(-12deg)}72%{transform:rotate(10deg)}78%{transform:rotate(-6deg)}84%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.hl-dot::after,.hl-dot::before{animation:none!important}}
@media (max-width:520px){.fq-end{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fq-end span{grid-column:1/-1;text-align:center}.fq-end a{text-align:center;padding:10px 14px}}
.gu-t .kw{color:var(--red)!important;opacity:1!important}
@media (min-width:1100px){.hero h1 .t-red,.hero h1 .silver{display:block}}
@media (min-width:1100px){
 .hero{padding-block:clamp(24px,4vh,56px) 24px!important}
 .hero h1{font-size:clamp(48px,min(7.2vw,11vh),112px)!important;max-width:none}
 .hero-copy .status{margin-bottom:clamp(16px,3vh,32px)!important}
 .hero-copy{gap:clamp(12px,2.2vh,22px)!important}
}
/* einheitliche Breite im Startbereich */
@media (min-width:1061px){
 .kpis,.trust,.iam,#hotline .hot{max-width:none!important;width:100%;margin-left:0;margin-right:0}
 .iam-r{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
 .iam-r a,.iam-r button{justify-content:center}
}
@media (min-width:701px) and (max-width:1060px){.kpis,.trust,.iam,#hotline .hot{max-width:none}}
.iam-l{font-size:15px!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.01em!important}
.iam{position:relative;z-index:3}
/* WhatsApp ist überall grün */
a.pill[href*="wa.me"],.pill.p-wa{background:#1f9d55!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px -14px rgba(31,157,85,.8)!important}
a.pill[href*="wa.me"]:hover{background:#178a4a!important}
.sp-cta a.pill[href^="tel:"]{background:#fff!important;color:#e30f12!important}
.contacts>.ct:first-child svg{color:var(--red)!important}a.ct[href*="wa.me"] svg{color:#1f9d55!important}
@media (min-width:1061px){.sm,.faq2,.gu,.proofs,.partners{max-width:none!important;margin-left:0!important;margin-right:0!important;width:100%}}
.sm-grid .sm-l{grid-column:auto!important}.sm-grid .sm-wide{grid-column:1/-1!important}
@media (max-width:520px){.sm-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important}.sm-grid>*,.sm-grid>.sm-l,.sm-grid>label:has([name=vorort]){grid-column:1/-1!important}.sm-grid>label.sm-l:has([name=plz]),.sm-grid>label.sm-l:has([name=ort]){grid-column:auto!important}}
@media (min-width:1061px){.sm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.sm-grid>label:has([name=firma]){order:1}.sm-grid>label:has([name=name]){order:2}.sm-grid>label:has([name=tel]){order:3}.sm-grid>label:has([name=mail]){order:4}
.sm-grid>label:has([name=vorort]){order:5;grid-column:span 2!important}.sm-grid>label:has([name=objekt]){order:7}.sm-grid>label:has([name=plz]){order:8}.sm-grid>label:has([name=ort]){order:9}.sm-grid>label:has([name=vers]){order:10}.sm-grid>.sm-where{order:6}

@media(max-width:350px){.pill{white-space:normal!important;max-width:100%;text-align:center}.gu-t{overflow-wrap:anywhere;font-size:clamp(20px,6.4vw,24px)!important}.mb-nav{flex-wrap:wrap;max-width:100%}}.sm-where{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding:12px 14px;border-radius:14px;background:#f3f5f8;border:1px solid #e3e7ee}.sm-where b{display:flex;align-items:center;gap:7px;font-size:15px;color:#14223a}.sm-where svg{color:#14223a;flex:none}.sm-where small{font-size:13px;color:#5a6577;line-height:1.35}
/* ===== Unterseiten ===== */
.sp main{padding-bottom:48px}
.sp-bc{font-size:13px;color:#6e6e73;padding-top:20px}.sp-bc a{color:inherit}
.sp-hero{display:grid;gap:14px;padding-block:clamp(24px,5vw,56px) 8px}
.sp-hero .eyebrow{color:var(--sp)}
.sp-hero h1{font-size:clamp(32px,5vw,60px);line-height:1.05;letter-spacing:-.04em;font-weight:800;margin:0;max-width:18ch;color:#1d1d1f}
.sp-hero .lead{max-width:62ch;margin:0}
.sp .row{display:flex;flex-wrap:wrap;gap:10px}
.sp-sec{padding-block:clamp(24px,4vw,44px)}
.sp-sec .h2{font-size:clamp(26px,3.4vw,40px);margin:0 0 18px}
.sp-pts{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-pts i{background:var(--sp)}
.sp-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.sp-steps li{background:#f5f5f7;border-radius:var(--r-l,18px);padding:16px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px}
.sp-n{width:32px;height:32px;border-radius:50%;background:var(--sp);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.sp-steps h3{margin:4px 0 4px;font-size:16px}.sp-steps p{margin:0;font-size:14px;line-height:1.45;color:#555}
.sp-cases{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sp-cases li{padding:9px 14px;border-radius:980px;background:#f5f5f7;font-size:14.5px;font-weight:600;color:#1d1d1f;display:inline-flex;align-items:center;gap:8px}.sp-cases li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sp)}
.sp-area{margin:18px 0 0;font-size:15px;color:#555;max-width:70ch}.sp-area a{color:var(--sp);font-weight:600}
.sp-faq{display:grid;gap:8px;max-width:820px}
.sp-faq .fq{background:#f5f5f7;border-radius:var(--r-l,18px);padding:0 16px}
.sp-faq summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq .fq-a p{margin:0 0 14px;color:#555;line-height:1.5}
.sp-cta{border-radius:var(--r-xl,24px);padding:clamp(22px,4vw,40px);background:linear-gradient(120deg,#e30f12,#b8070a);color:#fff;display:grid;gap:10px}
.sp-cta h2{margin:0;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.03em}.sp-cta p{margin:0;opacity:.9}
.sp-more{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14.5px;padding-block:8px 24px}.sp-more span{color:#6e6e73}.sp-more a{color:#1d1d1f;font-weight:600}
@media (max-width:1060px){.sp-pts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.sp-pts{grid-template-columns:minmax(0,1fr)}}