/* ═══════════════════════════════════════════════════════════
   Failing GmbH — gemeinsames Stylesheet (alle Seiten) · Version 2
   ═══════════════════════════════════════════════════════════ */

/* ── Tokens ── */
:root{
  --red:#d80d17; --red-dk:#a80a12; --red-tint:#fbeeee;
  --ink:#0a0a0a; --ink-2:#3a3a3a; --ink-3:#6f6f6f;
  --paper:#edeae5; --paper-2:#dfdad2; --card:#fdfcfb;
  --rule:#cdc6bd; --rule-2:#d9d3ca;
  --dark:#0b0b0c; --dark-2:#141415; --dark-line:rgba(255,255,255,.1);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(20px,4vw,64px);
  --max:1300px;
  --hdr:90px;
}
[data-theme="dark"]{
  --red:#ff2f3a; --red-dk:#d80d17; --red-tint:#1d0c0e;
  --ink:#f2f1ef; --ink-2:#b8b5b1; --ink-3:#8a8783;
  --paper:#0b0b0c; --paper-2:#131315; --card:#161618;
  --rule:#2a2a2e; --rule-2:#1f1f22;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  transition:background .4s var(--ease),color .4s var(--ease);
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
.wrap{width:min(var(--max),100% - var(--pad)*2);margin-inline:auto}

/* ── Typografie ── */
.mono{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
h1,h2,h3,h4{font-weight:680;letter-spacing:-.035em;line-height:1.06}
h1{font-size:clamp(2.5rem,6vw,5.2rem);letter-spacing:-.045em}
h2{font-size:clamp(1.85rem,3.8vw,3.2rem)}
h3{font-size:clamp(1.05rem,1.5vw,1.3rem);letter-spacing:-.02em;line-height:1.25}
p{color:var(--ink-2)}
.lede{font-size:clamp(1rem,1.3vw,1.2rem);color:var(--ink-2);max-width:62ch;line-height:1.62}
.eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--red);
}
.eyebrow::before{content:"";width:34px;height:3px;background:currentColor;flex:none}

/* ── Buttons ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:52px;padding:0 24px;border-radius:10px;font-size:.92rem;font-weight:600;
  transition:.25s var(--ease);cursor:pointer;border:1px solid transparent;white-space:nowrap;
}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .28s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.b-red{background:var(--red);color:#fff}
.b-red:hover{background:var(--red-dk)}
.b-line{border-color:var(--rule);background:var(--card);color:var(--ink)}
.b-line:hover{border-color:var(--ink)}
.b-ink{background:var(--ink);color:var(--paper)}
.b-ink:hover{background:var(--red);color:#fff}
.b-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.b-ghost:hover{background:rgba(255,255,255,.1)}

/* ═══════════════ HEADER (dunkel, auf allen Seiten) ═══════════════ */
header{
  position:sticky;top:0;z-index:80;background:rgba(8,8,8,.9);
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.08);color:#fff;
}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--hdr)}

