/* AI READY Marke v2 (Redesign 20.10.2026, Fabian: Stil Apple und Porsche).
   Grundton hell, Produkt-Abschnitte auf ruhigem Navy als Bühne, Schrift Inter, Blau nur für Knöpfe, Links und Akzente.
   Weg: Leuchtschein, Glaskacheln, Glanzlichter, Farbverläufe in Schrift, Großbuchstaben-Überschriften.
   Wird auf jeder Seite als letztes Stylesheet geladen und überschreibt den alten Look.
   Konzept: 08_Firma_AI_Ready/Website/2026-10-20_AI_Ready_Website-Redesign_Apple-Porsche_Konzept.md (Projektordner). */

/* Inter, SIL Open Font License, selbst gehostet (lateinische Zeichen inkl. Umlaute) */
@font-face{font-family:Inter;src:url("assets/fonts/Inter-Variable-latin-v20.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --m-weiss:#fff;--m-hell:#f5f7f9;--m-linie:#e2e7ec;
  --m-text:#0b1620;--m-neben:#55606b;--m-leise:#6b7682;
  --m-buehne:#061626;--m-tief:#02070d;
  --m-blau:#2997ff;--m-knopf:#006ed6;--m-knopf-hover:#005fb9;
  --m-auf-dunkel:#f5f7f9;--m-auf-dunkel-neben:rgba(245,247,249,.68);
  --font-display:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-copy:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{background:var(--m-weiss)}
body{font-family:var(--font-display);font-feature-settings:"cv11";letter-spacing:-.006em;text-rendering:optimizeLegibility}
:root body :not(pre):not(code):not(kbd):not(samp){text-transform:none!important}

/* ---------- Überschriften: normale Schreibweise, ruhig, ohne Verlauf ---------- */
:root body :is(h1,h2,h3,.display,.section-title){font-family:var(--font-display);font-weight:600;letter-spacing:-.028em}
:root body :is(h1,h2,h3,h4,.display,.section-title) em,
:root body .finale h2 span{font-style:normal;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:color-mix(in srgb,currentColor 52%,transparent)!important;-webkit-text-fill-color:currentColor}
:root body .display{font-size:clamp(42px,5.6vw,80px);line-height:1.04;letter-spacing:-.035em}
:root body .section-title{font-size:clamp(34px,4.2vw,56px);line-height:1.06;letter-spacing:-.03em}
:root body :is(.eyebrow,.v5-overline,.v5-kicker){letter-spacing:0!important;font-size:15px;font-weight:600;color:var(--m-blau)}
:root body :is(.eyebrow--dark,.section-light .eyebrow,.section-light .v5-overline,.page-hero .eyebrow,.v64-about-hero .eyebrow){color:var(--m-knopf)}
:root body :is(.eyebrow,.v5-overline)::before,:root body :is(.eyebrow,.v5-overline)::after{display:none!important}

/* ---------- Kopfzeile: hell und ruhig wie bei Apple ---------- */
:root body .site-header,:root body .site-header.is-scrolled,:root body.page .site-header,:root body.home-v5 .site-header{background:rgba(255,255,255,.84);border-bottom:1px solid rgba(11,22,32,.08);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
:root body .site-header .brand--official .brand-logo--primary{display:block!important}
:root body .site-header .brand--official .brand-logo--white{display:none!important}
:root body .navigation{font-size:13px;font-weight:500;letter-spacing:0}
:root body .navigation>a:not(.nav-cta):not(.language-switch){color:rgba(11,22,32,.78)!important}
:root body .navigation>a:not(.nav-cta):not(.language-switch):hover,:root body .navigation>a[aria-current="page"]{color:var(--m-text)!important}
:root body .nav-cta{background:var(--m-knopf);color:#fff!important;font-weight:500}
:root body .nav-cta:hover{background:var(--m-knopf-hover);transform:none}
:root body .nav-cta span{display:none}
:root body .language-switch,:root body .site-header.is-scrolled .language-switch,:root body.page .language-switch{border:1px solid var(--m-linie);background:var(--m-weiss);color:var(--m-text)!important}
:root body .menu-button{color:var(--m-text)!important}
:root body .menu-button i,:root body .menu-button i::before{background:var(--m-text)!important}
@media (max-width:960px){
  :root body .navigation,:root body.home-v5 .navigation{background:rgba(255,255,255,.98)!important}
  :root body .navigation>a:not(.nav-cta):not(.language-switch){color:var(--m-text)!important;font-weight:600;letter-spacing:-.02em}
}
/* Startseite: über dem Film durchsichtig, beim Scrollen hell */
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled){background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .brand--official .brand-logo--primary{display:none!important}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .brand--official .brand-logo--white{display:block!important}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .navigation>a:not(.nav-cta):not(.language-switch){color:rgba(255,255,255,.88)!important}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .language-switch{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff!important}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .menu-button{color:#fff!important}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .menu-button i,:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .menu-button i::before{background:#fff!important}

/* ---------- Knöpfe: Pillen, gefüllt oder mit Rahmen ---------- */
:root body :is(.button,.v5-button,.contact-link){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border:0;border-radius:var(--radius-pill)!important;background:var(--m-knopf);color:#fff!important;box-shadow:none!important;font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:0;transform:none!important;transition:background .2s}
:root body :is(.button,.v5-button,.contact-link):hover{background:var(--m-knopf-hover)}
:root body :is(.button,.contact-link)>b,:root body .v5-button>span[aria-hidden="true"],:root body .contact-link>b{display:none!important}
:root body .contact-link>span{color:inherit}
:root body .button-ghost{background:transparent;box-shadow:inset 0 0 0 1px currentColor!important;color:var(--m-blau)!important}
:root body .text-link,:root body .v64-service-link{color:var(--m-blau)}
:root body :is(.section-light,.page-hero,.v64-about-hero) .text-link,:root body .text-link--dark{color:var(--m-knopf)}
:root body .ux-kontakt-alt a{color:inherit}

/* ---------- Seitenköpfe: hell statt dunkel mit Leuchten ---------- */
:root body :is(.page-hero,.v64-about-hero){position:relative;background:var(--m-weiss)!important;background-image:none!important;color:var(--m-text)!important;padding-top:148px;padding-bottom:88px}
:root body :is(.page-hero,.v64-about-hero)::before,:root body :is(.page-hero,.v64-about-hero)::after{display:none!important}
:root body :is(.page-hero,.v64-about-hero) :is(.lead,p:not(.eyebrow)){color:var(--m-neben)!important}
:root body :is(.page-hero,.v64-about-hero) .display{color:var(--m-text)}
:root body .page-hero .page-note{border-color:var(--m-linie)!important;background:var(--m-hell)!important;color:var(--m-neben)!important}
:root body .breadcrumb a,:root body .breadcrumb span{color:var(--m-leise)!important}
:root body .breadcrumb a:hover{color:var(--m-text)!important}
:root body .v64-about-facts{border-color:var(--m-linie)!important;background:var(--m-hell)!important;box-shadow:none!important}
:root body .v64-about-facts :is(dt,dd){color:var(--m-text)!important}
:root body .v64-about-facts dd{color:var(--m-neben)!important}
:root body .v64-about-facts>div{border-color:var(--m-linie)!important}

/* ---------- Abschnitte: dunkel heißt jetzt ruhige Navy-Bühne ---------- */
:root body .section:not(.section-light){background:var(--m-buehne);background-image:none}
:root body .section-light{background:var(--m-hell);color:var(--m-text)}
:root body .section-light .section-head>p,:root body .lead--dark{color:var(--m-neben)}
:root body .section:not(.section-light) .section-head>p{color:var(--m-auf-dunkel-neben)}
:root body .contact-panel{background:transparent!important;border:1px solid rgba(245,247,249,.14);box-shadow:none}
:root body :is(.v5-aura,.v5-final-shade,.rv-licht,.v9-pulse){display:none!important}

/* ---------- Fußzeile: hell wie bei Apple ---------- */
:root body .site-footer{background:var(--m-hell);color:var(--m-neben);border-top:1px solid var(--m-linie)}
:root body .site-footer .footer-brand .brand-logo--white{display:none!important}
:root body .site-footer .footer-brand .brand-logo--primary{display:block!important}
:root body .site-footer .footer-copy{color:var(--m-neben)}
:root body .site-footer .footer-copy strong{color:var(--m-text)}
:root body .site-footer .footer-col strong{color:var(--m-text);letter-spacing:0}
:root body .site-footer .footer-col a{color:var(--m-neben)}
:root body .site-footer .footer-col a:hover{color:var(--m-text)}
:root body .site-footer .footer-bottom{border-color:var(--m-linie);color:var(--m-leise)}
:root body .site-footer a[href^="mailto"]{color:var(--m-knopf)}

/* ---------- Artikel: weißes Lesepapier ---------- */
:root body .v64-insight-article{background:var(--m-weiss)!important;color:var(--m-text)!important}

/* =====================================================================
   Startseite (body.m2-start)
   ===================================================================== */
.m2-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px}
.m2-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:var(--radius-pill);background:var(--m-knopf);color:#fff;font-size:16px;font-weight:500;letter-spacing:0;transition:background .2s,color .2s}
.m2-knopf:hover{background:var(--m-knopf-hover)}
.m2-knopf--rahmen{background:transparent;box-shadow:inset 0 0 0 1px currentColor;color:var(--m-knopf)}
.m2-knopf--rahmen:hover{background:var(--m-knopf);color:#fff;box-shadow:none}
:is(.m2-dunkel,.m2-held,.m2-satz) .m2-knopf--rahmen{color:var(--m-blau)}
:is(.m2-dunkel,.m2-held,.m2-satz) .m2-knopf--rahmen:hover{color:#fff}
.m2-hinweis{margin:0;font-size:12px;line-height:1.4;color:rgba(245,247,249,.62)}

/* Startfilm über die ganze Fläche */
.m2-held{position:relative;display:grid;align-items:end;min-height:100svh;overflow:hidden;background:var(--m-tief);color:#fff}
.m2-held-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m2-held::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,7,13,.78) 0%,rgba(2,7,13,.32) 46%,rgba(2,7,13,.12) 100%);pointer-events:none}
.m2-held-inhalt{position:relative;z-index:2;padding-top:120px;padding-bottom:clamp(96px,13vh,150px)}
.m2-held-titel{margin:0;max-width:13ch;color:#fff;font-size:clamp(48px,7.4vw,108px);line-height:1;letter-spacing:-.04em;font-weight:600}
.m2-held-titel .m2-held-unter{display:block;max-width:34ch;margin-top:22px;color:rgba(255,255,255,.86);font-size:clamp(17px,1.55vw,22px);line-height:1.4;letter-spacing:-.01em;font-weight:500}
.m2-held .m2-knoepfe{margin-top:30px}
.m2-held-steuer{position:absolute;z-index:3;inset:auto clamp(16px,3vw,40px) clamp(18px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.m2-held-steuer>*{pointer-events:auto}
.m2-pause{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--radius-pill);background:rgba(2,7,13,.42);color:#fff;cursor:pointer;transition:background .2s}
.m2-pause:hover{background:rgba(2,7,13,.65)}
.m2-pause svg{width:16px;height:16px}
.m2-pause .m2-play{display:none}
.m2-pause.ist-angehalten .m2-play{display:block}
.m2-pause.ist-angehalten .m2-halt{display:none}
.m2-runter{display:grid;place-items:center;width:44px;height:44px;color:#fff;font-size:22px;line-height:1}

/* Produkt-Bühnen der AIROS-Familie */
.m2-produkt{padding-top:clamp(76px,9vw,124px);overflow:hidden;text-align:center}
.m2-dunkel{background:var(--m-tief);color:var(--m-auf-dunkel)}
.m2-hell{background:var(--m-hell);color:var(--m-text)}
.m2-produkt .shell{display:flex;flex-direction:column;align-items:center}
.m2-art{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--m-knopf)}
.m2-dunkel .m2-art{color:var(--m-blau)}
.m2-produkt h2{margin:0;font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-.035em}
.m2-tagline{margin:10px 0 0;font-size:clamp(21px,2.3vw,30px);line-height:1.25;font-weight:500;letter-spacing:-.018em}
.m2-text{max-width:54ch;margin:16px 0 0;font-size:17px;line-height:1.55;color:var(--m-neben)}
.m2-dunkel .m2-text{color:var(--m-auf-dunkel-neben)}
.m2-produkt .m2-knoepfe{justify-content:center}
.m2-produkt-bild{width:min(1080px,calc(100vw - 32px));margin:clamp(40px,5vw,64px) auto 0}
.m2-produkt-bild video{display:block;width:100%;height:auto;border-radius:var(--radius-m) var(--radius-m) 0 0;background:#0a0d12}

/* So arbeitet ein Agent: vorhandener Ablauf, ruhiger gerahmt, Kopf mittig wie die Produkt-Bühnen */
body.m2-start .v15-tailored{background:var(--m-buehne);padding-top:clamp(80px,10vw,130px)}
body.m2-start .v15-tailored-head{display:block!important;max-width:820px;margin:0 auto clamp(40px,5vw,64px)!important;text-align:center}
body.m2-start .v15-tailored-head h2{margin:0;font-size:clamp(38px,4.6vw,60px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
body.m2-start .v15-tailored-head>p{max-width:56ch;margin:16px auto 0!important;font-size:17px;color:var(--m-auf-dunkel-neben)}

/* Zwei Karten nebeneinander */
.m2-zwei{padding:clamp(72px,9vw,120px) 0;background:var(--m-weiss);color:var(--m-text)}
.m2-zwei-kopf{max-width:720px;margin:0 auto clamp(36px,4vw,52px);text-align:center}
.m2-zwei-kopf h2{margin:0;font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em}
.m2-zwei-kopf p{margin:14px 0 0;font-size:clamp(17px,1.5vw,21px);color:var(--m-neben)}
.m2-zwei-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.m2-karte{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:300px;padding:clamp(28px,3.4vw,44px);border-radius:var(--radius-m);background:var(--m-hell);color:var(--m-text);transition:transform .35s var(--ease),box-shadow .35s}
.m2-karte:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,22,32,.08)}
.m2-karte img{width:auto;height:46px;object-fit:contain;margin-bottom:auto}
.m2-karte h3{margin:auto 0 0;font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.025em}
.m2-karte p{margin:0;max-width:44ch;font-size:17px;line-height:1.5;color:var(--m-neben)}
.m2-mehr{font-size:17px;font-weight:500;color:var(--m-knopf)}
.m2-mehr::after{content:" \203A"}
.m2-randnotiz{max-width:720px;margin:28px auto 0;text-align:center;font-size:15px;color:var(--m-neben)}
.m2-randnotiz a{color:var(--m-knopf)}

/* Leitbild auf dem Grundriss-Film */
.m2-satz{position:relative;padding:clamp(120px,15vw,210px) 0;overflow:hidden;background:var(--m-tief);color:#fff;text-align:center}
.m2-satz-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.m2-satz .shell{position:relative;z-index:1}
.m2-satz h2{margin:0;font-size:clamp(42px,6.2vw,88px);line-height:1.02;letter-spacing:-.04em;color:#fff}
.m2-satz p:not(.m2-hinweis){max-width:52ch;margin:22px auto 0;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:rgba(255,255,255,.84)}
.m2-satz .m2-hinweis{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(14px,2.4vw,28px);z-index:1}
.m2-held .m2-hinweis{text-align:right}

/* Unser Film */
.m2-film{padding:clamp(80px,10vw,130px) 0 clamp(64px,8vw,100px);background:var(--m-tief);color:var(--m-auf-dunkel);text-align:center}
.m2-film h2{margin:0 0 clamp(28px,3.5vw,44px);font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em}
.m2-film .v9-image-film__note{color:var(--m-auf-dunkel-neben)}

/* Vor Ort in ganz Österreich */
.m2-orte{padding:clamp(72px,9vw,120px) 0;background:var(--m-hell);color:var(--m-text);text-align:center}
.m2-orte h2{margin:0;font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.035em}
.m2-orte>.shell>p{max-width:52ch;margin:14px auto 0;font-size:clamp(17px,1.5vw,21px);color:var(--m-neben)}
.m2-ortlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:30px}
.m2-ortlinks a{font-size:17px;font-weight:500;color:var(--m-knopf)}
.m2-ortlinks a::after{content:" \203A"}

/* Erstgespräch */
.m2-kontakt{padding:clamp(96px,12vw,160px) 0;background:var(--m-weiss);color:var(--m-text);text-align:center}
.m2-kontakt h2{margin:0;font-size:clamp(44px,6vw,84px);line-height:1.02;letter-spacing:-.04em}
.m2-kontakt .m2-text{margin-left:auto;margin-right:auto}
.m2-kontakt .m2-knoepfe{justify-content:center}
.m2-kontakt .ux-kontakt-alt{margin-top:16px;font-size:15px;color:var(--m-neben);opacity:1}

@media (max-width:760px){
  .m2-zwei-raster{grid-template-columns:1fr}
  .m2-karte{min-height:240px}
  .m2-held-inhalt{padding-bottom:116px}
  .m2-held .m2-knoepfe{flex-direction:column;align-items:stretch;max-width:320px}
  .m2-produkt-bild{width:min(420px,calc(100vw - 32px))}
}
@media (prefers-reduced-motion:reduce){
  .m2-karte,.m2-karte:hover{transition:none;transform:none}
}

/* =====================================================================
   Nachbesserungen nach dem Prüflauf über alle Seiten (20.10.2026)
   ===================================================================== */
/* Kleinschrift lesbar (mindestens 4,5:1) */
:root body .language-switch i{color:var(--m-leise)}
:root body .site-footer .footer-bottom,:root body .site-footer .footer-bottom span,:root body .site-footer .footer-bottom a{color:var(--m-neben)}
:root body .nz-selbst-karte small{color:var(--m-neben)}
:root body :is(.section-light,.page-hero,.v64-about-hero,.m2-hell,.m2-zwei) .regional-source{color:var(--m-knopf)!important}
:root body .section:not(.section-light) .regional-source{color:var(--m-blau)!important}

/* Kennzahl-Karten in hellen Seitenköpfen (Regionen, Branchen, Löhne & Gehälter): ruhige Flächen statt Glas */
:root body :is(.page-hero,.regional-hero) .regional-proof article{background:var(--m-hell)!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--m-text)!important;-webkit-box-reflect:none!important}
:root body :is(.page-hero,.regional-hero) .regional-proof article::before,:root body :is(.page-hero,.regional-hero) .regional-proof article::after{display:none!important}
:root body :is(.page-hero,.regional-hero) .regional-proof article strong{color:var(--m-text)!important;background:none!important;-webkit-text-fill-color:currentColor}
:root body :is(.page-hero,.regional-hero) .regional-proof article :is(span,small,p){color:var(--m-neben)!important}

/* Leuchtschein und Verlaufsflächen weg, Bühnen bleiben ruhig */
:root body :is(.rv-empfehlung,.v8-os-chapter){background-color:var(--m-buehne)!important;background-image:none!important}
:root body .v41-fields{background:var(--m-weiss)!important;background-image:none!important;color:var(--m-text)}
:root body .v41-fields-icons{background:var(--m-hell)!important;background-image:none!important;box-shadow:none!important}
:root body .v20-hagebau-stage{background:var(--m-weiss)!important;background-image:none!important;box-shadow:none!important;border:1px solid var(--m-linie)!important}
:root body .v20-hagebau-stage::before,:root body .v20-hagebau-stage::after{display:none!important}
/* Sales X-Ray: Partnerlogo hat helle Schrift, darum dunkle Bühne statt Weiß (Fabian 20.10.2026) */
:root body .v20-hagebau-stage.v20-hagebau-stage--sales-x-ray{background:radial-gradient(120% 90% at 50% 30%,#0f2a48 0%,var(--m-buehne) 58%,var(--m-tief) 100%)!important;border-color:transparent!important}
:root body .v15-payroll-copy{background:rgba(245,247,249,.04)!important;background-image:none!important;box-shadow:none!important}
:root body .v15-compare-delta{background:transparent!important;box-shadow:none!important;border-color:rgba(41,151,255,.55)!important}
:root body .ab-buehne{background-image:none!important}

/* Artikel: weiße Seite wie ein Pressetext bei Apple, Text in angenehmer Breite */
:root body .v64-insight-article{padding-top:132px}
:root body .v64-insight-back{color:var(--m-knopf)!important;font-size:15px;font-weight:500;letter-spacing:0}
:root body .v64-insight-meta :is(span,time){border-color:var(--m-linie)!important;color:var(--m-neben)!important;font-size:13px;letter-spacing:0}
:root body .v64-insight-header h1{color:var(--m-text);font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.035em}
:root body .v64-insight-header>p{color:var(--m-neben)!important;font-size:clamp(18px,1.6vw,21px);line-height:1.55}
:root body .v64-insight-body{max-width:820px;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding-top:8px}
:root body .v64-insight-body p,:root body .v64-insight-body li{color:#26323d;font-size:18px;line-height:1.72}
:root body .v64-insight-body h2{color:var(--m-text);letter-spacing:-.03em}
:root body .v64-insight-body a{color:var(--m-knopf)}
:root body .v64-insight-body img{box-shadow:none!important}
:root body .v64-insight-share-btn{background:var(--m-knopf)}
:root body :is(.v41-fields,.section-light,.m2-zwei,.m2-hell) :is(.v5-overline,.eyebrow){color:var(--m-knopf)}
:root body .section-light .region-list b{color:var(--m-knopf-hover)!important}
:root body .section:not(.section-light) .v75-lagebild figcaption span{color:rgba(245,247,249,.82)!important}
:root body .section-light .v75-lagebild figcaption span{color:var(--m-neben)!important}
:root body .sp-buehne{background-image:none!important}
:root body .section:not(.section-light) .regional-intro p{color:var(--m-auf-dunkel-neben)!important}
:root body{background:var(--m-weiss)}
/* Infokarte neben Fließtext: auf dunkler Bühne dunkel, auf hellem Grund weiß */
:root body .section:not(.section-light) .regional-intro aside{background:rgba(245,247,249,.05)!important;border-color:rgba(245,247,249,.14)!important;color:var(--m-auf-dunkel)}
:root body .section:not(.section-light) .regional-intro aside small{color:var(--m-blau)}
:root body .section:not(.section-light) .regional-intro aside p{color:var(--m-auf-dunkel-neben)!important}
:root body .section-light .regional-intro aside{color:var(--m-text)}
/* Vorher-Nachher im Lohnbeispiel: Beschriftungen lesbar */
:root body :is(.v15-compare-label,.v15-compare-col small){color:rgba(245,247,249,.74)!important}
:root body .section:not(.section-light) .regional-intro aside strong{color:var(--m-auf-dunkel)!important}
/* Handy-Menü: große Einträge auf weißer Fläche wie bei Apple */
@media (max-width:960px){
  :root body .navigation,:root body.home-v5 .navigation{background:#fff!important;font-size:28px!important;gap:22px!important}
  :root body .navigation>a:not(.nav-cta):not(.language-switch){font-size:28px;letter-spacing:-.025em}
}
/* Fußzeile: Knopf „Cookie-Einstellungen“ lesbar */
:root body .site-footer button{color:var(--m-neben)!important;background:transparent}
:root body .nav-cta{box-shadow:none!important}
/* Imagefilm direkt unter dem Startfilm (Fabian 20.10.2026: „unser Video soll man trotzdem direkt sehen“): helle Fläche zwischen zwei dunklen Bühnen */
:root body .m2-film{background:var(--m-weiss);color:var(--m-text);padding-top:clamp(64px,8vw,104px)}
:root body .m2-film h2{color:var(--m-text)}
:root body .m2-film .v9-image-film__note{color:var(--m-neben)!important}
.m2-knopf-play{margin-right:8px;flex:none}
/* Referenzzeile direkt unter dem Startbild (Fabian 20.10.2026): Kunden sofort sichtbar, ruhige Logo-Kacheln */
.m2-refzeile{background:var(--m-weiss);color:var(--m-text);border-bottom:1px solid var(--m-linie)}
.m2-refzeile-innen{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;padding:22px 0}
.m2-refzeile-titel{margin:0;font-size:15px;font-weight:600;color:var(--m-neben)}
.m2-refzeile-logos{display:flex;align-items:center;gap:14px}
.m2-logo{display:grid;place-items:center;width:150px;height:64px;padding:10px 16px;border:1px solid var(--m-linie);border-radius:var(--radius-s);background:var(--m-weiss);transition:border-color .2s,transform .3s var(--ease)}
.m2-logo:hover{border-color:#c5ced6;transform:translateY(-1px)}
.m2-logo img{width:100%;height:100%;object-fit:contain}
.m2-logo--dunkel{background:var(--m-buehne);border-color:var(--m-buehne)}
.m2-refzeile-mehr{font-size:15px;font-weight:500;color:var(--m-knopf)}
.m2-refzeile-mehr::after{content:" \203A"}
:root body .m2-refzeile + .m2-film{padding-top:clamp(56px,7vw,92px)}
@media (max-width:860px){
  .m2-refzeile-innen{flex-direction:column;gap:14px;padding:22px 0 20px;text-align:center}
  .m2-refzeile-logos{gap:10px;flex-wrap:wrap;justify-content:center}
  .m2-logo{width:104px;height:52px;padding:8px 10px}
}
/* Markenzeile „KI. Einfacher arbeiten. Mehr erreichen.“ (Fabian 20.10.2026): je Satz eine Zeile */
.m2-held-titel{max-width:none;font-size:clamp(44px,6.6vw,96px);line-height:1.02}
@media (max-width:480px){.m2-held-titel{font-size:clamp(30px,10.2vw,44px)}}
/* =====================================================================
   Rückmeldung Fabian 20.10.2026 nachmittags
   ===================================================================== */
/* Referenzzeile: dunkler Streifen als Fortsetzung des Startfilms, Logos ohne Kacheln, gleiche optische Höhe */
:root body .m2-refzeile{background:var(--m-tief);color:var(--m-auf-dunkel);border-top:1px solid rgba(245,247,249,.08);border-bottom:0}
:root body .m2-refzeile-innen{padding:28px 0}
:root body .m2-refzeile-titel{color:var(--m-auf-dunkel-neben);font-size:14px;font-weight:500}
:root body .m2-refzeile-logos{gap:0}
:root body .m2-logo{display:flex;align-items:center;justify-content:center;width:auto;height:52px;padding:0 clamp(22px,3.2vw,44px);border:0;border-radius:0;background:none;opacity:.9;transition:opacity .2s}
:root body .m2-logo + .m2-logo{border-left:1px solid rgba(245,247,249,.14)}
:root body .m2-logo:hover{opacity:1;transform:none}
:root body .m2-logo img{width:auto;max-width:none;object-fit:contain}
.m2-logo--hagebau img{height:44px}
.m2-logo--act img{height:40px}
.m2-logo--sxr img{height:22px}
:root body .m2-refzeile-mehr{color:var(--m-blau)}
@media (max-width:860px){
  :root body .m2-refzeile-innen{padding:24px 0 22px}
  :root body .m2-logo{height:44px;padding:0 clamp(14px,4vw,22px)}
  .m2-logo--hagebau img{height:34px}
  .m2-logo--act img{height:31px}
  .m2-logo--sxr img{height:17px}
}
@media (max-width:380px){
  .m2-logo--hagebau img{height:28px}
  .m2-logo--act img{height:26px}
  .m2-logo--sxr img{height:14px}
}

/* Produktfilme: dunkle Oberflächen heben sich von der Bühne ab, Rahmen statt Leere */
:root body .m2-produkt.m2-dunkel{background:var(--m-buehne)}
:root body .m2-dunkel .m2-produkt-bild video{background:#0b1622;box-shadow:0 0 0 1px rgba(245,247,249,.12),0 -24px 80px rgba(41,151,255,.1)}
:root body .m2-hell .m2-produkt-bild video{box-shadow:0 0 0 1px rgba(11,22,32,.08),0 30px 70px rgba(11,22,32,.16)}

/* Erstgespräch: ein Knopf, Hinweis nach dem Klick (marke-v2.js) */
.m2-mailhinweis{display:block;flex-basis:100%;margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--m-neben)}
:is(.m2-dunkel,.m2-held,.m2-satz,.section:not(.section-light)) .m2-mailhinweis{color:var(--m-auf-dunkel-neben)}
.m2-mailhinweis strong{color:inherit;font-weight:600}

/* Über uns „Wer wir sind“: Bild im Hintergrund, Text kurz links unten */
:root body .about-story{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:clamp(480px,46vw,640px);margin-top:72px;padding:clamp(28px,5vw,64px);border-top:0;border-radius:var(--radius-l);overflow:hidden;color:#fff;background-color:var(--m-tief);background-image:url("assets/images/ai-ready-partner-hande-v1-2400.jpg");background-image:image-set(url("assets/images/ai-ready-partner-hande-v1-2400.webp") type("image/webp"),url("assets/images/ai-ready-partner-hande-v1-2400.jpg") type("image/jpeg"));background-size:cover;background-position:60% center;background-repeat:no-repeat}
:root body .about-story::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,13,.9) 0%,rgba(2,7,13,.66) 38%,rgba(2,7,13,.12) 72%,rgba(2,7,13,0) 100%),linear-gradient(0deg,rgba(2,7,13,.55) 0%,rgba(2,7,13,0) 50%);pointer-events:none}
:root body .about-story>*{position:relative;z-index:1;max-width:560px}
:root body .about-story .eyebrow{margin:0 0 14px;color:var(--m-blau)}
:root body .about-story .section-title{margin:0;color:#fff;font-size:clamp(36px,4.4vw,58px);line-height:1.04;letter-spacing:-.035em}
:root body .about-story .section-title em{color:#fff}
:root body .about-story .lead{margin:18px 0 0;color:rgba(255,255,255,.86);font-size:clamp(17px,1.5vw,20px);line-height:1.5}
:root body .about-story .about-founder{margin:20px 0 0;color:rgba(255,255,255,.78);font-size:15px}
:root body .about-story .about-founder strong{color:#fff}
:root body .about-story .about-founder a{color:var(--m-blau)}
:root body .about-story .about-story__hinweis{position:absolute;right:clamp(16px,2.4vw,28px);bottom:clamp(12px,2vw,22px);max-width:none;margin:0;font-size:12px;color:rgba(255,255,255,.62)}
@media (max-width:760px){
  :root body .about-story{min-height:560px;margin-top:48px;padding:28px 22px 52px;background-image:url("assets/images/ai-ready-partner-hande-v1-1200.jpg");background-image:image-set(url("assets/images/ai-ready-partner-hande-v1-1200.webp") type("image/webp"),url("assets/images/ai-ready-partner-hande-v1-1200.jpg") type("image/jpeg"));background-position:62% center}
  :root body .about-story::before{background:linear-gradient(0deg,rgba(2,7,13,.94) 0%,rgba(2,7,13,.72) 48%,rgba(2,7,13,.18) 100%)}
  :root body .about-story .about-story__hinweis{left:22px;right:auto;bottom:16px}
}

/* Wie wir zusammenarbeiten: fünf Punkte als Kacheln, Linie wächst beim Hineinscrollen */
:root body .v64-network-section{background:var(--m-buehne)}
:root body .v64-network-section .section-head{margin-bottom:clamp(32px,4vw,52px)}
:root body .v64-network-editorial{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;border-top:0}
:root body .v64-network-editorial article{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;grid-column:span 2;min-height:230px;padding:30px 28px 28px;border:1px solid rgba(245,247,249,.1);border-radius:var(--radius-m);background:rgba(245,247,249,.035);overflow:hidden}
:root body .v64-network-editorial article:nth-child(n+4){grid-column:span 3}
:root body .v64-network-editorial article::before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;background:linear-gradient(90deg,var(--m-blau),rgba(41,151,255,0));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease) .35s}
:root body .v64-network-editorial article.visible::before{transform:scaleX(1)}
:root body .v64-network-editorial article>span{color:var(--m-blau);font-family:inherit;font-size:clamp(40px,4vw,56px);font-weight:600;line-height:1;letter-spacing:-.04em}
:root body .v64-network-editorial article>div{display:block}
:root body .v64-network-editorial h3{margin:0;color:var(--m-auf-dunkel);font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.025em}
:root body .v64-network-editorial article:nth-child(2){transition-delay:.08s}
:root body .v64-network-editorial article:nth-child(3){transition-delay:.16s}
:root body .v64-network-editorial article:nth-child(4){transition-delay:.24s}
:root body .v64-network-editorial article:nth-child(5){transition-delay:.32s}
@media (max-width:900px){
  :root body .v64-network-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root body .v64-network-editorial article,:root body .v64-network-editorial article:nth-child(n+4){grid-column:span 1}
  :root body .v64-network-editorial article:last-child{grid-column:1/-1}
}
@media (max-width:560px){
  :root body .v64-network-editorial{grid-template-columns:1fr;gap:12px}
  :root body .v64-network-editorial article{min-height:0;gap:28px;padding:24px 22px}
  :root body .v64-network-editorial article:last-child{grid-column:auto}
}
/* Startfilm: schärfere Fassung blendet weich über die Startfassung (marke-v2.js) */
.m2-held-film--neu{opacity:0;transition:opacity .8s ease}
.m2-held-film--neu.ist-da{opacity:1}
:root body .about-story .section-title{max-width:780px}
:root body .about-story .section-title em{white-space:nowrap}
/* Sprachumschalter: gewählte Sprache im selben Blau wie Kontakt und Erstgespräch (Fabian 20.10.2026) */
:root body .language-switch .language-current{background:var(--m-knopf);color:#fff;box-shadow:none}
/* Unterzeile mit Wissensmanagement (Fabian 20.10.2026): am Desktop zwei ausgewogene Zeilen */
:root body .m2-held-titel .m2-held-unter{max-width:52ch;text-wrap:balance}
/* =====================================================================
   Cookies wie bei Apple (Fabian 20.10.2026): ruhiges weißes Fenster, Inter, ein Blau.
   Ohne zustimmungspflichtigen Dienst nur ein Hinweis (consent.js, Klasse consent-modal--info).
   ===================================================================== */
:root body .consent-backdrop{background:rgba(2,7,13,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root body .consent-modal{width:min(560px,100%);border:0;border-radius:var(--radius-l);background:var(--m-weiss);color:var(--m-text);box-shadow:0 40px 100px rgba(2,7,13,.28)}
:root body .consent-modal>header{padding:30px 32px 6px;border-bottom:0}
:root body .consent-modal>header span{display:none}
:root body .consent-modal>header h2{margin:0;color:var(--m-text);font-size:30px;font-weight:600;letter-spacing:-.03em}
:root body .consent-close{background:var(--m-hell);border:0;color:var(--m-text)}
:root body .consent-modal p{color:var(--m-neben);font-size:16px;line-height:1.55}
:root body .consent-modal a{color:var(--m-knopf);text-decoration:underline;text-underline-offset:3px}
:root body .consent-intro,:root body .consent-info{margin:10px 32px 0}
:root body .consent-category{margin:8px 32px;border-top:1px solid var(--m-linie);color:var(--m-text)}
:root body .consent-category strong{font-size:16px;font-weight:600}
:root body .consent-category p{font-size:14px}
:root body .consent-required{background:var(--m-hell);color:var(--m-neben)}
:root body .consent-modal>footer{padding:22px 32px 30px;border-top:0}
:root body .consent-button{min-height:44px;padding:11px 20px;border:0;border-radius:var(--radius-pill);background:var(--m-hell);color:var(--m-text);font-size:15px;font-weight:500}
:root body .consent-button:hover{background:var(--m-linie)}
:root body .consent-button--primary{background:var(--m-knopf);color:#fff}
:root body .consent-button--primary:hover{background:var(--m-knopf-hover)}
:root body .consent-info,:root body .consent-info-footer{display:none}
:root body .consent-modal--info .consent-info{display:block}
:root body .consent-modal--info .consent-info-footer{display:flex}
:root body .consent-modal--info :is(.consent-intro,.consent-category,.consent-choice-footer){display:none}
/* Banner (erscheint nur, wenn künftig ein Dienst eine Zustimmung braucht): weiße Karte unten */
:root body .consent-banner{grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--m-linie);background:rgba(255,255,255,.96);color:var(--m-text);box-shadow:0 20px 60px rgba(2,7,13,.18)}
:root body .consent-brand{display:none}
:root body .consent-copy h2{color:var(--m-text);font-size:18px;font-weight:600}
:root body .consent-copy p{color:var(--m-neben);font-size:14px}
:root body .consent-copy a{color:var(--m-knopf)}
:root body .consent-footer-link{color:var(--m-neben)}
:root body .consent-footer-link:hover{color:var(--m-knopf)}
@media (max-width:700px){:root body .consent-modal>header{padding:24px 22px 4px}:root body :is(.consent-intro,.consent-info){margin:10px 22px 0}:root body .consent-modal>footer{padding:20px 22px 24px}}
/* Mail-Auswahl (marke-v2.js, Fabian 20.10.2026): weißes Fenster wie beim Cookie-Hinweis */
.m2-mailwahl{width:min(460px,calc(100vw - 32px));padding:32px;border:0;border-radius:var(--radius-l);background:var(--m-weiss);color:var(--m-text);box-shadow:0 40px 100px rgba(2,7,13,.28);font-family:inherit}
.m2-mailwahl::backdrop{background:rgba(2,7,13,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.m2-mailwahl h2{margin:0 40px 0 0;color:var(--m-text);font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.03em}
.m2-mailwahl p{margin:10px 0 0;color:var(--m-neben);font-size:16px;line-height:1.5}
.m2-mailwahl-zu{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--radius-pill);background:var(--m-hell);color:var(--m-text);font-size:22px;line-height:1;cursor:pointer}
.m2-mailwahl-wege{display:grid;gap:10px;margin-top:24px}
.m2-mailwahl-weg{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 18px;border:0;border-radius:var(--radius-pill);background:var(--m-hell);color:var(--m-text);font:inherit;font-size:16px;font-weight:500;text-align:center;cursor:pointer;transition:background .2s}
.m2-mailwahl-weg:hover{background:var(--m-linie)}
.m2-mailwahl-weg--app{background:var(--m-knopf);color:#fff}
.m2-mailwahl-weg--app:hover{background:var(--m-knopf-hover)}
.m2-mailwahl-weg strong{font-weight:600}
@media (max-width:480px){.m2-mailwahl{padding:26px 22px}.m2-mailwahl h2{font-size:24px}}
/* 404 wie bei Porsche und Apple (Fabian 20.10.2026): dunkle Bühne mit dem Bergsee, große Zahl, ein Satz, ein Knopf, die wichtigsten Wege */
.m2-404{position:relative;display:grid;align-items:center;min-height:calc(100svh - 68px);padding:clamp(64px,10vh,120px) 0;overflow:hidden;background:var(--m-tief);color:#fff;text-align:center}
.m2-404-bild{position:absolute;inset:0;background:url("assets/media/ai-ready-start-alpen-v3-web-poster.jpg") center 45%/cover no-repeat;opacity:.42}
.m2-404::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(2,7,13,.35) 0%,rgba(2,7,13,.8) 100%);pointer-events:none}
.m2-404-inhalt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.m2-404-zahl{margin:0;color:rgba(255,255,255,.92);font-size:clamp(120px,24vw,300px);font-weight:600;line-height:.9;letter-spacing:-.06em}
.m2-404 h1{margin:clamp(14px,2vw,24px) 0 0;color:#fff;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.03em}
.m2-404-text{max-width:44ch;text-wrap:balance;margin:14px 0 0;color:rgba(255,255,255,.8);font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.m2-404 .m2-knoepfe{justify-content:center}
.m2-404-wege{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:34px}
.m2-404-wege a{color:var(--m-blau);font-size:17px;font-weight:500}
.m2-404-wege a::after{content:" \203A"}
.m2-404-en{margin:40px 0 0;color:rgba(255,255,255,.6);font-size:14px}
.m2-404-en a{color:var(--m-blau)}
.m2-404-hinweis{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(14px,2.4vw,28px);z-index:1}
/* Überschriften trennen am Handy nicht mehr automatisch (Fabian 20.10.2026: „AI-ROS“ am iPhone). Safari ignoriert
   hyphenate-limit-chars und trennt auch kurze Namen. Ausgewogene Zeilen statt Trennung; sehr lange Wörter bekommen
   gezielt ein ­ im HTML (geprüft mit dem Wort-Trennungs-Test über alle Seiten bei 320, 360 und 390 px). */
@media (max-width:700px){
  :root body main :is(h1,h2,h3){-webkit-hyphens:manual!important;hyphens:manual!important;text-wrap:balance}
}
/* Referenzzeile hell (Fabian 20.10.2026 abends), Imagefilm folgt ohne weißen Kopfblock direkt darunter */
:root body .m2-refzeile{background:var(--m-hell);color:var(--m-text);border-top:0;border-bottom:0}
:root body .m2-refzeile-titel{color:var(--m-neben)}
:root body .m2-logo{opacity:1}
:root body .m2-logo + .m2-logo{border-left-color:var(--m-linie)}
:root body .m2-refzeile-mehr{color:var(--m-knopf)}
/* Sales X-Ray ist für dunklen Grund gemacht: eigenes dunkles Schild statt Umfärben (Logo des Partners) */
:root body .m2-logo--sxr img{box-sizing:content-box;padding:11px 16px;background:var(--m-tief);border-radius:var(--radius-s)}
@media (max-width:860px){:root body .m2-logo--sxr img{padding:9px 12px}}
:root body .m2-film{padding:0;background:var(--m-tief)}
:root body .m2-refzeile + .m2-film{padding-top:0}
.m2-film-hinweis{position:absolute;z-index:2;top:clamp(12px,1.8vw,22px);right:clamp(16px,3vw,40px);margin:0!important;color:rgba(255,255,255,.7)!important;font-size:12px!important;line-height:1.4;text-align:right}
@media (max-width:860px){
  :root body .m2-refzeile-logos{flex-wrap:nowrap}
  :root body .m2-logo{padding:0 clamp(8px,3vw,16px)}
  .m2-logo--hagebau img{height:30px}
  .m2-logo--act img{height:28px}
  :root body .m2-logo--sxr img{height:12px;padding:8px 10px}
  .m2-film-hinweis{font-size:11px!important}
}
@media (max-width:360px){
  .m2-logo--hagebau img{height:25px}
  .m2-logo--act img{height:23px}
  :root body .m2-logo--sxr img{height:10px;padding:7px 8px}
}
/* Sieben-Schritte-Ablauf: Punkte-Leiste mit Luft nach oben, damit der Leuchtring des aktiven Punkts nicht in die
   Fläche darüber ragt oder abgeschnitten wirkt (Fabian 20.10.2026, iPhone) */
:root body .ab-ablauf .ab-schiene{margin-top:clamp(26px,3vw,36px)}

/* Über uns: Sternennetz als ruhiger Hintergrundfilm im Kopf (Fabian 21.10.2026). Dunkle Bühne wie der Startfilm,
   Text links auf dunklem Verlauf, Pause-Knopf und KI-Hinweis unten wie auf der Startseite. */
:root body .v64-about-hero.m2-ueber-held{display:flex;align-items:center;min-height:min(100svh,980px);padding-top:148px;padding-bottom:128px;overflow:hidden;isolation:isolate;background:var(--m-tief)!important;color:var(--m-auf-dunkel)!important}
:root body .v64-about-hero.m2-ueber-held::before{display:block!important;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,7,13,.74) 0%,rgba(2,7,13,.42) 46%,rgba(2,7,13,.1) 100%),linear-gradient(to top,rgba(2,7,13,.72) 0%,rgba(2,7,13,0) 44%)}
.m2-ueber-held>.m2-held-film{z-index:0}
.m2-ueber-held>.shell{position:relative;z-index:2}
.m2-ueber-held .m2-held-steuer{z-index:3}
:root body .m2-ueber-held .eyebrow{color:var(--m-blau)}
:root body .m2-ueber-held .display{color:var(--m-auf-dunkel)}
:root body .m2-ueber-held .display em{color:var(--m-auf-dunkel-neben)}
:root body .m2-ueber-held :is(.lead,p:not(.eyebrow):not(.m2-hinweis)){color:rgba(245,247,249,.84)!important}
:root body .m2-ueber-held .v64-about-facts{border-color:rgba(255,255,255,.14)!important;background:rgba(2,7,13,.42)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root body .m2-ueber-held .v64-about-facts dt{color:var(--m-auf-dunkel)!important}
:root body .m2-ueber-held .v64-about-facts dd{color:var(--m-auf-dunkel-neben)!important}
:root body .m2-ueber-held .v64-about-facts>div{border-color:rgba(255,255,255,.12)!important}
@media (max-width:700px){:root body .v64-about-hero.m2-ueber-held{min-height:0;padding-top:128px;padding-bottom:104px}:root body .v64-about-hero.m2-ueber-held::before{background:linear-gradient(to top,rgba(2,7,13,.82) 0%,rgba(2,7,13,.5) 55%,rgba(2,7,13,.3) 100%)}}
/* Social-Media-Kanäle in der Fußzeile (Fabian 21.10.2026) */
:root body .footer-social{display:flex;flex-wrap:wrap;gap:6px 20px}
:root body .site-footer .footer-social a{color:var(--m-neben);text-decoration:none;transition:color .2s}
:root body .site-footer .footer-social a:hover{color:var(--m-text)}
@media (max-width:700px){:root body .footer-social{margin:8px 0}}
/* Sprachschalter auf dem dunklen Startfilm: nicht gewählte Sprache und Trenner hell (vorher dunkel auf dunkel) */
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .language-switch span:not(.language-current){color:#fff}
:root body:is(.m2-start,.m2-film-kopf):not(.menu-open) .site-header:not(.is-scrolled) .language-switch i{color:rgba(255,255,255,.6)}

/* Imagefilm: KI-Hinweis steht seit 21.10.2026 nach dem Film (gleicher Platz oben rechts am Desktop), am Handy unter dem Film,
   weil er im 16:9-Ausschnitt über der Filmüberschrift lag */
:root body .m2-film{position:relative}
@media (max-width:700px){:root body .m2-film .m2-film-hinweis{position:static;padding:10px 12px 12px;text-align:right}}

/* Startfilm ohne Pause-Knopf (Fabian 21.10.2026): Pfeil „Zum Film“ bleibt mittig, KI-Hinweis rechts */
:root body .m2-held .m2-held-steuer{justify-content:flex-end}
:root body .m2-held .m2-runter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* Links im Fließtext als Link erkennbar, nicht nur über die Farbe (SEO-Analyse 21.10.2026, Barrierefreiheit) */
:root body main p a:not([class]),:root body main details a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
:root body main p a:not([class]):hover,:root body main details a:not([class]):hover{text-decoration-color:currentColor}

/* Produktfilme der Startseite (Fabian 21.10.2026, iPhone: „zieht ins Hochformat, dann abgeschnitten“): festes Format von Anfang
   an. Safari setzt ein Video ohne geladene Daten (preload="none") flach an (300x150) und springt beim Start ins Hochformat,
   das schiebt den nächsten Abschnitt weg. Grenze 700px wie bei den Quellen (bis 700px läuft hoch-720). Am Handy als ganze
   Karte mit runden Ecken und Luft nach unten statt bündig am Abschnittsende. */
:root body .m2-produkt-bild video{aspect-ratio:16/9;height:auto;object-fit:cover}
@media (max-width:700px){
  :root body .m2-produkt{padding-bottom:clamp(48px,12vw,64px)}
  :root body .m2-produkt-bild video{aspect-ratio:9/16;border-radius:var(--radius-m)}
}

/* Startseite: kurzer Kopf vor den Produkten (28.10.2026, Rückmeldung „man weiß nicht, was AIROS ist“) */
.m2-produkte-kopf{padding-bottom:clamp(56px,7vw,88px)}
.m2-produkte-kopf .m2-zwei-kopf{margin-bottom:0}
.m2-produkte-kopf h2,.m2-produkt .m2-tagline{text-wrap:balance}
/* Begriffserklärungen (<dfn>, Regel einfache Sprache 28.10.2026) sehen aus wie normaler Text */
dfn{font-style:normal}
/* Referenz Kärnten Werbung (28.10.2026): Logo in der Referenzzeile statt Sales X-Ray, „Im Einsatz“ mit drei Karten */
.m2-logo--kwe img{height:56px}
.m2-zwei-raster--drei{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.m2-zwei-raster--drei{grid-template-columns:1fr}}
@media (max-width:860px){.m2-logo--kwe img{height:44px}}
.v20-hagebau-stage--kaernten-werbung{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.98) 0,rgba(247,250,253,.96) 38%,rgba(224,233,242,.98) 100%);border-color:rgba(30,66,104,.1)}
.v6-reference-hero .v20-hagebau-stage--kaernten-werbung>img{width:min(56%,400px);height:auto;filter:drop-shadow(0 22px 34px rgba(20,52,88,.12))}
.m2-zwei-raster--drei .m2-karte img{margin-bottom:22px}
.m2-zwei-raster--drei .m2-karte h3{margin-top:0}
.m2-zwei-raster--drei .m2-karte .m2-mehr{margin-top:auto;padding-top:6px}
.m2-karte img[src*="kaernten-werbung-logo"]{height:58px}
.m2-zwei-raster--drei .m2-karte img[src*="kaernten-werbung-logo"]{margin-bottom:10px}
.v15-payroll-copy>.v15-payroll-compare .v15-compare-delta{width:100px;height:100px}
@media (max-width:700px){.v15-payroll-copy>.v15-payroll-compare .v15-compare-delta{width:98px;height:98px}}
@media (max-width:340px){.v15-payroll-copy>.v15-payroll-compare .v15-compare-delta{width:88px;height:88px}.v15-payroll-copy>.v15-payroll-compare .v15-compare-delta span{font-size:19px}.v15-payroll-copy>.v15-payroll-compare .v15-compare-delta small{font-size:11px}.v15-payroll-copy>.v15-payroll-compare .v15-compare-label{letter-spacing:.04em}}