/* /performance74/ks-styles-3.css */
/* Original: /brand61-layout.css */
/* Freestanding approved logos. No global button/form/calculator selectors. */
html[data-brand61]{--brand61-accent:#23ae7e;--brand61-dark:#07533c}
html[data-brand61="ii"]{--brand61-accent:#ff8a00;--brand61-dark:#bd5100}
html[data-brand61="ks"]{--brand61-accent:#279ecf;--brand61-dark:#075b92}
html[data-brand61="kj"]{--brand61-accent:#d73748;--brand61-dark:#85182b}
html body .kp-header61,html body .kp-header61>.header-inner{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(260px,44%) 1fr!important;grid-template-rows:auto auto;align-items:center!important;gap:10px 24px!important;width:100%!important;max-width:none!important;min-height:136px!important;height:auto!important;margin:0!important;padding:20px 3%!important;box-sizing:border-box!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;z-index:90!important}
html body .kp-header61:has(>.header-inner){display:block!important;padding:0!important;min-height:0!important}
html body .kp-header61 .kp-logo61-free,html body .kp-logo61-free.kp-footer-logo-approved,html body .kp-logo61-free.footer-brand-tile{display:block!important;grid-column:1;grid-row:1/3;width:100%!important;max-width:720px!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;flex:none!important}
html body .kp-logo61-free::before,html body .kp-logo61-free::after{display:none!important}
html body .kp-logo61-free img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 2px 2px #00162324)}
html body .kp-header61 nav[aria-label="Hauptnavigation"],html body .kp-header61 .desktop-nav{grid-column:2;grid-row:1;display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;position:static!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body .kp-header61 nav[aria-label="Hauptnavigation"] a{font-size:14px!important;white-space:nowrap}
html body .kp-header61 .header-service-links,html body .kp-header61 .hero-service-links,html body .kp-header61>.button,html body .kp-header61 .header-cta{grid-column:2;grid-row:2;justify-self:end;justify-content:flex-end;position:static!important;margin:0!important}
html body .kp-header61 .hero-service-links{padding-right:64px!important}
html body .kp-header61 .kp-toggle61{display:none!important;position:absolute!important;top:22px!important;right:24px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:10px!important;border-radius:8px!important;border:1px solid color-mix(in srgb,var(--brand61-accent),white 40%)!important;background:linear-gradient(135deg,var(--brand61-accent),var(--brand61-dark))!important;color:#fff!important;box-shadow:0 5px 18px #00172533!important;z-index:100!important;cursor:pointer}
html body .kp-header61 .kp-toggle61 svg{stroke:#fff!important;fill:none!important;width:24px;height:24px}
html body .kp-header61 .kp-toggle61>b{display:none!important}
html body .kp-header61 .kp-toggle61>span:not(:has(*)){display:block;width:22px;height:2px;background:#fff;margin:4px 0}
html body section.hero#start .hero-bar .kp-toggle61{display:flex!important;padding:0!important}
html.kp61-scrolled body .kp-header61 .kp-toggle61{display:block!important;position:fixed!important;right:20px!important;top:16px!important}
html.kp61-scrolled body section.hero#start .hero-bar .kp-toggle61{display:flex!important}
html body .kp-header61 .mobile-navigation:not([hidden]),html body .kp-header61 .kp-menu61-panel:not([hidden]),html body .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{display:grid!important;position:fixed!important;inset:76px 20px auto auto!important;width:min(480px,calc(100vw - 32px))!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:18px!important;border:1px solid var(--brand61-accent)!important;border-radius:8px!important;background:#082333f7!important;box-shadow:0 12px 30px #00102055!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;z-index:99!important;color:#fff!important}
html body .kp-header61 .mobile-navigation[hidden],html body .kp-header61 .kp-menu61-panel[hidden]{display:none!important}
html body .kp-header61 :is(.mobile-navigation,.kp-menu61-panel) a,html body .kp-header61.aa33-nav-open>nav a{display:block;color:#fff!important;font-size:14px!important;line-height:1.4!important;min-height:44px;padding:12px!important;white-space:normal!important}
.kp61-mobile-services{display:none}
html body .kp-header61.aa33-nav-open .kp61-mobile-services{display:contents}
html body .kp-header61 .mobile-service-links{grid-column:1/-1}
html[data-brand61="kj"] body main{padding-top:0!important}
html[data-brand61="ks"] section.hero.kp-full-header,html[data-brand61="kj"] section.hero.kp-full-header{isolation:isolate}
html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{content:'';position:absolute;inset:0 0 auto;height:calc(var(--kp-full-nav) + max(600px,var(--kp-full-height)));pointer-events:none;z-index:-1;background:linear-gradient(90deg,#edf9fcef 0%,#edf9fcbb 37%,transparent 78%),url('/performance124/image-36fdff89b0f7.webp') center/cover no-repeat}
html[data-brand61="kj"] section.hero.kp-full-header::before{background:linear-gradient(90deg,#03162af2,transparent 85%),url('/assets/hero-analysis-v20-lossless22.webp') center/cover no-repeat}
html[data-brand61="ks"] .kp-full-header .kp-full-scene,html[data-brand61="kj"] .kp-full-header .kp-full-scene{background:none!important}
html[data-brand61="kj"] .kp-header61 nav a{color:#fff!important}
html.kp61-scrolled body .menu-panel{position:fixed!important;top:76px!important;right:20px!important;left:auto!important;max-height:calc(100dvh - 100px);overflow:auto}
@media(max-width:1180px){html body .kp-header61,html body .kp-header61>.header-inner{grid-template-columns:minmax(0,1fr) 46px!important;min-height:100px!important;padding:16px 24px!important}html body .kp-header61:has(>.header-inner){padding:0!important;min-height:0!important}html body .kp-header61 .kp-logo61-free{grid-row:1;max-width:620px!important;width:calc(100% - 14px)!important}html body .kp-header61 nav[aria-label="Hauptnavigation"],html body .kp-header61 .desktop-nav,html body .kp-header61 .header-service-links,html body .kp-header61>.button,html body .kp-header61 .header-cta{display:none!important}html body .kp-header61 .kp-toggle61{display:block!important;position:relative!important;inset:auto!important;grid-column:2;grid-row:1;padding:10px!important}html body .kp-header61 .hero-service-links{grid-column:1/-1;grid-row:2;padding-right:0!important}html body .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{display:grid!important}html[data-brand61="kj"] body main{margin-top:0!important}}
@media(max-width:600px){html body .kp-header61,html body .kp-header61>.header-inner{min-height:82px!important;padding:14px 12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) 42px!important}html body .kp-header61:has(>.header-inner){padding:0!important}html body .kp-header61 .kp-toggle61{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}html.kp61-scrolled body .kp-header61 .kp-toggle61{right:12px!important;top:12px!important}html body .kp-header61 .mobile-navigation:not([hidden]),html body .kp-header61 .kp-menu61-panel:not([hidden]),html body .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{inset:66px 12px auto auto!important;grid-template-columns:1fr}html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{height:calc(var(--kp-full-nav) + var(--kp-full-height))}}
@media(prefers-reduced-motion:reduce){.kp-header61 *{scroll-behavior:auto!important;transition:none!important}}
/* Keep original high-resolution proportions; legacy maximums belonged to the retired tile. */
html[data-brand61] body section.hero .kp-header61 .kp-logo61-free img{width:100%!important;height:auto!important;max-height:none!important;max-width:none!important}
html[data-brand61] body .kp-logo61-free,html[data-brand61] body .kp-logo61-free>img,html[data-brand61] body img[src*="/brand/logos-v61/"][src*="/logo-"]{aspect-ratio:auto!important;border-radius:0!important}
html[data-brand61] body section.hero{z-index:20!important}
html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{height:calc(var(--kp-full-nav) + var(--kp-full-height))!important}
html[data-brand61="ks"] body section.hero.ks-analysis-hero.kp-full-header::before{background:radial-gradient(circle at 73% 24%,#2ce0eb1f,transparent 28%),linear-gradient(90deg,#021225eb 0%,#03233cad 44%,#0321371f 76%,#03213700 100%),url('/performance124/image-36fdff89b0f7.webp') center/cover no-repeat!important}
html[data-brand61="ks"] body section.hero.ks-analysis-hero.kp-full-header .kp-full-scene{background:transparent!important}
html[data-brand61="ks"] body section.hero .kp-header61 nav[aria-label="Hauptnavigation"] a{color:#effcff!important;text-shadow:1px 1px 2px #001725}
@media(max-width:1180px){html[data-brand61="aa"] body section.hero .kp-header61.aa33-nav-open .kp61-mobile-services .header-cta{display:block!important}}
html[data-brand61="ks"] .hero .kp-scene-lights,html[data-brand61="kj"] .hero .kp-scene-lights{mask-image:linear-gradient(180deg,transparent,#000 110px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 110px)}
html[data-brand61="ii"] body section.hero#start .hero-bar.kp-header61{flex:none!important}
/* On short desktop screens keep all existing headline, benefits and price copy visible. */
@media(min-width:1001px){html[data-brand61] body section.hero.kp-full-header{--kp-full-height:max(var(--kp61-copy-height,0px),calc(100svh - var(--kp-full-nav)))!important}}

/* Scope-specific compatibility with approved legacy hero rules. */
/* Freestanding approved logos. No global button/form/calculator selectors. */
html[data-brand61]{--brand61-accent:#23ae7e;--brand61-dark:#07533c}
html[data-brand61="ii"]{--brand61-accent:#ff8a00;--brand61-dark:#bd5100}
html[data-brand61="ks"]{--brand61-accent:#279ecf;--brand61-dark:#075b92}
html[data-brand61="kj"]{--brand61-accent:#d73748;--brand61-dark:#85182b}
html[data-brand61] body section.hero .kp-header61,html[data-brand61] body section.hero .kp-header61>.header-inner{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(260px,44%) 1fr!important;grid-template-rows:auto auto;align-items:center!important;gap:10px 24px!important;width:100%!important;max-width:none!important;min-height:136px!important;height:auto!important;margin:0!important;padding:20px 3%!important;box-sizing:border-box!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;z-index:90!important}
html[data-brand61] body section.hero .kp-header61:has(>.header-inner){display:block!important;padding:0!important;min-height:0!important}
html[data-brand61] body section.hero .kp-header61 .kp-logo61-free,html body .kp-logo61-free.kp-footer-logo-approved,html body .kp-logo61-free.footer-brand-tile{display:block!important;grid-column:1;grid-row:1/3;width:100%!important;max-width:720px!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;flex:none!important}
html body .kp-logo61-free::before,html body .kp-logo61-free::after{display:none!important}
html body .kp-logo61-free img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 2px 2px #00162324)}
html[data-brand61] body section.hero .kp-header61 nav[aria-label="Hauptnavigation"],html[data-brand61] body section.hero .kp-header61 .desktop-nav{grid-column:2;grid-row:1;display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;position:static!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html[data-brand61] body section.hero .kp-header61 nav[aria-label="Hauptnavigation"] a{font-size:14px!important;white-space:nowrap}
html[data-brand61] body section.hero .kp-header61 .header-service-links,html[data-brand61] body section.hero .kp-header61 .hero-service-links,html[data-brand61] body section.hero .kp-header61>.button,html[data-brand61] body section.hero .kp-header61 .header-cta{grid-column:2;grid-row:2;justify-self:end;justify-content:flex-end;position:static!important;margin:0!important}
html[data-brand61] body section.hero .kp-header61 .hero-service-links{padding-right:64px!important}
html[data-brand61] body section.hero .kp-header61 .kp-toggle61{display:none!important;position:absolute!important;top:22px!important;right:24px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:10px!important;border-radius:8px!important;border:1px solid color-mix(in srgb,var(--brand61-accent),white 40%)!important;background:linear-gradient(135deg,var(--brand61-accent),var(--brand61-dark))!important;color:#fff!important;box-shadow:0 5px 18px #00172533!important;z-index:100!important;cursor:pointer}
html[data-brand61] body section.hero .kp-header61 .kp-toggle61 svg{stroke:#fff!important;fill:none!important;width:24px;height:24px}
html[data-brand61] body section.hero .kp-header61 .kp-toggle61>b{display:none!important}
html[data-brand61] body section.hero .kp-header61 .kp-toggle61>span:not(:has(*)){display:block;width:22px;height:2px;background:#fff;margin:4px 0}
html body section.hero#start .hero-bar .kp-toggle61{display:flex!important;padding:0!important}
html[data-brand61].kp61-scrolled body section.hero .kp-header61 .kp-toggle61{display:block!important;position:fixed!important;right:20px!important;top:16px!important}
html[data-brand61].kp61-scrolled body section.hero section.hero#start .hero-bar .kp-toggle61{display:flex!important}
html[data-brand61] body section.hero .kp-header61 .mobile-navigation:not([hidden]),html[data-brand61] body section.hero .kp-header61 .kp-menu61-panel:not([hidden]),html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{display:grid!important;position:fixed!important;inset:76px 20px auto auto!important;width:min(480px,calc(100vw - 32px))!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:18px!important;border:1px solid var(--brand61-accent)!important;border-radius:8px!important;background:#082333f7!important;box-shadow:0 12px 30px #00102055!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;z-index:99!important;color:#fff!important}
html[data-brand61] body section.hero .kp-header61 .mobile-navigation[hidden],html[data-brand61] body section.hero .kp-header61 .kp-menu61-panel[hidden]{display:none!important}
html[data-brand61] body section.hero .kp-header61 :is(.mobile-navigation,.kp-menu61-panel) a,html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav a{display:block;color:#fff!important;font-size:14px!important;line-height:1.4!important;min-height:44px;padding:12px!important;white-space:normal!important}
.kp61-mobile-services{display:none}
html[data-brand61] body section.hero .kp-header61.aa33-nav-open .kp61-mobile-services{display:contents}
html[data-brand61] body section.hero .kp-header61 .mobile-service-links{grid-column:1/-1}
html[data-brand61="kj"] body main{padding-top:0!important}
html[data-brand61="ks"] section.hero.kp-full-header,html[data-brand61="kj"] section.hero.kp-full-header{isolation:isolate}
html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{content:'';position:absolute;inset:0 0 auto;height:calc(var(--kp-full-nav) + max(600px,var(--kp-full-height)));pointer-events:none;z-index:-1;background:linear-gradient(90deg,#edf9fcef 0%,#edf9fcbb 37%,transparent 78%),url('/performance124/image-36fdff89b0f7.webp') center/cover no-repeat}
html[data-brand61="kj"] section.hero.kp-full-header::before{background:linear-gradient(90deg,#03162af2,transparent 85%),url('/assets/hero-analysis-v20-lossless22.webp') center/cover no-repeat}
html[data-brand61="ks"] .kp-full-header .kp-full-scene,html[data-brand61="kj"] .kp-full-header .kp-full-scene{background:none!important}
html[data-brand61="kj"] .kp-header61 nav a{color:#fff!important}
html[data-brand61].kp61-scrolled body section.hero .menu-panel{position:fixed!important;top:76px!important;right:20px!important;left:auto!important;max-height:calc(100dvh - 100px);overflow:auto}
@media(max-width:1180px){html[data-brand61] body section.hero .kp-header61,html[data-brand61] body section.hero .kp-header61>.header-inner{grid-template-columns:minmax(0,1fr) 46px!important;min-height:100px!important;padding:16px 24px!important}html[data-brand61] body section.hero .kp-header61:has(>.header-inner){padding:0!important;min-height:0!important}html[data-brand61] body section.hero .kp-header61 .kp-logo61-free{grid-row:1;max-width:620px!important;width:calc(100% - 14px)!important}html[data-brand61] body section.hero .kp-header61 nav[aria-label="Hauptnavigation"],html[data-brand61] body section.hero .kp-header61 .desktop-nav,html[data-brand61] body section.hero .kp-header61 .header-service-links,html[data-brand61] body section.hero .kp-header61>.button,html[data-brand61] body section.hero .kp-header61 .header-cta{display:none!important}html[data-brand61] body section.hero .kp-header61 .kp-toggle61{display:block!important;position:relative!important;inset:auto!important;grid-column:2;grid-row:1;padding:10px!important}html[data-brand61] body section.hero .kp-header61 .hero-service-links{grid-column:1/-1;grid-row:2;padding-right:0!important}html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{display:grid!important}html[data-brand61="kj"] body main{margin-top:0!important}}
@media(max-width:600px){html[data-brand61] body section.hero .kp-header61,html[data-brand61] body section.hero .kp-header61>.header-inner{min-height:82px!important;padding:14px 12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) 42px!important}html[data-brand61] body section.hero .kp-header61:has(>.header-inner){padding:0!important}html[data-brand61] body section.hero .kp-header61 .kp-toggle61{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}html[data-brand61].kp61-scrolled body section.hero .kp-header61 .kp-toggle61{right:12px!important;top:12px!important}html[data-brand61] body section.hero .kp-header61 .mobile-navigation:not([hidden]),html[data-brand61] body section.hero .kp-header61 .kp-menu61-panel:not([hidden]),html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"]{inset:66px 12px auto auto!important;grid-template-columns:1fr}html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{height:calc(var(--kp-full-nav) + var(--kp-full-height))}}
@media(prefers-reduced-motion:reduce){.kp-header61 *{scroll-behavior:auto!important;transition:none!important}}
/* Keep original high-resolution proportions; legacy maximums belonged to the retired tile. */
html[data-brand61] body section.hero .kp-header61 .kp-logo61-free img{width:100%!important;height:auto!important;max-height:none!important;max-width:none!important}
html[data-brand61] body .kp-logo61-free,html[data-brand61] body .kp-logo61-free>img,html[data-brand61] body img[src*="/brand/logos-v61/"][src*="/logo-"]{aspect-ratio:auto!important;border-radius:0!important}
html[data-brand61] body section.hero{z-index:20!important}
html[data-brand61="ks"] section.hero.kp-full-header::before,html[data-brand61="kj"] section.hero.kp-full-header::before{height:calc(var(--kp-full-nav) + var(--kp-full-height))!important}
html[data-brand61="ks"] body section.hero.ks-analysis-hero.kp-full-header::before{background:radial-gradient(circle at 73% 24%,#2ce0eb1f,transparent 28%),linear-gradient(90deg,#021225eb 0%,#03233cad 44%,#0321371f 76%,#03213700 100%),url('/performance124/image-36fdff89b0f7.webp') center/cover no-repeat!important}
html[data-brand61="ks"] body section.hero.ks-analysis-hero.kp-full-header .kp-full-scene{background:transparent!important}
html[data-brand61="ks"] body section.hero .kp-header61 nav[aria-label="Hauptnavigation"] a{color:#effcff!important;text-shadow:1px 1px 2px #001725}
@media(max-width:1180px){html[data-brand61="aa"] body section.hero .kp-header61.aa33-nav-open .kp61-mobile-services .header-cta{display:block!important}}
html[data-brand61="ks"] .hero .kp-scene-lights,html[data-brand61="kj"] .hero .kp-scene-lights{mask-image:linear-gradient(180deg,transparent,#000 110px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 110px)}
html[data-brand61="ii"] body section.hero#start .hero-bar.kp-header61{flex:none!important}
/* On short desktop screens keep all existing headline, benefits and price copy visible. */
@media(min-width:1001px){html[data-brand61] body section.hero.kp-full-header{--kp-full-height:max(var(--kp61-copy-height,0px),calc(100svh - var(--kp-full-nav)))!important}}

/* Original: /menu62.css */
/* Shared menu disclosure, scoped strictly to headers and their service actions. */
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"] > :is(svg,span,b){opacity:0!important}
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"]::before,
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"]::after{content:''!important;position:absolute!important;display:block!important;left:50%!important;top:50%!important;width:23px!important;height:2px!important;background:#fff!important;border:0!important;border-radius:2px!important;opacity:1!important;transform:translate(-50%,-50%) rotate(45deg)!important}
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"]::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"]{position:fixed!important;right:24px!important;top:22px!important;z-index:102!important;display:grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;border:1px solid #ffd39e!important;border-radius:8px!important;background:linear-gradient(135deg,#ff8a00,#bd5100)!important;color:#fff!important;box-shadow:0 5px 18px #00172533!important;font-size:0!important}
html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"]::before,
html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"]::after{content:'';position:absolute;left:50%;top:50%;width:23px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"] svg{opacity:0}
html[data-brand61="ii"].kp61-scrolled .menu-backdrop .menu-head button[aria-label="Menü schließen"]{right:20px!important;top:16px!important}
html[data-brand61="ii"] .menu-panel .menu-service-links a,
html[data-brand61="aa"] body section.hero .kp-header61.aa33-nav-open .kp61-mobile-services a,
html[data-brand61="ks"] body section.hero .kp-header61 .mobile-service-links a,
html[data-brand61="kj"] body section.hero .kp-header61 .kp-menu61-panel > a.button{border:1px solid #ffffff80!important;border-radius:8px!important;background:linear-gradient(135deg,var(--brand61-accent),var(--brand61-dark))!important;color:#fff!important;font-weight:800!important;text-shadow:1px 1px 2px #0009!important;box-shadow:0 5px 14px #00172b33!important;transition:transform 160ms ease,box-shadow 160ms ease!important}
html[data-brand61="ii"] .menu-panel .menu-service-links a:hover,
html[data-brand61="aa"] body section.hero .kp-header61.aa33-nav-open .kp61-mobile-services a:hover,
html[data-brand61="ks"] body section.hero .kp-header61 .mobile-service-links a:hover,
html[data-brand61="kj"] body section.hero .kp-header61 .kp-menu61-panel > a.button:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 18px #00172b55!important}
@media(max-width:600px){html[data-brand61="ii"] .menu-backdrop .menu-head button[aria-label="Menü schließen"]{right:12px!important;top:14px!important;width:42px!important;height:42px!important}html[data-brand61="ii"].kp61-scrolled .menu-backdrop .menu-head button[aria-label="Menü schließen"]{top:12px!important}}
@media(prefers-reduced-motion:reduce){html[data-brand61] .menu-panel .menu-service-links a,html[data-brand61] .kp-header61 .kp61-mobile-services a,html[data-brand61] .kp-header61 .mobile-service-links a,html[data-brand61] .kp-header61 .kp-menu61-panel > a.button{transition:none!important;transform:none!important}}

/* /brand79-ui.css */
/* Approved OV optical control dimensions; existing native handlers remain owners. */
html[data-brand61] { --kp79-control:56px; --kp79-edge:24px; --kp79-top:22px; }
html[data-brand61="ii"][data-ii-ui75] { --ii75-control:56px; }
html[data-brand61] body .kp-header61 .kp-toggle61,
html[data-brand61] body section.hero .kp-header61 .kp-toggle61,
html[data-brand61].kp61-scrolled body section.hero .kp-header61 .kp-toggle61 {
 display:grid!important; place-items:center!important; position:fixed!important;
 inset:var(--kp79-top) var(--kp79-edge) auto auto!important;
 width:var(--kp79-control)!important; min-width:var(--kp79-control)!important; max-width:var(--kp79-control)!important;
 height:var(--kp79-control)!important; min-height:var(--kp79-control)!important; max-height:var(--kp79-control)!important;
 margin:0!important; padding:0!important; border-radius:8px!important; box-sizing:border-box!important;
}
html[data-brand61] body .kp-header61 .kp-toggle61 svg,
html[data-brand61] body section.hero .kp-header61 .kp-toggle61 svg { width:26px!important; height:26px!important; }
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"]::before,
html[data-brand61] body .kp-header61 .kp-toggle61[aria-expanded="true"]::after { width:26px!important; height:2.5px!important; }
html[data-brand61] body section.hero .kp-header61 :is(.mobile-navigation,.kp-menu61-panel):not([hidden]),
html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"] {
 inset:calc(var(--kp79-top) + var(--kp79-control) + 12px) var(--kp79-edge) auto auto!important;
 width:min(510px,calc(100% - var(--kp79-edge)*2))!important;
 max-height:calc(100dvh - var(--kp79-top) - var(--kp79-control) - 36px)!important;
 box-sizing:border-box!important;
}
html[data-brand61] body :is(.kp-contact-dock,.kp-contact-dock-v17) {
 right:var(--kp79-edge)!important; bottom:var(--kp79-edge)!important; gap:12px!important;
}
html[data-brand61] body :is(.kp-round-button,.kp-round-button-v17,.kp-function-toggle,.kp-function-toggle-v17,.immo-function-toggle) {
 width:var(--kp79-control)!important; min-width:var(--kp79-control)!important;
 height:var(--kp79-control)!important; min-height:var(--kp79-control)!important;
 padding:0!important; border-radius:8px!important; box-sizing:border-box!important;
}
html[data-brand61] body :is(.kp-round-button,.kp-round-button-v17,.immo-round-button) svg { width:28px!important; height:28px!important; }
html[data-brand61] body :is(.kp-up,.kp-up-v17) { order:0!important; }
html[data-brand61] body :is(.kp-whatsapp,.kp-whatsapp-v17) { order:1!important; }
html[data-brand61] body :is(.kp-whatsapp-card,.kp-whatsapp-card-v17) { bottom:calc(var(--kp79-control) + 16px)!important; }
html[data-brand61="ii"][data-ii-ui75] body a.ii75-action { font-size:15px; padding:10px 16px; }
html[data-brand61="ii"][data-ii-ui75] body .immo-round-button svg { width:28px!important; height:28px!important; }
html[data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar.kp-header61 .kp-toggle61::before { width:26px!important; height:2.5px!important; box-shadow:0 -7px 0 #fff,0 7px 0 #fff; }
html[data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar.kp-header61 .kp-toggle61[aria-expanded="true"]::before,
html[data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar.kp-header61 .kp-toggle61[aria-expanded="true"]::after,
html[data-brand61="ii"][data-ii-ui75] body .menu-backdrop .menu-head button[aria-label="Menü schließen"]::before,
html[data-brand61="ii"][data-ii-ui75] body .menu-backdrop .menu-head button[aria-label="Menü schließen"]::after { width:26px!important; height:2.5px!important; }
html[data-brand61="ii"][data-ii-ui75] body a.ii75-action[href="#reservierung"] {
 background:linear-gradient(135deg,#126886,#063e61); border-color:#b3dae8; text-shadow:1px 1px 2px #0008;
}
html[data-brand61="ii"][data-ii-ui75] body a.ii75-action[href="#finanzierung"] {
 background:linear-gradient(135deg,#10a9c0,#08728c); border-color:#b8f2f6; text-shadow:1px 1px 2px #0008;
}
@media(min-width:768px) {
 html[data-brand61] body :is(.kp-function-dock,.kp-function-dock-v17) { top:clamp(132px,18vh,170px)!important; left:0!important; bottom:auto!important; }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17) { gap:10px!important; }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17) a {
  width:var(--kp79-control)!important; min-width:var(--kp79-control)!important;
  height:var(--kp79-control)!important; min-height:var(--kp79-control)!important;
  grid-template-columns:var(--kp79-control) 174px!important; border-radius:0 8px 8px 0!important; padding:0!important;
 }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17) a:is(:hover,:focus-visible) { width:230px!important; }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17) a>span,
 html[data-brand61] body :is(.kp-function-icon,.kp-function-icon-v17) { width:var(--kp79-control)!important; height:var(--kp79-control)!important; flex-basis:var(--kp79-control)!important; }
 html[data-brand61] body :is(.kp-function-icon,.kp-function-icon-v17) svg { width:28px!important; height:28px!important; }
 html[data-brand61] body :is(.kp-function-label,.kp-function-label-v17) { font-size:15px!important; }
 html[data-brand61="ii"][data-ii-ui75] body .immo-function-dock { top:clamp(132px,18vh,170px)!important; }
 html[data-brand61="ii"][data-ii-ui75] body .immo-function-links a:is(:hover,:focus-visible) { width:230px!important; }
 html[data-brand61="ii"][data-ii-ui75] body .immo-function-links a b { font-size:15px!important; }
}
@media(min-width:1181px) {
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61 :is(nav[aria-label="Hauptnavigation"],.desktop-nav,.header-service-links),
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61>.button,
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61 .header-inner>.button { margin-right:70px!important; }
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61 :is(.header-cta,.header-service-links>a),
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61>.button,
 html[data-brand61]:not([data-brand61="ii"]) body section.hero .kp-header61 .header-inner>.button {
  min-height:56px!important; padding:10px 16px!important; font-size:15px!important; box-sizing:border-box!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
 }
}
/* All five women sources share alpha bounds y154..3643 / 3840, and the
   registered Stefan artwork y155..3648 / 3840. Match OV's rendered desktop
   canvas ratio 102/105.6 without any image distortion. The common 0.05104
   shoe anchor retains OV's ~1px visible shoe-depth difference at 720px. */
@media(min-width:1101px) {
 html[data-brand61] body section.hero.kp-full-header .kp-full-scene .kp-full-portraits img.kp-full-woman {
  height:calc(var(--kp-person-h)*.9659090909)!important;
  bottom:calc(10px - var(--kp-person-h)*.9659090909*.05104)!important;
 }
 html[data-brand61="ii"][data-ii-ui75] body section.hero#start .people .person-ludmilla img {
  height:calc(var(--ii-depth-person)*.9659090909)!important;
  bottom:calc(16px - var(--ii-depth-person)*.9659090909*.05104)!important;
 }
}
@media(max-width:767px) {
 html[data-brand61] { --kp79-control:48px; --kp79-edge:12px; --kp79-top:14px; }
 html[data-brand61="ii"][data-ii-ui75] { --ii75-control:48px; }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17,.immo-function-links) a { height:48px!important; min-height:48px!important; }
 html[data-brand61] body :is(.kp-function-links,.kp-function-links-v17,.immo-function-links) a>span,
 html[data-brand61] body :is(.kp-function-icon,.kp-function-icon-v17) { width:48px!important; height:48px!important; flex-basis:48px!important; }
 html[data-brand61] body section.hero .kp-header61 :is(.mobile-navigation,.kp-menu61-panel):not([hidden]),
 html[data-brand61] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"] { grid-template-columns:1fr!important; }
}
/* One native logo scale (font 180, white contour 19, canvas height 350).
   Native widths differ; applying a common CSS width would enlarge short names.
   These rules survive the existing static/animated image source switches. */
html[data-brand61] {
 --kp79-ov-header-logo-width:min(calc(100vw - 2*var(--kp79-edge) - var(--kp79-control) - 12px),calc(clamp(92px,7.64vw,110px)*6.8093));
 --kp79-ov-footer-logo-width:min(450px,calc(100vw - 2*var(--kp79-edge)));
}
html[data-brand61="ii"] { --kp79-logo-ratio:.878072763; }
html[data-brand61="aa"] { --kp79-logo-ratio:.796951819; }
html[data-brand61="ks"] { --kp79-logo-ratio:.890363815; }
html[data-brand61="kj"] { --kp79-logo-ratio:.646017699; }
html[data-brand61] body .kp-header61,
html[data-brand61] body .kp-header61>.header-inner,
html[data-brand61] body section.hero .kp-header61,
html[data-brand61] body section.hero .kp-header61>.header-inner { padding-inline:var(--kp79-edge)!important; }
html[data-brand61] body .kp-header61:has(>.header-inner),
html[data-brand61] body section.hero .kp-header61:has(>.header-inner) { padding-inline:0!important; }
html[data-brand61] body .kp-header61 .kp-logo61-free,
html[data-brand61] body section.hero .kp-header61 .kp-logo61-free,
html[data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar.kp-header61 .kp-logo61-free {
 width:calc(var(--kp79-ov-header-logo-width)*var(--kp79-logo-ratio))!important;
 max-width:none!important; min-width:0!important; height:auto!important; justify-self:start!important;
}
html[data-brand61] body .kp-header61 .kp-logo61-free img,
html[data-brand61] body section.hero .kp-header61 .kp-logo61-free img,
html[data-brand61] body :is(.kp-footer-logo-approved,.footer-brand-tile) img {
 width:100%!important; max-width:none!important; height:auto!important; max-height:none!important;
 aspect-ratio:auto!important; object-fit:contain!important;
}
html[data-brand61] body :is(.kp-footer-logo-approved,.footer-brand-tile),
html[data-brand61] body footer .footer-inner>img.kp-logo61-free,
html[data-brand61] body footer .footer-brand>img[data-kp-logo45] {
 width:calc(var(--kp79-ov-footer-logo-width)*var(--kp79-logo-ratio))!important;
 max-width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:auto!important;
}
html[data-brand61] body .kp-booking-head a>img {
 width:calc(min(350px,56vw)*var(--kp79-logo-ratio))!important;
 height:auto!important; max-height:none!important; object-fit:contain!important;
}
html[data-brand61="ii"] body .legal-site-header>.legal-logo {
 width:calc(min(350px,48vw)*var(--kp79-logo-ratio))!important;
}
html[data-brand61="ii"] body .legal-site-header>.legal-logo img {
 width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important;
}
html[data-brand61="ii"] body .cookie-notice .cookie-brand img {
 width:calc(132px*var(--kp79-logo-ratio))!important;
 height:auto!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important;
}
@media(max-width:760px) {
 html[data-brand61] body .kp-booking-head a>img { width:calc(min(245px,63vw)*var(--kp79-logo-ratio))!important; }
}
@media(min-width:768px) and (max-width:1279px) {
 /* The OV second row keeps the shared logo scale clear of the priority CTA. */
 html[data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar.kp-header61 { grid-template-columns:minmax(0,1fr) var(--ii75-control)!important; }
 html[data-brand61="ii"][data-ii-ui75] body .hero-bar .ii75-actions { grid-column:1/3!important; grid-row:2!important; justify-self:end!important; }
}
@media(max-width:767px) {
 html[data-brand61] { --kp79-ov-header-logo-width:min(620px,calc(100vw - 2*var(--kp79-edge) - var(--kp79-control) - 12px)); }
}

/* /performance80/logo80-cd49e68ad8.css */
/* Native v62 artwork remains unchanged. These contexts retained legacy tile surfaces. */
html[data-brand61] body footer :is(.kp-footer-logo-approved,.footer-brand-tile),
html[data-brand61] body footer .footer-brand .kp-logo-tile-approved,
html[data-brand61] body footer :is(.footer-inner,.footer-brand)>img[src*="/brand/logos-v62/"],
html[data-brand61] body footer :is(.kp-footer-logo-approved,.footer-brand-tile,.footer-brand) img[src*="/brand/logos-v62/"],
html[data-brand61] body .menu-backdrop .menu-head>img[src*="/brand/logos-v62/"] {
  background:transparent!important; border:0!important; padding:0!important;
  border-radius:0!important; box-shadow:none!important; height:auto!important;
  max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important;
}
html[data-brand61] body footer :is(.kp-footer-logo-approved,.footer-brand-tile),
html[data-brand61] body footer .footer-brand .kp-logo-tile-approved {
  overflow:visible!important;
}
html[data-brand61] body footer :is(.kp-footer-logo-approved,.footer-brand-tile)::before,
html[data-brand61] body footer :is(.kp-footer-logo-approved,.footer-brand-tile)::after,
html[data-brand61] body footer .footer-brand .kp-logo-tile-approved::before,
html[data-brand61] body footer .footer-brand .kp-logo-tile-approved::after {
  content:none!important;
}
/* Every brand uses its native width relative to the common OV glyph height. */
html[data-brand61] body footer :is(.footer-inner,.footer-brand)>img[src*="/brand/logos-v62/"],
html[data-brand61] body footer .footer-brand .kp-logo-tile-approved {
  width:calc(var(--kp79-ov-footer-logo-width)*var(--kp79-logo-ratio))!important;
  max-width:100%!important;
}
html[data-brand61] body .menu-backdrop .menu-head>img[src*="/brand/logos-v62/"] {
  width:calc(min(350px,70vw)*var(--kp79-logo-ratio))!important;
  max-width:100%!important;
}

/* /ui83/header-2259246ac757.css */
/* Scoped header/contact presentation; native menus and application handlers remain active. */
html[data-ui83] { --ui83-control:56px; --ui83-edge:24px; --ui83-top:22px; --ui83-gap:10px; }
html[data-ui83] body section.hero .kp-header61 .header-service-links,
html[data-ui83] body section.hero .kp-header61 .desktop-nav,
html[data-ui83] body section.hero .kp-header61 .hero-service-links,
html[data-ui83] body section.hero .kp-header61>.header-cta,
html[data-ui83] body section.hero .kp-header61>.button,
html[data-ui83] body .ui83-contact-primary-hidden { display:none!important; }
html[data-ui83][data-brand61] body :is(.kp-header61,.kp-function-dock,.kp-function-dock-v17,.kp-contact-dock,.kp-contact-dock-v17) a.ui83-contact-primary-hidden { display:none!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .desktop-nav,
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .header-service-links,
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .hero-service-links { display:none!important; }
html[data-ui83][data-brand61="aa"] body section.hero#start .kp-header61:not(.aa33-nav-open)>nav[aria-label="Hauptnavigation"],
html[data-ui83][data-brand61="kj"] body section.hero#start .kp-header61>nav[aria-label="Hauptnavigation"] { display:none!important; }
/* KS's existing conversion presentation can relocate this source nav outside the header. */
html[data-ui83="ks"][data-brand61="ks"] body nav.desktop-nav[aria-label="Hauptnavigation"] { display:none!important; visibility:hidden!important; }
html[data-ui83][data-brand61="aa"] body section.hero .kp-header61:not(.aa33-nav-open)>nav[aria-label="Hauptnavigation"],
html[data-ui83][data-brand61="kj"] body section.hero .kp-header61>nav[aria-label="Hauptnavigation"] { display:none!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61 {
 display:block!important; position:fixed!important; inset:var(--ui83-top) var(--ui83-edge) auto auto!important;
 width:var(--ui83-control)!important; min-width:var(--ui83-control)!important; max-width:var(--ui83-control)!important;
 height:var(--ui83-control)!important; min-height:var(--ui83-control)!important; max-height:var(--ui83-control)!important;
 padding:0!important; margin:0!important; border-radius:8px!important; box-sizing:border-box!important; z-index:10021!important;
}
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61::before,
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61::after { content:none!important; display:none!important; box-shadow:none!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61>* { display:none!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61>.ui83-bars {
 display:block!important; position:absolute!important; inset:0!important; margin:0!important; padding:0!important; width:auto!important; height:auto!important; background:none!important; transform:none!important;
 opacity:1!important; visibility:visible!important;
}
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61>.ui83-bars>i {
 display:block!important; position:absolute!important; top:50%!important; left:calc(50% - 13px)!important;
 width:26px!important; height:3px!important; margin:0!important; padding:0!important; border:0!important;
 background:#fff!important; border-radius:2px!important; box-shadow:none!important; transition:transform .18s ease,opacity .18s ease!important;
 opacity:1!important; visibility:visible!important;
 transform:translateY(-1.5px)!important;
}
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61>.ui83-bars>i:first-child { transform:translateY(-9.5px)!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61>.ui83-bars>i:last-child { transform:translateY(6.5px)!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61[aria-expanded="true"]>.ui83-bars>i:first-child { transform:translateY(-1.5px) rotate(45deg)!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61[aria-expanded="true"]>.ui83-bars>i:nth-child(2) { opacity:0!important; }
html[data-ui83][data-brand61] body section.hero:is(#start,#top) .kp-header61 .kp-toggle61[aria-expanded="true"]>.ui83-bars>i:last-child { transform:translateY(-1.5px) rotate(-45deg)!important; }
html[data-ui83] body section.hero .kp-header61 .ui83-actions,
html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions {
 display:flex!important; align-items:stretch!important; justify-content:flex-end!important; flex-wrap:nowrap!important;
 position:fixed!important; top:var(--ui83-top)!important; right:calc(var(--ui83-edge) + var(--ui83-control) + var(--ui83-gap))!important;
 left:auto!important; bottom:auto!important; height:var(--ui83-control)!important; width:max-content!important;
 gap:var(--ui83-gap)!important; margin:0!important; padding:0!important; z-index:10020!important;
}
html[data-ui83] body section.hero .kp-header61 .ui83-actions>.ui83-action,
html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions>.ii75-action {
 display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:var(--ui83-control)!important;
 height:var(--ui83-control)!important; box-sizing:border-box!important; padding:10px 16px!important; margin:0!important;
 font-family:inherit!important; font-size:15px!important; line-height:1.2!important; font-weight:750!important; letter-spacing:0!important;
 white-space:nowrap!important; border:1px solid #ffffff87!important; border-radius:8px!important; text-decoration:none!important; text-align:center!important;
 background:linear-gradient(140deg,#126b8b,#053550)!important; color:#fff!important; box-shadow:0 4px 14px #041e3540!important; cursor:pointer;
}
html[data-ui83="aa"] body section.hero .kp-header61 .ui83-actions>.ui83-action-primary { background:linear-gradient(140deg,#aa812c,#715015)!important; }
html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions>.ii75-action:first-child { background:linear-gradient(140deg,#f6a131,#bd4c08)!important; }
html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions>.ii75-action:last-child { background:linear-gradient(140deg,#10a9c0,#08728c)!important; }
html[data-ui83] body section.hero .kp-header61 :is(.ui83-action,.kp-toggle61):focus-visible,
html[data-ui83] body .ui83-contact a:focus-visible { outline:3px solid #50cde4!important; outline-offset:3px!important; }
html[data-ui83] body section.hero .kp-header61 .mobile-navigation:not([hidden]),
html[data-ui83] body section.hero .kp-header61 .kp-menu61-panel:not([hidden]),
html[data-ui83="aa"] body section.hero .kp-header61.aa33-nav-open>nav[aria-label="Hauptnavigation"] {
 display:grid!important; position:fixed!important; inset:calc(var(--ui83-top) + var(--ui83-control) + 12px) var(--ui83-edge) auto auto!important;
 width:min(510px,calc(100vw - var(--ui83-edge)*2))!important; max-height:calc(100dvh - var(--ui83-top) - var(--ui83-control) - 36px)!important;
 margin:0!important; overflow-y:auto!important; z-index:10019!important;
}
html[data-ui83] body .ui83-contact { width:min(1180px,calc(100% - 48px)); margin:36px auto; padding:22px 26px; border:1px solid #b7cbd1; border-radius:14px; background:#f4f8f9; color:#123845; display:flex; align-items:center; justify-content:space-between; gap:20px; box-sizing:border-box; }
html[data-ui83] body .ui83-contact h2 { margin:0 0 5px; font-size:22px; line-height:1.25; color:inherit; }
html[data-ui83] body .ui83-contact p { margin:0; font-size:15px; color:inherit; }
html[data-ui83] body .ui83-contact-links { display:flex; flex-wrap:wrap; gap:10px; }
html[data-ui83] body .ui83-contact-links a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; border-radius:8px; padding:10px 16px; background:#0a4d67; color:#fff; font-size:15px; font-weight:750; text-decoration:none; box-sizing:border-box; }
@media (min-width:768px) and (max-width:1279px) {
 html[data-ui83] { --ui83-top:132px; }
 html[data-ui83] body section.hero .kp-header61 { min-height:208px!important; align-items:start!important; }
}
@media (max-width:767px) {
 html[data-ui83] { --ui83-control:48px; --ui83-edge:12px; --ui83-top:84px; --ui83-gap:8px; }
 html[data-ui83] body section.hero .kp-header61 { min-height:148px!important; align-items:start!important; }
 html[data-ui83] body section.hero .kp-header61 .ui83-actions>.ui83-action { font-size:14px!important; padding:8px 14px!important; }
 html[data-ui83] body section.hero .kp-header61 .ui83-actions>.ui83-secondary { display:none!important; }
 html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions { left:12px!important; width:auto!important; }
 html[data-ui83][data-brand61="ii"][data-ii-ui75] body section.hero#start .hero-bar .ii75-actions>.ii75-action { flex:1 1 0!important; min-width:0!important; font-size:12px!important; padding:6px!important; white-space:normal!important; }
 html[data-ui83] body .ui83-contact { width:calc(100% - 24px); margin:24px auto; padding:18px; display:block; }
 html[data-ui83] body .ui83-contact-links { margin-top:15px; }
}
@media (prefers-reduced-motion:reduce) { html[data-ui83] body .ui83-bars>i { transition:none!important; } }

/* /crossbrand88/layout-9194ad250240.css */
/*
 * Crossbrand88 is an additive presentation layer over the frozen Channel86 release.
 * It does not replace calculators, forms, dialogs, media controllers or menu owners.
 */
html[data-crossbrand88] {
  --cb88-control: clamp(56px, 2.5vw, 96px);
  --cb88-edge: clamp(24px, 1.25vw, 48px);
  --cb88-gap: clamp(10px, .625vw, 24px);
  --cb88-glyph: calc(var(--cb88-control) * .5);
  --cb88-stroke: clamp(3px, .13vw, 5px);
  --cb88-person: 103.33839svh;
  --cb88-woman: .9659090909;
  --cb88-shoe: 2svh;
  --cb88-accent: #279ecf;
  --cb88-accent-dark: #075b92;
  --ui83-control: var(--cb88-control);
  --ui83-edge: var(--cb88-edge);
  --ui83-top: var(--cb88-edge);
  --kp79-control: var(--cb88-control);
  --kp79-edge: var(--cb88-edge);
  --ii75-control: var(--cb88-control);
}
html[data-crossbrand88="ii"] { --cb88-accent: #ff8a00; --cb88-accent-dark: #bd5100; }
html[data-crossbrand88="aa"] { --cb88-accent: #23ae7e; --cb88-accent-dark: #07533c; }
html[data-crossbrand88="ks"] { --cb88-accent: #279ecf; --cb88-accent-dark: #075b92; }
html[data-crossbrand88="kj"] { --cb88-accent: #d73748; --cb88-accent-dark: #85182b; }

/* Header: retain the brand mark and the native menu owner; remove competing CTA rows. */
html[data-crossbrand88] body section.hero:is(#start, #top) .kp-header61 :is(.ui83-actions, .header-service-links, .hero-service-links, .desktop-nav),
html[data-crossbrand88] body section.hero:is(#start, #top) .kp-header61 > :is(.header-cta, .button, .ii-depth-nav34),
html[data-crossbrand88="ii"] body .ii75-actions,
html[data-crossbrand88="kj"] body section.hero.kp-full-header > header.header.kp-header61 > nav:not(.kp-menu61-panel),
html[data-crossbrand88="kj"] body section.hero.kp-full-header > header.header.kp-header61 > a.button.small {
  display: none !important;
}
html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body section.hero#start > .hero-bar.kp-header61 > nav.ii75-actions {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61 {
  display: block !important;
  position: fixed !important;
  inset: var(--cb88-edge) var(--cb88-edge) auto auto !important;
  width: var(--cb88-control) !important;
  min-width: var(--cb88-control) !important;
  max-width: var(--cb88-control) !important;
  height: var(--cb88-control) !important;
  min-height: var(--cb88-control) !important;
  max-height: var(--cb88-control) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, var(--cb88-accent), var(--cb88-accent-dark)) !important;
  color: #fff !important;
  z-index: 10021 !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61 > .ui83-bars > i {
  left: calc(50% - var(--cb88-glyph) / 2) !important;
  width: var(--cb88-glyph) !important;
  height: var(--cb88-stroke) !important;
  transform: translateY(calc(var(--cb88-stroke) * -.5)) !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61 > .ui83-bars > i:first-child {
  transform: translateY(calc(var(--cb88-control) * -.17 - var(--cb88-stroke) * .5)) !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61 > .ui83-bars > i:last-child {
  transform: translateY(calc(var(--cb88-control) * .17 - var(--cb88-stroke) * .5)) !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61[aria-expanded="true"] > .ui83-bars > i:first-child {
  transform: translateY(calc(var(--cb88-stroke) * -.5)) rotate(45deg) !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .kp-toggle61[aria-expanded="true"] > .ui83-bars > i:last-child {
  transform: translateY(calc(var(--cb88-stroke) * -.5)) rotate(-45deg) !important;
}
html[data-crossbrand88] body section.hero .kp-header61 .mobile-navigation:not([hidden]),
html[data-crossbrand88] body section.hero .kp-header61 .kp-menu61-panel:not([hidden]),
html[data-crossbrand88="aa"] body section.hero#start .kp-header61.aa33-nav-open > nav[aria-label="Hauptnavigation"] {
  inset: calc(var(--cb88-edge) + var(--cb88-control) + var(--cb88-gap)) var(--cb88-edge) auto auto !important;
  max-height: calc(100dvh - 2 * var(--cb88-edge) - var(--cb88-control) - var(--cb88-gap)) !important;
}

/* Product-colour controls; WhatsApp intentionally keeps its established green. */
html[data-crossbrand88="ii"] body :is(.immo-function-toggle, .immo-function-links > a, .immo-up-button),
html[data-crossbrand88="aa"] body :is(.kp-function-toggle, .kp-function-links > a, .kp-up),
html[data-crossbrand88="ks"] body :is(.kp-function-toggle, .kp-function-links > a, .kp-up),
html[data-crossbrand88="kj"] body :is(.kp-function-toggle-v17, .kp-function-links-v17 > a, .kp-up-v17) {
  background: linear-gradient(180deg, var(--cb88-accent), var(--cb88-accent-dark)) !important;
  color: #fff !important;
}
html[data-crossbrand88] body :is(.immo-whatsapp-button, .kp-whatsapp, .kp-whatsapp-v17) {
  background: #21c967 !important;
}

/* Up only becomes interactive after brand61-layout has recorded a real scroll. */
html[data-crossbrand88]:not(.kp61-scrolled) body :is(.immo-up-button, .kp-up, .kp-up-v17) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
}
html[data-crossbrand88].kp61-scrolled body :is(.immo-up-button, .kp-up, .kp-up-v17) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Full four-link rail: desktop and tablets with enough vertical room. */
@media (min-width: 768px) and (min-height: 601px) {
  html[data-crossbrand88="ii"] body .immo-function-dock,
  html[data-crossbrand88="aa"] body .kp-function-dock,
  html[data-crossbrand88="ks"] body .kp-function-dock,
  html[data-crossbrand88="kj"] body .kp-function-dock-v17 {
    display: block !important;
    position: fixed !important;
    inset: calc(2 * var(--cb88-edge) + var(--cb88-control)) auto auto 0 !important;
    transform: none !important;
    z-index: 10015 !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-toggle,
  html[data-crossbrand88="aa"] body .kp-function-toggle,
  html[data-crossbrand88="ks"] body .kp-function-toggle,
  html[data-crossbrand88="kj"] body .kp-function-toggle-v17 {
    display: none !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links,
  html[data-crossbrand88="aa"] body .kp-function-links,
  html[data-crossbrand88="ks"] body .kp-function-links,
  html[data-crossbrand88="kj"] body .kp-function-links-v17 {
    display: grid !important;
    gap: var(--cb88-gap) !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links > a,
  html[data-crossbrand88="aa"] body .kp-function-links > a,
  html[data-crossbrand88="ks"] body .kp-function-links > a,
  html[data-crossbrand88="kj"] body .kp-function-links-v17 > a {
    display: grid !important;
    grid-template-columns: var(--cb88-control) max-content !important;
    align-items: center !important;
    width: var(--cb88-control) !important;
    min-width: var(--cb88-control) !important;
    height: var(--cb88-control) !important;
    min-height: var(--cb88-control) !important;
    padding: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    overflow: hidden !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="aa"] body .kp-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="ks"] body .kp-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="kj"] body .kp-function-links-v17 > a:is(:hover, :focus-visible) {
    width: calc(var(--cb88-control) + 200px) !important;
  }
  html[data-crossbrand88] body :is(.immo-function-links, .kp-function-links, .kp-function-links-v17) > a > :first-child,
  html[data-crossbrand88] body :is(.kp-function-icon, .kp-function-icon-v17) {
    display: grid !important;
    place-items: center !important;
    width: var(--cb88-control) !important;
    height: var(--cb88-control) !important;
    flex: 0 0 var(--cb88-control) !important;
  }
  html[data-crossbrand88] body :is(.immo-function-links, .kp-function-links, .kp-function-links-v17) svg,
  html[data-crossbrand88] body :is(.immo-round-button, .kp-round-button, .kp-round-button-v17) svg {
    width: var(--cb88-glyph) !important;
    height: var(--cb88-glyph) !important;
  }
  html[data-crossbrand88="ii"] body .immo-contact-dock,
  html[data-crossbrand88="aa"] body .kp-contact-dock,
  html[data-crossbrand88="ks"] body .kp-contact-dock,
  html[data-crossbrand88="kj"] body .kp-contact-dock-v17 {
    display: flex !important;
    position: fixed !important;
    inset: auto var(--cb88-edge) var(--cb88-edge) auto !important;
    flex-direction: row !important;
    gap: var(--cb88-gap) !important;
    width: calc(2 * var(--cb88-control) + var(--cb88-gap)) !important;
    z-index: 10016 !important;
  }
  html[data-crossbrand88] body :is(.immo-round-button, .kp-round-button, .kp-round-button-v17) {
    width: var(--cb88-control) !important;
    min-width: var(--cb88-control) !important;
    height: var(--cb88-control) !important;
    min-height: var(--cb88-control) !important;
    padding: 0 !important;
  }
}

/* Mobile and short landscape: one compact owner toggle, with the same four links on demand. */
@media (max-width: 767px), (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand88] {
    --cb88-control: 48px;
    --cb88-edge: 12px;
    --cb88-gap: 7px;
    --cb88-glyph: 23px;
    --cb88-stroke: 3px;
    --ui83-top: var(--cb88-edge);
  }
  html[data-crossbrand88="ii"] body .immo-function-dock,
  html[data-crossbrand88="aa"] body .kp-function-dock,
  html[data-crossbrand88="ks"] body .kp-function-dock,
  html[data-crossbrand88="kj"] body .kp-function-dock-v17 {
    display: flex !important;
    position: fixed !important;
    inset: auto auto var(--cb88-edge) var(--cb88-edge) !important;
    flex-direction: column-reverse !important;
    gap: var(--cb88-gap) !important;
    transform: none !important;
    z-index: 10015 !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-toggle,
  html[data-crossbrand88="aa"] body .kp-function-toggle,
  html[data-crossbrand88="ks"] body .kp-function-toggle,
  html[data-crossbrand88="kj"] body .kp-function-toggle-v17 {
    display: grid !important;
    place-items: center !important;
    width: var(--cb88-control) !important;
    min-width: var(--cb88-control) !important;
    height: var(--cb88-control) !important;
    min-height: var(--cb88-control) !important;
    margin: 0 !important;
    border-radius: 50% !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links,
  html[data-crossbrand88="aa"] body .kp-function-links,
  html[data-crossbrand88="ks"] body .kp-function-links,
  html[data-crossbrand88="kj"] body .kp-function-links-v17 {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-dock.is-open .immo-function-links,
  html[data-crossbrand88="aa"] body .kp-function-dock.is-open .kp-function-links,
  html[data-crossbrand88="ks"] body .kp-function-dock.is-open .kp-function-links,
  html[data-crossbrand88="kj"] body .kp-function-dock-v17.is-open .kp-function-links-v17 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links > a,
  html[data-crossbrand88="aa"] body .kp-function-links > a,
  html[data-crossbrand88="ks"] body .kp-function-links > a,
  html[data-crossbrand88="kj"] body .kp-function-links-v17 > a {
    display: grid !important;
    grid-template-columns: 44px 136px !important;
    align-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
  html[data-crossbrand88="ii"] body .immo-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="aa"] body .kp-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="ks"] body .kp-function-links > a:is(:hover, :focus-visible),
  html[data-crossbrand88="kj"] body .kp-function-links-v17 > a:is(:hover, :focus-visible) {
    width: 180px !important;
  }
  html[data-crossbrand88] body :is(.immo-function-links, .kp-function-links, .kp-function-links-v17) > a > :first-child,
  html[data-crossbrand88] body :is(.kp-function-icon, .kp-function-icon-v17) {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }
  html[data-crossbrand88="ii"] body .immo-contact-dock,
  html[data-crossbrand88="aa"] body .kp-contact-dock,
  html[data-crossbrand88="ks"] body .kp-contact-dock,
  html[data-crossbrand88="kj"] body .kp-contact-dock-v17 {
    display: flex !important;
    position: fixed !important;
    inset: auto var(--cb88-edge) var(--cb88-edge) auto !important;
    flex-direction: row !important;
    gap: var(--cb88-gap) !important;
    width: calc(2 * var(--cb88-control) + var(--cb88-gap)) !important;
    z-index: 10016 !important;
  }
  html[data-crossbrand88] body :is(.immo-round-button, .kp-round-button, .kp-round-button-v17) {
    width: var(--cb88-control) !important;
    min-width: var(--cb88-control) !important;
    height: var(--cb88-control) !important;
    min-height: var(--cb88-control) !important;
    padding: 0 !important;
  }

  /* Beat older desktop-important rail rules when a wide viewport is short. */
  html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body .immo-function-dock,
  html[data-crossbrand88="aa"][data-brand61="aa"][data-ui83] body .kp-function-dock,
  html[data-crossbrand88="ks"][data-brand61="ks"][data-ui83] body .kp-function-dock,
  html[data-crossbrand88="kj"][data-brand61="kj"][data-ui83] body .kp-function-dock-v17 {
    display: flex !important;
    position: fixed !important;
    inset: auto auto var(--cb88-edge) var(--cb88-edge) !important;
    flex-direction: column-reverse !important;
    gap: var(--cb88-gap) !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body .immo-function-toggle,
  html[data-crossbrand88="aa"][data-brand61="aa"][data-ui83] body .kp-function-toggle,
  html[data-crossbrand88="ks"][data-brand61="ks"][data-ui83] body .kp-function-toggle,
  html[data-crossbrand88="kj"][data-brand61="kj"][data-ui83] body .kp-function-toggle-v17 {
    display: grid !important;
  }
  html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body .immo-function-links,
  html[data-crossbrand88="aa"][data-brand61="aa"][data-ui83] body .kp-function-links,
  html[data-crossbrand88="ks"][data-brand61="ks"][data-ui83] body .kp-function-links,
  html[data-crossbrand88="kj"][data-brand61="kj"][data-ui83] body .kp-function-links-v17 {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
  }
  html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body .immo-function-dock.is-open .immo-function-links,
  html[data-crossbrand88="aa"][data-brand61="aa"][data-ui83] body .kp-function-dock.is-open .kp-function-links,
  html[data-crossbrand88="ks"][data-brand61="ks"][data-ui83] body .kp-function-dock.is-open .kp-function-links,
  html[data-crossbrand88="kj"][data-brand61="kj"][data-ui83] body .kp-function-dock-v17.is-open .kp-function-links-v17 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"][data-brand61="ii"][data-ii-ui75] body .immo-function-links > a,
  html[data-crossbrand88="aa"][data-brand61="aa"][data-ui83] body .kp-function-links > a,
  html[data-crossbrand88="ks"][data-brand61="ks"][data-ui83] body .kp-function-links > a,
  html[data-crossbrand88="kj"][data-brand61="kj"][data-ui83] body .kp-function-links-v17 > a {
    display: grid !important;
    grid-template-columns: 44px 136px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 8px !important;
  }
}

html[data-crossbrand88] body :is(.immo-up-button, .kp-up, .kp-up-v17) { order: 0 !important; }
html[data-crossbrand88] body :is(.immo-whatsapp-button, .kp-whatsapp, .kp-whatsapp-v17) { order: 1 !important; }
html[data-crossbrand88] body :is(.immo-whatsapp-card, .kp-whatsapp-card, .kp-whatsapp-card-v17) {
  left: auto !important;
  right: 0 !important;
  bottom: calc(var(--cb88-control) + var(--cb88-gap)) !important;
}

/* Viewport portrait stage: approved source assets, fixed native ratio, Ludmilla behind Stefan. */
@media (min-width: 768px) and (min-height: 601px) {
  html[data-crossbrand88] body section.hero .kp-header61,
  html[data-crossbrand88] body section.hero .kp-header61 > .header-inner {
    position: absolute !important;
    inset: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 0 !important;
    padding: var(--cb88-edge) calc(var(--cb88-edge) + var(--cb88-control) + var(--cb88-gap)) 0 var(--cb88-edge) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: start !important;
    background: none !important;
  }
  html[data-crossbrand88] body section.hero .kp-header61:has(> .header-inner) { padding: 0 !important; }
  html[data-crossbrand88] body section.hero .kp-header61 > .header-inner { position: relative !important; }
  html[data-crossbrand88] body section.hero .kp-header61 .kp-logo61-free { grid-column: 1 !important; grid-row: 1 !important; }
}

/* The shared viewport portrait geometry is desktop/tablet-only. Short landscape keeps
   the approved Channel86 scene and portrait coordinates. */
@media (min-width: 768px) and (min-height: 601px) {
  html[data-crossbrand88] body section.hero.kp-full-header {
    --kp-full-height: 100svh !important;
    --kp-full-nav: 0px !important;
    --kp-scene-top: 0px !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-scene {
    height: 100svh !important;
    min-height: 100svh !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-portraits {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100svh !important;
    overflow: visible !important;
    transform: none !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    position: absolute !important;
    z-index: 3 !important;
    inset: auto max(0px, calc(50% - var(--cb88-person) * .3066)) calc(var(--cb88-shoe) - var(--cb88-person) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: var(--cb88-person) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    filter: drop-shadow(clamp(10px, 1vw, 24px) clamp(14px, 1.3vw, 32px) clamp(12px, 1vw, 26px) rgb(1 29 47 / 24%)) !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    position: absolute !important;
    z-index: 2 !important;
    inset: auto max(-16px, calc(50% - var(--cb88-person) * .4366)) calc(var(--cb88-shoe) - var(--cb88-person) * var(--cb88-woman) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: calc(var(--cb88-person) * var(--cb88-woman)) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html[data-crossbrand88="ii"] body section.hero#start {
    --ii-depth-nav: 0px !important;
    --ii-nav-h: 0px !important;
    --ii-depth-scene: 100svh !important;
    min-height: 100svh !important;
    padding-top: 0 !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .hero-inner {
    min-height: 100svh !important;
    height: 100svh !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people.kp-portrait-stage-20260913 {
    --ii-depth-person: var(--cb88-person) !important;
    --ii-person-h: var(--cb88-person) !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people :is(.person-stefan, .person-ludmilla) {
    position: static !important;
    display: contents !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people :is(.person-stefan, .person-ludmilla) img {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people .person-stefan img {
    z-index: 3 !important;
    right: max(0px, calc(50% - var(--cb88-person) * .3066)) !important;
    bottom: calc(var(--cb88-shoe) - var(--cb88-person) * .05104) !important;
    height: var(--cb88-person) !important;
    filter: drop-shadow(clamp(10px, 1vw, 24px) clamp(14px, 1.3vw, 32px) clamp(12px, 1vw, 26px) rgb(1 29 47 / 24%)) !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people .person-ludmilla img {
    z-index: 2 !important;
    right: max(-16px, calc(50% - var(--cb88-person) * .4366)) !important;
    bottom: calc(var(--cb88-shoe) - var(--cb88-person) * var(--cb88-woman) * .05104) !important;
    height: calc(var(--cb88-person) * var(--cb88-woman)) !important;
  }
}

/* Tablet keeps copy below the complete visual stage. */
@media (min-width: 768px) and (max-width: 1279px) and (min-height: 601px) {
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-scene:has(> .hero-copy) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 100svh !important;
    box-sizing: content-box !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-scene > .hero-copy {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px max(7vw, 24px) !important;
    transform: none !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start {
    height: auto !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .hero-inner {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 100svh 0 0 !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .hero-copy {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 28px max(7vw, 24px) !important;
    transform: none !important;
  }
}

/* Tablet portrait stage starts below the real logo without touching portrait-mobile geometry. */
@media (min-width: 768px) and (max-width: 1279px) and (min-height: 601px) {
  html[data-crossbrand88] {
    --cb88-person: calc(100svh - 160px);
  }
}

/* Short landscape retains Channel86 geometry; only shadow paint is added. */
@media (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-portraits,
  html[data-crossbrand88="ii"] body section.hero#start .people.kp-portrait-stage-20260913 {
    overflow: visible !important;
  }
  html[data-crossbrand88] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man),
  html[data-crossbrand88="ii"] body section.hero#start .people .person-stefan img {
    filter: drop-shadow(clamp(10px, 1vw, 24px) clamp(14px, 1.3vw, 32px) clamp(12px, 1vw, 26px) rgb(1 29 47 / 24%)) !important;
  }
}

/* Desktop bridge: reserve a real split between all copy and opaque portrait pixels. */
@media (min-width: 1280px) and (max-width: 1536px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand88="aa"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man),
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    right: max(0px, calc(33% - var(--cb88-person) * .3066)) !important;
  }
  html[data-crossbrand88="aa"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman),
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    right: max(-16px, calc(33% - var(--cb88-person) * .4366)) !important;
  }
  html[data-crossbrand88="kj"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    right: max(0px, calc(38% - var(--cb88-person) * .3066)) !important;
  }
  html[data-crossbrand88="kj"] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    right: max(-16px, calc(38% - var(--cb88-person) * .4366)) !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people .person-stefan img {
    right: max(0px, calc(33% - var(--cb88-person) * .3066)) !important;
  }
  html[data-crossbrand88="ii"] body section.hero#start .people .person-ludmilla img {
    right: max(-16px, calc(33% - var(--cb88-person) * .4366)) !important;
  }
}

/* KS has a substantially taller information column than AA/KJ. Its lower evidence
   and price cards share one row; typography remains at a readable native scale. */
@media (min-width: 1280px) and (max-width: 1536px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-scene > .hero-copy {
    top: 158px !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
    transform-origin: left top !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-scene > .hero-copy > :is(.eyebrow, h1, .hero-lead, .hero-points, .hero-proof, .price-note) {
    grid-column: 1 / -1 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .eyebrow { margin: 0 0 8px !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > h1 { margin: 4px 0 !important; line-height: 1.05 !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .hero-lead {
    margin: 4px 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .hero-points {
    gap: 5px !important;
    margin: 5px 0 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .hero-points li { line-height: 1.3 !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .hero-proof {
    width: auto !important;
    max-width: none !important;
    margin: 5px 0 !important;
    padding: 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .ks-study-signal {
    grid-column: 1 !important;
    align-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    margin: 6px 0 0 !important;
    border-radius: 10px !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .ks-study-signal > div {
    gap: 6px !important;
    padding: 8px !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .ks-study-signal strong { font-size: 20px !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .ks-study-signal span,
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .ks-study-signal small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .ks-study-signal small { padding: 7px 8px !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .price-row {
    grid-column: 2 !important;
    align-self: stretch !important;
    display: grid !important;
    grid-template-columns: minmax(76px, .6fr) minmax(0, 1.4fr) !important;
    width: auto !important;
    max-width: none !important;
    margin: 6px 0 0 !important;
    padding: 10px !important;
    gap: 8px !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .price-row .price {
    min-width: 0 !important;
    flex: none !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .price-row .price strong { font-size: 32px !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .price-row .price :is(span, small),
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-actions .text-link {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-actions { gap: 6px !important; }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-actions .button {
    min-height: 44px !important;
    padding: 8px 10px !important;
    white-space: normal !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .hero-copy > .price-note {
    margin: 5px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}
@media (min-width: 1280px) and (max-width: 1320px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-scene > .hero-copy { width: 560px !important; max-width: 560px !important; }
}
@media (min-width: 1321px) and (max-width: 1390px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-scene > .hero-copy { width: 580px !important; max-width: 580px !important; }
}
@media (min-width: 1391px) and (max-width: 1536px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand88="ks"] body section.hero.kp-full-header .kp-full-scene > .hero-copy { width: 610px !important; max-width: 610px !important; }
  html[data-crossbrand88="kj"] body section.hero.kp-full-header .kp-full-scene > .hero-copy {
    top: 165px !important;
    bottom: auto !important;
    transform: none !important;
    transform-origin: left top !important;
  }
}

/* Keep the approved Channel86 KS portrait-mobile hero geometry byte-for-byte effective. */
@media (max-width: 767px) and (orientation: portrait) {
  html[data-crossbrand88="ks"] body .ks-analysis-stage {
    contain: paint !important;
    overflow: hidden !important;
  }
}

/* Narrow CTA allowlist: no calculator switches, ranges, tabs or media controls. */
html[data-crossbrand88="ii"] body a.glossy-button,
html[data-crossbrand88="aa"] body a:is(.button-gold, .button-glass, .header-cta),
html[data-crossbrand88="ks"] body a.button-primary,
html[data-crossbrand88="kj"] body a:is(.button, .kj-module-cta),
html[data-crossbrand88] body :is(.ui83-contact-links, .immo-function-links, .kp-function-links, .kp-function-links-v17) > a,
html[data-crossbrand88] body :is(.immo-whatsapp-card, .kp-whatsapp-card, .kp-whatsapp-card-v17) > a {
  border-radius: 8px !important;
  color: #fff !important;
  text-shadow: 1px 2px 2px rgb(0 0 0 / 52%) !important;
}

/* KJ safeguard: Crossbrand88 never displays the pre-v17 duplicate owners. */
html[data-crossbrand88="kj"] body .kp-function-dock,
html[data-crossbrand88="kj"] body .kp-contact-dock,
html[data-crossbrand88="kj"] body.kp-controls-v18-ready .kp-function-dock,
html[data-crossbrand88="kj"] body.kp-controls-v18-ready .kp-contact-dock {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-crossbrand88] body :is(.immo-up-button, .kp-up, .kp-up-v17) { transition: none !important; }
}

/* /crossbrand89/layout-9732d785e763.css */
/*
 * Crossbrand89 is an additive correction layer over the frozen Crossbrand88
 * release. It owns the shared responsive portrait lanes, persistent controls,
 * the KS diagnostic readouts, the KJ people/network repair and the WhatsApp
 * profile presentation.
 */
html[data-crossbrand89] {
  --cb89-control: 48px;
  --cb89-edge: 12px;
  --cb89-gap: 7px;
  --cb89-person: min(calc((100svh - 50px) * 1.04), 220vw);
  --cb89-woman: .9659090909;
  --cb89-shoe: 1.5svh;
}

/*
 * One control geometry for every brand. At ordinary desktop/tablet sizes the
 * controls remain 56px; large 100%-zoom screens scale smoothly to 64px. The
 * same top/right inset is retained before and after scrolling or opening.
 */
@media (min-width: 768px) and (min-height: 601px) {
  html[data-crossbrand89] {
    --cb89-control: clamp(56px, 2.5vw, 64px);
    --cb89-edge: clamp(24px, 1.25vw, 32px);
    --cb89-gap: clamp(8px, .55vw, 14px);
  }

  html[data-crossbrand89] body section.hero .kp-header61 .kp-toggle61,
  html[data-crossbrand89].kp61-scrolled body section.hero .kp-header61 .kp-toggle61,
  html[data-crossbrand89="aa"] body .kp-function-toggle,
  html[data-crossbrand89="ks"] body .kp-function-toggle,
  html[data-crossbrand89="kj"] body .kp-function-toggle-v17,
  html[data-crossbrand89] body :is(.kp-whatsapp, .kp-whatsapp-v17, .kp-up, .kp-up-v17) {
    box-sizing: border-box !important;
    width: var(--cb89-control) !important;
    min-width: var(--cb89-control) !important;
    max-width: var(--cb89-control) !important;
    height: var(--cb89-control) !important;
    min-height: var(--cb89-control) !important;
    max-height: var(--cb89-control) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgb(255 255 255 / 44%) !important;
    border-radius: 8px !important;
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 24%),
      0 7px 18px rgb(0 22 35 / 24%) !important;
  }

  html[data-crossbrand89] body section.hero .kp-header61 .kp-toggle61,
  html[data-crossbrand89].kp61-scrolled body section.hero .kp-header61 .kp-toggle61 {
    position: fixed !important;
    inset: var(--cb89-edge) var(--cb89-edge) auto auto !important;
    transition-property: background-color, border-color, box-shadow, filter !important;
  }

  html[data-crossbrand89="aa"] body .kp-contact-dock,
  html[data-crossbrand89="ks"] body .kp-contact-dock,
  html[data-crossbrand89="kj"] body .kp-contact-dock-v17 {
    inset: auto var(--cb89-edge) var(--cb89-edge) auto !important;
  }

  html[data-crossbrand89] body :is(.kp-up, .kp-up-v17) {
    right: calc(var(--cb89-edge) + var(--cb89-control) + var(--cb89-gap)) !important;
    bottom: var(--cb89-edge) !important;
  }
}

/*
 * Desktop and tablet portraits share a protected right-hand lane. Crossbrand88
 * already has the correct 1280-1536px bridge; these rules close the two gaps on
 * wide desktops and on tablets without touching phone layouts.
 */
@media (min-width: 1537px) and (min-height: 601px) and (orientation: landscape) {
  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    right: calc(33% - var(--cb88-person, var(--cb89-person)) * .3066) !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    right: calc(33% - var(--cb88-person, var(--cb89-person)) * .4366) !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) and (min-height: 601px) {
  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    right: calc(35.5% - var(--cb88-person, var(--cb89-person)) * .3066) !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    right: calc(35.5% - var(--cb88-person, var(--cb89-person)) * .4366) !important;
  }
}

/* KS desktop/tablet: APO10, TKTL1 and Bildgebung form one deliberate diagnostic
 * column in the clear lane between the copy and the shifted portraits. */
@media (min-width: 1280px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    position: absolute !important;
    inset: 25% auto auto 44% !important;
    display: grid !important;
    grid-template-columns: clamp(96px, 6.7vw, 128px) !important;
    gap: 8px !important;
    width: clamp(96px, 6.7vw, 128px) !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 7px 9px !important;
  }

  html[data-crossbrand89="ks"] body .ks-analysis-stage .ks-readout-c {
    display: flex !important;
    position: absolute !important;
    inset: calc(25% + 128px) auto auto 44% !important;
    box-sizing: border-box !important;
    width: clamp(96px, 6.7vw, 128px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    transform: none !important;
    z-index: 5 !important;
  }
}

@media (min-width: 900px) and (max-width: 1279px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    position: absolute !important;
    inset: 25% auto auto 40% !important;
    display: grid !important;
    grid-template-columns: 96px !important;
    gap: 8px !important;
    width: 96px !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px 8px !important;
  }

  html[data-crossbrand89="ks"] body .ks-analysis-stage .ks-readout-c {
    display: flex !important;
    position: absolute !important;
    inset: calc(25% + 124px) auto auto 40% !important;
    box-sizing: border-box !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 54px !important;
    min-height: 54px !important;
    transform: none !important;
    z-index: 5 !important;
  }
}

@media (min-width: 768px) and (max-width: 899px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    position: absolute !important;
    inset: auto auto calc(var(--cb89-edge) + var(--cb89-control) + 24px) var(--cb89-edge) !important;
    display: grid !important;
    grid-template-columns: 72px !important;
    gap: 6px !important;
    width: 72px !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 5px !important;
  }

  html[data-crossbrand89="ks"] body .ks-analysis-stage .ks-readout-c {
    display: none !important;
  }
}

/* The compact controls follow one square, lightly contoured design language. */
@media (max-width: 767px), (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand89] body section.hero .kp-header61 .kp-toggle61,
  html[data-crossbrand89="aa"] body .kp-function-toggle,
  html[data-crossbrand89="ks"] body .kp-function-toggle,
  html[data-crossbrand89="kj"] body .kp-function-toggle-v17,
  html[data-crossbrand89] body :is(.kp-whatsapp, .kp-whatsapp-v17, .kp-up, .kp-up-v17) {
    box-sizing: border-box !important;
    width: var(--cb89-control) !important;
    min-width: var(--cb89-control) !important;
    max-width: var(--cb89-control) !important;
    height: var(--cb89-control) !important;
    min-height: var(--cb89-control) !important;
    max-height: var(--cb89-control) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgb(255 255 255 / 44%) !important;
    border-radius: 8px !important;
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 24%),
      0 5px 14px rgb(0 22 35 / 24%) !important;
  }

  html[data-crossbrand89="kj"][data-brand61="kj"][data-ui83="kj"] body.kp-controls-v18-ready .kp-function-dock-v17 > button.kp-function-toggle-v17 {
    width: var(--cb89-control) !important;
    min-width: var(--cb89-control) !important;
    max-width: var(--cb89-control) !important;
    height: var(--cb89-control) !important;
    min-height: var(--cb89-control) !important;
    max-height: var(--cb89-control) !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  html[data-crossbrand89="kj"] body .kp-function-toggle-v17 .kp-function-toggle-grid-v17 {
    display: grid !important;
    grid-template-columns: repeat(2, 5px) !important;
    grid-template-rows: repeat(2, 5px) !important;
    gap: 4px !important;
    width: 14px !important;
    height: 14px !important;
  }

  html[data-crossbrand89="kj"] body .kp-function-toggle-v17 .kp-function-toggle-grid-v17 > i {
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    opacity: 1 !important;
  }

  html[data-crossbrand89] body :is(.kp-whatsapp, .kp-whatsapp-v17) {
    border-color: rgb(204 255 224 / 62%) !important;
  }

  html[data-crossbrand89] body section.hero .kp-header61 .kp-toggle61 {
    position: fixed !important;
    inset: var(--cb89-edge) var(--cb89-edge) auto auto !important;
    transition-property: background-color, border-color, box-shadow, filter !important;
  }

  html[data-crossbrand89] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    right: var(--cb89-edge) !important;
    left: auto !important;
    box-sizing: border-box !important;
    width: min(510px, calc(100% - 2 * var(--cb89-edge))) !important;
    max-width: calc(100% - 2 * var(--cb89-edge)) !important;
  }

  html[data-crossbrand89="aa"] body #aa33-main-navigation > .kp61-mobile-services > :is(.header-message, .header-login) {
    display: none !important;
  }

  html[data-crossbrand89="kj"].kp61-scrolled body section.hero .kp-header61 .kp-toggle61 {
    inset: var(--cb89-edge) var(--cb89-edge) auto auto !important;
  }

  html[data-crossbrand89="aa"] body .kp-function-dock,
  html[data-crossbrand89="ks"] body .kp-function-dock,
  html[data-crossbrand89="kj"] body .kp-function-dock-v17 {
    inset: auto auto var(--cb89-edge) var(--cb89-edge) !important;
  }

  html[data-crossbrand89="aa"] body .kp-contact-dock,
  html[data-crossbrand89="ks"] body .kp-contact-dock,
  html[data-crossbrand89="kj"] body .kp-contact-dock-v17 {
    inset: auto var(--cb89-edge) var(--cb89-edge) auto !important;
  }
}

/*
 * Portrait phones: the first visual stage is exactly one viewport. The header
 * overlays the scene instead of consuming part of it; text and title cards stay
 * in their established flow after the complete visual stage.
 */
@media (max-width: 767px) and (orientation: portrait) {
  html[data-crossbrand89] body section.hero.kp-full-header {
    --kp-full-height: 100svh !important;
    --kp-full-nav: 0px !important;
    --kp-scene-top: 0px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header > .kp-header61 {
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 10020 !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: var(--cb89-edge) calc(var(--cb89-edge) + var(--cb89-control) + var(--cb89-gap)) 0 var(--cb89-edge) !important;
    background: none !important;
  }

  /* KJ's retained qualification cards are relocated by its load-time owner.
   * Keep them below the first viewport during that brief hand-off so they can
   * never push the portrait stage down or cover the brand mark on first paint.
   */
  html[data-crossbrand89="kj"] body section.hero.kp-full-header:not(.kp-title-host-approved) > .kp-founder-credentials-v20 {
    position: absolute !important;
    inset: 100svh var(--cb89-edge) auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header > .kp-full-scene {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100svh !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    position: absolute !important;
    z-index: 3 !important;
    inset: auto calc(50% - var(--cb89-person) * .3066 + clamp(16px, 6vw, 25px)) calc(var(--cb89-shoe) - var(--cb89-person) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: var(--cb89-person) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    filter: drop-shadow(8px 12px 14px rgb(1 29 47 / 22%)) !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    position: absolute !important;
    z-index: 2 !important;
    inset: auto calc(50% - var(--cb89-person) * .43 + clamp(70px, 19vw, 82px)) calc(var(--cb89-shoe) - var(--cb89-person) * var(--cb89-woman) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: calc(var(--cb89-person) * var(--cb89-woman)) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }

  /* KS: the two actual biomarkers live in the free lower-left lane. */
  html[data-crossbrand89="ks"] body .ks-analysis-stage {
    contain: paint !important;
    overflow: hidden !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    position: absolute !important;
    inset: auto auto 74px 8px !important;
    display: grid !important;
    grid-template-columns: 64px !important;
    gap: 5px !important;
    width: 64px !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    border-radius: 7px !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-readout-a,
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-readout-b { bottom: auto !important; }
  html[data-crossbrand89="ks"] body .ks-analysis-stage .ks-readout-c { display: none !important; }
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > span {
    font-size: 12px !important;
    line-height: 1 !important;
  }
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > strong {
    margin-top: 3px !important;
    font-size: 6.5px !important;
    line-height: 1.15 !important;
  }
}

/* On very narrow phones, preserve the zero-overlap lane beside Stefan's arm. */
@media (max-width: 360px) and (orientation: portrait) {
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    grid-template-columns: 52px !important;
    width: 52px !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > span {
    font-size: 11px !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > strong {
    font-size: 6px !important;
  }
}

/* Phone landscape keeps one complete visual viewport and the same control grid. */
@media (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand89] {
    --cb89-person: min(calc(100svh - 58px), 72vw);
  }

  html[data-crossbrand89] body section.hero.kp-full-header {
    --kp-full-height: 100svh !important;
    --kp-full-nav: 0px !important;
    --kp-scene-top: 0px !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header > .kp-header61 {
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 10020 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--cb89-edge) calc(var(--cb89-edge) + var(--cb89-control) + var(--cb89-gap)) 0 var(--cb89-edge) !important;
    background: none !important;
  }

  /* Reserve separate opaque lanes for the wide logo and both portraits. */
  html[data-crossbrand89] body section.hero.kp-full-header > .kp-header61 :is(.kp-logo61-free img, .brand img) {
    width: min(46vw, 390px) !important;
    max-width: min(46vw, 390px) !important;
    height: auto !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header > .kp-full-scene,
  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits {
    height: 100svh !important;
    min-height: 100svh !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    position: absolute !important;
    z-index: 3 !important;
    inset: auto calc(50% - var(--cb89-person) * .3066 - 72px) calc(var(--cb89-shoe) - var(--cb89-person) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: var(--cb89-person) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html[data-crossbrand89] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    position: absolute !important;
    z-index: 2 !important;
    inset: auto calc(50% - var(--cb89-person) * .43 - 112px) calc(var(--cb89-shoe) - var(--cb89-person) * var(--cb89-woman) * .05104) auto !important;
    width: auto !important;
    max-width: none !important;
    height: calc(var(--cb89-person) * var(--cb89-woman)) !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 {
    position: absolute !important;
    inset: auto auto var(--cb89-edge) calc(var(--cb89-edge) + var(--cb89-control) + var(--cb89-gap)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, 86px) !important;
    gap: 8px !important;
    width: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px !important;
    border-radius: 8px !important;
  }

  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-readout-a,
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-readout-b { bottom: auto !important; }
  html[data-crossbrand89="ks"] body .ks-analysis-stage .ks-readout-c { display: none !important; }
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > span {
    font-size: 14px !important;
    line-height: 1 !important;
  }
  html[data-crossbrand89="ks"] body .ks-biomarker-rail57 .ks-analysis-readout > strong {
    margin-top: 4px !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
  }
}

/* Final KS desktop/tablet composition: all three diagnostic cards share one
 * aligned bottom rail. This clears hero copy, portraits, logo and fixed controls
 * at 1920, 1366, 1024 and 768px while keeping the phone layout unchanged. */
@media (min-width: 900px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] {
    --ks89-card-width: 96px;
    --ks89-card-height: 56px;
    --ks89-image-width: 108px;
    --ks89-row-left: 68px;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 {
    position: absolute !important;
    inset:
      calc(100svh - var(--cb89-edge) - var(--ks89-card-height))
      auto
      auto
      var(--ks89-row-left) !important;
    display: grid !important;
    grid-template-columns: repeat(2, var(--ks89-card-width)) !important;
    gap: 8px !important;
    width: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: var(--ks89-card-width) !important;
    min-width: var(--ks89-card-width) !important;
    max-width: var(--ks89-card-width) !important;
    height: var(--ks89-card-height) !important;
    min-height: var(--ks89-card-height) !important;
    max-height: var(--ks89-card-height) !important;
    padding: 6px 8px !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-analysis-stage .ks-readout-c {
    display: flex !important;
    position: absolute !important;
    inset:
      calc(100svh - var(--cb89-edge) - var(--ks89-card-height))
      auto
      auto
      calc(var(--ks89-row-left) + var(--ks89-card-width) + var(--ks89-card-width) + 16px) !important;
    box-sizing: border-box !important;
    width: var(--ks89-image-width) !important;
    min-width: var(--ks89-image-width) !important;
    max-width: var(--ks89-image-width) !important;
    height: var(--ks89-card-height) !important;
    min-height: var(--ks89-card-height) !important;
    max-height: var(--ks89-card-height) !important;
    transform: none !important;
    z-index: 5 !important;
  }
}

@media (min-width: 1280px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] {
    --ks89-card-width: clamp(96px, 6.7vw, 128px);
    --ks89-row-left: clamp(68px, 5vw, 96px);
  }
}

@media (min-width: 1537px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] {
    --ks89-image-width: var(--ks89-card-width);
  }
}

@media (min-width: 768px) and (max-width: 899px) and (min-height: 601px) {
  html[data-crossbrand89="ks"] {
    --ks89-card-width: 72px;
    --ks89-card-height: 48px;
    --ks89-image-width: 108px;
    --ks89-row-left: var(--cb89-edge);
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 {
    position: absolute !important;
    inset:
      calc(100svh - var(--cb89-edge) - var(--ks89-card-height))
      auto
      auto
      var(--ks89-row-left) !important;
    display: grid !important;
    grid-template-columns: repeat(2, var(--ks89-card-width)) !important;
    gap: 8px !important;
    width: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    position: relative !important;
    inset: auto !important;
    width: var(--ks89-card-width) !important;
    min-width: var(--ks89-card-width) !important;
    max-width: var(--ks89-card-width) !important;
    height: var(--ks89-card-height) !important;
    min-height: var(--ks89-card-height) !important;
    max-height: var(--ks89-card-height) !important;
    box-sizing: border-box !important;
    padding: 5px !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 .ks-analysis-readout > span {
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-biomarker-rail57 .ks-analysis-readout > strong {
    margin-top: 2px !important;
    font-size: 6px !important;
    line-height: 1 !important;
  }

  html[data-crossbrand89="ks"] body section.hero .ks-analysis-stage .ks-readout-c {
    display: flex !important;
    position: absolute !important;
    inset:
      calc(100svh - var(--cb89-edge) - var(--ks89-card-height))
      auto
      auto
      calc(var(--ks89-row-left) + var(--ks89-card-width) + var(--ks89-card-width) + 16px) !important;
    width: var(--ks89-image-width) !important;
    min-width: var(--ks89-image-width) !important;
    max-width: var(--ks89-image-width) !important;
    height: var(--ks89-card-height) !important;
    min-height: var(--ks89-card-height) !important;
    max-height: var(--ks89-card-height) !important;
    transform: none !important;
    z-index: 5 !important;
  }
}

/* Real portrait avatar, clipped inside the existing native WhatsApp card. */
html[data-crossbrand89] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17) > div:first-of-type {
  align-items: center !important;
}

html[data-crossbrand89] body .cb89-avatar-shell {
  display: block !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 2px solid rgb(255 255 255 / 76%) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #d9eff3 !important;
  box-shadow: 0 2px 8px rgb(0 31 45 / 24%) !important;
}

html[data-crossbrand89] body .cb89-avatar-shell > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: 50% 0 !important;
  transform: scale(2) !important;
  transform-origin: 50% 0 !important;
}

html[data-crossbrand89] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17) > div:first-of-type > span:last-child {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html[data-crossbrand89] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17) .cb89-specialist,
html[data-crossbrand89] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17) .cb89-degree {
  display: block !important;
  max-width: 270px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html[data-crossbrand89] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17) .cb89-specialist {
  font-weight: 700 !important;
}

/*
 * KJ people section: the qualification tiles are real layout rows below the
 * cut-outs. They are never absolutely positioned over shoes, shadows or legs.
 */
html[data-crossbrand89="kj"] body section.people {
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  overflow: visible !important;
}

html[data-crossbrand89="kj"] body section.people .people-visual {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(24px, 2.4vw, 46px) clamp(18px, 2vw, 38px) clamp(20px, 2vw, 36px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

html[data-crossbrand89="kj"] body section.people .people-visual > figure {
  display: grid !important;
  grid-template-rows: minmax(360px, 590px) auto !important;
  align-items: end !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

html[data-crossbrand89="kj"] body section.people .people-visual > figure > img {
  position: relative !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 590px !important;
  object-fit: contain !important;
  object-position: 50% 100% !important;
}

html[data-crossbrand89="kj"] body section.people .people-visual > figure > figcaption.cb89-person-title {
  position: static !important;
  inset: auto !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 112px !important;
  margin: 14px 0 0 !important;
  padding: 12px 14px 13px !important;
  border: 1px solid rgb(207 38 62 / 28%) !important;
  border-top: 4px solid #cf263e !important;
  border-radius: 8px !important;
  background: rgb(255 255 255 / 96%) !important;
  color: #0b2940 !important;
  text-align: left !important;
  box-shadow: 0 8px 22px rgb(1 28 47 / 13%) !important;
  transform: none !important;
}

html[data-crossbrand89="kj"] body section.people .cb89-person-title > strong {
  margin: 0 0 2px !important;
  color: #0b2940 !important;
  font-size: clamp(15px, .9vw, 18px) !important;
  line-height: 1.15 !important;
}

html[data-crossbrand89="kj"] body section.people .cb89-person-title > span {
  display: block !important;
  color: #23445c !important;
  font-size: clamp(10px, .62vw, 12px) !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

@media (max-width: 1200px) {
  html[data-crossbrand89="kj"] body section.people .people-visual > figure {
    grid-template-rows: auto auto !important;
  }

  html[data-crossbrand89="kj"] body section.people .people-visual > figure > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(56svh, 480px) !important;
  }
}

@media (max-width: 640px) {
  html[data-crossbrand89="kj"] body section.people .people-visual {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  html[data-crossbrand89="kj"] body section.people .people-visual > figure {
    grid-template-rows: auto auto !important;
  }

  html[data-crossbrand89="kj"] body section.people .people-visual > figure > img {
    width: auto !important;
    max-width: 100% !important;
    height: clamp(320px, 56svh, 480px) !important;
    max-height: 56svh !important;
  }
}

/*
 * The brand network is a full-width section followed by a real responsive card
 * grid. The old selector accidentally made the heading and grid two of five
 * tiny columns, which caused the narrow vertical stack in the user's capture.
 */
html[data-crossbrand89] body footer > section.brand-network {
  display: block !important;
  box-sizing: border-box !important;
  width: min(100% - clamp(32px, 7.5vw, 220px), 1700px) !important;
  max-width: 1700px !important;
  margin: 0 auto !important;
  padding: clamp(42px, 5vw, 82px) 0 clamp(34px, 4vw, 68px) !important;
}

html[data-crossbrand89] body footer > section.brand-network > .brand-network-heading {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px 24px !important;
  width: 100% !important;
  margin: 0 0 clamp(18px, 2vw, 30px) !important;
}

html[data-crossbrand89] body footer > section.brand-network > .brand-network-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(10px, .8vw, 16px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html[data-crossbrand89] body footer .brand-network-grid > .brand-network-card {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html[data-crossbrand89] body footer .brand-network-grid > .brand-network-card > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 8 / 3 !important;
  object-fit: cover !important;
}

/* The shared runtime also appends the same five destinations as a second v18
 * block after the footer. Keep the canonical in-footer network and suppress only
 * that duplicate presentation; links and destinations remain in the document. */
html[data-crossbrand89] body > .kp-brand-network-v18 {
  display: none !important;
}

@media (min-width: 1280px) {
  html[data-crossbrand89] body footer > section.brand-network > .brand-network-grid > .brand-network-card:last-child {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html[data-crossbrand89] body footer > section.brand-network > .brand-network-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-crossbrand89] body footer > section.brand-network > .brand-network-grid > .brand-network-card:last-child {
    grid-column: 1 / -1 !important;
    width: calc((100% - clamp(10px, .8vw, 16px)) / 2) !important;
    justify-self: center !important;
  }
}

@media (max-width: 767px) {
  html[data-crossbrand89] body footer > section.brand-network {
    width: min(100% - 28px, 680px) !important;
  }

  html[data-crossbrand89] body footer > section.brand-network > .brand-network-heading {
    display: grid !important;
    justify-content: stretch !important;
  }

  html[data-crossbrand89] body footer > section.brand-network > .brand-network-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* /crossbrand90/layout-31dbc8628650.css */
/*
 * Crossbrand90 corrects the interaction regression introduced by Crossbrand89.
 * Menus and contact panels open in protected lanes without scrolling the page,
 * hiding the portraits, or detaching the qualification cards from their hero.
 */
html[data-crossbrand90] {
  --cb90-control: 48px;
  --cb90-edge: 12px;
  --cb90-gap: 7px;
  --cb90-nav-gap: 28px;
}

html[data-crossbrand90],
html[data-crossbrand90] body {
  overflow-anchor: none !important;
}

/* Every persistent control uses the same square, contour and viewport inset. */
html[data-crossbrand90] body section.hero .kp-header61 .kp-toggle61,
html[data-crossbrand90].kp61-scrolled body section.hero .kp-header61 .kp-toggle61,
html[data-crossbrand90="aa"] body .kp-function-toggle,
html[data-crossbrand90="ks"] body .kp-function-toggle,
html[data-crossbrand90="kj"] body .kp-function-toggle-v17,
html[data-crossbrand90] body :is(.kp-whatsapp, .kp-whatsapp-v17, .kp-up, .kp-up-v17) {
  box-sizing: border-box !important;
  width: var(--cb90-control) !important;
  min-width: var(--cb90-control) !important;
  max-width: var(--cb90-control) !important;
  height: var(--cb90-control) !important;
  min-height: var(--cb90-control) !important;
  max-height: var(--cb90-control) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgb(255 255 255 / 44%) !important;
  border-radius: 8px !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 24%),
    0 7px 18px rgb(0 22 35 / 24%) !important;
}

html[data-crossbrand90] body section.hero .kp-header61 .kp-toggle61,
html[data-crossbrand90].kp61-scrolled body section.hero .kp-header61 .kp-toggle61 {
  position: fixed !important;
  inset: var(--cb90-edge) var(--cb90-edge) auto auto !important;
  transition-property: background-color, border-color, box-shadow, filter !important;
}

html[data-crossbrand90][data-brand61] body section.hero#start .kp-header61 .kp-toggle61,
html[data-crossbrand90][data-brand61].kp61-scrolled body section.hero#start .kp-header61 .kp-toggle61 {
  width: var(--cb90-control) !important;
  min-width: var(--cb90-control) !important;
  max-width: var(--cb90-control) !important;
  height: var(--cb90-control) !important;
  min-height: var(--cb90-control) !important;
  max-height: var(--cb90-control) !important;
}

/* The three deployed headers do not expose exactly the same hero id.  Target
 * their real menu owners as well so a brand rule can never resize or move the
 * shared control after scroll. */
html[data-crossbrand90="aa"][data-brand61="aa"] body button.aa33-nav-toggle.kp-toggle61,
html[data-crossbrand90="ks"][data-brand61="ks"] body button.mobile-menu-button.ks-menu-button-v2.kp-toggle61,
html[data-crossbrand90="kj"][data-brand61="kj"] body button.kp-menu61.kp-toggle61 {
  position: fixed !important;
  inset: var(--cb90-edge) var(--cb90-edge) auto auto !important;
  box-sizing: border-box !important;
  width: var(--cb90-control) !important;
  min-width: var(--cb90-control) !important;
  max-width: var(--cb90-control) !important;
  height: var(--cb90-control) !important;
  min-height: var(--cb90-control) !important;
  max-height: var(--cb90-control) !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-crossbrand90="aa"] body .kp-function-dock,
html[data-crossbrand90="ks"] body .kp-function-dock,
html[data-crossbrand90="kj"] body .kp-function-dock-v17 {
  inset: auto auto var(--cb90-edge) var(--cb90-edge) !important;
}

html[data-crossbrand90="aa"] body .kp-contact-dock,
html[data-crossbrand90="ks"] body .kp-contact-dock,
html[data-crossbrand90="kj"] body .kp-contact-dock-v17 {
  inset: auto var(--cb90-edge) var(--cb90-edge) auto !important;
}

html[data-crossbrand90] body :is(.kp-up, .kp-up-v17) {
  right: calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-gap)) !important;
  bottom: var(--cb90-edge) !important;
}

html[data-crossbrand90] body :is(.kp-whatsapp, .kp-whatsapp-v17) {
  position: fixed !important;
  inset: auto var(--cb90-edge) var(--cb90-edge) auto !important;
  top: auto !important;
  right: var(--cb90-edge) !important;
  bottom: var(--cb90-edge) !important;
  left: auto !important;
  border-color: rgb(204 255 224 / 62%) !important;
}

/* Qualification cards remain document-flow children of their hero at all times. */
html[data-crossbrand90] body section.hero > :is(.kp-founder-credentials-v20, .kp-titles-approved) {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

/* Main navigation owns the clear left lane; portraits stay in the right lane. */
@media (min-width: 768px) {
  html[data-crossbrand90] {
    --cb90-control: 56px;
    --cb90-edge: 24px;
    --cb90-gap: 10px;
    --cb90-nav-gap: 60px;
  }

  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    position: fixed !important;
    box-sizing: border-box !important;
    inset: 164px auto auto var(--cb90-edge) !important;
    width: 510px !important;
    max-width: calc(100vw - 2 * var(--cb90-edge)) !important;
  }

  html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
    top: 164px !important;
    right: auto !important;
    left: var(--cb90-edge) !important;
  }

  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body :is(.kp-function-dock, .kp-function-dock-v17) {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-crossbrand90][data-brand61] body :is(.kp-contact-dock, .kp-contact-dock-v17) > :is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden]) {
    position: fixed !important;
    inset: auto auto var(--cb90-edge) calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-gap)) !important;
    box-sizing: border-box !important;
    right: auto !important;
    left: calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-gap)) !important;
    bottom: var(--cb90-edge) !important;
    width: min(360px, calc(100vw - 2 * var(--cb90-edge) - var(--cb90-control) - var(--cb90-gap))) !important;
    max-width: 360px !important;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    width: 232px !important;
  }


  html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
    top: 144px !important;
    right: auto !important;
    left: var(--cb90-edge) !important;
    width: 232px !important;
  }

  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    top: 144px !important;
  }

  html[data-crossbrand90][data-brand61] body :is(.kp-contact-dock, .kp-contact-dock-v17) > :is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden]) {
    left: var(--cb90-edge) !important;
    width: 232px !important;
    max-width: 232px !important;
  }
}

@media (min-width: 900px) and (max-width: 1279px) {
  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    top: 144px !important;
    width: 292px !important;
  }

  html[data-crossbrand90][data-brand61] body :is(.kp-contact-dock, .kp-contact-dock-v17) > :is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden]) {
    left: var(--cb90-edge) !important;
    width: 292px !important;
    max-width: 292px !important;
  }
}

@media (min-width: 768px) and (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    width: 220px !important;
    max-height: calc(100svh - var(--cb90-edge) * 2 - var(--cb90-control) - 12px) !important;
    overflow: auto !important;
  }

  html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
    right: auto !important;
    left: var(--cb90-edge) !important;
    width: 220px !important;
  }
}

/* Phone menus become compact two-column panels. While a panel is open, both
 * actors remain visible together in the unobstructed lower part of the scene. */
@media (max-width: 767px) and (orientation: portrait) {
  html[data-crossbrand90="ks"] {
    --cb89-person: min(calc((100svh - 54px) * 1.03), 220vw);
  }

  html[data-crossbrand90] body section.hero.kp-full-header > .kp-full-scene,
  html[data-crossbrand90] body section.hero.kp-full-header .kp-full-portraits {
    height: 100svh !important;
    min-height: 100svh !important;
  }

  /* Keep Ludmilla clearly visible to Stefan's right.  Stefan remains in front,
   * but the overlap is deliberately shallow instead of hiding her torso. */
  html[data-crossbrand90] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    right: calc(50% - var(--cb89-person) * .43 + clamp(4px, 1.5vw, 8px)) !important;
  }

  html[data-crossbrand90="ks"] body .ks-biomarker-rail57 {
    left: 4px !important;
    width: 52px !important;
    grid-template-columns: 52px !important;
  }

  html[data-crossbrand90="ks"] body .ks-biomarker-rail57 .ks-analysis-readout:is(.ks-readout-a, .ks-readout-b) {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    position: fixed !important;
    box-sizing: border-box !important;
    inset: 76px var(--cb90-edge) auto var(--cb90-edge) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 8px !important;
    width: auto !important;
    max-width: none !important;
    max-height: 282px !important;
    padding: 10px !important;
    overflow: auto !important;
  }

  html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
    top: 76px !important;
    right: var(--cb90-edge) !important;
    left: var(--cb90-edge) !important;
    width: auto !important;
  }

  html[data-crossbrand90="ks"] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    top: 108px !important;
    max-height: 200px !important;
  }

  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) > a {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html[data-crossbrand90="aa"] body #aa33-main-navigation > .kp61-mobile-services {
    display: none !important;
  }

  html[data-crossbrand90="aa"] body #aa33-main-navigation > :is(.header-message, .header-login) {
    display: block !important;
  }

  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) {
    --cb90-open-person: min(54svh, calc(100svh - 280px), 510px);
  }

  html[data-crossbrand90="ks"]:has(section.hero .kp-toggle61[aria-expanded="true"]) {
    --cb90-open-person: min(47svh, calc(100svh - 325px), 445px);
  }

  /* Contact overlays do not alter actor geometry. */

  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body :is(.kp-function-dock, .kp-function-dock-v17, .kp-contact-dock, .kp-contact-dock-v17) {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-crossbrand90]:has(:is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden])) {
    --cb90-open-person: min(55svh, calc(100svh - 352px), 500px);
  }

  html[data-crossbrand90] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden]) {
    position: fixed !important;
    box-sizing: border-box !important;
    inset: calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-gap)) var(--cb90-edge) auto var(--cb90-edge) !important;
    width: auto !important;
    max-width: none !important;
    max-height: 286px !important;
    overflow: auto !important;
  }
}

/* Short landscape phones keep the same left menu lane as tablets. */
@media (max-height: 600px) and (orientation: landscape) {
  html[data-crossbrand90] {
    --cb90-control: 48px;
    --cb90-edge: 12px;
    --cb90-gap: 7px;
    --cb90-nav-gap: 64px;
  }

  html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) {
    position: fixed !important;
    box-sizing: border-box !important;
    inset: 124px auto auto var(--cb90-edge) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 220px !important;
    max-width: 220px !important;
    max-height: calc(100svh - 136px) !important;
    overflow: auto !important;
  }

  html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
    top: 124px !important;
  }

  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body :is(.kp-function-dock, .kp-function-dock-v17) {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-crossbrand90] body :is(.kp-whatsapp-card, .kp-whatsapp-card-v17):not([hidden]) {
    position: fixed !important;
    box-sizing: border-box !important;
    inset: var(--cb90-edge) auto auto var(--cb90-edge) !important;
    width: min(360px, calc(100vw - 2 * var(--cb90-edge) - var(--cb90-control) - var(--cb90-gap))) !important;
    max-width: 360px !important;
    max-height: calc(100svh - 2 * var(--cb90-edge)) !important;
    overflow: auto !important;
  }
}

/* Unified navigation contract: every top-right panel is anchored to the
 * toggle's right edge and expands left below it.  It is an explicit exception
 * to the protected actor lane and may cover portraits; it never moves the page. */
html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]),
html[data-crossbrand90="aa"][data-brand61="aa"] body section.hero#start .kp-header61.aa33-nav-open > #aa33-main-navigation:not([hidden]) {
  position: fixed !important;
  box-sizing: border-box !important;
  inset: calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-nav-gap)) var(--cb90-edge) auto auto !important;
  top: calc(var(--cb90-edge) + var(--cb90-control) + var(--cb90-nav-gap)) !important;
  right: var(--cb90-edge) !important;
  bottom: auto !important;
  left: auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px 8px !important;
  width: min(510px, calc(100vw - 2 * var(--cb90-edge))) !important;
  max-width: calc(100vw - 2 * var(--cb90-edge)) !important;
  max-height: calc(100svh - 2 * var(--cb90-edge) - var(--cb90-control) - var(--cb90-nav-gap)) !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: auto !important;
  z-index: 999998 !important;
}

html[data-crossbrand90] body section.hero .kp-header61 nav[aria-label*="Hauptnavigation"]:not([hidden]) > a {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  line-height: 1.15 !important;
}

/* Persistent corner controls stay where they belong while navigation is open.
 * Triggering either peer still closes the navigation through the shared JS. */
html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body :is(.kp-function-dock, .kp-function-dock-v17, .kp-contact-dock, .kp-contact-dock-v17) {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* The navigation exception overlays the unchanged actors.  Do not shrink or
 * shift either person when the menu opens; WhatsApp retains its safe layout. */
@media (max-width: 767px) and (orientation: portrait) {
  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body section.hero .kp-full-portraits :is(.hero-founder-stefan, .hero-person-stefan, img.kp-full-man) {
    inset: auto calc(50% - var(--cb89-person) * .3066 + clamp(16px, 6vw, 25px)) calc(var(--cb89-shoe) - var(--cb89-person) * .05104) auto !important;
    height: var(--cb89-person) !important;
  }

  html[data-crossbrand90]:has(section.hero .kp-toggle61[aria-expanded="true"]) body section.hero .kp-full-portraits :is(.hero-founder-ludmilla, .hero-person-ludmilla, img.kp-full-woman) {
    inset: auto calc(50% - var(--cb89-person) * .43 + clamp(4px, 1.5vw, 8px)) calc(var(--cb89-shoe) - var(--cb89-person) * var(--cb89-woman) * .05104) auto !important;
    height: calc(var(--cb89-person) * var(--cb89-woman)) !important;
  }
}


/* Controls95: consistent viewport lanes, crisp text, no actor reflow. */
html[data-crossbrand90][data-brand61] body :is(.kp-contact-dock,.kp-contact-dock-v17) > :is(.kp-whatsapp-card,.kp-whatsapp-card-v17):not([hidden]) {
 position:fixed!important;inset:auto var(--cb90-edge) calc(var(--cb90-edge) + var(--cb90-control) + 12px) auto!important;
 left:auto!important;right:var(--cb90-edge)!important;top:auto!important;bottom:calc(var(--cb90-edge) + var(--cb90-control) + 12px)!important;
 width:min(380px,calc(100% - var(--cb90-edge)*2))!important;max-width:calc(100% - var(--cb90-edge)*2)!important;
 max-height:calc(100svh - var(--cb90-edge)*2 - var(--cb90-control) - 12px)!important;overflow:auto!important;z-index:160!important;
}
html[data-crossbrand90][data-brand61] body :is(.kp-function-dock,.kp-function-dock-v17,.kp-contact-dock,.kp-contact-dock-v17){visibility:visible!important;pointer-events:auto!important}
html[data-crossbrand90][data-brand61] body :is(button,[role=button],.button,.btn,.glossy-button,.kp-function-links a,.kp-function-links-v17 a,.kp-whatsapp-card>a,.kp-whatsapp-card-v17>a),
html[data-crossbrand90][data-brand61] body :is(button,[role=button],.button,.btn,.glossy-button,.kp-function-links a,.kp-function-links-v17 a,.kp-whatsapp-card>a,.kp-whatsapp-card-v17>a) * {text-shadow:none!important}
html[data-crossbrand90][data-brand61] body .cb89-avatar-shell img {width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 34%!important;transform:scale(1.25)!important;transform-origin:50% 36%!important}
@media(min-width:768px){
 html[data-crossbrand90][data-brand61] body :is(.kp-function-dock,.kp-function-dock-v17){position:fixed!important;inset:100px auto auto 0!important;flex-direction:column!important;transform:none!important}
 html[data-crossbrand90][data-brand61] body :is(.kp-function-toggle,.kp-function-toggle-v17){display:none!important}
 html[data-crossbrand90][data-brand61] body :is(.kp-function-links,.kp-function-links-v17){display:grid!important;position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;grid-template-columns:1fr!important;gap:8px!important}
}
@media(max-width:767px){
 html[data-crossbrand90][data-brand61] body :is(.kp-function-dock,.kp-function-dock-v17){position:fixed!important;inset:auto auto var(--cb90-edge) var(--cb90-edge)!important;transform:none!important}
 html[data-crossbrand90][data-brand61] body :is(.kp-function-dock,.kp-function-dock-v17).is-open :is(.kp-function-links,.kp-function-links-v17) a{width:180px!important;max-width:calc(100vw - 24px)!important}
}
@media(max-width:767px) and (orientation:portrait){
 html[data-crossbrand90][data-brand61] body section.hero .kp-full-portraits :is(.hero-founder-stefan,.hero-person-stefan,img.kp-full-man){
 inset:auto calc(50% - var(--cb89-person)*.3066 + clamp(16px,6vw,25px)) calc(var(--cb89-shoe) - var(--cb89-person)*.05104) auto!important;height:var(--cb89-person)!important;
 }
 html[data-crossbrand90][data-brand61] body section.hero .kp-full-portraits :is(.hero-founder-ludmilla,.hero-person-ludmilla,img.kp-full-woman){
 inset:auto calc(50% - var(--cb89-person)*.43 + clamp(4px,1.5vw,8px)) calc(var(--cb89-shoe) - var(--cb89-person)*var(--cb89-woman)*.05104) auto!important;height:calc(var(--cb89-person)*var(--cb89-woman))!important;
 }
}
/* Header96: one optical scale; overlays never reflow the actor stage. */
:root {--h96-logo:clamp(92px,7.64vw,110px);--h96-person:calc((100svh - 24px)*1.04);--h96-woman:.9659090909;--h96-right:calc(clamp(12px,1.5vw,32px) - var(--h96-person)*.12);--h96-separation:.16}
@media(min-width:768px) and (max-width:1100px){:root{--h96-logo:clamp(64px,7.64vw,84px)}}
@media(max-width:767px){:root{--h96-logo:clamp(48px,12vw,60px);--h96-person:min(calc((100svh - 88px)*1.04),188vw)}}
/* Transparent canvas padding is retained. Shoes land 12px above scene bottom. */
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 {z-index:auto!important;isolation:auto!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 .brand {position:relative!important;z-index:10!important;width:auto!important;max-width:none!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 .brand img {height:var(--h96-logo)!important;width:auto!important;max-height:none!important;max-width:none!important;object-fit:contain!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-scene {isolation:auto!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-portraits {position:absolute!important;inset:0!important;width:100vw!important;max-width:none!important;height:100svh!important;z-index:30!important;isolation:isolate!important;transform:none!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan,.hero-person-stefan,img.kp-full-man) {position:absolute!important;height:var(--h96-person)!important;width:auto!important;max-width:none!important;max-height:none!important;inset:auto calc(var(--h96-right) + var(--h96-person)*var(--h96-separation)) calc(12px - var(--h96-person)*.05104) auto!important;translate:none!important;transform:none!important;z-index:3!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla,.hero-person-ludmilla,img.kp-full-woman) {position:absolute!important;height:calc(var(--h96-person)*var(--h96-woman))!important;width:auto!important;max-width:none!important;max-height:none!important;inset:auto var(--h96-right) calc(12px - var(--h96-person)*var(--h96-woman)*.05104) auto!important;translate:none!important;transform:none!important;z-index:2!important}
@media(min-width:768px){
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-scene {position:relative!important;inset:auto!important;height:100svh!important;min-height:100svh!important;flex:0 0 100svh!important}
}
@media(max-width:767px){
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 .brand img {max-width:calc(100vw - 24px)!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-stefan,.hero-person-stefan,img.kp-full-man){right:calc(50% - var(--h96-person)*.28)!important}
html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header .kp-full-portraits :is(.hero-founder-ludmilla,.hero-person-ludmilla,img.kp-full-woman){right:calc(50% - var(--h96-person)*.44)!important}
}
/* Header98: equal regular-letter height, based on the longest OV wordmark. */
@media(max-width:767px){
 html[data-crossbrand90][data-brand61="ks"][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 > .header-inner{padding:0!important}
 html[data-crossbrand90][data-brand61="aa"]{--h98-logo-factor:.6646706587}
 html[data-crossbrand90][data-brand61="ks"]{--h98-logo-factor:.7302631579}
 html[data-crossbrand90][data-brand61="kj"]{--h98-logo-factor:.5311004785}
 html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 .kp-logo61-free{position:absolute!important;inset:0 auto auto 0!important;margin:0!important;padding:0!important;width:calc((100vw - 88px)*var(--h98-logo-factor))!important;max-width:none!important}
 html[data-crossbrand90][data-brand61][data-crossbrand90][data-brand61] body section.hero.kp-full-header > .kp-header61 .kp-logo61-free img{width:calc((100vw - 88px)*var(--h98-logo-factor))!important;height:auto!important;max-width:none!important}
}