/* =============================================================
AC / DC PLANUNG · gemeinsames Stylesheet
Systematik nach Referenz sewamo.de, übersetzt in die eigene Marke:
Montserrat, leichte Headlines, Weiß/Hellgrau, tiefes Marineblau,
Orange als Akzent. Radien 12/18/26, Pill 999.
============================================================= */
:root{
--font:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--serif:var(--font);--mono:var(--font);
--w-display:500;--w-text:400;
/* Marke */
--orange:#D8590F;--orange-btn:#C24E0C;--orange-ink:#B4480B;--orange-2:#E96512;--orange-3:#F2A461;
--orange-soft:#F4DDCB;--orange-tint:#FBF1E9;--orange-50:#FDF4EC;
/* Marineblau */
--blue-950:#141416;--blue-900:#1C1C1F;--blue-800:#2A2A2E;--blue-700:#3A3A40;--blue-400:#6E6E76;
--blue-50:#F3F3F5;--blue-100:#E1E1E6;
/* Tinte / Flächen */
--ink:#1D1D1F;--ink-2:#3A3A3F;--ink-dim:#5C5C62;--ink-mute:#6E6E73;--ink-300:#A3A3A8;
--surface:#FFFFFF;--surface-2:#FCF5EF;--surface-3:#F7E8DC;
--grad-warm:var(--orange-tint);--grad-orange:var(--orange-tint);--grad-orange-2:var(--orange-tint);--grad-foot:var(--orange-tint);
--line:#E4E4E8;--line-soft:#EEEEF1;--line-2:#D2D2D7;
--bg:var(--surface);--bg-2:var(--surface-2);
--signal:#A4231B;--signal-flaeche:#FDF1F0;--ok:#5D8012;
/* dunkle Flächen (Legacy-Namen) */
--dk:var(--blue-950);--dk-2:var(--blue-900);--dk-3:var(--blue-800);
--dk-line:rgba(255,255,255,.10);--dk-line-2:rgba(255,255,255,.18);
--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;
--radius:var(--r-md);--radius-lg:var(--r-xl);--radius-sm:var(--r-sm);
--shadow-xs:0 1px 1px rgba(20,22,26,.04),0 1px 3px rgba(20,22,26,.05);
--shadow-sm:0 1px 2px rgba(20,22,26,.05),0 3px 10px -3px rgba(20,22,26,.07);
--shadow-md:0 18px 44px rgba(20,22,26,.14);
--shadow-lg:0 24px 60px rgba(20,22,26,.18);
--maxw:1240px;--container:1240px;
--gutter:clamp(1.25rem,4vw,2.5rem);
--section-y:clamp(3.5rem,6vw,6rem);
--fs-display:clamp(3rem,1.4rem + 5.8vw,6rem);
--fs-h1:clamp(2.25rem,1.35rem + 3.6vw,4rem);
--fs-h2:clamp(2rem,1.2rem + 3.4vw,4rem);
--fs-h3:clamp(1.35rem,1.1rem + 1vw,1.85rem);
--fs-h4:clamp(1.1rem,1rem + .5vw,1.3rem);
--fs-lead:clamp(1.05rem,.98rem + .45vw,1.3rem);
--fs-base:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;
--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur-zoom:.9s;
--header-h:80px;
}
/* ---------- Grundlagen ---------- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scrollbar-color:var(--ink-300) transparent;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);caret-color:var(--orange);accent-color:var(--orange);scrollbar-color:var(--ink-300) transparent;scrollbar-width:thin}
body{background:var(--surface);color:var(--ink-2);font-family:var(--font);font-weight:var(--w-text);font-size:var(--fs-base);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh}
::selection{background:var(--orange);color:#fff}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.cookie .status .led,.hero__bar i.is-active::after,[class*="led"]{animation:none !important}
.btn:hover,.pbtn:hover,.sim-btn:hover,.sum-submit:hover,.nav-cta:hover,.mm-cta:hover,.uc-tile:hover,.uc-card:hover,.tile:hover,
.svc-tile:hover,.sector-card:hover,.proc-card:hover,.topo-card:hover,.ch-card:hover,.tl-card:hover{transform:none}
.tile--photo:hover img,.uc-tile:hover img{transform:none}
.btn .arr,.link-chevron::after,.link-arrow::after,.svc-tile .st-link::after,.ch-card .clink::after,.tgl .track::after{transition:none}
}
/* Legacy-Hooks stillgelegt */
.bg-fx,.noise,.aurora,.particles,.dock,.tagrail,.shimmer,.hero-sweep,.hero-scrollcue,.hero-trust{display:none !important}
.wrap,.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}
/* ---------- Typografie ---------- */
h1,h2,h3,h4,h5{margin:0;color:var(--ink);text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:600;line-height:1.02;letter-spacing:-.032em}
h2{font-size:var(--fs-h2);font-weight:600;line-height:1.05;letter-spacing:-.028em}
h3{font-size:var(--fs-h3);font-weight:600;line-height:1.18;letter-spacing:-.018em}
h4{font-size:var(--fs-h4);font-weight:600;line-height:1.25;letter-spacing:-.012em}
h5{font-size:var(--fs-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
h1 em,h2 em,h3 em,.serif{font-style:normal;font-weight:inherit;font-family:inherit;letter-spacing:inherit;color:inherit;background:none;-webkit-text-fill-color:currentColor}
em.accent,.accent-orange{color:var(--orange-ink)}
p{margin:0 0 1em}
.lead,.lede,.plede,.sect-p,.svc-lede,.page-hero p,.k-hero p{font-size:var(--fs-lead);line-height:1.6;color:var(--ink-2);max-width:56ch}
.small,small{font-size:var(--fs-sm)}
p a,li a,td a{text-decoration:underline;text-underline-offset:.16em;text-decoration-color:var(--line-2);transition:color .2s var(--ease), text-decoration-color .2s}
p a:hover,li a:hover{color:var(--orange-ink);text-decoration-color:var(--orange)}
/* Eyebrow: kurzer Strich + Versalien */
.eyebrow,.sect-eyebrow,.svc-eyebrow,.ap-eyebrow,.kick,.svc-block .no,.eyebrow-rail,.tl-head .label,.hero-meta,.quote-break .label,.chapter .eyebrow-rail{
display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;
font-family:var(--font);font-size:var(--fs-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-ink);
}
.eyebrow::before,.sect-eyebrow::before,.svc-eyebrow::before,.ap-eyebrow::before,.kick::before,.svc-block .no::before,.eyebrow-rail::before,.hero-meta::before,.quote-break .label::before{content:"";width:26px;height:2px;background:var(--orange);border-radius:2px;flex:none}
.eyebrow .dot{display:none}
.hero-meta{color:rgba(255,255,255,.82)}
.hero-meta::before{background:var(--orange-3)}
/* Versalien-Labels (Mono-Ersatz) */
.crumbs,.tvis-cap,.tvis-tag,.vc-tag,.val .vno,.tl-card .y,.pcard .ptag,.pcard .pchips span,.ch-card .ck,.ci .k,.field label,.step-head .hint,.sum-status,.sum-line .sk,.sum-tags span,.topo-card .tno,.topo-card .tpill,.steprail .sr .srn,.videoblock .vb-corner,.videoblock .vb-rec,.videoblock .vb-note,.videoblock .vb-label,.sim-panel .pt,.sim-hint,.sim-node .lbl,.sim-node .sub,.sim-batt .blab,.nsim-src .lbl,.nsim-bus .blab,.nbrk .st,.nload .nm,.nfeeder .hint,.csim-gauge .vlbl,.csim-line .end .lbl,.csim-line .cable .len,.csim-track .limit::after,.etrack .elbl,.esim-mid .tag,.mcard .mhead,.mcard .mpill,.mtile .k,.mesc .step .sl,.pstep .plbl,.cin-mon-top,.cin-vital .vl,.cin-power,.cin-act,.cin-rail .tick,.cin-chips span,.yr-since,.yr-mark .yl,.yr-stat .sl,.proj-stats .ps span,.stat .lbl,.quote-break .attr,.foot-grid h5,.cookie .status,.cookie .load,.cookie-modal .ph .meta,.circuit .name .n,.circuit .status-pill,.cookie-modal .pf .links,.tvis-netz .val,.tvis-kabel .k-row .lbl,.tvis-mon .m-head,.tvis-mon .m-t .k,.sim-read .v,.sim-slider .sl-top b,.mcard .mpill,.sum-line .sk{
font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;font-weight:600;
}
/* ---------- Buttons (Pills) ---------- */
.btn,.pbtn,.sim-btn,.sum-submit,.cookie button,.cookie-modal .pf button,.nav-cta,.mm-cta,.proj-filter button,.ig-filter button,.svc-nav a,.hero-playctl{
--btn-bg:var(--surface);--btn-fg:var(--ink);
display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
padding:.95rem 1.7rem;border-radius:var(--r-full);border:1px solid transparent;
background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font);font-weight:600;font-size:var(--fs-sm);line-height:1.2;letter-spacing:-.005em;
white-space:nowrap;cursor:pointer;text-decoration:none;
transition:transform .22s var(--ease-out), background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), box-shadow .22s var(--ease-out);
}
.btn:hover,.pbtn:hover,.sim-btn:hover,.sum-submit:hover,.nav-cta:hover,.mm-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--btn-fg)}
.btn-primary,.pbtn-primary,.btn-orange,.btn--accent,.sum-submit,.cookie button.primary,.cookie-modal .pf button.primary,.nav-cta,.mm-cta,.sim-btn{--btn-bg:var(--orange-btn);--btn-fg:#fff}
.btn-primary:hover,.pbtn-primary:hover,.btn-orange:hover,.sum-submit:hover,.nav-cta:hover,.mm-cta:hover,.sim-btn:hover{--btn-bg:var(--orange-ink)}
.btn-ghost,.pbtn-ghost-dark,.btn--ghost,.cookie button,.cookie-modal .pf button,.proj-filter button,.ig-filter button,.svc-nav a{--btn-bg:transparent;--btn-fg:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover,.pbtn-ghost-dark:hover,.cookie button:hover,.cookie-modal .pf button:hover{border-color:var(--ink);--btn-bg:var(--surface-2)}
.pbtn-ghost,.btn--light{--btn-bg:rgba(255,255,255,.12);--btn-fg:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.pbtn-ghost:hover,.btn--light:hover{--btn-bg:rgba(255,255,255,.2);border-color:#fff;color:#fff}
.btn--lg,.pbtn-lg{padding:1.1rem 2.1rem;font-size:1rem}
.btn--sm{padding:.55rem .95rem;font-size:var(--fs-xs)}
.btn .arr,.pbtn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn:disabled,.sim-btn:disabled,.sum-submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn-row,.ctarow,.cta-row,.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
/* Textlinks mit Pfeil */
.link-chevron,.ap-link,.svc-tile .st-link,.pcard .pres,.ch-card .clink,.link-arrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-weight:600;font-size:var(--fs-sm);letter-spacing:-.005em;transition:color .2s var(--ease)}
.link-chevron::after,.ap-link .chev,.svc-tile .st-link::after,.ch-card .clink::after,.link-arrow::after{content:"→";font-size:1em;transition:transform .2s var(--ease)}
.link-chevron:hover,.ap-link:hover,.link-arrow:hover{color:var(--orange-ink)}
.link-chevron:hover::after,.link-arrow:hover::after,.svc-tile:hover .st-link::after,.ch-card:hover .clink::after{transform:translateX(3px)}
.band-dark .link-chevron,.section--deep .link-arrow{color:var(--ink)}
/* ---------- Header ---------- */
.btn-dark{--btn-bg:var(--ink);--btn-fg:#fff}
.btn-dark:hover{--btn-bg:#33363A;color:#fff}
.btn-white{--btn-bg:#fff;--btn-fg:var(--ink);border-color:rgba(180,72,11,.25)}
.btn-white:hover{--btn-bg:#ECECF0;color:var(--ink)}
.nav-toggle__bars::after{top:6px}
@media (max-width:1000px){
}
@media (max-width:1000px){.nav .mm-cta{display:inline-flex}}
/* ---------- Sektionen ---------- */
.section,.sect,.svc,.sim-sect,.video-sect{padding-block:var(--section-y)}
.section--tight{padding-block:clamp(3rem,5vw,4.5rem)}
.section--flush{padding-bottom:0}
.bg-soft{background:var(--grad-warm)}
.section--deep,.band-dark,.sim-sect,.cinema{position:relative;background:var(--grad-orange);color:var(--ink-2)}
.section--deep h1,.section--deep h2,.section--deep h3,.section--deep h4,.band-dark h1,.band-dark h2,.band-dark h3,.band-dark h4,.band-dark .sect-h,.band-dark .svc-h,.sim-sect .svc-h,.cinema h2,.cinema h3{color:var(--ink)}
.section--deep p,.band-dark p,.band-dark .sect-p,.sim-sect .svc-lede{color:var(--ink-2)}
.band-dark::before,.band-dark::after{content:none}
.band-dark > *{position:relative;z-index:1}
.band{position:relative;isolation:isolate;overflow:hidden;color:var(--ink);background:var(--grad-orange);padding-block:clamp(3.5rem,6vw,5.5rem)}
.band--dark{background:var(--grad-orange-2)}
.band h2,.band h3{color:var(--ink)}
.band p{color:var(--ink-2)}
.section-head,.sect-head{max-width:760px;margin:0 0 clamp(2rem,4vw,3.25rem)}
.section-head--center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.section-head--center h2{margin-left:auto;margin-right:auto;max-width:20ch}
.section-head--center .lead{margin-left:auto;margin-right:auto}
.sect-head.center{text-align:left;margin-left:0;margin-right:0}
.sect-head.center .sect-eyebrow{justify-content:flex-start}
.sect-h,.svc-h,.ap-headline,.chapter h2,.svc-block h2,.cta-banner h2,.quote-break q,.fs-copy h2{font-size:var(--fs-h2);font-weight:var(--w-display);line-height:1.08;letter-spacing:-.026em;margin:0 0 1.1rem;color:var(--ink);max-width:22ch}
.sect-p,.svc-lede{margin:0}
.sect--cta{padding-block:clamp(2.5rem,4vw,3.5rem) var(--section-y)}
.divider{height:1px;background:var(--line);border:0;margin:0}
.section--deep .divider,.band-dark .divider{background:var(--line)}
.top-accent{border-top:3px solid var(--orange)}
.svc-head-c{text-align:left;max-width:760px;margin:0 0 2.75rem}
.svc-head-c .svc-eyebrow{justify-content:flex-start}
.svc-head-c .svc-lede{margin:0}
/* Seiten-Titel (Unterseiten) */
.page-hero,.svc-hero,.k-hero{position:relative;padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(2.5rem,4vw,3.5rem);text-align:left;background:var(--surface);color:var(--ink);margin-top:0;overflow:hidden}
.page-hero .crumbs,.svc-hero .crumbs,.k-hero .crumbs{font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:1.4rem}
.page-hero .crumbs a:hover,.k-hero .crumbs a:hover,.svc-hero .crumbs a:hover{color:var(--orange-ink)}
.page-hero h1,.svc-hero h1,.k-hero h1{font-size:var(--fs-h1);font-weight:var(--w-display);letter-spacing:-.035em;line-height:1.02;margin:0 0 1.2rem;max-width:18ch;color:var(--ink);text-align:left}
.page-hero p,.svc-hero .lede,.k-hero p{margin:0 0 1.8rem;color:var(--ink-2);text-align:left;margin-left:0;margin-right:0}
.svc-hero h1 em,.k-hero h1 em,.page-hero h1 em{color:var(--orange-ink)}
.svc-hero{padding-bottom:clamp(3rem,5vw,4.5rem)}
.svc-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.svc-hero-vis{position:relative}
@media (max-width:920px){.svc-hero-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.svc-hero-grid > *{min-width:0}.svc-hero h1{hyphens:auto;overflow-wrap:anywhere}.svc-hero-vis{order:1;max-width:520px}}
@media (max-width:420px){.svc-hero h1,.page-hero h1,.k-hero h1{font-size:2.4rem}}
/* Bild-Rahmen (Platzhalter „Bild folgt“) */
.bild,.ph,.svc-block .vis,.chapter .chapter-vis,.fs-media,.loc-map{position:relative;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border:1px solid var(--line)}
.ph{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-mute);text-align:center;padding:20px;border-radius:0;border:0}
.ph::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,22,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,26,.04) 1px,transparent 1px);background-size:26px 26px}
.ph svg{width:32px;height:32px;opacity:.4;position:relative;z-index:1}
.ph .ph-l{font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:1;color:var(--ink-mute)}
.ph.on-dark{background:linear-gradient(135deg,var(--blue-900),var(--blue-950));color:rgba(255,255,255,.5)}
.ph.on-dark::after{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.ph.on-dark .ph-l{color:rgba(255,255,255,.5)}
.bild-folgt{position:absolute;inset:0;display:grid;place-items:center}
.bild-folgt span{font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);background:var(--surface);border:1px solid var(--line);padding:.5rem .9rem;border-radius:var(--r-full);box-shadow:var(--shadow-xs)}
.bild-folgt.on-dark span{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.25)}
/* Karten */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(1.4rem,2.5vw,2rem);box-shadow:var(--shadow-xs)}
.card--soft{background:var(--surface-2);border-color:transparent}
.card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--blue-50),var(--orange-50));color:var(--orange-ink);border:1px solid var(--line-soft)}
.card__icon svg{width:24px;height:24px}
/* Merkmalsreihe mit Oberlinie */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.5rem)}
.feature{background:var(--surface);border-radius:var(--r-lg);padding:1.75rem 1.6rem;box-shadow:var(--shadow-xs);border:1px solid var(--line-soft)}
.bg-soft .feature{background:#fff}
.section:not(.bg-soft) .feature{background:var(--surface-2);border-color:transparent;box-shadow:none}
.feature h3{font-size:1.1rem;font-weight:600;margin:0 0 .6rem}
.feature p{font-size:var(--fs-sm);color:var(--ink-dim);margin:0;line-height:1.6}
.section--deep .feature{background:#fff;border-color:var(--line-soft)}
.section--deep .feature h3{color:var(--ink)}
.section--deep .feature p{color:var(--ink-dim)}
@media (max-width:960px){.features{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.features{grid-template-columns:1fr}}
/* Check-Chips */
.chips-check{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.chips-check li,.chips-check a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);font-size:var(--fs-xs);font-weight:600;color:var(--ink-2);transition:border-color .2s, color .2s, background .2s}
.chips-check a:hover{border-color:var(--orange);color:var(--orange-ink);background:var(--orange-50)}
.chips-check svg{width:13px;height:13px;color:var(--ok);flex:none}
/* Zeilenliste (Lebenszyklus) */
.rows{border-top:1px solid var(--dk-line-2)}
.rows .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.5rem 3rem;padding:1.6rem 0;border-bottom:1px solid var(--dk-line-2);align-items:start}
.rows .row h3{color:#fff;font-size:var(--fs-h3);font-weight:600;margin:0}
.rows .row p{color:rgba(255,255,255,.72);font-size:var(--fs-sm);margin:0;line-height:1.65}
@media (max-width:760px){.rows .row{grid-template-columns:1fr;gap:.5rem}}
/* Randlose Bildkarten (Branchen) */
.uc-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.uc-tile{position:relative;isolation:isolate;aspect-ratio:240/300;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.3rem 1.2rem;color:#fff;background:linear-gradient(180deg,var(--blue-800),var(--blue-950));border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out)}
.uc-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,13,16,.42) 0%,rgba(12,13,16,.08) 28%,rgba(12,13,16,.5) 55%,rgba(12,13,16,.88) 100%)}
.uc-tile .bild-folgt{inset:auto;top:1.2rem;right:1.2rem;left:auto;z-index:1}
.uc-tile h3{color:#fff;font-size:1.3rem;margin:0 0 .35rem;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.4),0 6px 24px rgba(0,0,0,.3)}
.uc-tile p{color:rgba(255,255,255,.88);font-size:var(--fs-xs);margin:0 0 .9rem;line-height:1.5;max-width:30ch;text-shadow:0 1px 2px rgba(0,0,0,.45),0 6px 24px rgba(0,0,0,.3)}
.uc-tile .chip{display:flex;align-items:center;gap:.6rem;background:#fff;color:var(--ink);border-radius:14px;padding:.6rem .75rem .6rem .6rem;font-size:.85rem;font-weight:600;box-shadow:0 10px 26px rgba(12,13,16,.22)}
.uc-tile .chip .ic{width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;flex:none}
.uc-tile .chip .ic svg{width:14px;height:14px}
.uc-tile .chip small{display:block;font-weight:500;color:var(--ink-dim);font-size:.72rem;margin-top:.1rem}
.uc-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
@media (max-width:960px){.uc-band{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.uc-band{grid-template-columns:1fr}.uc-tile{aspect-ratio:4/3}}
/* Fakten-Karte */
.facts-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:.4rem 1.5rem}
.facts-card .fact{padding:1.1rem 0;border-bottom:1px solid var(--line-soft)}
.facts-card .fact:last-child{border-bottom:0}
.facts-card .fact h3{font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;margin:0 0 .35rem;color:var(--ink)}
.facts-card .fact p{font-size:var(--fs-sm);color:var(--ink-dim);margin:0;line-height:1.6}
.facts-card .fact p b{color:var(--ink);font-weight:600}
/* Kennzahlen */
.stats,.proj-stats,.svc-ticker .row,.yr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--dk-line);border-radius:var(--r-xl);overflow:hidden}
.stat,.proj-stats .ps,.svc-ticker .cell,.yr-stat{padding:2rem 1.8rem;border-right:1px solid var(--dk-line)}
.stat:last-child,.proj-stats .ps:last-child,.svc-ticker .cell:last-child,.yr-stat:last-child{border-right:none}
.stat .num,.proj-stats .ps b,.svc-ticker .cell b,.yr-stat .sv{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:300;letter-spacing:-.035em;line-height:1;display:block;font-variant-numeric:tabular-nums}
.stat .num .plus,.yr-stat .sv .pl,.proj-stats .ps b .pl{color:var(--orange-3)}
.stat .lbl,.proj-stats .ps span,.svc-ticker .cell span,.yr-stat .sl{display:block;margin-top:.7rem;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;opacity:.75}
.proj-stats{border-color:var(--line);background:var(--surface)}
.proj-stats .ps{border-right-color:var(--line)}
.proj-stats .ps b{color:var(--ink)}
.proj-stats .ps b .pl{color:var(--orange-ink)}
.proj-stats .ps span{color:var(--ink-mute)}
@media (max-width:760px){
.stats,.proj-stats,.svc-ticker .row,.yr-stats{grid-template-columns:1fr 1fr}
.stat,.proj-stats .ps,.svc-ticker .cell,.yr-stat{border-right:none;border-bottom:1px solid var(--dk-line)}
.stat:nth-child(odd),.proj-stats .ps:nth-child(odd),.svc-ticker .cell:nth-child(odd),.yr-stat:nth-child(odd){border-right:1px solid var(--dk-line)}
.stat:nth-last-child(-n+2),.proj-stats .ps:nth-last-child(-n+2),.svc-ticker .cell:nth-last-child(-n+2),.yr-stat:nth-last-child(-n+2){border-bottom:none}
}
/* CTA-Band / Zitat */
.cta-banner{border-radius:var(--r-xl);padding:clamp(3rem,6vw,5.25rem) clamp(1.5rem,4vw,4rem);color:var(--ink);background:var(--grad-orange-2);position:relative;overflow:hidden}
.cta-banner::before,.cta-banner::after{content:none}
.cta-banner > *{position:relative;z-index:1}
.cta-banner h2{color:var(--ink);margin:0 0 1rem;max-width:18ch}
.cta-banner p{color:var(--ink-2);font-size:var(--fs-lead);line-height:1.6;max-width:56ch;margin:0 0 2rem}
.cta-banner .btn-primary{--btn-bg:var(--orange-btn);--btn-fg:#fff}
.cta-banner .btn-ghost{--btn-bg:#fff;--btn-fg:var(--ink);border-color:rgba(180,72,11,.25)}
.quote-break{position:relative;overflow:hidden;background:var(--grad-warm);color:var(--ink)}
.quote-break .wrap{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}
.quote-break q{display:block;quotes:none;color:var(--ink);max-width:26ch;margin:0;text-wrap:balance}
.quote-break q em{color:var(--orange-ink);font-style:normal}
.quote-break .attr{margin-top:2rem;font-size:var(--fs-xs);color:var(--ink-dim)}
.quote-break .attr b{color:var(--ink);font-weight:600}
.quote-break .label{color:var(--orange-ink)}
.quote-break .label::before{background:var(--orange)}
/* Apple-Legacy-Header */
.ap-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem 4rem;padding-bottom:clamp(2rem,4vw,3.5rem);flex-wrap:wrap}
.ap-headline .soft{color:var(--ink-mute)}
.ap-section-header .ap-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding-bottom:.4rem}
/* Legacy-Karten (Unterseiten) auf Referenz-Niveau */
.svc-tile,.sector-card,.proc-card,.proj-card,.ap-tile,.spec-item,.topo-card,.steprail,.ch-card,.tl-card,.pcard,.feature-split,.clients-grid{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}
.svc-tile:hover,.sector-card:hover,.proc-card:hover,.topo-card:hover,.ch-card:hover,.tl-card:hover,.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-2)}
.spec-grid{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden}
.spec-item{border:0;border-radius:0;box-shadow:none;padding:2.2rem 2rem}
.spec-item .si-ic{width:48px;height:48px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--blue-50),var(--orange-50));border:1px solid var(--line-soft);color:var(--orange-ink);display:grid;place-items:center}
.spec-item .si-ic svg{width:22px;height:22px}
.spec-item h3{font-size:1.15rem;margin:.4rem 0 0}
.spec-item p{font-size:var(--fs-sm);color:var(--ink-dim);margin:0}
.uc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.uc-card{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:3/4;background:linear-gradient(135deg,var(--blue-900),var(--blue-950));border:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem 1.4rem;isolation:isolate;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out)}
.uc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.uc-card .uc-ic{position:absolute;top:1.3rem;left:1.3rem;z-index:2;width:32px;height:32px;color:var(--orange-3)}
.uc-card .uc-grid-bg{display:none}
.uc-card h4{position:relative;z-index:2;font-size:1.2rem;color:#fff;margin:0}
.uc-card p{position:relative;z-index:2;font-size:var(--fs-xs);line-height:1.5;color:rgba(255,255,255,.72);margin:.45rem 0 0}
@media (max-width:920px){.uc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.uc-grid{grid-template-columns:1fr}.uc-card{aspect-ratio:16/9}}
.topo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:none}
.topo-card{padding:2rem 1.8rem;display:flex;flex-direction:column;position:relative;overflow:hidden}
.topo-card.feat{background:var(--grad-orange-2);border-color:transparent;color:var(--ink)}
.topo-card.feat::before{content:none}
.topo-card .tno{font-size:var(--fs-xs);color:var(--ink-mute)}
.topo-card.feat .tno{color:rgba(255,255,255,.6)}
.topo-card .tpill{position:absolute;top:1.5rem;right:1.5rem;font-size:.7rem;color:var(--orange-ink);background:var(--orange-50);border:1px solid var(--orange-soft);padding:.3rem .65rem;border-radius:var(--r-full)}
.topo-card.feat .tpill{color:#fff;background:var(--orange-btn);border-color:transparent}
.topo-card h3{font-size:1.35rem;margin:1rem 0 0}
.topo-card.feat h3{color:#fff}
.topo-card p{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-dim);margin:.6rem 0 0}
.topo-card.feat p{color:rgba(255,255,255,.72)}
.topo-card .tmeta{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.topo-card.feat .tmeta{border-top-color:var(--dk-line-2)}
.topo-card .tmeta .mr{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);color:var(--ink-2)}
.topo-card.feat .tmeta .mr{color:rgba(255,255,255,.78)}
.topo-card .tmeta .mr b{font-weight:600;color:var(--ink)}
.topo-card.feat .tmeta .mr b{color:var(--orange-3)}
@media (max-width:880px){.topo-grid{grid-template-columns:1fr}}
.steprail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden}
.steprail .sr{padding:2rem 1.8rem;border-left:1px solid var(--line);position:relative}
.steprail .sr:first-child{border-left:none}
.steprail .sr .srn{font-size:var(--fs-xs);color:var(--orange-ink);letter-spacing:.08em}
.steprail .sr h4{font-size:1.1rem;margin:.9rem 0 .5rem}
.steprail .sr p{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-dim);margin:0}
@media (max-width:880px){.steprail{grid-template-columns:1fr 1fr}.steprail .sr:nth-child(3){border-left:none}.steprail .sr:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.steprail{grid-template-columns:1fr}.steprail .sr{border-left:none;border-top:1px solid var(--line)}.steprail .sr:first-child{border-top:none}}
/* Split-Zeilen (Über uns) */
.chapter{padding:clamp(4rem,7vw,6.5rem) 0;position:relative}
.chapter + .chapter{border-top:1px solid var(--line)}
.chapter-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,5vw,5rem);align-items:center}
.chapter.reverse .chapter-grid{direction:rtl}
.chapter.reverse .chapter-grid > *{direction:ltr}
.chapter .lede{color:var(--ink-2);margin:0 0 1.6rem;max-width:52ch}
.chapter .check-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.7rem}
.chapter .check-list li{display:flex;gap:.8rem;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-2);font-weight:500;max-width:52ch}
.chapter .check-list li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--ok);-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;margin-top:3px}
.chapter .chapter-vis{aspect-ratio:5/4}
.chapter .chapter-vis img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:920px){.chapter-grid{grid-template-columns:1fr;gap:2.25rem}.chapter.reverse .chapter-grid{direction:ltr}}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;overflow:hidden}
.feature-split .fs-media{position:relative;min-height:420px;border-radius:0;border:0;border-right:1px solid var(--line)}
.feature-split .fs-copy{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}
.feature-split .fs-copy p{color:var(--ink-2)}
@media (max-width:860px){.feature-split{grid-template-columns:1fr}.feature-split .fs-media{border-right:0;border-bottom:1px solid var(--line);min-height:300px}}
.clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);overflow:hidden}
.client{background:#fff;padding:2rem 1.2rem;display:grid;place-items:center;text-align:center;min-height:120px;color:var(--ink-2)}
.client > div{font-weight:600;font-size:var(--fs-sm)}
.client .ind{display:block;font-size:.7rem;color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:.4rem;font-weight:600}
@media (max-width:780px){.clients-grid{grid-template-columns:repeat(2,1fr)}}
/* Formularfelder */
.field input,.field select,.field textarea{background:#fff !important;border:1px solid var(--line-2) !important;color:var(--ink) !important;box-shadow:none !important;border-radius:var(--r-md) !important;padding:.85rem 1rem;font-size:var(--fs-base);outline:none;transition:border-color .2s, box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange) !important;box-shadow:0 0 0 4px var(--orange-tint) !important}
.field label{color:var(--ink-mute) !important;font-size:.72rem}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-300)}
/* ---------- Footer ---------- */
footer.site-footer{border-top:3px solid var(--orange);background:var(--grad-foot);color:var(--ink-2);padding:clamp(3.5rem,6vw,5.5rem) 0 2rem;margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(2rem,4vw,3.5rem)}
.foot-grid h5,.foot-grid .foot-h{color:var(--ink);margin:0 0 1.1rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;text-wrap:initial}
.foot-grid a{display:block;color:var(--ink-2);font-size:var(--fs-sm);padding:.3rem 0;transition:color .2s var(--ease)}
.foot-grid a:hover{color:var(--orange-ink)}
.foot-grid p{font-size:var(--fs-sm);color:var(--ink-dim);line-height:1.65;margin:1rem 0 0;max-width:36ch}
.foot-grid .brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;padding:0}
.foot-grid .brand img{width:auto;height:44px}
.foot-grid .brand span{display:flex;flex-direction:column;line-height:1.05}
.foot-grid .brand small{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-top:.2rem}
.foot-grid .rk p{margin:0 0 1.2rem}
.foot-grid .rk .btn{display:inline-flex;padding:.85rem 1.4rem;color:#fff}
.foot-grid .rk .btn:hover{color:#fff}
.foot-bottom{margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.4rem;border-top:1px solid rgba(180,72,11,.22);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem 1.5rem;font-size:var(--fs-xs);color:var(--ink-dim)}
.foot-bottom a{color:var(--ink-2);margin-left:1.4rem}
.foot-bottom a:hover{color:var(--orange-ink)}
.foot-bottom .legal{display:flex;flex-wrap:wrap;gap:.5rem 0}
.foot-bottom .legal a:first-child{margin-left:0}
@media (max-width:960px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}.foot-bottom .legal a{margin:0 1.2rem 0 0}}
/* ---------- Cookie-Hinweis ---------- */
.cookie{position:fixed;right:18px;bottom:18px;left:18px;z-index:75;max-width:440px;margin-left:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:1.25rem 1.3rem 1.2rem;transform:translateY(16px);opacity:0;visibility:hidden;transition:transform .35s var(--ease-out), opacity .25s var(--ease), visibility .35s;font-family:var(--font)}
.cookie.show{transform:none;opacity:1;visibility:visible}
.cookie__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}
.cookie__head img{width:36px;height:36px;flex:none}
.cookie__title{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--ink)}
.cookie p{font-size:var(--fs-sm);color:var(--ink-dim);line-height:1.55;margin:0 0 1rem;max-width:none}
.cookie p a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-2)}
.cookie p a:hover{text-decoration-color:var(--ink)}
.cookie .actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cookie button{padding:.7rem .6rem;font-size:.8rem;letter-spacing:0;text-transform:none}
.cookie-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(12,13,16,.5);opacity:0;visibility:hidden;transition:opacity .16s var(--ease), visibility .16s}
.cookie-modal.show{opacity:1;visibility:visible;transition:opacity .22s var(--ease), visibility .22s}
.cookie-modal .panel{width:100%;max-width:640px;max-height:calc(100vh - 48px);background:var(--surface);color:var(--ink);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateY(12px);transition:transform .16s var(--ease-out)}
.cookie-modal.show .panel{transform:none;transition:transform .3s var(--ease-out)}
.panel__head{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line-soft)}
.panel__head img{width:32px;height:32px;flex:none}
.panel__head h2{flex:1;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--ink)}
.panel__head .close{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none;transition:border-color .2s var(--ease), background-color .2s var(--ease)}
.panel__head .close:hover{border-color:var(--ink);background:var(--surface-2)}
.panel__head .close svg{width:14px;height:14px}
.cookie-modal .pb{padding:1.2rem 1.4rem 0;overflow-y:auto;flex:1}
.cookie-modal .intro{font-size:var(--fs-sm);color:var(--ink-dim);line-height:1.6;margin:0 0 .9rem}
.cat{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid var(--line-soft)}
.cat:last-child{border-bottom:1px solid var(--line-soft);margin-bottom:1.2rem}
.cat strong{display:block;font-size:.95rem;font-weight:600;color:var(--ink)}
.cat span{display:block;font-size:var(--fs-xs);color:var(--ink-dim);line-height:1.5;margin-top:.15rem}
.tgl{position:relative;display:inline-flex;align-items:center;flex:none}
.tgl input{position:absolute;opacity:0;width:0;height:0}
.tgl .track{width:46px;height:26px;border-radius:var(--r-full);background:var(--line-2);position:relative;transition:background-color .2s var(--ease);cursor:pointer;display:block}
.tgl .track::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-out);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tgl input:checked + .track{background:var(--orange)}
.tgl input:checked + .track::after{transform:translateX(20px)}
.tgl input:disabled + .track{opacity:.8;cursor:not-allowed;background:var(--ink-300)}
.tgl input:disabled + .track::after{transform:translateX(20px)}
.tgl input:focus-visible + .track{outline:2px solid var(--orange);outline-offset:3px}
.cookie-modal .pf{padding:1rem 1.4rem;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.cookie-modal .pf .links{font-size:var(--fs-xs);color:var(--ink-mute)}
.cookie-modal .pf .links a{color:var(--ink)}
.cookie-modal .pf .actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-modal .pf button{padding:.7rem 1rem;font-size:.8rem;text-transform:none;letter-spacing:0}
@media (max-width:560px){.cookie .actions{grid-template-columns:1fr}.cookie-modal{padding:12px}.cookie-modal .pf{flex-direction:column;align-items:stretch}.cookie-modal .pf .actions{flex-direction:column}.cookie-modal .pf button{width:100%}}
/* ---------- Reveal ---------- */
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.06s}
.reveal[data-delay="2"]{transition-delay:.12s}
.reveal[data-delay="3"]{transition-delay:.18s}
.reveal[data-delay="4"]{transition-delay:.24s}
@media (prefers-reduced-motion: reduce){.reveal{transition:none;opacity:1;transform:none}}
/* Millimeter-Gitter für Simulator-Bühnen (dunkel) */
.tvis-grid,.uc-grid-bg,.loc-map .grid,.map .grid{position:absolute;inset:0;z-index:0;opacity:.5;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:32px 32px}
.loc-map .grid,.map .grid{background-image:linear-gradient(rgba(20,22,26,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,26,.06) 1px,transparent 1px)}
/* Feinschliff nach erster Sichtung */
.chips-check a{text-decoration:none}
.section-head h2,.sect-head h2{margin-bottom:.9rem}
.section-head .lead{margin:0}
/* Bildrahmen statt animierter Schema-Kacheln (Nutzerwunsch 10.09.2026) */
.svc-hero-vis,.pcard .pv{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface-2),var(--surface-3))}
.svc-hero-vis{aspect-ratio:5/4;border-radius:var(--r-xl);border:1px solid var(--line)}
.pcard .pv{border-bottom:1px solid var(--line)}
.svc-block .vis .bild-folgt,.chapter .chapter-vis .bild-folgt,.svc-hero-vis .bild-folgt,.pcard .pv .bild-folgt{inset:0}
.bild-folgt span{white-space:nowrap}
/* Echte Bilder in Rahmen und Karten */
.bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform var(--dur-zoom) var(--ease-out)}
.uc-tile:hover img{transform:scale(1.04)}
/* ---------- Bento-Grid (nach Apple) ---------- */
.bento-head{margin-bottom:clamp(2rem,4vw,3rem);max-width:900px}
.section--deep .bento-head h2{color:var(--ink)}
.bento-head h2{max-width:20ch}
.section--deep .bento-head .lead{color:var(--ink-2)}
.bento-head .lead{max-width:60ch;margin:0}
.bento{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr) minmax(0,.75fr);grid-template-rows:auto auto;gap:1rem}
.tile{position:relative;overflow:hidden;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line-soft);isolation:isolate;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease)}
@media (hover:hover) and (pointer:fine){.tile:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(0,0,0,.35)}.tile--photo:hover img{transform:scale(1.04)}}
.tile--tall{grid-row:1 / span 2;min-height:640px}
.tile--wide{grid-column:2 / span 2;display:flex;gap:1.5rem;align-items:flex-start}
.tile--photo{min-height:320px;display:flex;align-items:flex-end;padding:1.75rem}
.tile--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform var(--dur-zoom) var(--ease-out)}
.tile--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,22,.05) 20%,rgba(20,20,22,.55) 60%,rgba(20,20,22,.9) 100%)}
.tile--tall .tile__body{padding-right:1rem}
.tile__body h3,.tile--text h3{color:var(--ink);font-weight:500;font-size:clamp(1.7rem,1.1rem + 1.6vw,2.6rem);letter-spacing:-.024em;line-height:1.04;margin:0 0 .6rem;text-wrap:balance}
.tile--tall .tile__body h3{font-size:clamp(2rem,1.2rem + 2.4vw,3.4rem)}
.tile__body p,.tile--text p{color:var(--ink-dim);font-size:var(--fs-sm);line-height:1.6;margin:0;max-width:34ch}
.tile--text{padding:1.9rem 1.75rem}
.tile__icon{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--orange-50);border:1px solid var(--orange-soft);color:var(--orange-ink)}
.tile__icon svg{width:24px;height:24px}
@media (max-width:1000px){.bento{grid-template-columns:1fr 1fr}.tile--tall{grid-row:1 / span 2;min-height:520px}.tile--wide{grid-column:1 / span 2}}
@media (max-width:640px){.bento{grid-template-columns:1fr}.tile--tall{grid-row:auto;min-height:0;aspect-ratio:4/5}.tile--wide{grid-column:auto;flex-direction:column;gap:1rem}.tile--photo{min-height:260px}}
@media (prefers-reduced-motion: reduce){.tile,.tile--photo img{transition:none}}
.tile--photo h3{hyphens:manual}
.tile--text h3{hyphens:manual}
.tile--photo:not(.tile--tall) h3{font-size:clamp(1.5rem,1rem + 1.3vw,2.1rem)}
.tile--photo:not(.tile--tall){padding:1.5rem}
.uc-tile img[src*="kliniken"]{object-position:18% center}
/* helle Variante */
.bento--light .tile{background:#fff;border-color:var(--line-soft);box-shadow:var(--shadow-xs)}
.bento--light .tile--text h3,.bento--light .tile--text p{color:var(--ink)}
.bento--light .tile--text p{color:var(--ink-dim)}
.bento--light .tile__icon{background:var(--orange-50);border-color:var(--orange-soft);color:var(--orange-ink)}
@media (hover:hover) and (pointer:fine){.bento--light .tile:hover{box-shadow:var(--shadow-lg)}}
.tile .check-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.55rem}
.tile .check-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--fs-sm);font-weight:500;color:var(--ink-2)}
.tile .check-list li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--ok);-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;margin-top:3px}
.tile--photo .check-list li{color:rgba(255,255,255,.85)}
.tile .btn{margin-top:1.2rem}
.tile--link{color:inherit;text-decoration:none;display:block}
.tile--link.tile--photo{display:flex;align-items:flex-end}
.tile--link .tile__body{width:100%}
.tile .tile__no{display:inline-block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-3);margin-bottom:.5rem}
.bento--light .tile--text .tile__no{color:var(--orange-ink)}
.tile--photo .tile__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;color:#fff;font-weight:600;font-size:var(--fs-xs)}
.tile--photo .tile__cta::after{content:"→";transition:transform .2s var(--ease)}
.tile--link:hover .tile__cta::after{transform:translateX(3px)}
.bento--6{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.bento--6 .tile--tall{min-height:560px}
.bento--6 .tile--photo{min-height:270px}
.tile--wide.tile--photo{grid-column:2 / span 2;min-height:250px}
@media (max-width:1000px){.bento--6 .tile--tall{min-height:480px}.tile--wide.tile--photo{grid-column:1 / span 2}}
@media (max-width:640px){.bento--6 .tile--tall{aspect-ratio:4/5;min-height:0}.tile--wide.tile--photo{grid-column:auto}}
/* Fotos in Standort-Rahmen und Leistungs-Titelbildern */
.loc-map img,.svc-hero-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loc-map .marker{z-index:2}.loc-map .pin-label{z-index:2}
.loc-map::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,16,0) 40%,rgba(12,13,16,.35));z-index:1}
.bento--6 .tile--tall .tile__body h3{font-size:clamp(1.7rem,1.1rem + 1.6vw,2.4rem)}
.tile--photo .tile__body h3{position:relative}
@media (max-width:1000px){.bento--6{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bento--6{grid-template-columns:1fr}}
figure{margin:0}
/* =============================================================
PREMIUM-FEINSCHLIFF (Apple-Prinzipien)
============================================================= */
/* Typografie: optische Größen, größenabhängige Laufweite, ruhiger Umbruch */
html{font-optical-sizing:auto;-webkit-text-size-adjust:100%}
p,li{text-wrap:pretty}
h1,.hero__title{letter-spacing:-.032em}
h2{letter-spacing:-.024em}
h3{letter-spacing:-.018em}
small,.small,.eyebrow,.crumbs{letter-spacing:.02em}
.eyebrow,.sect-eyebrow,.svc-eyebrow,.hero__kicker{letter-spacing:.14em}
/* Header als Material: keine Linie, Kante nur beim Scrollen */
@media (prefers-reduced-transparency: reduce){.site-header::before{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-contrast: more){.site-header{box-shadow:0 1px 0 var(--line-2)}.site-header::before{background:#fff}}
/* Druck-Feedback sofort beim Antippen, nicht erst beim Loslassen */
.btn:active,.pbtn:active,.chips-check a:active,.uc-tile:active,.tile--link:active,.nav__link:active,.hero__chip:active,.opt:active,.chip:active,.seg button:active{transform:scale(.97) !important;transition:transform 100ms ease-out !important;box-shadow:var(--shadow-xs) !important}
.hero__chip:active{transform:translate(-50%,0) scale(.98) !important}
@media (max-width:900px){.hero__chip:active{transform:scale(.98) !important}}
/* Dropdown entsteht am Auslöser */
/* Tiefe: Lichtkante oben, weiche Schatten */
.card,.feature,.facts-card,.tile,.chips-check a,.hero__chip{box-shadow:var(--shadow-xs),inset 0 1px 0 rgba(255,255,255,.7)}
.tile--photo{box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 20px 50px -24px rgba(0,0,0,.55)}
.section--deep .feature,.section--deep .tile:not(.tile--photo){box-shadow:var(--shadow-xs)}
.facts-card{box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.8)}
.hero__chip{box-shadow:0 24px 60px rgba(12,13,16,.28),inset 0 1px 0 rgba(255,255,255,.9)}
/* Einblenden: kurz, aus der Bewegung heraus, mit Ease-out */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out), transform .6s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
/* Fokus sichtbar, aber ruhig */
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion: reduce){
.cookie,.cookie-modal .panel{filter:none;transform:none;transition:opacity .2s ease}
}
.svc-block .vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.svc-block .vis img[src*="kliniken"]{object-position:18% center}
/* ---------- Rechtsseiten (Impressum, Datenschutz, Cookie-Erklärung) ---------- */
.legal-body h2{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:2.4rem 0 .7rem;color:var(--ink)}
.legal-body h2:first-of-type{margin-top:0}
.legal-body h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:1.4rem 0 .4rem;color:var(--ink)}
.legal-body p,.legal-body li{font-size:15.5px;color:var(--ink-2);line-height:1.7;margin:0 0 .7rem}
.legal-body ul{padding-left:1.2rem;margin:0 0 .9rem}
.legal-body li{margin-bottom:.3rem}
.legal-body a{color:var(--orange-ink);text-decoration-thickness:1px;text-underline-offset:2px}
.legal-body a:hover{text-decoration:underline}
.legal-body a.btn{color:#fff;text-decoration:none}
.legal-body code{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.1em .4em}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-stand{font-size:var(--fs-xs) !important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute) !important;margin-bottom:1.6rem !important}
.legal-body mark.todo{background:rgba(216,89,15,.14);color:var(--orange-ink);border:1px dashed rgba(216,89,15,.55);border-radius:6px;padding:.05em .45em;font-weight:600}
.legal-box{border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:var(--r-md);background:var(--surface-2);padding:1rem 1.2rem;margin:1rem 0 1.2rem}
.legal-box strong{display:block;margin-bottom:.4rem}
.legal-box p:last-child{margin-bottom:0}
.legal-table{overflow-x:auto;margin:.6rem 0 1rem;border:1px solid var(--line);border-radius:var(--r-md)}
.legal-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:.7rem .85rem;border-bottom:1px solid var(--line)}
.legal-table th{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);background:var(--surface-2);white-space:nowrap}
.legal-table tr:last-child td{border-bottom:0}
.legal-table td{color:var(--ink-2)}
/* ---------- Druck ---------- */
@media print{
body{background:#fff;color:#000}
.legal-body p,.legal-body li{color:#000}
.legal-body a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#555}
.reveal{opacity:1 !important;transform:none !important}
}
/* ---------- Apple-Feinschliff: Kacheln, Rhythmus ---------- */
.section--soft{background:var(--grad-warm)}
.section--soft + .section--soft{padding-top:0}
.bento--light .tile{box-shadow:0 1px 2px rgba(20,22,26,.04),0 28px 56px -40px rgba(20,22,26,.25)}
.bento--light .tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.bento--light .tile--photo::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
@media (hover:hover) and (pointer:fine){
.bento--light .tile--link:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(20,22,26,.05),0 40px 70px -40px rgba(20,22,26,.32)}
.tile--link:active{transform:scale(.985)}
}
.tile--text .tile__cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--orange-ink);font-weight:600;font-size:var(--fs-sm)}
.tile--text .tile__cta::after,.tile--photo .tile__cta::after{content:"›";font-size:1.15em;line-height:1;transition:transform .2s var(--ease)}
.tile--link:hover .tile__cta::after{transform:translateX(3px)}
.tile--photo .tile__cta{font-size:var(--fs-sm)}
.bento--services .tile--text{display:flex;flex-direction:column;gap:1.1rem;padding:1.9rem 1.75rem 1.75rem;min-height:250px}
.bento--services .tile--text > div{margin-top:auto}
.bento--services .tile--text h3{font-size:clamp(1.3rem,1rem + .9vw,1.7rem)}
.bento--services .tile--wide{flex-direction:row;align-items:flex-start;gap:1.5rem}
.bento--services .tile--wide > div{margin-top:0}
.bento--services .tile--wide p{max-width:60ch}
.bento--services .tile--tall{min-height:520px}
.bento__actions{margin-top:1.75rem}
@media (max-width:1000px){.bento--services .tile--tall{min-height:420px}}
@media (max-width:640px){.bento--services .tile--text{min-height:0}.bento--services .tile--wide{flex-direction:column;gap:1rem}}
/* Cookie: Ablehnen gleichwertig zum Akzeptieren (DSGVO / TDDDG) */
.cookie button[data-cookie="reject"],.cookie-modal .pf button[data-cookie="reject"]{--btn-bg:var(--orange-tint);--btn-fg:var(--orange-ink);border-color:var(--orange-soft)}
.cookie button[data-cookie="reject"]:hover,.cookie-modal .pf button[data-cookie="reject"]:hover{--btn-bg:var(--orange-soft);border-color:var(--orange-soft)}
/* ---------- Bildschwerpunkte: Köpfe und Motive bleiben im Zuschnitt ---------- */
img[src$="bento-planung.jpg"]{object-position:50% 12%}
img[src$="branche-industrie.jpg"]{object-position:50% 8%}
img[src$="team-planung.jpg"]{object-position:50% 22%}
img[src$="team-strategie.jpg"]{object-position:42% 30%}
img[src$="planung-schaltanlage.jpg"]{object-position:32% 20%}
img[src$="detail-usv.jpg"]{object-position:50% 28%}
img[src$="detail-netz.jpg"]{object-position:50% 38%}
img[src$="detail-verkabelung.jpg"]{object-position:50% 35%}
img[src$="detail-beratung.jpg"]{object-position:50% 28%}
img[src$="branche-op.jpg"]{object-position:55% 40%}
img[src$="branche-kliniken.jpg"]{object-position:18% 40%}
img[src$="buero-loft.jpg"]{object-position:60% 55%}
img[src$="ingenieur-freileitung.jpg"]{object-position:26% 32%}
@media (min-width:641px) and (max-width:1100px){
.uc-band{grid-template-columns:1fr 1fr}
.bento,.bento--6{grid-template-columns:1fr 1fr}
.tile--tall{grid-row:1 / span 2;min-height:520px}
.tile--wide,.tile--wide.tile--photo{grid-column:1 / span 2}
.bento--6 .tile--tall,.bento--services .tile--tall{min-height:440px}
}
/* ---------- Mobil ---------- */
@media (max-width:640px){
:root{--header-h:64px}
.btn-row,.rows__actions,.bento__actions{flex-direction:column;align-items:stretch}
.btn-row .btn,.rows__actions .btn,.bento__actions .btn{width:100%;justify-content:center}
.foot-grid a{padding:.55rem 0}
.foot-bottom .legal{gap:.25rem 0}
.foot-bottom .legal a{padding:.45rem 0;margin-right:1.1rem}
.field input,.field select,.field textarea{font-size:16px !important}
.cookie{left:10px;right:10px;bottom:10px;max-width:none}
.cookie .actions{grid-template-columns:1fr}
.cookie .actions button{width:100%}
.cookie-modal{padding:12px}
.cookie-modal .panel{max-height:calc(100vh - 24px)}
}
/* Kicker und Eyebrow als Teil der H1 (SEO), optisch unverändert */
h1 > .hero__kicker,h1 > .svc-eyebrow,h1 > .hero-meta{display:flex;flex-wrap:wrap;line-height:1.45;letter-spacing:.16em;margin-bottom:.7rem;text-wrap:initial}
h1 > .hero-meta{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase}
/* =========================================================
Header (nach engine.com): randlos, dunkle Pill für aktiv/offen,
orange Pill rechts, schwebendes Mega-Panel, Seite dahinter verschwimmt
========================================================= */
body{padding-top:var(--header-h)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--header-h);background:var(--surface);transition:transform .32s var(--ease-out), box-shadow .32s var(--ease)}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header.scrolled{box-shadow:0 1px 0 var(--line-soft), 0 12px 30px -24px rgba(20,22,26,.2)}
.site-header:has(.nav__item--mega:hover),.site-header:has(.nav__item--mega:focus-within),.site-header:has(.mega.is-open),body.menu-open .site-header{transform:none}
.hdr{position:static;height:100%;display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem)}
.site-header .brand{display:inline-flex;align-items:center;flex:none;color:var(--ink)}
.site-header .brand img{width:auto;height:42px;display:block}
.site-header .brand .logo-icon{display:none;height:36px}
.nav{flex:1;display:flex;align-items:center;justify-content:center;height:100%}
.nav__phone,.nav__cta{display:none}
.nav__list{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}
.nav__item{position:static;display:flex;align-items:center;height:var(--header-h)}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:.4rem;height:44px;padding:0 1.05rem;border-radius:var(--r-full);color:var(--ink);font-size:1rem;font-weight:500;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;transition:background-color .18s var(--ease), color .18s var(--ease)}
.nav__link > svg:not(.nav__chev){display:none}
.nav__chev{width:12px;height:12px;transition:transform .22s var(--ease-out)}
.nav__link.is-active,.nav__item:hover > .nav__link,.nav__item:focus-within > .nav__link,.nav__item:has(.mega.is-open) > .nav__link{background:var(--orange-tint);color:var(--orange-ink)}
.nav__item--mega:hover .nav__chev,.nav__item--mega:focus-within .nav__chev,.nav__item:has(.mega.is-open) .nav__chev{transform:rotate(180deg)}
.hdr__right{margin-left:auto;display:flex;align-items:center;gap:1.1rem;flex:none}
.hdr__phone{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-size:.95rem;font-weight:500;font-variant-numeric:tabular-nums;text-decoration:none;padding:0 .6rem;height:44px;border-radius:var(--r-full);transition:background-color .18s var(--ease)}
.hdr__phone svg{width:16px;height:16px;color:var(--orange-ink)}
.hdr__phone:hover{background:var(--surface-2);color:var(--ink)}
.hdr__cta{display:inline-flex;align-items:center;height:44px;padding:0 1.35rem;border-radius:var(--r-full);background:var(--orange-btn);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease), transform .1s ease-out}
.hdr__cta:hover{background:var(--orange);color:#fff}
.hdr__cta:active{transform:scale(.97)}
.nav-toggle{display:none;margin-left:.5rem;width:44px;height:44px;border-radius:var(--r-full);border:1px solid var(--line-2);background:var(--surface);cursor:pointer;place-items:center;flex:none;color:var(--ink)}
.nav-toggle__bars{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:background-color .2s}
.nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0;top:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s var(--ease-out)}
.nav-toggle__bars::before{transform:translateY(-6px)}
.nav-toggle__bars::after{transform:translateY(6px)}
body.menu-open .nav-toggle__bars{background:transparent}
body.menu-open .nav-toggle__bars::before{transform:translateY(0) rotate(45deg)}
body.menu-open .nav-toggle__bars::after{transform:translateY(0) rotate(-45deg)}
/* Mega-Panel: schwebend, abgerundet, innerhalb der Inhaltsbreite */
.mega{position:absolute;left:0;right:0;top:calc(100% - 6px);padding:0 var(--gutter) 1.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s var(--ease-out), transform .24s var(--ease-out), visibility .18s;pointer-events:none}
.mega::before{content:"";position:absolute;left:0;right:0;top:-24px;height:26px}
.nav__item--mega:hover .mega,.nav__item--mega:focus-within .mega,.mega.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega__panel{max-width:var(--maxw);margin:0 auto;background:#fff;border-radius:28px;box-shadow:0 40px 90px -30px rgba(20,22,26,.38), 0 0 0 1px rgba(20,22,26,.05);padding:2.25rem 2.5rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}
.mega__left{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;min-width:0}
.mega__links{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2rem}
.mega__links a{display:block;text-decoration:none;color:var(--ink);padding:.35rem .6rem;margin:-.35rem -.6rem;border-radius:12px;transition:background-color .15s var(--ease)}
.mega__links a strong{display:block;font-size:1.08rem;font-weight:600;letter-spacing:-.012em;line-height:1.25}
.mega__links a span{display:block;font-size:.9rem;line-height:1.45;color:var(--ink-dim);margin-top:.2rem}
.mega__links a:hover{background:var(--surface-2)}
.mega__actions{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1.4rem;border-top:1px solid var(--line-soft)}
.mega__pill{display:inline-flex;align-items:center;height:42px;padding:0 1.2rem;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink);font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s var(--ease), color .15s var(--ease)}
.mega__pill:hover{background:var(--orange-tint);color:var(--orange-ink);border-color:var(--orange-soft)}
.mega__media{display:grid;grid-template-columns:.42fr .85fr 1.75fr;gap:1rem;min-height:400px}
.mega__strip,.mega__feature{border-radius:26px;overflow:hidden;display:block;min-height:0}
.mega__strip{width:100%;height:100%;object-fit:cover}
.mega__feature{position:relative;text-decoration:none;color:#fff;isolation:isolate}
.mega__feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform var(--dur-zoom) var(--ease-out)}
.mega__feature::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(20,20,22,.85) 0%,rgba(20,20,22,.3) 50%,rgba(20,20,22,.05) 100%)}
.mega__feature > div{position:absolute;left:0;right:0;bottom:0;padding:1.5rem 1.6rem;display:grid;gap:.35rem}
.mega__feature small{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-3)}
.mega__feature strong{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
.mega__feature span{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.95rem;font-weight:600}
.mega__feature span svg{width:16px;height:16px;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.mega__feature:hover img{transform:scale(1.04)}.mega__feature:hover span svg{transform:translateX(4px)}}
/* Seite dahinter verschwimmt */
main,.site-footer{transition:filter .25s var(--ease)}
body:has(.nav__item--mega:hover) main,body:has(.nav__item--mega:focus-within) main,body:has(.mega.is-open) main,body:has(.nav__item--mega:hover) .site-footer,body:has(.mega.is-open) .site-footer{filter:blur(7px)}
@media (max-width:1000px){body:has(.nav__item--mega:hover) main,body:has(.nav__item--mega:focus-within) main,body:has(.mega.is-open) main,body:has(.nav__item--mega:hover) .site-footer,body:has(.mega.is-open) .site-footer{filter:none}}
/* Skip-Link */
.skip{position:fixed;top:12px;left:12px;z-index:100;padding:.65rem 1rem;background:var(--blue-950);color:#fff;font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-full);box-shadow:var(--shadow-lg);transform:translateY(-200%);opacity:0;transition:transform .2s var(--ease-out),opacity .2s}
.skip:focus{transform:none;opacity:1;outline:2px solid var(--orange);outline-offset:2px}
/* Zwischenbreiten */
@media (max-width:1180px){.hdr__phone span{display:none}.hdr__phone{padding:0;width:44px;justify-content:center}.hdr{gap:clamp(.75rem,2vw,1.5rem)}}
/* Mobil (nach engine.com): weißes Panel unter dem Header, Schleier dahinter, Pills oben, Akkordeon */
.nav__pills{display:none}
@media (max-width:1000px){
.site-header .brand .logo-full{display:none}
.site-header .brand .logo-icon{display:block}
.hdr__cta,.hdr__phone{display:none}
.nav-toggle{display:grid;border:0;background:none}
body.menu-open::before{content:"";position:fixed;inset:0;z-index:58;background:rgba(228,228,232,.6);backdrop-filter:blur(2px)}
.nav{position:fixed;top:var(--header-h);left:0;right:0;z-index:59;height:auto;max-height:calc(100vh - var(--header-h));display:block;background:var(--surface);overflow-y:auto;padding:0 var(--gutter) 1.5rem;box-shadow:0 30px 60px -30px rgba(20,22,26,.3);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s var(--ease-out), transform .24s var(--ease-out), visibility .2s}
body.menu-open .nav{opacity:1;visibility:visible;transform:none}
body.menu-open{overflow:hidden}
.nav__pills{display:flex;gap:.5rem;padding:1rem 0 1.1rem}
.nav__phone{display:inline-flex;align-items:center;gap:.4rem;height:45px;padding:0 .9rem;border-radius:var(--r-full);border:1px solid var(--ink-300);color:var(--ink);font-size:.9rem;font-weight:500;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap}
.nav__phone svg{width:15px;height:15px;color:var(--orange-ink)}
.nav__cta{display:inline-flex;align-items:center;height:45px;padding:0 1.1rem;border-radius:var(--r-full);background:var(--orange-btn);color:#fff;font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap}
.nav__list{flex-direction:column;align-items:stretch;gap:0}
.nav__item{position:relative;flex-direction:column;align-items:stretch;height:auto}
.nav__link{height:51px;padding:0;border-radius:0;font-size:.95rem;font-weight:500;letter-spacing:0;color:var(--ink-2);border-bottom:1px solid var(--line-2);justify-content:space-between;background:none}
.nav__item:last-child .nav__link{border-bottom:0}
.nav__link > svg:not(.nav__chev){display:none}
.nav__chev{display:block;width:14px;height:14px;color:var(--ink-2)}
.nav__link.is-active,.nav__item:has(.mega.is-open) > .nav__link{background:none;color:var(--ink);font-weight:600}
.nav__item:hover > .nav__link,.nav__item:focus-within > .nav__link{background:none;color:var(--ink)}
.nav__item--mega:hover .nav__chev,.nav__item--mega:focus-within .nav__chev{transform:none}
.nav__item--mega.is-open .nav__chev{transform:rotate(180deg)}
.nav__item--mega.is-open > .nav__link{color:var(--ink);border-bottom-color:transparent}
.mega{position:static;opacity:0;visibility:hidden;transform:none;padding:0;pointer-events:none;display:none}
.nav__item--mega.is-open .mega{display:block;opacity:1;visibility:visible;pointer-events:auto}
.mega::before{display:none}
.mega__panel{display:block;background:var(--surface-2);box-shadow:none;border-radius:14px;padding:.4rem 1rem .6rem;max-width:none;margin:0 0 .9rem}
.mega__links{grid-template-columns:1fr;gap:0}
.mega__links a{padding:.7rem 0;margin:0;border-radius:0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.mega__links a:last-child{border-bottom:0}
.mega__links a strong{font-size:.95rem;font-weight:500}
.mega__links a span{display:none}
.mega__links a:hover{background:none;color:var(--ink)}
.mega__actions{display:flex;padding:.6rem 0 .3rem;border-top:1px solid var(--line);gap:.5rem}
.mega__pill{height:38px;padding:0 1rem;font-size:.875rem;background:#fff;border:1px solid var(--line-2)}
.mega__pill:nth-child(n+2){display:none}
.mega__media{display:none}
.nav__item:hover > .nav__link .nav__chev{transform:none}
}
@media (max-width:640px){.site-header .brand .logo-icon{height:32px}}
@media (prefers-reduced-motion:reduce){.site-header,.mega,.nav,main,.site-footer{transition:none}.mega__feature img{transition:none}}
img[src$="team-strategie-800.jpg"]{object-position:42% 30%}
.mega__intro{font-size:1.02rem;line-height:1.55;color:var(--ink-2);margin:0 0 1.4rem;max-width:44ch}
.mega__links--single{grid-template-columns:1fr;gap:.9rem}
@media (max-width:1000px){.mega__intro{display:none}.mega__links--single{gap:0}}
/* ---------- Mobil-Feinschliff: Schriftgrößen-Untergrenze, Tippziele, Kachelhöhe ---------- */
@media (max-width:640px){
.crumbs,.step-head .hint,.topo-card .tn,.topo-card .tag,.uc-tile .chip small,.sum-status,.sum-line .sk,.sum-tags span,.ch-card .ck,.ci .k,.mega__feature small,.cookie-modal .pf .links,.legal-stand,.legal-table th,.svc-block .eyebrow,.svc-block .no,.topo-card .tno,.topo-card .tpill,.loc-map .pin-label span,.sum-privacy{font-size:12px !important}
.field label{font-size:12px !important}
.crumbs a,.crumbs{line-height:1.6}
.crumbs a{display:inline-block;padding:.5rem 0}
.site-header .brand{padding:6px;margin-left:-6px}
.svc-nav a{min-height:40px;display:inline-flex;align-items:center}
.hero__pause,.hero .hero__dots button{min-height:40px}
.uc-tile{aspect-ratio:16/10}
.foot-grid .brand{padding:4px 0}
}
/* ---------- Hover-Bewegung nur auf Mausgeräten (Touch: kein haftender Lift) ---------- */
@media (hover:none){
.btn:hover,.pbtn:hover,.uc-tile:hover,.uc-card:hover,.topo-card:hover,.ch-card:hover,.tile:hover,.svc-tile:hover{transform:none !important}
.hero__chip:hover{transform:translateX(-50%) !important}
.uc-tile:hover img,.svc-block .vis:hover img,.tile--photo:hover img,.uc-card--img:hover img,.svc-figure:hover img{transform:none !important}
}
/* ---------- Seitenwechsel: weiches Überblenden (Chrome, Safari 18.2+) ---------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .16s var(--ease-out) both}
::view-transition-new(root){animation:vt-in .22s var(--ease-out) both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* ---------- Typografie-Feinschliff ---------- */
p,li,dd,.lead,.svc-lede{text-wrap:pretty}
h1,h2,h3{hyphens:manual}
.tabular,.hdr__phone,.nav__phone,.addr,.foot-grid .addr{font-variant-numeric:tabular-nums}
/* Foto-Kacheln behalten weiße Schrift auf dem Bildverlauf */
.tile--photo .tile__body h3,.tile--photo .tile__body p{color:#fff}
.tile--photo .tile__body p{color:rgba(255,255,255,.8)}
/* ---------- Helle Orange-Flächen (wie aktive Menü-Pill): dunkles Orange für Überschriften und Labels ---------- */
.section--deep,.band,.band-dark,.cta-banner,.cta-center,.ue-dark,.quote-break,.section--soft,.bg-soft,.svc-spec,footer.site-footer{background:var(--orange-tint)}
.section--deep h2,.section--deep h3:not(.step-card h3):not(.tile h3),.band h2,.band h3,.band-dark h2,.band-dark .svc-h,.cta-banner h2,.cta-center h2,.ue-dark h2,.ue-dark .ue-row h3,.quote-break q,.section--deep .bento-head h2{color:var(--orange-ink)}
.band-dark .svc-h em,.cta-banner h2 em,.section--deep h2 em,.ue-dark h2 em,.quote-break q em{color:var(--orange);font-style:normal}
.section--deep .eyebrow,.band .eyebrow,.band-dark .eyebrow,.band-dark .svc-eyebrow,.cta-banner .svc-eyebrow,.cta-banner .eyebrow,.ue-dark .eyebrow,.section--deep .svc-eyebrow,.eyebrow-rail--light{color:var(--orange-ink)}
.section--deep .eyebrow::before,.band .eyebrow::before,.band-dark .eyebrow::before,.band-dark .svc-eyebrow::before,.cta-banner .svc-eyebrow::before,.cta-banner .eyebrow::before,.ue-dark .eyebrow::before,.section--deep .svc-eyebrow::before,.eyebrow-rail--light::before{background:var(--orange)}
.band p,.cta-banner p,.cta-center p,.section--deep .section-head .lead,.ue-dark .lead,.section--deep p,.band-dark p{color:var(--ink-2)}
.section--deep .link-arrow,.band-dark .link-chevron,.cta-center p a,.band__grid--cta p a{color:var(--orange-ink)}
.section--deep .divider,.band-dark .divider{background:var(--orange-soft)}
.section--deep .btn-ghost,.band .btn-ghost,.band-dark .btn-ghost,.cta-banner .btn-ghost,.cta-center .btn-ghost,.ue-dark .btn-ghost,.section--deep .btn-white,.band .btn-white,.band-dark .btn-white,.cta-banner .btn-white,.cta-center .btn-white{--btn-bg:#fff;--btn-fg:var(--orange-ink);border-color:var(--orange-soft)}
.section--deep .btn-ghost:hover,.band .btn-ghost:hover,.band-dark .btn-ghost:hover,.cta-banner .btn-ghost:hover,.cta-center .btn-ghost:hover,.ue-dark .btn-ghost:hover,.section--deep .btn-white:hover,.band .btn-white:hover,.band-dark .btn-white:hover,.cta-banner .btn-white:hover,.cta-center .btn-white:hover{--btn-bg:#fff;border-color:var(--orange-ink);color:var(--orange-ink)}
.foot-grid h5,.foot-grid .foot-h{color:var(--orange-ink)}
.foot-bottom{border-top-color:var(--orange-soft)}
.step-card__no,.uc-grid .uc-card .uc-ic{color:var(--orange-ink)}
/* ---------- Kräftiges Orange für die CTA-Flächen, helles Orange für alles andere ---------- */
.cta-banner,.cta-center,.band--dark{background:var(--orange);color:#fff}
.cta-banner h2,.cta-center h2,.band--dark h2,.cta-banner p,.cta-center p,.band--dark p{color:#fff}
.cta-banner h2 em,.cta-center h2 em{color:#FFD8BC}
.cta-banner .eyebrow,.cta-banner .svc-eyebrow,.cta-center .eyebrow{color:#fff}
.cta-banner .eyebrow::before,.cta-banner .svc-eyebrow::before,.cta-center .eyebrow::before{background:#fff}
.cta-center p a,.band--dark p a{color:#fff;text-decoration-color:rgba(255,255,255,.55)}
.cta-banner .btn-primary,.cta-center .btn-primary,.band--dark .btn-primary{--btn-bg:#fff;--btn-fg:var(--orange-ink);border-color:#fff}
.cta-banner .btn-primary:hover,.cta-center .btn-primary:hover,.band--dark .btn-primary:hover{--btn-bg:#FFF1E6;color:var(--orange-ink)}
.cta-banner .btn-ghost,.cta-banner .btn-white,.cta-center .btn-ghost,.cta-center .btn-white,.band--dark .btn-white,.band--dark .btn-ghost{--btn-bg:transparent;--btn-fg:#fff;border-color:rgba(255,255,255,.6)}
.cta-banner .btn-ghost:hover,.cta-banner .btn-white:hover,.cta-center .btn-ghost:hover,.cta-center .btn-white:hover,.band--dark .btn-white:hover,.band--dark .btn-ghost:hover{--btn-bg:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.cta-banner .link-arrow,.cta-center .link-arrow{color:#fff}
/* Zitatband im kräftigen Orange als Kontrast zu den hellen Flächen */
.quote-break{background:var(--orange);color:#fff}
.quote-break q,.quote-break .attr b{color:#fff}
.quote-break q em{color:#FFD8BC}
.quote-break .attr{color:rgba(255,255,255,.82)}
.quote-break .label{color:#fff}
.quote-break .label::before{background:#fff}
/* ---------- Mobil-Durchgang 11.09.2026 ---------- */
@media (max-width:640px){
.foot-grid h5,.foot-grid .foot-h{font-size:12px}
.foot-grid .addr a,.foot-grid a[href^="tel:"],.foot-grid a[href^="mailto:"]{padding:.5rem 0}
.foot-bottom{gap:.6rem 1.2rem}
.foot-bottom a{margin-left:0;margin-right:1.2rem;padding:.35rem 0}
.rows__link .link-arrow{padding:.5rem 0}
.nav__pills{flex-wrap:wrap}
.nav__phone,.nav__cta{flex:1 1 auto;min-width:0;justify-content:center;white-space:normal;text-align:center}
.home-hero .hero-meta,.svc-hero .crumbs{font-size:12px}
h1 > .hero__kicker,h1 > .svc-eyebrow,h1 > .hero-meta{display:block}
h1 > .hero__kicker::before,h1 > .svc-eyebrow::before,h1 > .hero-meta::before{display:inline-block;vertical-align:middle;margin-right:.6rem}
.home-hero .hero-meta,.home-hero h1,.home-hero p.lede{text-shadow:0 1px 2px rgba(0,0,0,.5),0 8px 26px rgba(0,0,0,.35)}
}
/* ---------- Rückruf-Popup ---------- */
html.cb-open{overflow:hidden}
.cb{width:min(520px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:var(--r-xl);background:var(--surface);color:var(--ink);box-shadow:0 40px 100px rgba(20,22,26,.35);overflow:auto;overscroll-behavior:contain}
.cb::backdrop{background:rgba(20,22,26,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cb[open]{animation:cbIn .28s var(--ease-out)}
.cb[open]::backdrop{animation:cbFade .22s ease-out}
.cb.is-closing{opacity:0;transform:translateY(8px) scale(.985);transition:opacity .16s ease-out,transform .16s ease-out}
@keyframes cbIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes cbFade{from{opacity:0}to{opacity:1}}
.cb__form{position:relative;margin:0;padding:clamp(1.5rem,4vw,2.25rem)}
.cb__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s,border-color .2s,transform .12s}
.cb__close:hover{background:var(--orange-tint);border-color:var(--orange-soft);color:var(--orange-ink)}
.cb__close:active{transform:scale(.94)}
.cb__close svg{width:18px;height:18px}
.cb__icon,.cb__check{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--orange-tint);border:1px solid var(--orange-soft);color:var(--orange-ink);margin-bottom:1.1rem}
.cb__icon svg,.cb__check svg{width:24px;height:24px}
.cb__check{border-radius:50%;background:var(--orange-btn);border-color:var(--orange-btn);color:#fff}
.cb__title{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);font-weight:600;letter-spacing:-.028em;line-height:1.1;margin:0 0 .5rem;padding-right:2.5rem}
.cb__text{margin:0 0 1.4rem;font-size:var(--fs-sm);line-height:1.55;color:var(--ink-dim)}
.cb__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.cb__field{display:grid;gap:.4rem;margin-bottom:.85rem}
.cb__field label{font-size:var(--fs-xs);font-weight:600;color:var(--ink)}
.cb__field label small{font-weight:500;color:var(--ink-mute);font-size:inherit;margin-left:.25rem}
.cb__field input,.cb__field select,.cb__field textarea{width:100%;min-height:48px;padding:.7rem .9rem;border-radius:14px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.4;transition:border-color .18s,box-shadow .18s}
.cb__field textarea{resize:vertical;min-height:72px}
.cb__field input:focus,.cb__field select:focus,.cb__field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-tint)}
.cb__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cb__ts:not(:empty){margin:.25rem 0 .85rem}
.cb__error{margin:0 0 .85rem;padding:.7rem .9rem;border-radius:12px;background:#FFF5F4;border:1px solid #F0C4C0;color:#9E2A22;font-size:var(--fs-sm);line-height:1.5}
.cb__submit{width:100%;justify-content:center;min-height:52px}
.cb__submit[disabled]{opacity:.7;cursor:progress}
.cb__privacy{margin:.9rem 0 0;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-dim);text-align:center}
.cb__done{text-align:left}
.cb__done .btn{margin-top:.5rem}
@media (max-width:520px){.cb__row{grid-template-columns:1fr;gap:0}.cb{border-radius:22px}}
@media (prefers-reduced-motion:reduce){.cb[open],.cb[open]::backdrop{animation:none}.cb.is-closing{transition:none}}
/* ---------- 404-Seite ---------- */
.nf2{padding:clamp(1.5rem,4vw,3.5rem) 0 clamp(3rem,6vw,5.5rem);background:#fff;text-align:center;overflow:hidden}
/* Riesige Ziffern als Fenster auf das Serverraum-Video: weiße Fläche mit schwarzer Schrift, per „screen“ wird Schwarz durchsichtig */
.nf2__num{position:relative;isolation:isolate;overflow:hidden;background:var(--orange) url(hero-poster.jpg) center/cover no-repeat;margin:0 auto;max-width:1240px}
.nf2__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}
.nf2__tint{position:absolute;inset:0;background:linear-gradient(115deg,rgba(216,89,15,.72) 0%,rgba(242,164,97,.35) 48%,rgba(216,89,15,.6) 100%)}
.nf2__mask{position:relative;display:flex;justify-content:center;gap:.02em;background:#fff;color:#000;mix-blend-mode:screen;font-size:clamp(9rem,5rem + 26vw,27rem);font-weight:700;line-height:.8;letter-spacing:-.07em;padding:.06em 0 .1em;user-select:none;font-variant-numeric:lining-nums;outline:3px solid #fff;outline-offset:-2px}
.nf2__mask span{display:block}
.nf2__copy{max-width:760px;margin:clamp(1.5rem,3vw,2.5rem) auto 0}
.nf2__status{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;padding:.45rem .95rem .45rem .8rem;border-radius:999px;background:var(--orange-tint);border:1px solid var(--orange-soft);color:var(--orange-ink);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.nf2__status i{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}
.nf2 h1{font-size:clamp(2.4rem,1.4rem + 3.6vw,4.5rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 1.1rem;text-wrap:balance}
.nf2 h1 em{font-style:normal;color:var(--orange)}
.nf2 .lead{margin:0 auto 2rem;max-width:54ch}
.nf2 .btn-row{justify-content:center}
@media (prefers-reduced-motion:no-preference){
/* Netzausfall: Ziffern flackern kurz, dann steht das Bild wieder. Die USV hat übernommen. */
.nf2__video,.nf2__tint{animation:nfFlicker 1.9s linear .35s both}
.nf2__status i{animation:nfPulse 2.4s ease-out 2.4s infinite}
.nf2__copy > *{animation:nfIn .8s var(--ease-out) both}
.nf2__copy > :nth-child(1){animation-delay:.9s}.nf2__copy > :nth-child(2){animation-delay:1s}.nf2__copy > :nth-child(3){animation-delay:1.1s}.nf2__copy > :nth-child(4){animation-delay:1.2s}
}
@keyframes nfFlicker{0%,8%{opacity:1}9%{opacity:.15}12%{opacity:.9}14%{opacity:.1}22%{opacity:.08}24%{opacity:.7}26%{opacity:.05}58%{opacity:.05}60%{opacity:.55}62%{opacity:.2}66%{opacity:.85}70%,100%{opacity:1}}
@keyframes nfPulse{0%{box-shadow:0 0 0 0 rgba(216,89,15,.5)}70%{box-shadow:0 0 0 10px rgba(216,89,15,0)}100%{box-shadow:0 0 0 0 rgba(216,89,15,0)}}
@keyframes nfIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nf2__video{display:none}}
.nf2__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.nf2__sel h2{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);line-height:1.06;letter-spacing:-.032em;margin:0 0 1rem;color:var(--ink)}
.nf2__sel h2 em{font-style:normal;color:var(--orange)}
.nf2__sel .lead{margin:0}
.nf2__call{margin:1.5rem 0 0;font-size:var(--fs-sm);color:var(--ink-dim)}
.nf__bus{background:#fff;border-color:var(--orange-soft)}
@media (min-width:761px){.nf__bus .bus__feeders{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nf__bus .bus__node small{letter-spacing:.04em}
.nf__bus .bus__st{white-space:nowrap}
.nf__bus .bus__f b a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange-soft);text-underline-offset:.2em}
.nf__bus .bus__f b a:hover{color:var(--orange-ink);text-decoration-color:var(--orange)}
.nf2__h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);margin:0 0 clamp(1.25rem,3vw,2rem)}
.nf2__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,5vw,4.5rem)}
.nf2__links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.nf2__links span{display:grid;gap:.15rem}
.nf2__links b{font-size:clamp(1.2rem,1rem + .6vw,1.5rem);font-weight:600;letter-spacing:-.02em;transition:color .2s}
.nf2__links small{font-size:var(--fs-sm);color:var(--ink-dim)}
.nf2__links i{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--orange-tint);border:1px solid var(--orange-soft);color:var(--orange-ink);transition:background-color .22s,color .22s,transform .22s var(--ease-out)}
.nf2__links i svg{width:18px;height:18px}
@media (hover:hover){.nf2__links a:hover b{color:var(--orange-ink)}.nf2__links a:hover i{background:var(--orange-btn);border-color:var(--orange-btn);color:#fff;transform:translateX(4px)}}
@media (max-width:900px){.nf2__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.nf2__links{grid-template-columns:minmax(0,1fr)}.nf2 .btn-row{display:grid}.nf2 .btn-row .btn{width:100%}.nf2__mask{font-size:46vw}.nf2__status-more{display:none}}