/* Logo-Block 1:1 aus v1 */
.brand{display:flex;align-items:center;gap:0;color:#fff;font-weight:900;margin-left:-18px}
.brand-text{margin-left:-5px}
.brand img{width:124px;height:80px;object-fit:contain;display:block}
/* Logo-Maske (Umriss des ganzen Logos) einmal als Variable */
.brand-logo{--logo-mask:url('data:image/png;base64,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');
  position:relative;display:flex;align-items:center;justify-content:center;
  width:124px;height:80px;flex:0 0 auto;overflow:hidden;isolation:isolate;
}
.brand-logo::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  /* Version 2: Glanz wie V1 (Takt, Streifen, Schein) — läuft aber über das ganze Logo statt nur über das F */
  background:linear-gradient(105deg,
    rgba(255,255,255,0) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,.25) 40%,
    rgba(255,255,255,1) 50%,rgba(255,255,255,1) 52%,rgba(255,255,255,.25) 60%,
    rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);
  background-size:68% 100%;background-repeat:no-repeat;background-position:-95% 0;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.85)) drop-shadow(0 0 18px rgba(255,255,255,.5));
  -webkit-mask-image:var(--logo-mask);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
  mask-image:var(--logo-mask);mask-repeat:no-repeat;mask-position:center;mask-size:contain;
  animation:logoShine 3.2s cubic-bezier(.35,.02,.2,1) infinite;
}
@keyframes logoShine{
  0%{background-position:-95% 0;opacity:0}
  8%{opacity:1}
  36%{opacity:1}
  46%{opacity:0}
  55%{background-position:150% 0;opacity:0}
  100%{background-position:150% 0;opacity:0}
}
.brand-text strong{display:block;font-size:1.1rem;letter-spacing:-.03em;white-space:nowrap}
.brand-text small{display:block;color:#c7c7c7;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;white-space:nowrap}

nav.main{display:flex;gap:2px}
nav.main a{padding:9px 13px;font-size:.86rem;font-weight:600;color:rgba(255,255,255,.72);border-radius:7px;transition:.2s;white-space:nowrap}
nav.main a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav.main a.on{color:#fff}
nav.main a.on::after{content:"";display:block;height:2px;background:var(--red);margin-top:3px;border-radius:2px}
.tools{display:flex;align-items:center;gap:9px}
.ico{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;transition:.22s;cursor:pointer;color:#fff}
.ico:hover{border-color:#fff}
.ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
[data-theme="light"] .i-moon{display:block}[data-theme="light"] .i-sun{display:none}
[data-theme="dark"] .i-moon{display:none}[data-theme="dark"] .i-sun{display:block}
.tel{
  display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:9px;
  background:var(--red);color:#fff;font-size:.86rem;font-weight:700;transition:.22s;white-space:nowrap;
}
.tel:hover{background:#ff2f3a}
.burger{display:none;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;cursor:pointer;color:#fff}
.burger i{display:block;width:16px;height:1.5px;background:currentColor;transition:.3s var(--ease)}
.burger i+i{margin-top:4px}
.burger.x i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger.x i:nth-child(2){opacity:0}
.burger.x i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* ═══════════════ SECTIONS ═══════════════ */
section{padding:clamp(68px,8.5vw,124px) 0;position:relative}
.shead{display:block;margin-bottom:clamp(34px,4.5vw,56px)}
.shead .eyebrow{margin-bottom:16px}
.shead h2{max-width:17ch}
.shead .lede{margin-top:16px}
.alt{background:var(--paper-2);border-block:1px solid var(--rule-2)}
.dark{background:var(--dark);color:#f2f1ef;border-block:1px solid var(--dark-line)}
.dark p,.dark .lede{color:#b8b5b1}

[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-rv].in{opacity:1;transform:none}

/* Seiten-Hero (Unterseiten) */
.page-hero{padding:clamp(56px,7vw,92px) 0 clamp(40px,5vw,64px)}
.page-hero h1{margin-top:20px;max-width:16ch}
.page-hero .lede{margin-top:20px}
.ph-grid{display:grid;grid-template-columns:minmax(0,833px) minmax(0,1fr);gap:clamp(18px,2.2vw,32px);align-items:center;justify-content:space-between}
.ph-pic{margin:0;border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:0 18px 44px rgba(0,0,0,.14)}
.ph-pic img{width:100%;height:auto;display:block}
@media(max-width:900px){.ph-grid{grid-template-columns:1fr}.ph-pic{order:-1}}

/* ═══════════════ HERO (Startseite, dunkel, Video) ═══════════════ */
.hero{
  position:relative;min-height:calc(100svh - var(--hdr));display:flex;align-items:center;
  overflow:hidden;background:#000;color:#fff;padding:0;
}
.hero-media{position:absolute;inset:0;z-index:0;background:#000}
.hero-media img{width:100%;height:100%;object-fit:cover;opacity:.42;transition:opacity 1s var(--ease)}
.hero-media.video-live img{opacity:0}
.hero-vid{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.07);filter:brightness(.5) saturate(1.05);
  transition:opacity 1.4s var(--ease),transform 7s ease-out;
}
.hero-vid.on{opacity:1;transform:scale(1)}
.hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(0,0,0,.82) 8%,rgba(0,0,0,.45) 48%,transparent 100%),
             linear-gradient(to top,#000 2%,transparent 45%);
}
.hero-grid{
  position:absolute;inset:0;z-index:1;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 80% 60% at 30% 60%,#000 10%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 30% 60%,#000 10%,transparent 75%);
}
.hero-inner{position:relative;z-index:3;padding:clamp(28px,4vw,56px) 0;width:min(var(--max),100% - var(--pad)*2);margin-inline:auto}
.hero .eyebrow{color:#ff5b62}
.hero h1{margin-top:22px;max-width:16ch}
.hero h1 em{font-style:normal;color:#ff3640;text-shadow:0 0 60px rgba(216,13,23,.45)}
.ln{display:block;overflow:hidden}
.ln>i{display:block;font-style:normal;transform:translateY(102%);animation:up 1s var(--ease) forwards}
@keyframes up{to{transform:none}}
.hero-sub{margin-top:26px;max-width:52ch;color:#d5d5d5;font-size:clamp(1rem,1.3vw,1.18rem)}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px}
.trust{display:flex;align-items:center;gap:11px;padding-left:4px}
.trust-stars{color:#ffb400;font-size:.95rem;letter-spacing:2px}
.trust b{font-size:1.05rem;font-weight:800}
.trust span{font-size:.8rem;color:#bdbdbd}
.scene-cap{
  position:absolute;bottom:26px;left:max(20px,calc((100% - 1300px)/2));z-index:3;
  display:flex;align-items:center;gap:9px;
  font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:#9a9a9a;opacity:0;transition:opacity .5s var(--ease);
}
.scene-cap.on{opacity:1}
.scene-cap i{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;box-shadow:0 0 9px rgba(216,13,23,.7);animation:blip 1.6s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}

/* ── Kennzahlen ── */
.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.metric{padding:26px 24px 26px 0;border-right:1px solid var(--rule)}
.metric:last-child{border-right:0}
.metric b{display:block;font-size:clamp(1.7rem,2.9vw,2.5rem);font-weight:680;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.metric b s{text-decoration:none;color:var(--red)}
.metric b .approx{font-style:normal;color:var(--red);font-size:.62em;margin-right:.1em;letter-spacing:-.02em;vertical-align:.06em}
.metric>span{display:block;margin-top:9px;font-size:.79rem;color:var(--ink-3);line-height:1.4}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3n){border-right:0}.metric{border-bottom:1px solid var(--rule)}}

/* ═══════════════ BERATER ═══════════════ */
.advisor{background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden}
.adv-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--rule-2);flex-wrap:wrap}
.adv-steps{display:flex;align-items:center;gap:8px}
.dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.62rem;border:1px solid var(--rule);color:var(--ink-3);transition:.3s}
.dot.on{background:var(--red);border-color:var(--red);color:#fff}
.dot.done{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.dline{width:22px;height:1px;background:var(--rule)}
.adv-body{padding:clamp(26px,4vw,44px)}
.qstep{display:none}
.qstep.on{display:block;animation:fade .45s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.qstep h3{margin-bottom:6px}
.qstep>p{font-size:.9rem;margin-bottom:22px}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}
.opt{text-align:left;padding:19px;border:1px solid var(--rule);border-radius:12px;background:var(--paper);cursor:pointer;transition:.24s var(--ease)}
.opt:hover{border-color:var(--ink-3);transform:translateY(-2px)}
.opt.sel{border-color:var(--red);background:var(--red-tint);box-shadow:inset 0 0 0 1px var(--red)}
.opt b{display:block;font-size:.95rem;font-weight:640;margin-bottom:4px}
.opt span{font-size:.79rem;color:var(--ink-3);line-height:1.45}
.adv-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.lnk{background:none;border:0;cursor:pointer;font-size:.86rem;color:var(--ink-3);padding:8px 2px}
.lnk:hover{color:var(--ink)}
.lnk[disabled]{opacity:0;pointer-events:none}
.result{display:none}
.result.on{display:block;animation:fade .5s var(--ease)}
.res-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.res-tick{width:38px;height:38px;border-radius:50%;background:var(--red);display:grid;place-items:center;flex:none}
.res-tick svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.res-card{border:1px solid var(--rule);border-radius:13px;padding:24px;background:var(--paper)}
.res-card h4{font-size:1.35rem;margin-bottom:8px}
.res-why{margin-top:16px;padding-top:16px;border-top:1px dashed var(--rule);display:grid;gap:8px}
.res-why div{display:flex;gap:9px;font-size:.87rem;color:var(--ink-2)}
.res-why svg{width:14px;height:14px;stroke:var(--red);fill:none;stroke-width:2.4;flex:none;margin-top:4px}
.res-note{font-size:.79rem;color:var(--ink-3);margin-top:18px;padding:13px 15px;background:var(--paper-2);border-radius:9px;border-left:2px solid var(--red)}
.res-acts{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}

/* ═══════════════ LEISTUNGS-ÜBERBLICK (Startseite) ═══════════════ */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{
  display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:18px;
  background:var(--card);border:1px solid var(--rule-2);transition:.3s var(--ease);
}
.tile:hover{border-color:var(--red);transform:translateY(-4px)}
.tile .mono{color:var(--red)}
.tile p{font-size:.9rem;flex:1}
.tile .more{display:inline-flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;color:var(--ink)}
.tile .more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
.tile:hover .more svg{transform:translateX(4px)}

/* ═══════════════ ESTRICH-TABELLE ═══════════════ */
.types{border-top:1px solid var(--rule)}
.trow{
  display:grid;grid-template-columns:44px 1.5fr 1fr 1fr 1fr 26px;gap:18px;align-items:center;
  padding:26px 6px;border-bottom:1px solid var(--rule-2);cursor:pointer;transition:.25s var(--ease);
  text-align:left;width:100%;background:none;border-left:0;border-right:0;border-top:0;
}
.trow:hover{background:var(--card);padding-left:14px}
.trow .tn{font-family:var(--mono);font-size:.74rem;color:var(--red)}
.trow .tt b{display:block;font-size:1.22rem;font-weight:640;letter-spacing:-.02em}
.trow .tt span{font-size:.9rem;color:var(--ink-3)}
.tcell{font-size:.98rem;color:var(--ink-2)}
.tcell u{display:block;text-decoration:none;font-family:var(--mono);font-size:.68rem;color:var(--ink-3);margin-bottom:3px}
.trow .tchev{justify-self:end}
.trow .tchev svg{width:18px;height:18px;stroke:var(--ink-3);fill:none;stroke-width:2;transition:.3s var(--ease)}
.trow[aria-expanded="true"] .tchev svg{transform:rotate(90deg);stroke:var(--red)}
.tdetail{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.tdetail-in{padding:6px 6px 30px 62px;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:26px;align-items:start}
.tdetail p{font-size:1.08rem;line-height:1.7}
.tspecs{display:grid;border:1px solid var(--rule);border-radius:11px;overflow:hidden}
.tspecs div{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;font-size:.95rem;border-bottom:1px solid var(--rule-2);background:var(--card)}
.tspecs div:last-child{border-bottom:0}
.tspecs span{color:var(--ink-3)}
.tspecs b{font-weight:600;text-align:right}
.tpic{border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
.tpic img{width:100%;height:100%;object-fit:cover}

/* ═══════════════ RECHNER ═══════════════ */
.calc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:18px;overflow:hidden;background:var(--card)}
.calc-in{padding:clamp(26px,3.6vw,40px);border-right:1px solid var(--rule)}
.calc-out{padding:clamp(26px,3.6vw,40px);background:var(--paper-2);display:flex;flex-direction:column;justify-content:center}
.fgrp{margin-bottom:24px}
.fgrp>label{display:block;margin-bottom:9px;font-size:.85rem;font-weight:600}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{padding:10px 15px;border:1px solid var(--rule);border-radius:9px;background:var(--paper);font-size:.85rem;cursor:pointer;transition:.22s}
.seg button:hover{border-color:var(--ink-3)}
.seg button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.slider-row{display:flex;align-items:center;gap:16px}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:3px;border-radius:3px;background:var(--rule);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;border-radius:50%;background:var(--red);cursor:pointer;border:3px solid var(--card);box-shadow:0 1px 6px rgba(0,0,0,.25)}
input[type=range]::-moz-range-thumb{width:21px;height:21px;border-radius:50%;background:var(--red);cursor:pointer;border:3px solid var(--card)}
.val{font-family:var(--mono);font-size:.95rem;min-width:62px;text-align:right;font-variant-numeric:tabular-nums}
.chk{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;cursor:pointer;color:var(--ink-2)}
.chk input{width:17px;height:17px;accent-color:var(--red);margin-top:2px;flex:none}
.big-out .mono{color:var(--ink-3)}
.big-out .num{font-size:clamp(3rem,6vw,4.6rem);font-weight:680;letter-spacing:-.05em;line-height:1;margin:12px 0 6px;font-variant-numeric:tabular-nums}
.big-out .num s{text-decoration:none;color:var(--red);font-size:.42em;letter-spacing:-.01em}
.big-out>p{font-size:.88rem;margin-top:14px}
.warn{margin-top:20px;padding:14px 16px;border-radius:10px;background:var(--card);border-left:2px solid var(--red);font-size:.81rem;color:var(--ink-2);line-height:1.5}
.warn b{color:var(--ink)}

/* ═══════════════ ABLAUF — SCHLANGENPFAD ═══════════════ */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 44px;position:relative}
.fstep{
  position:relative;padding:22px 22px 22px 22px;border-radius:16px;
  background:var(--card);border:1px solid var(--rule);transition:border-color .4s,transform .4s var(--ease);
}
.fstep.lit{border-color:color-mix(in srgb,var(--red) 55%,var(--rule))}
.fbadge{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--mono);font-size:.66rem;background:var(--paper-2);border:1px solid var(--rule);
  transition:.4s var(--ease);margin-bottom:14px;
}
.fstep.lit .fbadge{background:var(--red);border-color:var(--red);color:#fff}
.fstep h4{font-size:1rem;margin-bottom:5px}
.fstep p{font-size:.86rem;line-height:1.5}
.fstep .fdur{display:block;font-family:var(--mono);font-size:.58rem;color:var(--red);margin-top:8px;letter-spacing:.08em}
/* Platzierung als Schlange: → → ↓ ← ← ↓ */
.fstep:nth-child(1){grid-area:1/1}
.fstep:nth-child(2){grid-area:1/2}
.fstep:nth-child(3){grid-area:1/3}
.fstep:nth-child(4){grid-area:2/3}
.fstep:nth-child(5){grid-area:2/2}
.fstep:nth-child(6){grid-area:2/1}
.fstep:nth-child(7){grid-area:3/1}
/* Verbinder */
.fstep::after,.fstep::before{content:"";position:absolute;background:var(--rule);transition:background .5s;z-index:1}
.fstep::before{display:none;width:9px;height:9px;border-radius:50%;background:var(--rule)}
.fstep.lit::after,.fstep.lit::before{background:var(--red)}
.fstep.to-r::after{right:-44px;top:42px;width:44px;height:1px}
.fstep.to-r::before{display:block;right:-48px;top:38px}
.fstep.to-l::after{left:-44px;top:42px;width:44px;height:1px}
.fstep.to-l::before{display:block;left:-48px;top:38px}
.fstep.to-d::after{left:50%;bottom:-46px;width:1px;height:46px}
.fstep.to-d::before{display:block;left:calc(50% - 4px);bottom:-50px}

/* ═══════════════ PROJEKTE — BENTO (dunkel) ═══════════════ */
.work{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.wcell{position:relative;overflow:hidden;border-radius:14px;background:var(--dark-2)}
.wcell img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.wcell:hover img{transform:scale(1.06)}
.wcell figcaption{
  position:absolute;inset:auto 0 0 0;padding:16px;color:#fff;z-index:2;
  background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
  font-size:.82rem;font-weight:600;opacity:0;transform:translateY(8px);transition:.4s var(--ease);
}
.wcell:hover figcaption{opacity:1;transform:none}
.w-a{grid-column:span 7;aspect-ratio:16/10}
.w-b{grid-column:span 5;aspect-ratio:16/10}
.w-c{grid-column:span 4;aspect-ratio:4/3}

/* ═══════════════ UNTERNEHMEN ═══════════════ */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:center}
.portrait{border-radius:16px;overflow:hidden;background:var(--paper-2);align-self:start}
.portrait img{width:100%;height:auto;display:block}
.pillars{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:13px;overflow:hidden;margin-top:28px}
.pillar{background:var(--card);padding:19px 21px;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start}
.pillar svg{width:19px;height:19px;stroke:var(--red);fill:none;stroke-width:1.8;margin-top:2px}
.pillar b{display:block;font-size:.93rem;font-weight:640;margin-bottom:2px}
.pillar span{font-size:.83rem;color:var(--ink-3);line-height:1.5}

/* ═══════════════ REZENSIONEN ═══════════════ */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.quote{border:1px solid var(--rule);border-radius:16px;padding:26px;background:var(--card);display:flex;flex-direction:column;gap:15px;transition:.35s var(--ease)}
.quote:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--red) 45%,var(--rule));box-shadow:0 18px 44px rgba(0,0,0,.08)}
.stars{color:#e8a33d;letter-spacing:2px;font-size:.9rem}
.quote p{font-size:.9rem;line-height:1.6;flex:1;color:var(--ink-2)}
.qby{display:flex;align-items:center;gap:11px;padding-top:14px;border-top:1px solid var(--rule-2)}
.qav{width:38px;height:38px;border-radius:50%;background:var(--paper-2);flex:none;position:relative;overflow:hidden;font-size:0;color:transparent;display:block}
.qav::after{content:"";position:absolute;inset:0;background:var(--ink-3);opacity:.55;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278.4%27%20r%3D%274.3%27%2F%3E%3Cpath%20d%3D%27M12%2014.2c-4.7%200-8.4%202.9-8.4%206.8V24h16.8v-3c0-3.9-3.7-6.8-8.4-6.8z%27%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278.4%27%20r%3D%274.3%27%2F%3E%3Cpath%20d%3D%27M12%2014.2c-4.7%200-8.4%202.9-8.4%206.8V24h16.8v-3c0-3.9-3.7-6.8-8.4-6.8z%27%2F%3E%3C%2Fsvg%3E") center/100% no-repeat;}
.quotes .qav{background:var(--rule-2)}
.qby b{display:block;font-size:.86rem;font-weight:620}
.qby span{display:block;font-family:var(--mono);font-size:.58rem;color:var(--ink-3)}

/* ═══════════════ PARTNER-MARQUEE (1:1 aus v1) ═══════════════ */
.partners{background:var(--paper-2);padding:76px 0;overflow:hidden;border-top:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2)}
.partners .shead{margin-bottom:34px}
.partner-marquee{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%)}
.partner-track{display:flex;width:max-content;gap:18px;animation:partnerScroll 30s linear infinite;align-items:center}
.partner-marquee:hover .partner-track{animation-play-state:paused}
.partner-logo{width:260px;height:122px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:18px;background:#fff;padding:16px 18px;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:.2s ease}
.partner-logo:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.09)}
.partner-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transform-origin:center;--logo-scale:1;transform:scale(var(--logo-scale));transition:transform .22s ease}
.partner-logo:hover img{transform:scale(calc(var(--logo-scale) * 1.2))}
@keyframes partnerScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}

/* ═══════════════ FAQ ═══════════════ */
.faq{border-top:1px solid var(--rule)}
.fq{border-bottom:1px solid var(--rule-2)}
.fq>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;background:none;border:0;cursor:pointer;text-align:left;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;transition:.2s}
.fq>button:hover{color:var(--red)}
.fq .pm{position:relative;width:15px;height:15px;flex:none}
.fq .pm::before,.fq .pm::after{content:"";position:absolute;background:currentColor;transition:.3s var(--ease)}
.fq .pm::before{left:0;top:7px;width:15px;height:1.5px}
.fq .pm::after{left:7px;top:0;width:1.5px;height:15px}
.fq[open] .pm::after{transform:rotate(90deg);opacity:0}
.fq .ans{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.fq .ans p{padding:0 4px 24px;font-size:.92rem;max-width:74ch}

/* ═══════════════ KONTAKT (dunkel) ═══════════════ */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,64px)}
.cinfo .row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--dark-line);font-size:.9rem}
.cinfo .row span{color:#8a8783}
.cinfo .row b{text-align:right;font-weight:600;color:#f2f1ef}
.cinfo a:hover{color:var(--red)}
form.big{background:rgba(255,255,255,.04);border:1px solid var(--dark-line);border-radius:18px;padding:clamp(26px,3.6vw,40px)}
.ff{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f{display:flex;flex-direction:column}
.f.full{grid-column:1/-1}
.f label{font-size:.7rem;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#8a8783;margin-bottom:7px}
.f input,.f textarea{padding:12px 14px;border:1px solid var(--dark-line);border-radius:9px;background:rgba(255,255,255,.05);color:#f2f1ef;font-size:.93rem;transition:.22s}
.f input::placeholder,.f textarea::placeholder{color:#6f6f6f}
.f textarea{min-height:106px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--red);background:rgba(255,255,255,.08)}
.ctx{grid-column:1/-1;display:none;gap:8px;flex-wrap:wrap;padding:14px 16px;background:rgba(216,13,23,.12);border:1px dashed var(--red);border-radius:10px}
.ctx.on{display:flex}
.ctx b{font-size:.74rem;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#ff5b62;width:100%}
.pill{font-size:.8rem;padding:5px 11px;background:rgba(255,255,255,.08);border:1px solid var(--dark-line);border-radius:100px;color:#f2f1ef}
.fbot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}
.fbot small{font-size:.75rem;color:#8a8783;max-width:36ch;line-height:1.5}
#fmsg{font-size:.85rem;margin-top:12px;font-weight:500;color:#ff5b62}

/* Kontakt-Aufruf (CTA-Band, Startseite) */
.cta-band{background:var(--dark);color:#f2f1ef;border-block:1px solid var(--dark-line)}
.cta-band .inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-band h2{max-width:18ch}
.cta-band p{color:#b8b5b1;margin-top:10px;max-width:48ch}

/* ═══════════════ FOOTER ═══════════════ */
footer{background:#060606;color:#f2f1ef;padding:clamp(48px,6vw,72px) 0 28px;border-top:1px solid var(--dark-line)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:38px;border-bottom:1px solid var(--dark-line)}
.fgrid h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:16px;font-weight:500}
.fgrid p,.fgrid a{font-size:.88rem;opacity:.82;display:block;margin-bottom:7px;color:#f2f1ef}
.fgrid a:hover{opacity:1;color:var(--red)}
.fbrand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fbrand img{width:60px;height:44px;object-fit:contain}
.fbar{display:flex;justify-content:space-between;align-items:center;gap:14px 20px;padding-top:22px;font-size:.78rem;flex-wrap:wrap}
.fbar > span{opacity:.6}
.fbar a:hover{opacity:1}
/* Signatur „Website von AVision Systems" */
.credit{display:inline-flex;align-items:center;gap:.6em;color:#f2f1ef;white-space:nowrap}
.credit-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;opacity:.5;transition:opacity .25s}
.credit-mark{font-size:.95rem;letter-spacing:-.02em;line-height:1}
.credit-mark img{display:inline-block;height:.88em;width:auto;vertical-align:baseline;margin-right:.02em}
.credit-mark b{font-weight:600}
.credit-mark i{font-style:normal;font-weight:300;opacity:.55;margin-left:.26em;transition:opacity .25s}
.credit-arr{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;opacity:.45;transition:transform .25s,opacity .25s}
.credit:hover .credit-lbl{opacity:.8}
.credit:hover .credit-mark i{opacity:.9}
.credit:hover .credit-arr{opacity:1;transform:translate(2px,-2px)}
.fsig{display:flex;justify-content:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--dark-line)}
.fsig .credit{flex-wrap:wrap;justify-content:center;max-width:100%}
.fsig .credit-mark{font-size:1.1rem}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1080px){
  .calc,.split,.contact-grid,.tdetail-in{grid-template-columns:1fr}
  .calc-in{border-right:0;border-bottom:1px solid var(--rule)}
  .quotes,.tiles{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr}
  .metric:nth-child(3n){border-right:1px solid var(--rule)}
  .metric{border-bottom:1px solid var(--rule)}
  .metric:nth-child(2n){border-right:0}
  .w-a,.w-b,.w-c{grid-column:span 12;aspect-ratio:16/10}
  .trow{grid-template-columns:34px 1fr 26px}
  .trow .tcell{display:none}
  .tdetail-in{padding-left:6px}
  .flow{grid-template-columns:1fr 1fr;gap:46px 44px}
  .fstep:nth-child(n){grid-area:auto}
  .fstep::after,.fstep::before{display:none}
}
@media(max-width:1180px){
  nav.main{
    position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--hdr) + 8px);flex-direction:column;
    background:#111;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;
    box-shadow:0 18px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:.3s var(--ease);
  }
  nav.main.open{opacity:1;visibility:visible;transform:none}
  nav.main a{padding:13px;font-size:.98rem;color:#fff}
  nav.main a.on::after{display:none}
  .burger{display:grid}
}
@media(max-width:900px){
  :root{--hdr:82px}
  .brand img,.brand-logo{width:110px;height:72px}
  .tel span{display:none}
  .ff{grid-template-columns:1fr}
  .scene-cap{display:none}
  .flow{grid-template-columns:1fr;gap:18px}
  .partner-logo{width:220px;height:102px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

/* ---------- legal pages (Impressum / Datenschutz) ---------- */
.legal{padding-top:0}
.legal .prose{max-width:760px}
.prose h2{font-size:clamp(1.15rem,1.6vw,1.3rem);letter-spacing:-.01em;margin:44px 0 12px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1rem;margin:22px 0 8px}
.prose p,.prose li{color:var(--ink-2);margin:0 0 10px;line-height:1.65}
.prose ul{padding-left:20px;margin:0 0 14px}
.prose a{color:var(--red);text-decoration:none;border-bottom:1px solid transparent;transition:.2s}
.prose a:hover{border-bottom-color:currentColor}
.prose .placeholder{color:var(--red-dk);background:var(--red-tint);border:1px dashed var(--red);border-radius:6px;padding:1px 7px;font-size:.92em}
.prose .note{margin-top:48px;padding:16px 18px;border-radius:12px;background:var(--card);border:1px solid var(--rule);font-size:.84rem;color:var(--ink-3)}

.lede strong{color:var(--ink);font-weight:700}


/* ═══════════════════════════════════════════════════════════
   VERSION 2 — Ergänzungen
   ═══════════════════════════════════════════════════════════ */

/* ── Barrierefreiheit ── */
.skip{position:absolute;left:12px;top:-64px;z-index:200;background:var(--red);color:#fff;padding:11px 16px;border-radius:9px;font-weight:600;font-size:.9rem;transition:top .2s}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
header :focus-visible,.dark :focus-visible,footer :focus-visible,.cta-band :focus-visible,.mbar :focus-visible{outline-color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Menü-Symbol: Striche eng beieinander, damit beim Öffnen ein sauberes X entsteht */
.burger{align-content:center}

/* ── Header auf dem Handy ── */
.nav-theme{display:none}
@media(max-width:640px){
  :root{--hdr:70px}
  .bar{gap:10px}
  .brand{margin-left:-12px}
  .brand img,.brand-logo{width:80px;height:54px}
  .brand-text{margin-left:-3px;min-width:0}
  .brand-text strong{font-size:1rem}
  .brand-text small{font-size:.5rem;letter-spacing:.07em}
  .tools #theme,.tools .tel{display:none}
  nav.main .nav-theme{
    display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    margin-top:6px;padding:14px 13px 8px;border:0;border-top:1px solid rgba(255,255,255,.1);
    background:none;color:rgba(255,255,255,.72);font-size:.9rem;font-weight:600;cursor:pointer;text-align:left
  }
  .nav-theme svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
}
@media(max-width:360px){.brand-text small{letter-spacing:.03em}}

/* ── Feste Kontaktleiste unten (Handy/Tablet) ── */
.mbar{display:none}
@media(max-width:900px){
  .mbar{
    position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(8,8,8,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.1);
  }
  .mbar a{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;border-radius:10px;font-weight:700;font-size:.92rem}
  .mbar svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .m-call{border:1px solid rgba(255,255,255,.28);color:#fff}
  .m-req{background:var(--red);color:#fff}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
}

/* ── Zielgruppen (Startseite) ── */
.aud{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aud-card{position:relative;display:flex;min-height:380px;border-radius:18px;overflow:hidden;background:#111;color:#fff;isolation:isolate}
.aud-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s var(--ease)}
.aud-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.93) 18%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.25) 80%,rgba(0,0,0,.1))}
.aud-card:hover img{transform:scale(1.05)}
.aud-body{align-self:flex-end;padding:clamp(22px,3vw,34px);display:grid;gap:10px}
.aud-body .mono{color:#ff6b72;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.aud-body h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.aud-body p{color:#d0d0d0;font-size:.92rem;max-width:44ch}
.more{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600}
.more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
a:hover .more svg,.more:hover svg{transform:translateX(4px)}
.aud-body .more{color:#fff;margin-top:4px}

/* ── Projektstreifen (Startseite) ── */
.strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:clamp(360px,42vw,560px)}
.strip figure{position:relative;overflow:hidden;border-radius:14px;background:var(--dark-2);margin:0}
.strip figure:first-child{grid-row:span 2}
.strip img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.strip figure:hover img{transform:scale(1.05)}
.strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}
.shead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.shead-row .btn{flex:none}

/* ── Leistungskacheln mit Bild ── */
.tile.has-img{padding:0;overflow:hidden;gap:0}
.tile-img{aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.tile-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.tile.has-img:hover .tile-img img{transform:scale(1.05)}
.tile-body{display:flex;flex-direction:column;gap:12px;padding:24px 26px 26px;flex:1}
.tile-body p{font-size:.9rem;flex:1}
.tile .more{color:var(--ink)}

/* ── Leistungsumfang ── */
.scope{margin-top:18px;display:grid;grid-template-columns:.8fr 2fr;gap:26px;align-items:start;padding:28px;border-radius:18px;background:var(--card);border:1px solid var(--rule-2)}
.scope h3{font-size:1.15rem}
.scope>div>p{font-size:.88rem;margin-top:8px}
.scope ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 22px}
.scope li{display:flex;gap:10px;font-size:.9rem;color:var(--ink-2);line-height:1.45}
.scope li svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:var(--red);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ── Bewertungen: Link zu Google ── */
.gline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.gline .gscore{font-size:.95rem;color:var(--ink-2)}
.gline .gscore b{color:var(--ink);font-size:1.15rem}
.glink{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:.2s}
.glink:hover{color:var(--red);border-color:var(--red)}
.glink svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2}
.trust{color:#fff}
.trust:hover span{color:#fff}

/* ── CTA-Band mit Telefon ── */
.cta-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cta-note{display:block;margin-top:14px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8a8783}
.b-ghost-dk{border-color:rgba(255,255,255,.28);color:#fff}
.b-ghost-dk:hover{border-color:#fff}
.b-ghost-dk svg{stroke-width:1.9}

/* ── Berater-Ergebnis mit Bild ── */
.res-card.rich{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.res-pic{border-radius:11px;overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
.res-pic img{width:100%;height:100%;object-fit:cover}
.res-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.res-chips span{font-size:.78rem;padding:5px 10px;border-radius:100px;background:var(--card);border:1px solid var(--rule);color:var(--ink-2)}
.res-chips b{font-weight:640;color:var(--ink)}
.res-more{display:inline-flex;margin-top:12px;font-size:.86rem;font-weight:600;color:var(--red)}
.res-more:hover{text-decoration:underline}

/* ── Estricharten: Vorschaubild in der Zeile ── */
.trow{grid-template-columns:44px 72px 1.5fr 1fr 1fr 1fr 26px}
.tthumb{width:72px;height:54px;border-radius:8px;overflow:hidden;background:var(--paper-2)}
.tthumb img{width:100%;height:100%;object-fit:cover}
.tdetail-in{padding-left:152px}

/* ── Rechner: Datum ── */
.date-in{width:100%;max-width:240px;padding:10px 12px;border:1px solid var(--rule);border-radius:9px;background:var(--paper);font-size:.9rem}
.due{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--card);border:1px solid var(--rule);font-size:.9rem;color:var(--ink-2);display:none}
.due.on{display:block}
.due b{color:var(--ink)}
.opt-lbl{font-weight:400;color:var(--ink-3)}

/* ── Checkliste (Kosten) ── */
.check{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.check div{padding:20px 22px;border-radius:14px;background:var(--card);border:1px solid var(--rule-2)}
.check b{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:640;margin-bottom:6px}
.check b i{font-style:normal;font-family:var(--mono);font-size:.64rem;color:var(--red)}
.check p{font-size:.86rem;line-height:1.5}

/* ── Projekte: Bildunterschrift auf Touch, Lightbox ── */
.wcell{cursor:zoom-in}
.wcell:focus-visible{outline-color:#fff}
@media(hover:none){.wcell figcaption{opacity:1;transform:none}}
.w-full{grid-column:span 12;aspect-ratio:21/9}
.lb{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:56px 64px}
.lb.on{display:flex;animation:fade .3s var(--ease)}
.lb figure{margin:0;max-width:min(1280px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.lb img{max-width:100%;max-height:calc(100svh - 150px);width:auto;height:auto;border-radius:10px}
.lb figcaption{color:#d5d5d5;font-size:.9rem;text-align:center}
.lb figcaption span{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#8a8783;margin-top:4px}
.lb button{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(20,20,20,.7);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}
.lb button:hover{border-color:#fff}
.lb button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.lb-x{top:14px;right:14px}
.lb-p{left:12px;top:50%;transform:translateY(-50%)}
.lb-n{right:12px;top:50%;transform:translateY(-50%)}
@media(max-width:700px){.lb{padding:60px 10px 80px}.lb-p,.lb-n{top:auto;bottom:16px;transform:none}.lb-p{left:calc(50% - 56px)}.lb-n{right:calc(50% - 56px)}}

/* ── Unternehmen: Bildunterschrift, Mannschaft, Technik, Einsatzgebiet ── */
.ph-pic figcaption{padding:12px 16px;font-size:.82rem;color:var(--ink-3);background:var(--card);border-top:1px solid var(--rule-2)}
.ph-pic figcaption b{color:var(--ink);font-weight:640}
.crew{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.crew figure{margin:0;border-radius:14px;overflow:hidden;background:var(--dark-2);position:relative;aspect-ratio:4/5}
.crew figure.wide{grid-column:span 2;aspect-ratio:auto}
.crew img{width:100%;height:100%;object-fit:cover}
.crew figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;color:#fff;font-size:.82rem;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}
.fleet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.fleet figure{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--dark-2)}
.fleet img{width:100%;height:100%;object-fit:cover}
.fleet figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;color:#fff;font-size:.76rem;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}
.area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.area div{padding:22px 24px;border-radius:14px;background:var(--card);border:1px solid var(--rule-2)}
.area h4{display:flex;align-items:center;gap:9px;font-size:1rem;margin-bottom:8px}
.area h4 svg{width:17px;height:17px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.area p{font-size:.88rem;line-height:1.55}
.area .home{border-color:color-mix(in srgb,var(--red) 45%,var(--rule))}
.dark .area div{background:rgba(255,255,255,.04);border-color:var(--dark-line)}
.dark .area h4{color:#f2f1ef}

/* ── Kontakt: Ansprechpartner, Auswahlfelder ── */
.person{display:flex;align-items:center;gap:16px;padding:18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--dark-line);margin-bottom:10px}
.person img{width:74px;height:74px;border-radius:50%;object-fit:cover;flex:none}
.person b{display:block;color:#f2f1ef;font-size:1rem}
.person span{display:block;color:#8a8783;font-size:.8rem}
.person a{display:inline-block;margin-top:4px;color:#f2f1ef;font-weight:600;font-size:.9rem}
.person a:hover{color:var(--red)}
.f select{padding:12px 14px;border:1px solid var(--dark-line);border-radius:9px;background:rgba(255,255,255,.05);color:#f2f1ef;font-size:.93rem;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8783' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
.f select:focus{outline:none;border-color:var(--red)}
.f select option{background:#141415;color:#f2f1ef}
.fbot small a{color:#f2f1ef;text-decoration:underline;text-underline-offset:2px}
.fhint{grid-column:1/-1;font-size:.8rem;color:#8a8783;line-height:1.5;margin-top:-4px}
.fhint a{color:#f2f1ef;text-decoration:underline;text-underline-offset:2px}

/* ── Seite „Für Bauunternehmen" ── */
.b2b-hero{position:relative;overflow:hidden;background:#000;color:#fff;padding:clamp(80px,10vw,140px) 0}
.b2b-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.b2b-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.85) 10%,rgba(0,0,0,.35) 70%,transparent)}
.b2b-hero .wrap{position:relative;z-index:2}
.b2b-hero .eyebrow{color:#ff5b62}
.b2b-hero h1{margin-top:20px;max-width:15ch}
.b2b-hero .lede{margin-top:20px;color:#d5d5d5}
.b2b-hero .hero-actions{margin-top:30px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feat div{padding:24px;border-radius:16px;background:var(--card);border:1px solid var(--rule-2)}
.feat svg{width:22px;height:22px;stroke:var(--red);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.feat h3{font-size:1.05rem;margin-bottom:6px}
.feat p{font-size:.88rem;line-height:1.55}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.steps4 div{padding:22px;border-radius:16px;border:1px solid var(--dark-line);background:rgba(255,255,255,.04)}
.steps4 div::before{counter-increment:s;content:"0" counter(s);display:block;font-family:var(--mono);font-size:.66rem;color:#ff5b62;margin-bottom:12px}
.steps4 h4{font-size:1rem;margin-bottom:6px;color:#f2f1ef}
.steps4 p{font-size:.86rem;line-height:1.5}

/* ── Karriere ── */
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jobs div{padding:24px;border-radius:16px;background:var(--card);border:1px solid var(--rule-2)}
.jobs .mono{color:var(--red)}
.jobs h3{margin:10px 0 6px;font-size:1.1rem}
.jobs p{font-size:.88rem;line-height:1.55}
.note{margin-top:18px;padding:14px 16px;border-radius:10px;background:var(--paper-2);border-left:2px solid var(--red);font-size:.84rem;color:var(--ink-2)}

/* ── 404 ── */
.nf{min-height:calc(100svh - var(--hdr) - 200px);display:flex;align-items:center}
.nf .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

/* ── Footer: vierte Spalte ── */
.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}

/* ── Responsive (Version 2) ── */
@media(max-width:1080px){
  .aud,.check,.feat,.jobs,.area{grid-template-columns:1fr}
  .scope{grid-template-columns:1fr}
  .scope ul{grid-template-columns:1fr 1fr}
  .strip{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .strip figure{aspect-ratio:4/3}
  .strip figure:first-child{grid-row:auto;grid-column:span 2;aspect-ratio:16/10}
  .res-card.rich{grid-template-columns:1fr}
  .res-pic{max-width:360px}
  .trow{grid-template-columns:34px 60px 1fr 26px}
  .tthumb{width:60px;height:45px}
  .tdetail-in{padding-left:6px}
  .crew{grid-template-columns:1fr 1fr}
  .crew figure.wide{grid-column:span 2;aspect-ratio:16/10}
  .fleet{grid-template-columns:1fr 1fr}
  .steps4{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .w-full{aspect-ratio:16/10}
}
@media(max-width:640px){
  .trow{grid-template-columns:26px 48px minmax(0,1fr) 18px;gap:10px;padding:20px 4px}
  .trow:hover{padding-left:4px}
  .tthumb{width:48px;height:36px}
  .trow .tt b{font-size:1.02rem;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
  .trow .tt span{font-size:.82rem}
  .aud-card{min-height:300px}
  .scope ul{grid-template-columns:1fr}
  .strip{grid-template-columns:1fr}
  .strip figure:first-child{grid-column:auto}
  .steps4{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr;gap:28px}
  .cta-acts{width:100%}
  .cta-acts .btn{flex:1}
  .person img{width:62px;height:62px}
}

/* ── Estricharten: Schnellauswahl ── */
.qpick{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;align-items:center}
.qpick span{font-size:.8rem;color:var(--ink-3);margin-right:4px}
.qpick a{font-size:.84rem;padding:8px 13px;border-radius:100px;border:1px solid var(--rule);background:var(--card);color:var(--ink-2);transition:.2s}
.qpick a:hover{border-color:var(--red);color:var(--red)}
.qpick a b{font-weight:640;color:var(--ink)}

/* ── Handy: keine Überläufe ── */
@media(max-width:1080px){.fstep.to-r::before,.fstep.to-l::before,.fstep.to-d::before{display:none}}
@media(max-width:640px){h1{hyphens:auto;-webkit-hyphens:auto}h1,h2,h3{overflow-wrap:break-word}}

/* ── E-Mail-Fenster (Leistungsverzeichnis, Bewerbung) ── */
.mdlg{border:0;padding:0;margin:auto;border-radius:18px;background:var(--card);color:var(--ink);width:min(540px,calc(100% - 32px));box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mdlg::backdrop{background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mdlg[open]{animation:fade .3s var(--ease)}
.mdlg-in{position:relative;padding:30px 28px 26px}
.mdlg h3{font-size:1.35rem;margin-bottom:8px;padding-right:44px}
.mdlg-lead{font-size:.92rem;margin-bottom:16px}
.mdlg-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--rule);border-radius:11px;background:var(--paper)}
.mdlg-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.mdlg-row b{font-weight:640;font-size:.95rem;overflow-wrap:anywhere}
.mdlg-copy{padding:7px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--card);color:var(--ink);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s}
.mdlg-copy:hover{border-color:var(--ink)}
.mdlg-copy.ok{border-color:#2e8b57;color:#2e8b57}
.mdlg-hint{margin:14px 0 20px;padding:12px 14px;border-left:2px solid var(--red);border-radius:8px;background:var(--paper-2);font-size:.85rem;color:var(--ink-2)}
.mdlg-acts{display:flex;gap:10px;flex-wrap:wrap}
.mdlg-acts .btn{height:46px;font-size:.88rem}
.mdlg-x{position:absolute;top:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer}
.mdlg-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
@media(max-width:480px){
  .mdlg-in{padding:26px 18px 20px}
  .mdlg-row{grid-template-columns:minmax(0,1fr) auto}
  .mdlg-lbl{grid-column:1/-1;margin-bottom:-6px}
  .mdlg-acts .btn{flex:1 1 100%}
}

/* ── Mannschaft: Mosaik aus einem breiten, einem hohen und zwei normalen Bildern ── */
.crew-mix{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(220px,24vw,330px)}
.crew-mix .c-wide img{object-position:50% 8%}
.crew-mix figure{aspect-ratio:auto}
.crew-mix .c-wide{grid-column:span 2}
.crew-mix .c-tall{grid-row:span 2}
.crew-mix .c-tall img{object-position:12% 35%}
@media(max-width:1080px){
  .crew-mix{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(180px,34vw,280px)}
  .crew-mix .c-wide{grid-column:span 2}
}
@media(max-width:640px){
  .crew-mix{grid-template-columns:1fr;grid-auto-rows:auto}
  .crew-mix .c-wide{grid-column:auto}
  .crew-mix .c-tall{grid-row:auto}
  .crew-mix figure{aspect-ratio:4/3}
  .crew-mix .c-tall{aspect-ratio:3/4}
}

/* ── Knopf „Bewertung schreiben" (führt über /bewerten zum Google-Bewertungsformular) ── */
.gline .g-write{height:42px;padding:0 18px;font-size:.86rem;margin-left:auto}
.gline .g-write svg{width:15px;height:15px;fill:currentColor;stroke:none}
.gline .g-write:hover svg{transform:none}
@media(max-width:640px){.gline .g-write{margin-left:0;width:100%}}

/* ── Handy: Wischreihen statt langer Stapel (Baustellenfotos, Kundenstimmen), flachere Kachelbilder ── */
@media(max-width:640px){
  .strip,.quotes{
    display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scroll-padding-inline:var(--pad);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .strip::-webkit-scrollbar,.quotes::-webkit-scrollbar{display:none}
  .strip{height:auto}
  .strip figure,.strip figure:first-child{flex:0 0 84%;aspect-ratio:4/3;scroll-snap-align:start;grid-column:auto;grid-row:auto}
  .strip figure:first-child img{object-position:50% 12%}
  .quote{flex:0 0 86%;scroll-snap-align:start}
  .quote:hover{transform:none}
  .tile-img{aspect-ratio:21/9}
}

/* ── Partner-Laufband insgesamt etwas kleiner (Logos, Abstände, Überschrift) ── */
.partners{padding:54px 0}
.partners .shead{margin-bottom:24px}
.partners .shead h2{font-size:clamp(1.5rem,3vw,2.4rem);max-width:none}
.partner-track{gap:14px}
.partner-logo{width:200px;height:94px;border-radius:14px;padding:12px 14px}
@keyframes partnerScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:900px){.partners{padding:44px 0}.partner-logo{width:160px;height:76px;padding:10px 12px}}

/* ═══════════════════════════════════════════════════════════
   HANDY-FEINSCHLIFF (nur Touch-Geräte / schmale Bildschirme)
   Ziel: flüssiges Scrollen und eine aufgeräumte Ansicht. Desktop bleibt unverändert.
   ═══════════════════════════════════════════════════════════ */

/* ── Flüssiger: keine Glas-Unschärfe (wird beim Scrollen in jedem Bild neu berechnet) ── */
@media(max-width:900px){
  html{scroll-padding-top:calc(var(--hdr) + 8px)}
  header{background:#0a0a0a;-webkit-backdrop-filter:none;backdrop-filter:none}
  .mbar{background:#0a0a0a;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .3s var(--ease)}
  .mdlg::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(0,0,0,.72)}
  /* Tastatur offen: Kontaktleiste weg, damit sie das Formular nicht verdeckt */
  html.kb .mbar{transform:translateY(110%)}
  /* Eingabefelder mit 16 px: sonst zoomt das iPhone beim Antippen in die Seite */
  .f input,.f textarea,.f select,.date-in{font-size:16px}
  /* Einblenden beim Scrollen: kürzer und dezenter, damit beim schnellen Wischen keine leeren Flächen stehen */
  [data-rv]{transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  /* Hero-Video ohne Helligkeitsfilter und Zoom (beides kostet bei jedem Videobild Rechenzeit);
     abgedunkelt wird stattdessen über eine ruhende Ebene */
  .hero-vid{filter:none;transform:none;transition:opacity 1.2s var(--ease)}
  .hero-vid.on{transform:none}
  .hero-media img{opacity:.62}
  .hero-media::after{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.38) 34%,rgba(0,0,0,.72) 64%,#000 100%)}
  .hero-grid{display:none}
}

/* ── Touch: keine „hängenden“ Hover-Effekte, dafür kurzes Feedback beim Antippen ── */
@media(hover:none){
  html{-webkit-tap-highlight-color:transparent}
  .tile:hover,.quote:hover,.opt:hover,.partner-logo:hover{transform:none;box-shadow:none}
  .tile:hover{border-color:var(--rule-2)}
  .quote:hover{border-color:var(--rule)}
  .opt:hover{border-color:var(--rule)}
  .opt.sel:hover{border-color:var(--red)}
  .aud-card:hover img,.strip figure:hover img,.wcell:hover img,.tile.has-img:hover .tile-img img,.partner-logo:hover img{transform:none}
  .partner-logo:hover img{transform:scale(var(--logo-scale))}
  .partner-marquee:hover .partner-track{animation-play-state:running}
  .btn:hover svg,.tile:hover .more svg,a:hover .more svg{transform:none}
  .trow:hover{background:none}
  .btn,.mbar a,.opt,.seg button,.tile,.aud-card,.fq>button,.trow,.qpick a{transition:transform .14s ease,background .2s,border-color .2s,color .2s}
  .btn:active,.mbar a:active,.seg button:active,.qpick a:active{transform:scale(.97)}
  .opt:active,.tile:active,.aud-card:active{transform:scale(.985)}
}
@media(hover:none) and (min-width:641px){.trow:hover{padding-left:6px}}

/* ── Menü als ganze Seite (statt kleiner Karte) ── */
@media(max-width:900px){
  nav.main{
    position:fixed;top:var(--hdr);left:0;right:0;bottom:0;z-index:85;
    padding:10px var(--pad) calc(100px + env(safe-area-inset-bottom));
    background:#0a0a0a;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;box-shadow:none;
    overflow-y:auto;overscroll-behavior:contain;transform:translateY(-6px);counter-reset:nv;
  }
  nav.main a{
    display:flex;align-items:center;gap:16px;padding:18px 2px;border-radius:0;
    font-size:1.32rem;font-weight:650;letter-spacing:-.02em;color:#f2f1ef;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  nav.main a::before{counter-increment:nv;content:"0" counter(nv);font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.1em;color:rgba(255,255,255,.38);width:20px}
  nav.main a::after,nav.main a.on::after{
    content:"";display:block;width:8px;height:8px;margin:0 4px 0 auto;border:solid currentColor;border-width:2px 2px 0 0;
    transform:rotate(45deg);opacity:.35;background:none;border-radius:0
  }
  nav.main a.on{color:#ff4a53}
  nav.main a.on::before{color:#ff4a53}
  nav.main a.on::after{opacity:1}
  nav.main a:active{background:rgba(255,255,255,.04)}
  nav.main.open a{animation:navIn .45s var(--ease) both}
  nav.main.open a:nth-child(2){animation-delay:.03s}
  nav.main.open a:nth-child(3){animation-delay:.06s}
  nav.main.open a:nth-child(4){animation-delay:.09s}
  nav.main.open a:nth-child(5){animation-delay:.12s}
  nav.main.open a:nth-child(6){animation-delay:.15s}
  @keyframes navIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  /* Seite hinter dem offenen Menü sperren. Dabei verliert die Sticky-Kopfzeile ihren Halt (body wird zum
     Scroll-Bereich) — deshalb wird sie, solange das Menü offen ist, fest oben fixiert. Kein overflow:clip auf body:
     das bringt Safari bei der Sichtbarkeit durcheinander und hält das Hero-Video an. */
  html.nav-open{overflow:hidden}
  html.nav-open header{position:fixed;top:0;left:0;right:0}
  .burger{width:44px;height:44px}
}
@media(max-width:640px){
  nav.main .nav-theme{margin-top:14px;padding:16px 2px;border-top:0;font-size:.92rem}
}

/* ── Startseite: Hero füllt genau den Bildschirm zwischen Kopfzeile und Kontaktleiste ── */
@media(max-width:640px){
  .hero{min-height:calc(100svh - var(--hdr) - 68px - env(safe-area-inset-bottom));align-items:flex-end}
  .hero-inner{padding:48px 0 30px}
  h1,h2,.hero .eyebrow{text-wrap:balance}
  .hero .eyebrow{font-size:.68rem;letter-spacing:.12em;gap:10px}
  .hero .eyebrow::before{width:22px}
  .hero h1{margin-top:16px;font-size:clamp(2.35rem,11.2vw,3rem)}
  .hero-sub{margin-top:16px;font-size:.98rem;line-height:1.55}
  .hero-actions{margin-top:24px;gap:12px}
  .hero-actions .btn{width:100%}
  /* „Projekt anfragen“ steht ohnehin dauerhaft unten in der Kontaktleiste */
  .hero .hero-actions .b-ghost{display:none}
  .trust{width:100%;justify-content:center;padding:4px 0 0}
}

/* ── Abschnitte kompakter, ruhiger Rhythmus ── */
@media(max-width:640px){
  section{padding:58px 0}
  .shead{margin-bottom:28px}
  .shead .eyebrow{margin-bottom:12px}
  .shead .lede{margin-top:12px;font-size:.98rem}
  .page-hero{padding:34px 0 40px}
  .page-hero h1{margin-top:14px}
  .page-hero .lede{margin-top:14px}
  .b2b-hero{padding:64px 0 56px}
  .b2b-hero .hero-actions .btn{width:100%}

  /* Kennzahlen: saubere 2er-Kacheln, die letzte über die volle Breite */
  .metric{padding:20px 12px 18px 0}
  .metric:nth-child(2n){padding-left:16px}
  .metric:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
  .metric b{font-size:1.8rem}
  .metric>span{margin-top:7px;font-size:.76rem}

  /* Zielgruppen-Karten etwas flacher */
  .aud{gap:12px}
  .aud-card{min-height:250px;border-radius:16px}
  .aud-body{padding:20px}
  .aud-body p{font-size:.88rem}

  /* Berater: Antworten als kompakte Liste mit Auswahlkreis statt hoher Kacheln */
  .adv-top{padding:14px 18px}
  .adv-body{padding:22px 18px}
  .qstep>p{margin-bottom:16px}
  .opts{grid-template-columns:1fr;gap:8px}
  .opt{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;column-gap:14px;padding:13px 15px}
  .opt b{margin:0;font-size:.96rem}
  .opt span{grid-column:1;font-size:.78rem}
  .opt::after{content:"";grid-column:2;grid-row:1/span 2;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--rule);box-sizing:border-box;transition:border .2s}
  .opt.sel::after{border:6px solid var(--red)}
  .adv-nav{margin-top:18px}
  .res-card{padding:18px}
  .res-acts .btn{flex:1 1 100%}

  /* Leistungskacheln */
  .tiles{gap:12px}
  .tile-body{padding:18px 18px 20px;gap:10px}
  .scope{padding:20px 18px;gap:16px}

  /* Kontakt-Aufruf: beide Knöpfe gleich breit untereinander */
  .cta-acts{flex-direction:column;align-items:stretch}
  .cta-acts .btn{flex:none;width:100%}

  /* Formular: luftiger, große Absende-Fläche */
  form.big{padding:22px 18px;border-radius:16px}
  .fbot .btn{width:100%}
  .cinfo .row{font-size:.88rem}
  .contact-grid>*{min-width:0}
  .cinfo .row b{min-width:0;overflow-wrap:anywhere}

  /* Footer: Kontakt oben, die beiden Linklisten nebeneinander, größere Tippflächen */
  footer{padding:44px 0 calc(22px + env(safe-area-inset-bottom))}
  .fgrid{grid-template-columns:1fr 1fr;gap:26px 16px;padding-bottom:28px}
  .fgrid>div:nth-child(-n+2){grid-column:1/-1}
  .fgrid h4{margin-bottom:10px}
  .fgrid a{padding:5px 0;margin-bottom:2px}
  .fbar{justify-content:center;text-align:center}
}

/* ── Wischreihen: Punkte zeigen, wie viele Bilder/Stimmen es gibt und wo man ist ── */
.swipe-dots{display:none}
@media(max-width:640px){
  .strip,.quotes{overscroll-behavior-x:contain}
  .swipe-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}
  .swipe-dots i{width:6px;height:6px;border-radius:6px;background:var(--rule);transition:width .3s var(--ease),background .3s}
  .swipe-dots i.on{width:20px;background:var(--red)}
  .dark .swipe-dots i{background:rgba(255,255,255,.22)}
  .dark .swipe-dots i.on{background:var(--red)}
}

/* ── Ablauf (Kosten-Seite): auf dem Handy als schlanke Zeitleiste statt sieben hoher Karten ── */
@media(max-width:640px){
  .flow{gap:0}
  .flow>.fstep{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:0 0 26px;border:0;border-radius:0;background:none}
  .flow>.fstep .fbadge{grid-row:1/span 3;margin:0;position:relative;z-index:2}
  .flow>.fstep h4,.flow>.fstep p,.flow>.fstep .fdur{grid-column:2}
  .flow>.fstep h4{margin:9px 0 4px}
  .flow>.fstep::before{display:none}
  .flow>.fstep::after{display:block;left:19.5px;right:auto;top:40px;bottom:0;width:1px;height:auto;background:var(--rule)}
  .flow>.fstep.lit::after{background:var(--red)}
  .flow>.fstep:last-child{padding-bottom:0}
  .flow>.fstep:last-child::after{display:none}
}

/* ── Kundenstimmen als Slideshow mit Pfeilen (23.10.2026): alle Bewertungen mit Text, am Computer 3 sichtbar,
      Tablet 2, Handy 1 (dort zusätzlich wischen). Die Pfeile sind immer aktiv: am Ende geht es wieder zum Anfang.
      Pfeil-Leiste .qbar: ‹ Zähler › (Handy unter der Karte, am Computer Pfeile außen neben den Karten). ── */
.qslider{position:relative}
.qslider .quotes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:8px 2px 26px;margin:-8px -2px -26px;overscroll-behavior-x:contain}
.qslider .quotes::-webkit-scrollbar{display:none}
.qslider .quotes:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:16px}
.qslider .quote{flex:0 0 calc((100% - 28px) / 3);scroll-snap-align:start}
.qslider .quote:hover{transform:translateY(-4px)}
@media(max-width:900px){.qslider .quote{flex-basis:calc((100% - 14px) / 2)}}
.qslider+.swipe-dots,.qslider .swipe-dots{display:none!important}
.qbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.qbar[hidden]{display:none}
.qcount{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-3);min-width:9ch;text-align:center}
.qarrow{width:44px;height:44px;border-radius:50%;padding:0;display:grid;place-items:center;flex:none;
  background:var(--card);color:var(--ink);border:1px solid var(--rule);cursor:pointer;
  transition:border-color .25s,color .25s,background .25s,transform .15s}
.qarrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.qarrow:hover{border-color:var(--red);color:var(--red)}}
.qarrow:active{transform:scale(.94)}
/* Computer/Tablet: runde Pfeile links und rechts außen neben den Karten, die Karten rücken dafür etwas ein
   (gewählt 23.10.2026, Variante A). Auf dem Handy steht ‹ 1 / 5 › unter der Karte. */
@media(min-width:641px){
  .qslider{padding-inline:62px}
  .qslider .qbar{display:contents}
  .qslider .qcount{display:none}
  .qslider .qarrow{position:absolute;top:calc(50% - 22px);box-shadow:0 8px 22px rgba(0,0,0,.1)}
  .qslider .qprev{left:0}
  .qslider .qnext{right:0}
}
@media(max-width:640px){
  .qslider .quotes{margin:-8px calc(var(--pad) * -1) -26px;padding:8px var(--pad) 26px;scroll-padding-inline:var(--pad)}
  .qslider .quote{flex:0 0 86%}
  .qslider .quote:hover{transform:none}
  .qbar{margin-top:16px}
  .qarrow{width:40px;height:40px}
}

/* ── Kennzahl „Meisterbetrieb“: ein Wort statt einer Zahl. Die Schrift passt sich der Spaltenbreite an,
      die Unterkante steht auf derselben Höhe wie bei den Zahlen daneben. ── */
.metric{container-type:inline-size}
.metric b.wort{display:flex;align-items:flex-end;height:clamp(1.7rem,2.9vw,2.5rem);font-size:1.6rem;font-size:min(clamp(1.7rem,2.9vw,2.5rem),14.5cqi)}
@media(max-width:640px){.metric b.wort{height:1.8rem;font-size:min(1.8rem,14.5cqi)}}