/* Startseite: Neugestaltung nach design-taste-frontend (nur Startseite, wird nach basis.css geladen)
   Design Read: lokale Dienstleistungs-Landingpage (Kfz-Gutachter Berlin) für Unfallgeschädigte,
   vertrauensorientiert, ruhig und persönlich; natives CSS, Plus Jakarta Sans, Blau + Grau, Navy für Flächen.
   Dials: DESIGN_VARIANCE 5 / MOTION_INTENSITY 4 / VISUAL_DENSITY 4
   Shape Lock: Buttons, Tags, Chips = Pille. Große Flächen 28px. Karten und innere Kacheln 18px. Icon-Kacheln 12px.
   Color Lock: ein Akzent = Blau #1f5eff. Navy nur als Fläche. Grün nur für Status (0 €, erledigt) und WhatsApp. */

:root{--mute:#5b6579;--soft:#6b7489;--r-xl:28px;--r-c:18px;--r-i:12px;--ease:cubic-bezier(.16,1,.3,1)}

/* Grundlagen */
main h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em;line-height:1.06}
main h2 .soft{color:var(--soft)}
.btn{transition:transform .3s var(--ease),background .2s,box-shadow .3s,border-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn-ink{background:var(--navy)}
.btn-ink:hover{background:#17306a}
.js .up{transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .up.on{transform:none}

/* 1 Hero: Text links, Handy rechts */
.hero{position:relative;padding:64px 0 60px;background:radial-gradient(760px 520px at 80% 45%,rgba(31,94,255,.14),transparent 70%),linear-gradient(180deg,#f4f7fc 0%,#e8eef8 100%)}
.hero .wrap{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:48px}
.hero h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:22px 0 22px}
.hero h1 .soft{color:var(--blue)}
.hero-intro{color:var(--ink-2);font-size:1.12rem;max-width:50ch}
.hero .tag{border-color:#d3dcec;box-shadow:0 6px 16px -12px rgba(13,27,58,.35)}
.ticks li{color:var(--ink)}
.ticks i{background:var(--blue);box-shadow:0 4px 10px -4px rgba(31,94,255,.8)}
.hero .btn-ink{background:var(--blue);box-shadow:0 16px 30px -14px rgba(31,94,255,.9)}
.hero .btn-ink:hover{background:var(--blue-d)}
.hero .btn-wa{border-color:#d3dcec}
.stage::before{width:560px;height:560px;background:radial-gradient(circle,rgba(31,94,255,.2),rgba(31,94,255,0) 64%)}
.stage::after{content:"";position:absolute;left:50%;top:50%;width:470px;height:470px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,0) 68%);opacity:.7}

/* 3 SEO-Einleitung: Überschrift links, drei Textspalten ohne Kartenkasten, Faktenband */
.seo-intro .si-head{text-align:left;max-width:none;margin:0 0 52px}
.seo-intro .si-head .tag{background:var(--bg);border-color:transparent}
.seo-intro .si-grid{grid-template-columns:1.22fr 1fr 1fr;gap:0;border-top:1px solid var(--line)}
.seo-intro .si-card{background:none;border-radius:0;padding:36px 36px 8px 0;overflow:visible}
.seo-intro .si-card+.si-card{padding-left:36px;border-left:1px solid var(--line)}
.seo-intro .si-card:first-child p{font-size:1.14rem;color:var(--ink);line-height:1.6}
.seo-intro .si-card:hover{transform:none;box-shadow:none}
.seo-intro .si-card::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(31,94,255,.07),transparent 60%)}
.si-ic{border-radius:var(--r-i)}
.si-ic .ring{border-radius:var(--r-i)}
.si-card.on .si-ic .ring{animation-iteration-count:2}
.si-card[data-a=pin].on .si-ic i{animation-iteration-count:2}
.si-card.on .si-ic .bar::after{animation:loadonce 2.2s var(--ease) .8s forwards}
@keyframes loadonce{to{transform:scaleX(1)}}
.seo-intro .si-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:52px;background:linear-gradient(135deg,#eef3fd,#f4f6fa);border:1px solid #e2e8f3;border-radius:var(--r-c);padding:6px}
.seo-intro .si-list li{background:none;border-radius:0;padding:18px 18px}
.seo-intro .si-list li+li{border-left:1px solid #dbe2ee}
.si-list span{color:var(--mute)}

/* 4 Ablauf: Kopf gestapelt, Strecke als Fläche */
.head-stack{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:48px}
.head-stack p{max-width:54ch;color:var(--ink-2)}
.route{border-radius:var(--r-xl);padding:60px 40px 50px;box-shadow:0 40px 70px -50px rgba(13,27,58,.45);border:1px solid #e1e8f5}
.stop{opacity:.72}
.stop p{color:var(--ink-2)}
.stop h3{font-size:1.4rem}
.when{background:none;padding:0;border-radius:0;font-size:.95rem;letter-spacing:.02em;color:var(--blue);margin-bottom:6px}

/* 5 Leistungen: Bento, Unfallgutachten groß */
.lg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lg-card{border-radius:var(--r-c)}
.lg-card:not(.lg-feat) .lg-img{aspect-ratio:16/10}
.lg-card:not(.lg-feat) .lg-body{padding:18px 20px 20px}
.lg-card:not(.lg-feat) h3{font-size:1.08rem;margin-bottom:6px}
.lg-card:not(.lg-feat) p{font-size:.92rem}
.lg-card:not(.lg-feat) .lg-more{margin-top:12px;font-size:.9rem}
.lg-ic{width:38px;height:38px;border-radius:var(--r-i);font-size:1.15rem;left:12px;bottom:12px}
.lg-feat{grid-column:span 2;grid-row:span 2}
.lg-feat .lg-img{aspect-ratio:auto;flex:1;min-height:280px}
.lg-feat .lg-img img{position:absolute;inset:0}
.lg-feat .lg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,23,48,0) 55%,rgba(11,23,48,.35))}
.lg-feat .lg-ic{z-index:2;width:48px;height:48px;font-size:1.4rem;left:20px;bottom:20px}
.lg-feat .lg-body{flex:none;padding:26px 28px 28px}
.lg-feat h3{font-size:1.75rem;letter-spacing:-.035em;margin-bottom:10px}
.lg-feat p{font-size:1.04rem;flex:none;max-width:52ch}
.lg-grid .lg-card:nth-child(2),.lg-grid .lg-card:nth-child(4){transition-delay:.06s}
.lg-grid .lg-card:nth-child(3),.lg-grid .lg-card:nth-child(5){transition-delay:.12s}
.lg-grid .lg-card:nth-child(7){transition-delay:.06s}.lg-grid .lg-card:nth-child(8){transition-delay:.12s}.lg-grid .lg-card:nth-child(9){transition-delay:.18s}
.lg-card.on:hover{transform:translateY(-4px)}
.lg-more-row{border-radius:var(--r-xl);padding:24px}
.lg-mini a{border-radius:var(--r-c)}
.lg-mini .mi{border-radius:var(--r-i)}

/* 6 Wer zahlt: Navy, Text links, Beleg rechts */
.zahlt{overflow:hidden}
.zg{grid-template-columns:1.15fr .85fr;gap:72px}
.zahlt h2{font-size:clamp(2.1rem,3.6vw,3.05rem);margin:0 0 22px}
.zahlt h2 .soft{color:#8fb0ff}
.zg-lead{color:#cbd6ee}
.zg-a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5)}
.zg-a:hover{text-decoration-color:#fff}
.zg-bill::before{width:min(420px,100%);height:min(420px,100vw)}
.bill{border-radius:var(--r-xl)}
.bill-ic{border-radius:var(--r-i)}

/* 7 Über mich: Foto mit Bildunterschrift statt Overlay, Fakten als Zahlenzeile, Garage asymmetrisch */
.klaus .grid{grid-template-columns:.92fr 1.08fr;gap:20px}
.kphoto{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:540px;border-radius:var(--r-xl);background:#fff;box-shadow:0 30px 60px -45px rgba(13,27,58,.5)}
.kphoto img{position:static;width:100%;height:100%;min-height:0;object-position:45% 15%}
.kphoto .lbl{position:static;background:#fff;backdrop-filter:none;border-radius:0;padding:16px 22px 18px}
.kphoto .lbl small{color:var(--mute)}
.ktext{border-radius:var(--r-xl);padding:48px;box-shadow:0 30px 60px -45px rgba(13,27,58,.35)}
.ktext .tag{width:fit-content;background:var(--bg);border-color:transparent}
.ktext h2{margin:18px 0 20px}
.facts{gap:0;margin:20px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{background:none;border-radius:0;padding:16px 0 14px}
.facts div+div{padding-left:22px;border-left:1px solid var(--line)}
.facts b{font-size:1.9rem;color:var(--blue);letter-spacing:-.04em;line-height:1.1}
.facts small{color:var(--mute);font-size:.84rem}
.k-more{width:fit-content;margin-top:auto}
.garage{grid-template-columns:1.2fr 1fr .8fr}
.gr{border-radius:var(--r-xl);height:280px}
.gr img{transition:transform .9s var(--ease)}
.gr:hover img{transform:scale(1.04)}
.gr img.g20{object-position:50% 60%}
.gr.txt{background:radial-gradient(260px 200px at 100% 0%,rgba(255,255,255,.18),transparent 70%),linear-gradient(150deg,#2a66ff,#1446d6);padding:26px}
.gr-ic{font-size:2rem;color:#fff;opacity:.9}
.gr.txt .big{font-size:2.3rem;margin-top:auto}
.gr.txt small{color:#dce6ff;display:block;margin-top:10px}

/* 8 Bewertungen: eine Stimme groß, zwei daneben */
.head-rev{align-items:center;flex-wrap:nowrap}
.head-rev .gscore{flex:none;width:auto}
.head-rev h2{font-size:clamp(2rem,3.1vw,2.5rem)}
.gscore{border-radius:var(--r-c);border:1px solid var(--line)}
.revs{grid-template-columns:1.2fr 1fr;gap:16px}
.rv{border-radius:var(--r-c);padding:28px}
.revs .rv-feat{grid-row:span 2;background:radial-gradient(500px 260px at 0% 0%,rgba(31,94,255,.35),transparent 70%),linear-gradient(150deg,#0b1730,#12264d);color:#fff;padding:44px;justify-content:flex-start;gap:22px}
.rv-feat .who{margin-top:auto}
.rv-feat p{flex:none;color:#fff;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.42;font-weight:600;letter-spacing:-.015em}
.rv-feat .av{background:rgba(255,255,255,.12);color:#fff}
.rv-feat .who small{color:#b9c6e6}
.rv .av{border-radius:50%}

/* 9 Einsatzgebiet: Text links, Bezirke auf Navy */
.area .grid{grid-template-columns:.92fr 1.08fr}
.abox{border-radius:var(--r-xl);padding:44px}
.abox .tag{background:var(--bg);border-color:transparent}
.abox p{color:var(--ink-2)}
.off{border-radius:var(--r-c)}
.dist{border-radius:var(--r-xl);padding:36px;background:radial-gradient(420px 240px at 100% 0%,rgba(31,94,255,.32),transparent 70%),linear-gradient(150deg,#0b1730,#12264d);color:#fff}
.dist h3{color:#fff}
.dist h3.d-um{margin-top:16px}
.dist a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e6edfb;transition:background .2s,transform .3s var(--ease)}
.dist a:hover{background:rgba(255,255,255,.18);color:#fff;transform:translateY(-1px)}
.dist a.hq{background:var(--blue);border-color:var(--blue);color:#fff}

/* 10 FAQ: Überschrift mitlaufend, Fragen als ruhige Liste */
.faq .grid{grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
.faq .grid>div:first-child{position:sticky;top:110px}
.faq .qa{gap:0}
.faq details{background:none!important;border-radius:0;padding:22px 2px;border-bottom:1px solid var(--line)}
.faq summary{font-size:1.1rem;align-items:center}
.faq summary i{background:var(--blue-l);color:var(--blue);transition:transform .35s var(--ease),background .2s,color .2s}
.faq details[open] summary i{background:var(--blue);color:#fff}
.faq details p{color:var(--ink-2);max-width:62ch;margin-top:12px}

/* 11 Abschluss */
.final .box{border-radius:var(--r-xl);background:radial-gradient(520px 300px at 92% 110%,rgba(255,255,255,.16),transparent 65%),linear-gradient(135deg,#2563ff,#1446d6);box-shadow:0 40px 80px -50px rgba(20,70,214,.9)}
.final h2 .soft{color:#c9d8ff}
.final p{color:#e3ebff}
.final .btn-white:hover{background:#eef3ff}
.final .btn-glass{background:rgba(11,23,48,.24);border:1px solid rgba(255,255,255,.3)}
.final .btn-glass:hover{background:rgba(11,23,48,.34)}
footer{border-top:1px solid var(--line)}

@media (prefers-reduced-motion:reduce){
  .btn,.btn:hover,.lg-card.on:hover,.dist a:hover,.gr:hover img{transform:none}
  .si-card.on .si-ic .bar::after{animation:none;transform:scaleX(1)}
}

@media (max-width:1180px){
  .lg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg-feat{grid-column:span 3;grid-row:auto;flex-direction:row}
  .lg-feat .lg-img{flex:1.2;min-height:300px}
  .lg-feat .lg-body{flex:1;align-self:center}
  .seo-intro .si-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .seo-intro .si-list li:nth-child(4){border-left:0}
  .seo-intro .si-list li:nth-child(n+4){border-top:1px solid #dbe2ee}
}
@media (max-width:1080px){
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .klaus .grid,.area .grid,.faq .grid{grid-template-columns:minmax(0,1fr)}
  .revs{grid-template-columns:1fr 1fr}
  .zg{grid-template-columns:1fr;gap:56px}
  .faq .grid>div:first-child{position:static}
  .faq .grid{gap:28px}
  .garage{grid-template-columns:1fr 1fr}
  .gr.txt{grid-column:span 2;height:200px}
}
@media (max-width:900px){
  .seo-intro .si-grid{grid-template-columns:1fr}
  .route{padding:28px 22px}
  .seo-intro .si-card,.seo-intro .si-card+.si-card{padding:28px 0;border-left:0}
  .seo-intro .si-card+.si-card{border-top:1px solid var(--line)}
  .lg-grid{grid-template-columns:1fr 1fr}
  .lg-feat{grid-column:span 2;flex-direction:column}
  .lg-feat .lg-img{flex:none;aspect-ratio:16/8;min-height:0}
}
@media (max-width:700px){
  .hero{padding:32px 0 36px}
  .hero .wrap{gap:12px}
  .hero h1{font-size:9vw;margin:16px 0 18px}
  .stage::before{width:420px;height:420px}
  .stage::after{width:340px;height:340px}
  .seo-intro .si-head{margin-bottom:28px}
  .seo-intro .si-list{grid-template-columns:1fr;margin-top:28px}
  .seo-intro .si-list li,.seo-intro .si-list li:nth-child(4){border-left:0}
  .seo-intro .si-list li+li{border-left:0;border-top:1px solid #dbe2ee}
  .head-stack{margin-bottom:32px;gap:14px}
  .route{border-radius:var(--r-c)}
  .lg-grid{grid-template-columns:1fr;gap:12px}
  .lg-feat{grid-column:auto}
  .lg-feat .lg-img{aspect-ratio:16/10}
  .lg-feat .lg-body{padding:20px 20px 22px}
  .lg-feat h3{font-size:1.45rem}
  .lg-card:not(.lg-feat){flex-direction:row}
  .lg-card:not(.lg-feat) .lg-img{width:108px;flex-shrink:0;aspect-ratio:auto}
  .lg-card:not(.lg-feat) .lg-img img{position:absolute;inset:0}
  .lg-card:not(.lg-feat) .lg-ic{display:none}
  .lg-card:not(.lg-feat) .lg-body{padding:14px 16px 16px;min-width:0}
  .lg-card:not(.lg-feat) .lg-more{margin-top:8px}
  .lg-more-row{border-radius:var(--r-c);padding:18px}
  .zg{gap:44px}
  .kphoto{min-height:420px;border-radius:var(--r-c)}
  .ktext{border-radius:var(--r-c);padding:28px 22px}
  .facts b{font-size:1.35rem}
  .facts div+div{padding-left:14px}
  .garage{grid-template-columns:1fr}
  .gr,.gr.txt{grid-column:auto;height:230px;border-radius:var(--r-c)}
  .gr.txt{height:auto;min-height:180px}
  .revs{grid-template-columns:1fr}
  .revs .rv-feat{grid-row:auto;padding:28px 24px}
  .abox,.dist{border-radius:var(--r-c);padding:26px 22px}
  .faq details{padding:18px 0}
  .faq summary{font-size:1.02rem}
  .final .box{border-radius:var(--r-c)}
}

/* Strecke wird per JS an den Punkten ausgerichtet */
.route .road{margin:0!important}
.route .road[data-vert="1"]{background:repeating-linear-gradient(180deg,#cfd8ea 0 10px,transparent 10px 20px)}
.route .road:not([data-vert="1"]){background:repeating-linear-gradient(90deg,#cfd8ea 0 10px,transparent 10px 20px)}
/* Feinkorrekturen Gesamtprüfung */
.hero h1{font-size:clamp(2.4rem,4.1vw,3.6rem)!important}
@media (max-width:1080px){.hero h1{font-size:min(56px,8.4vw)!important}}
.lg-card h3,.sv-t b{overflow-wrap:break-word;hyphens:manual}
@media (max-width:380px){.lg-card h3{font-size:1rem}}
.si-card h3{font-size:1.2rem;letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.si-card p{font-size:1rem!important;line-height:1.6!important;color:var(--ink-2)!important}

/* Einleitung + Ablauf zusammengeführt */
.si-merge{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.si-merge h2{margin-top:16px}
.si-merge p{color:var(--ink-2);font-size:1.08rem;line-height:1.65}
.route-h{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 18px}
@media (max-width:900px){.si-merge{grid-template-columns:1fr;gap:18px;margin-bottom:36px}}
.si-merge h2{font-size:clamp(2rem,3.4vw,2.8rem)}
/* Handy: Ablauf ohne Auto, schlanke Zeitleiste */
@media (max-width:900px){
  .route .car{display:none!important}
  .route{padding:24px 20px!important}
  .route .stops{gap:22px!important}
  .route .stop{grid-template-columns:40px 1fr!important;column-gap:16px!important}
  .route .dot{width:40px!important;height:40px!important;font-size:1rem!important;border-width:2px!important;transform:none!important;box-shadow:0 0 0 5px #fff!important}
  .route .stop.on .dot{box-shadow:0 0 0 5px #fff!important}
  .route .when{font-size:.75rem!important;margin-bottom:2px!important}
  .route .stop h3{font-size:1.15rem!important;margin-bottom:4px!important}
  .route .road{width:2px!important}
}

/* Leistungen ohne Foto in das Raster integriert */
.lg-noimg .lg-img{aspect-ratio:auto!important;height:auto;background:none;overflow:visible;padding:20px 20px 0}
.lg-noimg .lg-ic{position:static;width:52px;height:52px;border-radius:14px;background:linear-gradient(140deg,#3d7bff,#1f4fd6);color:#fff;font-size:1.4rem;box-shadow:0 10px 22px -10px rgba(31,94,255,.8)}
.lg-noimg{background:linear-gradient(160deg,#fff 0%,#f2f6ff 100%)}
@media (max-width:700px){.lg-noimg{display:grid!important;grid-template-columns:auto 1fr}.lg-noimg .lg-img{padding:18px 0 18px 18px;width:auto!important}.lg-noimg .lg-ic{width:44px;height:44px}}
@media (max-width:700px){.lg-card.lg-noimg{display:flex!important;flex-direction:row}.lg-card.lg-noimg .lg-img{width:auto!important;display:flex;align-items:flex-start}.lg-card.lg-noimg .lg-ic{display:grid!important}}
/* Handy: Überschriften strukturiert – Hauptzeile kräftig, Zusatz als Unterzeile */
@media (max-width:700px){
  main h2{font-size:clamp(1.55rem,7vw,1.9rem)!important;line-height:1.12!important;letter-spacing:-.03em!important;text-wrap:balance}
  main h2 br{display:none}
  main h2 .soft{display:block;font-size:.66em;line-height:1.25;letter-spacing:-.015em;margin-top:8px;font-weight:700;text-wrap:balance}
  main h2::after{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--blue);margin-top:14px}
  .bg-navy h2::after,.final h2::after{background:#8fb0ff}
  .final h2::after{display:none}
  main .tag{font-size:.78rem;margin-bottom:12px!important}
  .head,.head-stack,.si-merge{gap:12px!important}
  .head .btn{margin-top:6px}
}
.nw{white-space:nowrap}
@media (max-width:700px){
  main h2{font-size:clamp(1.85rem,8.4vw,2.2rem)!important;line-height:1.08!important}
  main h2 .soft{font-size:.8em!important;margin-top:6px!important;line-height:1.15!important}
  main h3{font-size:1.25rem!important}
  .lg-card h3{font-size:1.12rem!important}
}
@media (max-width:700px){.klaus h2{font-size:clamp(1.4rem,7vw,1.9rem)!important}}
.dist span{display:inline-flex;align-items:center;border-radius:99px;padding:9px 15px;font-weight:600;font-size:.92rem;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16);color:#aebbd8}

/* Startseite: Ablauf (3 Schritte) steht jetzt vor dem Einleitungsblock */
.seo-intro .route{margin-bottom:56px}
.seo-intro .si-merge{margin-bottom:0}
@media (max-width:900px){.seo-intro .route{margin-bottom:40px}}

/* Google-Logo auf den Bewertungskarten */
.rv .gq-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rv .gq-g{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.rv .gq-g .glogo{width:17px;height:17px;display:block}
.rv-feat .gq-g{border-color:transparent;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}

/* Hinweis „Jetzt kostenfreie Ersteinschätzung“ unter den Häkchen im Hero: grün umrandet, schmal, eine Zeile, kein Link */
.hero .erst-hinweis{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;max-width:100%;padding:4px 14px 4px 4px;border:1.5px solid #16a34a;border-radius:99px;background:#f0fdf4;white-space:nowrap;box-shadow:0 8px 18px -14px rgba(22,163,74,.8)}
.hero .erst-hinweis b{font-weight:800;font-size:.9rem;letter-spacing:-.005em;color:#15803d}
.erst-ic{position:relative;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:.85rem}
.erst-ic::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(22,163,74,.45);animation:erst-puls 2s ease-out infinite}
@keyframes erst-puls{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.35);opacity:0}}
@media (max-width:700px){.hero .erst-hinweis{margin:0 0 16px;padding:4px 12px 4px 4px;gap:7px}.erst-lang{display:none}.hero .erst-hinweis b{font-size:clamp(.8rem,3.8vw,.92rem)}}
@media (prefers-reduced-motion:reduce){.erst-ic::after{animation:none}}