/* ============================================================ v42 · Enterprise-Designsystem (nur Darstellung) Wird nach allen bestehenden Stylesheets geladen. Keine Änderung an Markup-Logik, Formularen, Inhalten oder Links. Byte-identisch in beiden Paketen. Reihenfolge: 0 Schriften & Tokens 1 Globale Typografie 2 Globale Abstände & Sektionsrhythmus 3 Header & Navigation 4 Hero 5 Hauptsektionen (hell / dunkel) 6 Cards & Container 7 Buttons & Links 8 Footer 9 Unterseiten (Seitenkopf, Kontakt, Vertrauen, Rechtliches) 10 Responsive & Mobile 11 Bewegung 12 Barrierefreiheit ============================================================ */ /* ------------------------------------------------------------ 0 · Schriften (lokal, OFL) & Tokens ------------------------------------------------------------ */ @font-face{font-family:"KHA Sans";font-style:normal;font-weight:100 700;font-display:swap; src:url(/assets/fonts/ibm-plex-sans-latin-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/ibm-plex-sans-latin-wght-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"KHA Sans";font-style:normal;font-weight:100 700;font-display:swap; src:url(/assets/fonts/ibm-plex-sans-latin-ext-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/ibm-plex-sans-latin-ext-wght-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"KHA Sans";font-style:normal;font-weight:100 700;font-display:swap; src:url(/assets/fonts/ibm-plex-sans-cyrillic-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/ibm-plex-sans-cyrillic-wght-normal.woff2) format("woff2"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:"KHA Mono";font-style:normal;font-weight:500;font-display:swap; src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"KHA Mono";font-style:normal;font-weight:500;font-display:swap; src:url(/assets/fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format("woff2"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} :root{ /* Schrift */ --k-sans:"KHA Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; --k-mono:"KHA Mono",ui-monospace,"SFMono-Regular",Consolas,monospace; /* Farbe – Marke bleibt: Navy, Logo-Rot, klares Blau */ --k-navy:#0f2f59; /* Primär, Buttons */ --k-navy-hover:#163d6d; --k-deep:#0a1f38; /* dunkle Kapitel, Footer */ --k-deep-2:#0e2a4a; /* Flächen auf Dunkel */ --k-ink:#102e55; /* Überschriften – Marken-Navy wie bisher auf der Startseite (≥ 12:1) */ --k-text:#3a4a5e; /* Fließtext (≥ 9:1) */ --k-muted:#56667a; /* Nebentext (≥ 5,8:1) */ --k-accent:#0b5fa5; /* Labels, Links (≥ 6:1) */ --k-red:#bd151b; /* Logo-Rot: nur als Markierung */ --k-surface:#fff; --k-surface-2:#f5f7fa; /* ruhige Zweitfläche, neutral statt Hellblau */ --k-line:rgba(13,31,54,.10); --k-line-strong:rgba(13,31,54,.18); --k-on-dark:#e7eef6; --k-on-dark-muted:#a9bccf; --k-line-dark:rgba(255,255,255,.12); /* Radien – zurückhaltend */ --k-r-sm:6px; --k-r-md:10px; --k-r-lg:14px; --k-r-xl:18px; /* Schatten – flach */ --k-shadow-1:0 1px 2px rgba(13,31,54,.05); --k-shadow-2:0 1px 2px rgba(13,31,54,.04),0 12px 32px -14px rgba(13,31,54,.18); /* Abstände */ --k-s1:4px;--k-s2:8px;--k-s3:12px;--k-s4:16px;--k-s5:24px;--k-s6:32px;--k-s7:48px;--k-s8:64px;--k-s9:96px; --k-section:96px; /* Bewegung (aus v41 übernommen) */ --k-ease:cubic-bezier(.23,1,.32,1); } /* ------------------------------------------------------------ 1 · Globale Typografie ------------------------------------------------------------ */ body.ha-enterprise{font-family:var(--k-sans);color:var(--k-text);font-size:17px;line-height:1.65;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility} body.ha-enterprise :is(input,select,textarea,button){font-family:var(--k-sans)} /* Spezifität 0: überschreibt keine bestehenden Farbregeln (z. B. weiße Überschriften auf Dunkel) */ :where(body.ha-enterprise) :where(h1,h2,h3,h4){font-family:var(--k-sans);font-weight:600;text-wrap:balance} body.ha-enterprise :is(h1,h2,h3,h4){font-family:var(--k-sans)} body.ha-enterprise p{text-wrap:pretty} /* H1 – Startseite */ body.ha-enterprise .v23-main h1{font-size:clamp(38px,3.9vw,56px);line-height:1.08;letter-spacing:-.022em;font-weight:600;max-width:15.5em} /* H1 – Unterseiten */ body.ha-enterprise :is(.ent-pagehero,.v32-trust-hero) h1, body.ha-enterprise.page-contact .ent-pagehero--contact h1{font-size:clamp(34px,3.3vw,50px);line-height:1.1;letter-spacing:-.02em;font-weight:600;max-width:20em} /* H2 */ body.ha-enterprise .v23-main h2, body.ha-enterprise .v32-trust-page main h2, body.ha-enterprise .ent-sectionhead h2, body.ha-enterprise .v26-visual-story__copy h2{font-size:clamp(28px,2.55vw,40px);line-height:1.16;letter-spacing:-.016em;font-weight:600} body.ha-enterprise .v23-experience h2{font-size:clamp(26px,2.3vw,34px)} /* Eine Überschriftenfarbe auf allen hellen Flächen (Unterseiten nutzten Fast-Schwarz). :where hält die Spezifität niedrig, damit weiße Überschriften auf Dunkel erhalten bleiben. */ body.ha-enterprise :where(.v32-trust-page main,.legal-card,.page-main,.ent-pagehero,.ent-section) :is(h1,h2,h3){color:var(--k-ink)} /* H3 */ body.ha-enterprise .v23-main h3, body.ha-enterprise .v32-trust-page h3, body.ha-enterprise :is(.ent-platform-grid h2,.ent-feature h3,.ent-usecase-grid h3){font-size:19px;line-height:1.3;letter-spacing:-.006em;font-weight:600} /* Fließtext */ body.ha-enterprise .v23-main p, body.ha-enterprise .v32-trust-page main p{font-size:17px;line-height:1.65;color:var(--k-text)} body.ha-enterprise .v23-main .v23-lead{font-size:clamp(18px,1.45vw,20px)!important;line-height:1.6!important;color:var(--k-text)!important;max-width:36em} body.ha-enterprise .v23-main .v23-lead-sm{font-size:19px!important;line-height:1.6!important;color:var(--k-text)} /* Kleiner Kartentext */ body.ha-enterprise :is(.v23-steps,.v23-three-cards,.v23-scenario-grid,.v23-bento-grid,.v32-why__grid,.v32-trust-grid,.v38-deployment__grid,.ent-platform-grid,.ent-feature-grid,.ent-usecase-grid) p, body.ha-enterprise :is(.v23-proof-grid,.v32-trust-home__cards,.v23-org-grid,.v23-cap-list) span{font-size:15px;line-height:1.6;color:var(--k-muted)} body.ha-enterprise :is(.v23-proof-grid,.v32-trust-home__cards,.v23-org-grid,.v23-cap-list) strong{font-size:16px;font-weight:600;color:var(--k-ink)} /* Sinnvolle Textbreiten */ body.ha-enterprise :is(.v23-section-head,.v32-why__intro,.v32-flow__head,.v32-architecture__head)>p, body.ha-enterprise .v23-section-head>div>p{max-width:34em} /* Labels (Kicker/Eyebrow): Mono, mit rotem Signalpunkt statt Linie */ body.ha-enterprise :is(.v23-kicker,.ent-eyebrow){display:flex;align-items:center;gap:10px;margin:0 0 var(--k-s4);font-family:var(--k-mono);font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--k-accent)} body.ha-enterprise :is(.v23-kicker,.ent-eyebrow) span{width:7px;height:7px;flex:0 0 7px;border-radius:1px;background:var(--k-red)} body.ha-enterprise .v23-kicker--light, body.ha-enterprise :is(.v32-flow,.v32-review,.v23-experience,.v24-product-proof,.v23-ink) .v23-kicker{color:#9cc9f0} /* Zahlen in Mono, tabellarisch */ body.ha-enterprise :is(.v23-demo-grid strong,.v32-flow__metrics strong,.v23-experience__stat strong){font-variant-numeric:tabular-nums} /* ------------------------------------------------------------ 2 · Abstände & Sektionsrhythmus ------------------------------------------------------------ */ body.ha-enterprise :is(.v23-section,.v23-editorial,.v24-product-proof,.v26-visual-story,.v32-why,.v32-flow,.v32-architecture,.v32-trust-home,.v32-review,.v38-deployment,.ent-section){padding-block:var(--k-section)} body.ha-enterprise .v23-final{padding-block:var(--k-section)} body.ha-enterprise .v23-experience{padding-block:var(--k-s8)} /* Flächen: Weiß und eine neutrale Zweitfläche; Haarlinie zwischen hellen Kapiteln */ body.ha-enterprise :is(.v23-soft,.v32-why,.v32-architecture,.v38-deployment,.v26-visual-story--plan,.v26-visual-story--light){background:var(--k-surface-2)} body.ha-enterprise :is(.v23-white,.v23-editorial,.v32-trust-home,.v26-visual-story,.v23-final){background-color:var(--k-surface)} body.ha-enterprise .v26-visual-story--light{background:var(--k-surface)} body.ha-enterprise main>section+section{border-top:1px solid var(--k-line)} body.ha-enterprise main>:is(.v23-experience,.v24-product-proof,.v23-ink,.v32-flow,.v32-review)+section, body.ha-enterprise main>section+:is(.v23-experience,.v24-product-proof,.v23-ink,.v32-flow,.v32-review){border-top-color:transparent} /* Abschnittsköpfe */ body.ha-enterprise :is(.v23-section-head,.v32-why__intro,.v32-flow__head,.v32-architecture__head,.ent-sectionhead){gap:var(--k-s7) var(--k-s8);margin-bottom:var(--k-s7)} body.ha-enterprise .v23-section-head--split{align-items:end} body.ha-enterprise .v23-section-head--split:has(> div + div){align-items:start} body.ha-enterprise .v23-main h2+p, body.ha-enterprise .v23-main h2+.v23-lead-sm{margin-top:var(--k-s5)} body.ha-enterprise .v23-actions{gap:var(--k-s3);margin-top:var(--k-s6)} /* ------------------------------------------------------------ 3 · Header & Navigation ------------------------------------------------------------ */ body.ha-enterprise .ent-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--k-line);-webkit-backdrop-filter:none;backdrop-filter:none} @media(min-width:981px){ body.ha-enterprise .ent-header__inner{height:72px;gap:var(--k-s6)} body.ha-enterprise .ent-brand{width:188px;flex-basis:188px} html{scroll-padding-top:80px} } body.ha-enterprise .ent-nav{gap:var(--k-s6)} body.ha-enterprise .ent-nav a{font-size:15px;font-weight:500;color:var(--k-ink);letter-spacing:0;padding:12px 0} body.ha-enterprise .ent-nav a:after{bottom:6px;height:2px;background:var(--k-red)} @media(min-width:981px) and (max-width:1200px){body.ha-enterprise .ent-nav{gap:var(--k-s5)}body.ha-enterprise .ent-nav a{font-size:14px}} /* Kopfzeilen-Bedienelemente: ein Stil */ body.ha-enterprise .ent-a11y, body.ha-enterprise .ent-menu, body.ha-enterprise .v23-lang summary{height:42px;min-height:42px;border:1px solid var(--k-line-strong);border-radius:var(--k-r-md);background:#fff;color:var(--k-ink);font-family:var(--k-sans);font-weight:600} body.ha-enterprise .ent-a11y{gap:6px;padding:0 12px} body.ha-enterprise .ent-a11y .a11y-symbol{font-size:17px;font-weight:600;letter-spacing:-.02em} body.ha-enterprise .ent-a11y .a11y-label{font-size:13px;font-weight:500} body.ha-enterprise .ent-menu{padding:0 14px;font-size:14px} body.ha-enterprise .v23-lang summary{font-size:13px} body.ha-enterprise .v23-globe{color:var(--k-accent)} body.ha-enterprise .ent-a11y[aria-expanded="true"]{background:var(--k-surface-2);border-color:var(--k-navy)} @media(hover:hover) and (pointer:fine){ body.ha-enterprise .ent-a11y:hover,body.ha-enterprise .ent-menu:hover,body.ha-enterprise .v23-lang summary:hover{background:var(--k-surface-2);border-color:rgba(13,31,54,.3)} } body.ha-enterprise .v23-lang__menu{border:1px solid var(--k-line);border-radius:var(--k-r-lg);box-shadow:var(--k-shadow-2)} body.ha-enterprise .v23-lang__menu a{border-radius:var(--k-r-sm);font-size:15px;min-height:44px} body.ha-enterprise .v23-lang__menu b{font-family:var(--k-mono);font-weight:500} /* Aufklappmenü (Tablet/Mobil): Panel ruhig und präzise */ @media(max-width:980px){ body.ha-enterprise .ent-nav{border:1px solid var(--k-line);border-radius:var(--k-r-lg);box-shadow:var(--k-shadow-2)} body.ha-enterprise .ent-nav a{font-size:16px;font-weight:500;border-radius:var(--k-r-sm)} body.ha-enterprise .ent-nav a + a{border-top-color:var(--k-line)} } /* ------------------------------------------------------------ 4 · Hero ------------------------------------------------------------ */ body.ha-enterprise .v23-hero{background:var(--k-surface-2);border-bottom:0;padding-top:var(--k-s8)} body.ha-enterprise .v23-grid-bg{display:none} body.ha-enterprise .v23-hero__grid{gap:var(--k-s8);align-items:center} body.ha-enterprise .v23-hero__copy{padding:var(--k-s5) 0 var(--k-s8)} body.ha-enterprise .v23-hero .v23-lead{margin-top:var(--k-s5)!important} /* Bild: klare Kante, keine Glasflächen, flacher Schatten */ body.ha-enterprise .v23-hero-art{height:540px;border-radius:var(--k-r-xl);border:1px solid var(--k-line);box-shadow:var(--k-shadow-2);background:#e9eef4} body.ha-enterprise .v23-hero-art:after{display:none} body.ha-enterprise .v23-float{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-md);box-shadow:var(--k-shadow-1);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--k-ink)} body.ha-enterprise .v23-float--a{left:16px;top:16px;padding:10px 14px;font-size:14px;font-weight:600} body.ha-enterprise .v23-float--a i{width:8px;height:8px;box-shadow:none;background:#1d8a5f} body.ha-enterprise .v23-float--b{right:16px;bottom:16px;gap:0;padding:8px 6px} body.ha-enterprise .v23-float--b b{background:none;padding:2px 10px;border-radius:0;font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--k-ink)} body.ha-enterprise .v23-float--b b+b{border-left:1px solid var(--k-line)} /* Einsatzbereiche unter den CTAs: ruhige Liste statt Pillen */ body.ha-enterprise .v23-trust-row{gap:6px 0;margin-top:var(--k-s6);padding-top:var(--k-s5);border-top:1px solid var(--k-line);max-width:36em} /* Beispielverlauf: eigenständige, ruhige Karte */ body.ha-enterprise .v23-hero-demo{border:1px solid var(--k-line);border-radius:var(--k-r-xl);box-shadow:var(--k-shadow-2);padding:var(--k-s6);transform:translateY(56px)} body.ha-enterprise .v23-demo-head{border-bottom-color:var(--k-line);padding-bottom:var(--k-s5)} body.ha-enterprise .v23-demo-head span{font-family:var(--k-mono);font-weight:500;letter-spacing:.06em;color:var(--k-accent);font-size:12px} body.ha-enterprise .v23-demo-head h2{font-size:22px!important;letter-spacing:-.01em} body.ha-enterprise .v23-demo-head small{font-size:14px;color:var(--k-muted)} body.ha-enterprise .v23-demo-grid div{border-right-color:var(--k-line)} body.ha-enterprise .v23-demo-grid strong{font-family:var(--k-sans);font-weight:600;font-size:32px;letter-spacing:-.02em;color:var(--k-ink)} body.ha-enterprise .v23-demo-grid span{font-size:14px;color:var(--k-muted)} body.ha-enterprise .v23-demo-events div{background:var(--k-surface-2);border:1px solid var(--k-line);border-radius:var(--k-r-md)} body.ha-enterprise .v23-demo-events b{font-family:var(--k-mono);font-weight:500;color:var(--k-accent)} body.ha-enterprise .v23-demo-events span{font-size:14px;color:var(--k-ink)} body.ha-enterprise .v23-demo-events em{font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.02em} /* ------------------------------------------------------------ 5 · Hauptsektionen ------------------------------------------------------------ */ /* Dunkle Kapitel: eine Fläche, keine Verläufe, keine Glows */ body.ha-enterprise :is(.v24-product-proof,.v32-flow,.v32-review,.v23-ink){background:var(--k-deep)} body.ha-enterprise .v23-experience{background:var(--k-navy)} body.ha-enterprise :is(.v24-product-proof,.v32-flow,.v32-review,.v23-ink,.v23-experience) :is(h2,h3){color:#fff} body.ha-enterprise :is(.v24-product-proof,.v32-flow,.v32-review,.v23-ink,.v23-experience) p{color:var(--k-on-dark-muted)} body.ha-enterprise .v23-section-head--light p{opacity:1} body.ha-enterprise .v32-flow__stage:before{display:none} /* Erfahrung */ body.ha-enterprise .v23-experience__stat{border-right-color:var(--k-line-dark)} body.ha-enterprise .v23-experience__stat strong{font-weight:600;font-size:68px;letter-spacing:-.03em} body.ha-enterprise .v23-experience__stat span{color:var(--k-on-dark-muted);font-size:15px} body.ha-enterprise .v23-experience p{color:var(--k-on-dark-muted)} /* KEL-Badges, Chips, Grundlagen: ruhige Aufzählung statt Pillen */ body.ha-enterprise :is(.v23-trust-row,.v23-badges,.v23-chipset,.v32-arch-foundations){display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px} body.ha-enterprise :is(.v23-trust-row,.v23-badges,.v23-chipset,.v32-arch-foundations) span{display:inline-flex;align-items:center;gap:9px;padding:0;margin:0;border:0;border-radius:0;background:none;color:var(--k-ink);font-family:var(--k-sans);font-size:14px;font-weight:500;line-height:1.5} body.ha-enterprise :is(.v23-trust-row,.v23-badges,.v23-chipset,.v32-arch-foundations) span::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:1px;background:var(--k-navy);opacity:.55} body.ha-enterprise .v23-badges{margin:calc(var(--k-s5) * -1) 0 var(--k-s6)} body.ha-enterprise .v32-arch-foundations{justify-content:center} /* Bilder & Produktansichten: einheitliche Rahmung */ body.ha-enterprise :is(.v23-editorial__visual,.v24-product-photo,.v26-plan-visual figure,.v26-phone-reference,.v26-contact-reference,.v24-data-screenshot){border-radius:var(--k-r-xl);border:1px solid var(--k-line);box-shadow:var(--k-shadow-2)} body.ha-enterprise .v24-dashboard-stage{border-radius:var(--k-r-xl);border:1px solid var(--k-line-dark);box-shadow:0 24px 60px -24px rgba(0,0,0,.5)} body.ha-enterprise .v24-dashboard-stage figcaption{background:var(--k-deep-2);color:var(--k-on-dark-muted);font-size:13px} body.ha-enterprise .v23-editorial__visual:after{display:none} body.ha-enterprise .v23-editorial__overlay{left:16px;right:auto;bottom:16px;gap:0;padding:8px 6px;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r-md)} body.ha-enterprise .v23-editorial__overlay span{background:none;border:0;border-radius:0;padding:2px 10px;font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--k-ink)} body.ha-enterprise .v23-editorial__overlay span+span{border-left:1px solid var(--k-line)} body.ha-enterprise .v24-product-photo figcaption{background:rgba(10,31,56,.9);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:var(--k-r-md);font-size:13px} body.ha-enterprise :is(.v26-phone-reference,.v26-plan-visual,.v26-contact-reference) figcaption{font-size:13px;color:var(--k-muted);border-top-color:var(--k-line)} body.ha-enterprise .v26-contact-reference figcaption strong{color:var(--k-ink);font-weight:600} /* Weiße Bildunterschrift ohne dunklen Saum an den Rundungen */ body.ha-enterprise .v26-plan-visual figure{background:#fff} /* Hinweisbox */ body.ha-enterprise .v23-note{border-left:3px solid var(--k-navy);background:var(--k-surface-2);color:var(--k-text);font-size:14px;border-radius:0 var(--k-r-sm) var(--k-r-sm) 0} body.ha-enterprise .v23-boundary{background:var(--k-surface-2);border:1px solid var(--k-line);border-radius:var(--k-r-lg)} body.ha-enterprise .v23-boundary strong{color:var(--k-ink);font-weight:600} body.ha-enterprise .v23-boundary p{font-size:15px} /* Listen mit Linien (Punkte, Prüfpunkte, Datenpunkte) */ body.ha-enterprise .v23-point-list div, body.ha-enterprise .v23-data-points>div{border-top-color:var(--k-line)} body.ha-enterprise .v23-point-list strong, body.ha-enterprise .v23-data-points strong{font-size:15px;font-weight:600;color:var(--k-ink)} body.ha-enterprise .v23-point-list span, body.ha-enterprise .v23-data-points span{font-size:15px;color:var(--k-muted)} body.ha-enterprise .v23-ready-grid ol{border-top-color:var(--k-line)} body.ha-enterprise .v23-ready-grid li{border-bottom-color:var(--k-line);font-size:16px;line-height:1.55;color:var(--k-text);min-height:64px;padding-block:14px;align-items:baseline} body.ha-enterprise .v23-ready-grid li span{font-family:var(--k-mono);font-weight:500;font-size:13px;color:var(--k-accent)} body.ha-enterprise .v23-data-points b{font-family:var(--k-mono);font-weight:500;font-size:13px;color:var(--k-accent)} /* Ablauf-Demo */ body.ha-enterprise .v32-flow__step{border-color:var(--k-line-dark);border-radius:var(--k-r-md);background:var(--k-deep-2)} body.ha-enterprise .v32-flow__step[aria-selected="true"]{background:#13355b;border-color:#5aa9e6;box-shadow:none} body.ha-enterprise .v32-flow__step span{border-radius:var(--k-r-sm);background:rgba(255,255,255,.06);color:#9cc9f0;font-family:var(--k-mono);font-weight:500} body.ha-enterprise .v32-flow__step strong{font-weight:600} body.ha-enterprise .v32-flow__stage{border-color:var(--k-line-dark);border-radius:var(--k-r-xl);background:var(--k-deep-2);box-shadow:none} body.ha-enterprise .v32-flow__progress{background:rgba(255,255,255,.08)} body.ha-enterprise .v32-flow__progress i{background:#5aa9e6} body.ha-enterprise .v32-flow__status{font-family:var(--k-mono);font-weight:500;letter-spacing:.06em;color:#9cc9f0} body.ha-enterprise .v32-flow__status:before{width:8px;height:8px;box-shadow:none} body.ha-enterprise .v32-flow__panel h3{font-size:28px;font-weight:600;letter-spacing:-.015em} body.ha-enterprise .v32-flow__metrics div{border-color:var(--k-line-dark);border-radius:var(--k-r-md);background:rgba(255,255,255,.03)} body.ha-enterprise .v32-flow__metrics span{color:var(--k-on-dark-muted);font-size:13px} body.ha-enterprise .v32-flow__metrics strong{font-weight:600} /* Architektur-Diagramm */ body.ha-enterprise .v32-arch-board{border:1px solid var(--k-line);border-radius:var(--k-r-xl);background:#fff;box-shadow:none} body.ha-enterprise .v32-arch-diagram__node{border-radius:var(--k-r-lg);border-color:var(--k-line-strong);box-shadow:none} body.ha-enterprise .v32-arch-diagram__node--uac{background:#fff} body.ha-enterprise .v32-arch-diagram__node--uac::before{border-radius:var(--k-r-sm);background:var(--k-surface-2);color:var(--k-accent);font-family:var(--k-mono);font-weight:500} body.ha-enterprise .v32-arch-diagram__node--core{background:var(--k-navy);border-color:var(--k-navy);box-shadow:none} body.ha-enterprise .v32-arch-diagram__node--core::before{background:var(--k-red);width:28px;height:3px} body.ha-enterprise .v32-arch-diagram__node--channel{background:var(--k-surface-2);box-shadow:none} body.ha-enterprise .v32-arch-diagram__node--channel::after{display:none} body.ha-enterprise .v32-arch-diagram__node strong{font-weight:600;color:var(--k-ink)} body.ha-enterprise .v32-arch-diagram__node--core strong{color:#fff} body.ha-enterprise .v32-arch-diagram__branch::before, body.ha-enterprise .v32-arch-diagram__branch span, body.ha-enterprise .v32-arch-diagram__node--channel::before{background:var(--k-line-strong)} body.ha-enterprise .v32-arch-diagram__arrow--vertical span{background:var(--k-line-strong)} body.ha-enterprise .v32-arch-diagram__arrow--vertical span::after{border-color:var(--k-navy)} /* ------------------------------------------------------------ 6 · Cards & Container – eine Karte, ein System ------------------------------------------------------------ */ body.ha-enterprise :is(.v23-steps article,.v23-three-cards article,.v23-proof-grid article,.v23-scenario-grid article,.v23-bento-grid article,.v32-why__card,.v32-trust-card,.v32-trust-home__cards article,.v38-deployment__card,.ent-platform-grid article,.ent-feature,.ent-usecase-grid article,.v32-trust-hero__badge){ padding:var(--k-s5) var(--k-s5) 28px;border:1px solid var(--k-line);border-radius:var(--k-r-lg);background:#fff;box-shadow:none;min-height:0 } /* Auf weißen Sektionen erhalten Karten die Zweitfläche, damit sie nicht nur aus Linien bestehen */ body.ha-enterprise :is(.v23-white,.v32-trust-home,.ent-section--white) :is(.v23-steps article,.v23-proof-grid article,.v23-scenario-grid article,.v32-trust-home__cards article,.v32-trust-card,.ent-platform-grid article,.ent-feature,.ent-usecase-grid article){background:var(--k-surface-2);border-color:transparent} body.ha-enterprise .v32-trust-hero__badge{box-shadow:var(--k-shadow-1)} /* Nummern: Mono-Ziffern statt gefüllter Quadrate */ body.ha-enterprise :is(.v23-steps article>b,.v32-why__card b,.v32-trust-card b,.v23-bento-grid article>span){display:block;place-items:normal;justify-items:normal;width:auto;height:auto;padding:0;margin:0 0 var(--k-s5);border-radius:0;background:none;color:var(--k-accent);font-family:var(--k-mono);font-size:13px;font-weight:500;letter-spacing:.04em;line-height:1} body.ha-enterprise :is(.v23-steps article>b,.v32-why__card b,.v32-trust-card b,.v23-bento-grid article>span)::after{content:"";display:block;width:24px;height:2px;margin-top:var(--k-s3);background:var(--k-red);opacity:.9} body.ha-enterprise .v23-steps article>span{margin:0 0 6px;font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.05em;color:var(--k-muted)} body.ha-enterprise :is(.v23-steps,.v32-why__card,.v32-trust-card,.v23-bento-grid,.v23-three-cards,.v38-deployment__card) h3{margin:0 0 10px} body.ha-enterprise .v23-bento-grid h3{margin-top:0} body.ha-enterprise .v38-deployment__card::before{width:24px;height:2px;border-radius:0;background:var(--k-red);margin-bottom:var(--k-s4)} /* Szenario-Kennung & Plattform-Kürzel */ body.ha-enterprise .v23-scenario-grid span, body.ha-enterprise :is(.ent-platform-grid article>span,.ent-feature__num,.ent-usecase-grid article>span){display:inline-block;padding:0;background:none;border-radius:0;color:var(--k-accent);font-family:var(--k-mono);font-size:12.5px;font-weight:500;letter-spacing:.05em} body.ha-enterprise .v23-scenario-grid h3{margin:var(--k-s5) 0 10px} body.ha-enterprise :is(.ent-platform-grid h2,.ent-feature h3,.ent-usecase-grid h3){margin:var(--k-s4) 0 8px} /* Rasterlisten (Organisation, Funktionen) */ body.ha-enterprise :is(.v23-org-grid,.v23-cap-list){border-color:var(--k-line)} body.ha-enterprise :is(.v23-org-grid>div,.v23-cap-list>div){border-color:var(--k-line);padding:var(--k-s5);min-height:0} /* Karten auf dunklen Flächen */ body.ha-enterprise .v23-area-grid article{padding:var(--k-s5) var(--k-s5) 28px;border:1px solid var(--k-line-dark);border-radius:var(--k-r-lg);background:rgba(255,255,255,.035);min-height:0} body.ha-enterprise .v23-area-grid b{font-family:var(--k-mono);font-weight:500;font-size:13px;color:#9cc9f0;margin-bottom:var(--k-s4)} body.ha-enterprise .v23-area-grid h3{font-size:18px} body.ha-enterprise .v23-area-grid p{font-size:15px;color:var(--k-on-dark-muted)} body.ha-enterprise .v32-review li{border-color:var(--k-line-dark);border-radius:var(--k-r-md);background:rgba(255,255,255,.035);color:var(--k-on-dark)} body.ha-enterprise .v32-review li:before{font-family:var(--k-mono);font-weight:500;color:#9cc9f0} /* Zwei-Spalten-Notiz */ body.ha-enterprise .v32-clinical-note{border:1px solid var(--k-line);border-radius:var(--k-r-lg);background:#fff} /* Abschlusskarte */ body.ha-enterprise .v23-final__card{border-radius:var(--k-r-xl);background:var(--k-navy);box-shadow:none;padding:var(--k-s8)} body.ha-enterprise .v23-final__card:after{display:none} body.ha-enterprise .v23-final p{color:var(--k-on-dark-muted)} body.ha-enterprise .v32-trust-final__card{border-radius:var(--k-r-xl);background:var(--k-navy)} /* ------------------------------------------------------------ 7 · Buttons & Links ------------------------------------------------------------ */ body.ha-enterprise :is(.v23-btn,.ent-btn), body.ha-enterprise.page-contact .ent-form-submit .ent-btn{ min-height:48px;padding:12px 22px;border-radius:var(--k-r-md);font-family:var(--k-sans);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.3;box-shadow:none } body.ha-enterprise .v23-btn--primary, body.ha-enterprise.page-contact .ent-form-submit .ent-btn{background:var(--k-navy);color:#fff;border:1px solid var(--k-navy)} body.ha-enterprise .v23-btn--ghost{background:#fff;color:var(--k-ink);border:1px solid var(--k-line-strong)} body.ha-enterprise .v23-btn--white, body.ha-enterprise .ent-btn--white{background:#fff;color:var(--k-navy);border:1px solid #fff} @media(hover:hover) and (pointer:fine){ body.ha-enterprise .v23-btn--primary:hover, body.ha-enterprise.page-contact .ent-form-submit .ent-btn:not(:disabled):hover{background:var(--k-navy-hover);border-color:var(--k-navy-hover)} body.ha-enterprise .v23-btn--ghost:hover{background:var(--k-surface-2);border-color:rgba(13,31,54,.34)} body.ha-enterprise :is(.v23-btn--white,.ent-btn--white):hover{background:#e9eff6} } body.ha-enterprise :is(.v23-btn,.ent-btn):not(:disabled):active{transform:scale(.98)} body.ha-enterprise :is(.v23-btn,.ent-btn):disabled, body.ha-enterprise :is(.v23-btn,.ent-btn)[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none} body.ha-enterprise.page-contact .ent-form-submit .ent-btn:disabled{cursor:wait} /* Textlinks */ body.ha-enterprise .v23-textlink{color:var(--k-accent);font-weight:600} body.ha-enterprise .v23-experience .v23-textlink{color:#fff} body.ha-enterprise .v23-textlink span{display:inline-block} body.ha-enterprise main p a:not(.btn,.v23-btn,.ent-btn), body.ha-enterprise .legal-card a:not(.btn,.v23-btn,.ent-btn){color:var(--k-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em} @media(hover:hover) and (pointer:fine){body.ha-enterprise main p a:not(.btn,.v23-btn,.ent-btn):hover,body.ha-enterprise .legal-card a:not(.btn,.v23-btn,.ent-btn):hover{text-decoration-thickness:2px}} /* Buttons auf Rechts-/Portalseiten (.btn aus dem Bestand) im selben System */ body.ha-enterprise .legal-card .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--k-r-md);font-family:var(--k-sans);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;box-shadow:none;transition:transform 120ms var(--k-ease),background-color 160ms ease,border-color 160ms ease} body.ha-enterprise .legal-card .btn-primary{background:var(--k-navy);border:1px solid var(--k-navy);color:#fff} body.ha-enterprise .legal-card .btn-secondary{background:#fff;border:1px solid var(--k-line-strong);color:var(--k-ink)} @media(hover:hover) and (pointer:fine){body.ha-enterprise .legal-card .btn-primary:hover{background:var(--k-navy-hover);border-color:var(--k-navy-hover)}body.ha-enterprise .legal-card .btn-secondary:hover{background:var(--k-surface-2)}} body.ha-enterprise .legal-card .btn:active{transform:scale(.98)} /* App-Store-Hinweis */ body.ha-enterprise .v40-appstore-cta>span{font-size:14px;color:var(--k-muted)} /* ------------------------------------------------------------ 8 · Footer ------------------------------------------------------------ */ body.ha-enterprise .v23-footer{background:var(--k-deep);padding:var(--k-s8) 0 var(--k-s5)} body.ha-enterprise .v23-footer__grid{gap:var(--k-s7)} body.ha-enterprise .v23-footer__brand img{width:208px} body.ha-enterprise .v23-footer__brand p{color:var(--k-on-dark-muted);font-size:15px;line-height:1.6;max-width:30em} body.ha-enterprise .v23-footer__channels{gap:0} body.ha-enterprise .v23-footer__channels span{border:0;border-radius:0;padding:0 12px;font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--k-on-dark)} body.ha-enterprise .v23-footer__channels span:first-child{padding-left:0} body.ha-enterprise .v23-footer__channels span+span{border-left:1px solid var(--k-line-dark)} body.ha-enterprise .v23-footer h2{font-family:var(--k-mono);font-weight:500;font-size:12px;letter-spacing:.06em;color:#9cc9f0;margin-bottom:var(--k-s3)} body.ha-enterprise .v23-footer a{font-size:15px;color:#cbd7e3;padding:7px 0;text-decoration:none} @media(hover:hover) and (pointer:fine){body.ha-enterprise .v23-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:.2em}} body.ha-enterprise .v23-footer__bottom{border-top-color:var(--k-line-dark);margin-top:var(--k-s7);padding-top:var(--k-s5)} body.ha-enterprise .v23-footer__bottom p{font-size:13px;color:#93a8bd} /* ------------------------------------------------------------ 9 · Unterseiten ------------------------------------------------------------ */ /* Seitenkopf */ body.ha-enterprise .ent-pagehero, body.ha-enterprise.page-contact .ent-pagehero--contact, body.ha-enterprise .v32-trust-hero{background:var(--k-surface-2);border-bottom:1px solid var(--k-line);padding:var(--k-s8) 0 var(--k-s7)} body.ha-enterprise .ent-pagehero p, body.ha-enterprise.page-contact .ent-pagehero--contact p{font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--k-text);max-width:38em;margin-top:var(--k-s5)} body.ha-enterprise .ent-section--white{background:#fff} /* Kontakt */ body.ha-enterprise.page-contact main, body.ha-enterprise.page-contact .ent-section--soft{background:#fff} body.ha-enterprise.page-contact .ent-section--soft{padding:var(--k-s7) 0 var(--k-s9)} body.ha-enterprise.page-contact .ent-contact-card{border:1px solid var(--k-line);border-radius:var(--k-r-lg);box-shadow:none;padding:var(--k-s5)} body.ha-enterprise.page-contact .ent-contact-card--dark{background:var(--k-navy);border-color:var(--k-navy)} body.ha-enterprise.page-contact .ent-contact-card--dark>span{font-family:var(--k-mono);font-weight:500;letter-spacing:.05em;color:#9cc9f0} body.ha-enterprise.page-contact .ent-contact-card--dark h2{font-weight:600} body.ha-enterprise.page-contact .ent-contact-card--dark p{color:var(--k-on-dark-muted)} /* E-Mail-Link als eigenständiges Bedienelement: 44 px Trefferhöhe */ body.ha-enterprise.page-contact .ent-contact-card a{display:flex;align-items:center;min-height:44px;margin-top:6px} body.ha-enterprise.page-contact .ent-contact-card--notice{background:var(--k-surface-2);border-color:transparent} body.ha-enterprise.page-contact .ent-contact-card h3{font-size:18px;font-weight:600;color:var(--k-ink)} body.ha-enterprise.page-contact .ent-checklist li{font-size:15px;color:var(--k-text)} body.ha-enterprise.page-contact .ent-checklist li:before{color:var(--k-accent)} body.ha-enterprise.page-contact .ent-form-card{border:1px solid var(--k-line);border-radius:var(--k-r-xl);box-shadow:var(--k-shadow-2)} body.ha-enterprise.page-contact .ent-form-card>h2{font-weight:600;letter-spacing:-.015em;color:var(--k-ink)} body.ha-enterprise.page-contact .ent-form-card>p{font-size:16px;color:var(--k-muted)} body.ha-enterprise.page-contact .ent-form label:not(.ent-consent){font-weight:600;font-size:15px;color:var(--k-ink)} body.ha-enterprise.page-contact .ent-form :is(input:not([type=hidden]):not([type=checkbox]),select,textarea){border:1px solid var(--k-line-strong);border-radius:var(--k-r-md);font:400 16px/1.45 var(--k-sans);color:var(--k-ink);background-color:#fff} body.ha-enterprise.page-contact .ent-form :is(input,select,textarea)::placeholder{color:#6b7a8c} @media(hover:hover) and (pointer:fine){body.ha-enterprise.page-contact .ent-form :is(input:not([type=checkbox]),select,textarea):hover{border-color:rgba(13,31,54,.34)}} body.ha-enterprise.page-contact .ent-form :is(input:not([type=checkbox]),select,textarea):focus-visible{outline:2px solid var(--k-accent);outline-offset:1px;border-color:var(--k-accent);box-shadow:0 0 0 4px rgba(11,95,165,.12)} body.ha-enterprise.page-contact .ent-consent{background:var(--k-surface-2);border:1px solid var(--k-line);border-radius:var(--k-r-md);font-size:15px;color:var(--k-text)} body.ha-enterprise.page-contact .ent-consent input[type=checkbox]{width:20px;height:20px;accent-color:var(--k-navy)} body.ha-enterprise.page-contact .ent-consent a{color:var(--k-accent);font-weight:600} body.ha-enterprise.page-contact .ent-form-submit>span{font-size:13px;color:var(--k-muted)} /* Mobil steht der Hinweis unter dem Button: Flex-Basis 220 px wurde dort zur Höhe (Leerraum) */ @media(max-width:550px){body.ha-enterprise.page-contact .ent-form-submit>span{flex:0 0 auto}} /* Vertrauen & Sicherheit */ body.ha-enterprise .v32-trust-hero__badge strong{font-weight:600;color:var(--k-ink)} body.ha-enterprise .v32-trust-hero__badge p{font-size:16px;color:var(--k-muted)} /* Rechtliches & Barrierefreiheit */ body.ha-enterprise .legal-page{padding-block:var(--k-s8) var(--k-s9)} body.ha-enterprise .legal-card{border:1px solid var(--k-line);border-radius:var(--k-r-xl);box-shadow:none;padding:var(--k-s7) 56px} body.ha-enterprise .legal-card .section-label{font-family:var(--k-mono);font-size:12.5px;font-weight:500;letter-spacing:.06em} body.ha-enterprise .legal-card h1{font-family:var(--k-sans);font-weight:600;font-size:clamp(32px,3.2vw,44px);letter-spacing:-.02em;color:var(--k-ink)} /* Lange Komposita (z. B. „Barrierefreiheitserklärung“): Bestand trennt bewusst nie (site.css). Schriftgröße passt das Wort ab 360 px ein; darunter Notumbruch statt Überlauf. */ @media(max-width:720px){body.ha-enterprise .legal-card h1{font-size:clamp(24px,6.6vw,32px)}} @media(max-width:359px){body.ha-enterprise .legal-card h1{overflow-wrap:anywhere!important}} body.ha-enterprise .legal-card h2{font-family:var(--k-sans);font-weight:600;font-size:20px;letter-spacing:-.008em;color:var(--k-ink);border-top-color:var(--k-line)} body.ha-enterprise .legal-card :is(p,li){font-size:16px;line-height:1.7;color:var(--k-text)} body.ha-enterprise .legal-card h1{margin-bottom:var(--k-s4)} body.ha-enterprise .legal-card .legal-note{border-left:3px solid var(--k-navy);background:var(--k-surface-2);color:var(--k-text);border-radius:0 var(--k-r-sm) var(--k-r-sm) 0} body.ha-enterprise .portal-access-actions{display:flex;flex-wrap:wrap;gap:var(--k-s3);margin-block:var(--k-s5)} body.ha-enterprise .legal-contact-item{border-color:var(--k-line);border-radius:var(--k-r-md);background:var(--k-surface-2)} body.ha-enterprise .legal-contact-label{font-family:var(--k-mono);font-weight:500;color:var(--k-muted);font-size:12.5px} body.ha-enterprise .legal-contact-item a{color:var(--k-accent);font-weight:600} /* Bausteine der mehrsprachigen Unterseiten (Use Cases, Support, Emergency Operations). Waren bisher ohne eigene Regeln (Bild in voller Höhe, Rohliste, Cyan-Links). */ body.ha-enterprise .ent-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:var(--k-s8);align-items:center} body.ha-enterprise .ent-split--image-left{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)} body.ha-enterprise .ent-copyblock>p{margin-top:var(--k-s5);max-width:34em;font-size:17px;line-height:1.65;color:var(--k-text)} body.ha-enterprise .ent-copyblock h2{font-size:clamp(28px,2.55vw,40px);line-height:1.16;letter-spacing:-.016em;font-weight:600;margin:0} body.ha-enterprise .ent-illustration{margin:0;aspect-ratio:4/3;border-radius:var(--k-r-xl);overflow:hidden;border:1px solid var(--k-line);box-shadow:var(--k-shadow-2);background:#e9eef4} body.ha-enterprise .ent-illustration img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%} body.ha-enterprise main :not(.page-contact) .ent-checklist, body.ha-enterprise .ent-copyblock .ent-checklist{list-style:none;margin:var(--k-s6) 0 0;padding:0;border-top:1px solid var(--k-line)} body.ha-enterprise .ent-copyblock .ent-checklist li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid var(--k-line);font-size:16px;line-height:1.5;color:var(--k-ink)} body.ha-enterprise .ent-copyblock .ent-checklist li::before{content:"";position:absolute;left:0;top:20px;width:6px;height:6px;border-radius:1px;background:var(--k-red)} body.ha-enterprise .ent-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:var(--k-s3);color:var(--k-accent);font-weight:600;text-decoration:none} @media(hover:hover) and (pointer:fine){body.ha-enterprise .ent-textlink:hover{text-decoration:underline;text-underline-offset:.2em}} body.ha-enterprise .ent-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--k-s4)} body.ha-enterprise .ent-support-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:var(--k-s5) var(--k-s5) 20px;border:1px solid transparent;border-radius:var(--k-r-lg);background:var(--k-surface-2)} body.ha-enterprise .ent-support-grid article>span{font-family:var(--k-mono);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--k-accent)} body.ha-enterprise .ent-support-grid article>span::after{content:"";display:block;width:24px;height:2px;margin-top:var(--k-s3);background:var(--k-red)} body.ha-enterprise :is(.ent-support-grid,.ent-usecase-grid) h2{font-size:19px;line-height:1.3;letter-spacing:-.006em;font-weight:600;margin:var(--k-s5) 0 8px} body.ha-enterprise .ent-support-grid p{font-size:15px;line-height:1.6;color:var(--k-muted);margin:0} body.ha-enterprise .ent-support-grid .ent-textlink{margin-top:auto;padding-top:var(--k-s3)} body.ha-enterprise .ent-usecase-grid h2{margin-top:var(--k-s4)} /* Vier Karten: vier Spalten statt eines verwaisten Elements */ body.ha-enterprise .ent-feature-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))} /* Dunkle Sektion der Unterseiten */ body.ha-enterprise .ent-section--navy{background:var(--k-deep)} body.ha-enterprise .ent-section--navy :is(h2,h3){color:#fff} body.ha-enterprise .ent-section--navy .ent-eyebrow{color:#9cc9f0} body.ha-enterprise .ent-feature-grid--dark .ent-feature{background:rgba(255,255,255,.035);border-color:var(--k-line-dark)} body.ha-enterprise .ent-feature-grid--dark .ent-feature__num{color:#9cc9f0} body.ha-enterprise .ent-feature-grid--dark .ent-feature p{color:var(--k-on-dark-muted)} body.ha-enterprise .ent-usecase-grid:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:1100px){body.ha-enterprise .ent-feature-grid:has(>:nth-child(4):last-child),body.ha-enterprise .ent-usecase-grid:has(>:nth-child(8):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){ body.ha-enterprise :is(.ent-split,.ent-split--image-left){grid-template-columns:1fr;gap:var(--k-s7)} body.ha-enterprise .ent-support-grid{grid-template-columns:1fr} } @media(max-width:680px){body.ha-enterprise :is(.ent-feature-grid:has(>:nth-child(4):last-child),.ent-usecase-grid:has(>:nth-child(8):last-child)){grid-template-columns:1fr}} /* ------------------------------------------------------------ 10 · Responsive & Mobile ------------------------------------------------------------ */ @media(max-width:1200px){ body.ha-enterprise .v23-hero-art{height:500px} } @media(max-width:980px){ :root{--k-section:80px} /* Einspaltige Raster: Desktop-Lücken (70–94 px) auf ein ruhiges Maß */ body.ha-enterprise :is(.v23-editorial .v23-shell,.v23-position-grid,.v23-cap-grid,.v23-ready-grid,.v23-data-grid,.v24-mobile-grid,.v24-data-hero,.v26-visual-story__grid,.v26-plan-grid,.v26-data-hero,.v32-trust-home__grid){gap:var(--k-s7)} body.ha-enterprise .v23-hero{padding-top:var(--k-s7)} body.ha-enterprise .v23-hero__copy{padding-bottom:var(--k-s5)} body.ha-enterprise .v23-hero-art{height:440px} body.ha-enterprise .v23-hero-demo{transform:translateY(48px)} body.ha-enterprise .v23-footer__grid{gap:var(--k-s6)} } @media(max-width:720px){ :root{--k-section:64px;--ha-shell:calc(100% - 40px)} body.ha-enterprise .ent-header__inner{width:var(--ha-shell)} body.ha-enterprise :is(.v23-editorial .v23-shell,.v23-position-grid,.v23-cap-grid,.v23-ready-grid,.v23-data-grid,.v24-mobile-grid,.v24-data-hero,.v26-visual-story__grid,.v26-plan-grid,.v26-data-hero,.v32-trust-home__grid){gap:var(--k-s6)} body.ha-enterprise{font-size:16px} body.ha-enterprise .v23-main p, body.ha-enterprise .v32-trust-page main p{font-size:16px} body.ha-enterprise .v23-main h1{font-size:clamp(32px,8.6vw,40px);line-height:1.12;letter-spacing:-.018em} body.ha-enterprise :is(.ent-pagehero,.v32-trust-hero) h1, body.ha-enterprise.page-contact .ent-pagehero--contact h1{font-size:clamp(30px,8vw,38px)} body.ha-enterprise .v23-main h2, body.ha-enterprise .v32-trust-page main h2, body.ha-enterprise .ent-sectionhead h2, body.ha-enterprise .v26-visual-story__copy h2{font-size:clamp(25px,6.6vw,31px);line-height:1.2} body.ha-enterprise .v23-main .v23-lead{font-size:17px!important} body.ha-enterprise .v23-main .v23-lead-sm{font-size:17px!important} body.ha-enterprise .v23-hero{padding-top:var(--k-s6)} body.ha-enterprise .v23-hero__copy{padding:0 0 var(--k-s4)} body.ha-enterprise .v23-actions{display:grid;grid-template-columns:1fr} body.ha-enterprise .v23-actions .v23-btn{width:100%} body.ha-enterprise .v23-hero-art{height:340px;border-radius:var(--k-r-lg)} body.ha-enterprise .v23-float--a{left:12px;top:12px;font-size:13px} body.ha-enterprise .v23-hero-demo{padding:var(--k-s5) var(--k-s4);border-radius:var(--k-r-lg);transform:translateY(40px)} body.ha-enterprise .v23-demo-grid strong{font-size:26px} body.ha-enterprise .v23-demo-grid div{border-bottom-color:var(--k-line)} body.ha-enterprise .v23-experience__stat strong{font-size:56px} body.ha-enterprise :is(.v23-section-head,.v32-why__intro,.v32-flow__head,.v32-architecture__head,.ent-sectionhead){margin-bottom:var(--k-s6);gap:var(--k-s4)} body.ha-enterprise :is(.v23-editorial__visual,.v24-product-photo,.v26-plan-visual figure,.v26-phone-reference,.v26-contact-reference,.v24-data-screenshot,.v24-dashboard-stage){border-radius:var(--k-r-lg)} body.ha-enterprise .v23-editorial__visual{height:300px} body.ha-enterprise .v24-product-photo--mobile{height:480px} body.ha-enterprise .v23-editorial__overlay{left:12px;bottom:12px} body.ha-enterprise .v23-final__card{padding:var(--k-s6) var(--k-s5)} body.ha-enterprise .v32-flow__panel h3{font-size:24px} body.ha-enterprise .legal-page{padding:var(--k-s5) 14px var(--k-s8)} body.ha-enterprise .legal-card{padding:var(--k-s5) 20px} body.ha-enterprise .v23-footer__brand img{width:180px} body.ha-enterprise .v23-footer h2{margin-bottom:var(--k-s2)} body.ha-enterprise .v23-footer a{padding:10px 0} body.ha-enterprise :is(.v23-trust-row,.v23-badges,.v23-chipset,.v32-arch-foundations) span{font-size:14px} body.ha-enterprise .v32-arch-foundations{justify-content:flex-start} body.ha-enterprise .v23-badges{margin:calc(var(--k-s3) * -1) 0 var(--k-s6)} } /* Touch-Tablets: Footer-Links mit 44 px Trefferhöhe (Mobil bereits oben) */ @media(max-width:1024px),(pointer:coarse){body.ha-enterprise .v23-footer a{padding:10px 0;min-height:44px;box-sizing:border-box}} @media(max-width:400px){ body.ha-enterprise .v23-main h1{font-size:30px} body.ha-enterprise .v23-hero-art{height:300px} } /* ------------------------------------------------------------ 11 · Bewegung – nur Rückmeldung und Zustandswechsel (prefers-reduced-motion / Schalter „Bewegung reduzieren“ schalten weiterhin alle Übergänge ab – bestehende Regeln) ------------------------------------------------------------ */ body.ha-enterprise :is(.v23-btn,.ent-btn){transition:transform 120ms var(--k-ease),background-color 160ms ease,border-color 160ms ease,color 160ms ease} body.ha-enterprise :is(.ent-a11y,.ent-menu,.v23-lang summary){transition:transform 120ms var(--k-ease),background-color 160ms ease,border-color 160ms ease} body.ha-enterprise .v32-flow__step{transition:transform 120ms var(--k-ease),background-color 160ms ease,border-color 160ms ease} /* ------------------------------------------------------------ 12 · Barrierefreiheit ------------------------------------------------------------ */ /* Fokus: zweifarbiger Ring (aus v41) – hier nur passende Radien */ body.a11y-keyboard-nav.ha-enterprise :is(.v23-btn,.ent-btn,.ent-a11y,.ent-menu,.v32-flow__step):focus-visible{border-radius:var(--k-r-md)!important} body.a11y-keyboard-nav.ha-enterprise.page-contact .ent-form :is(input,select,textarea):focus-visible{border-radius:var(--k-r-md)!important} /* Hoher Kontrast: Grenzen deutlicher, Nebentexte dunkler */ body.a11y-high-contrast.ha-enterprise{--k-line:rgba(13,31,54,.38);--k-line-strong:rgba(13,31,54,.6);--k-muted:#26384d;--k-text:#14283d;--k-line-dark:rgba(255,255,255,.4);--k-on-dark-muted:#fff} body.a11y-high-contrast.ha-enterprise :is(.v23-trust-row,.v23-badges,.v23-chipset,.v32-arch-foundations) span{color:#0d1f36} /* Größere Schrift über das Panel: Überschriften wachsen begrenzt mit */ html[data-a11y-font-size="125"] body.ha-enterprise .v23-main h1{font-size:clamp(40px,4.4vw,62px)} html[data-a11y-font-size="150"] body.ha-enterprise .v23-main h1{font-size:clamp(42px,4.8vw,66px)} /* Abschlusskarten auf Navy: Überschrift hell, Abstände, sekundärer Button als Kontur */ body.ha-enterprise :is(.v32-trust-final__card,.v23-final__card) h2{color:#fff} body.ha-enterprise .v32-trust-final__card{padding:var(--k-s8)} body.ha-enterprise .v32-trust-final__card h2+p{margin-top:var(--k-s4);max-width:40em;color:var(--k-on-dark-muted)} body.ha-enterprise .v32-trust-final{padding-top:var(--k-section)} body.ha-enterprise :is(.v32-trust-final__card,.v23-final__card,.v23-ink,.v32-flow,.v24-product-proof) .v23-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)} @media(hover:hover) and (pointer:fine){body.ha-enterprise :is(.v32-trust-final__card,.v23-final__card,.v23-ink,.v32-flow,.v24-product-proof) .v23-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}} @media(max-width:720px){body.ha-enterprise .v32-trust-final__card{padding:var(--k-s6) var(--k-s5)}}