/* Canonical typography and content components, v178. */
html body[data-karalus-relaunch] {--kr-sans:Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;--kr-serif:Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;font-family:Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;}
html body[data-karalus-relaunch] :is(main,.site-header,.site-footer,#kr-navigation) :is(h1,h2,h3,h4,p,li,dt,dd,small,figcaption,summary,label,input,select,textarea,button,a,span,strong,b,th,td){font-family:Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif!important}
html body[data-karalus-relaunch] main :is(h1,h2,h3,h4){font-weight:650!important;letter-spacing:-.02em!important;line-height:1.2!important;text-wrap:pretty}
html body[data-karalus-relaunch] main h1{font-size:clamp(30px,3.5vw,48px)!important}
html body[data-karalus-relaunch] main h2{font-size:clamp(25px,2.6vw,36px)!important}
html body[data-karalus-relaunch] main h3{font-size:clamp(21px,1.8vw,25px)!important}
html body[data-karalus-relaunch] main :is(p,li,dt,dd){font-size:17px!important;line-height:1.65!important}
html body[data-karalus-relaunch] main :is(small,figcaption,.kr-image-source){font-size:15px!important;line-height:1.55!important}
html body[data-karalus-relaunch] main .eyebrow{font-size:14px!important;line-height:1.5!important;letter-spacing:.06em!important}
html body[data-karalus-relaunch] main :is(.section-heading,.content-copy,.editorial-copy){max-width:78ch}
html body[data-karalus-relaunch] main :is(.section-heading,.content-copy,.editorial-copy) p{text-align:left!important}
html body[data-karalus-relaunch] main :is(.section,.content-section){padding-block:clamp(32px,4vw,64px)!important}
html body[data-karalus-relaunch] main figcaption{position:static!important;inset:auto!important;transform:none!important;display:block!important;margin:0!important;padding:12px 16px!important;background:#f4f5f1!important;color:#294b58!important;text-shadow:none!important}
html body[data-karalus-relaunch] main figcaption :is(a,span,strong){color:inherit!important}
/* Image cards have distinct image and copy areas, including cards inserted by scripts. */
html body[data-karalus-relaunch] main :is(.world-card,.project-card,.home-reference-card,.reference-motion-card,.pf-family-card,.pf-product-card){display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;background:#fff!important;color:#07384d!important;isolation:isolate}
html body[data-karalus-relaunch] main :is(.world-card,.project-card,.home-reference-card,.reference-motion-card,.pf-family-card,.pf-product-card)::after{display:none!important}
html body[data-karalus-relaunch] main :is(.world-card,.project-card,.home-reference-card,.reference-motion-card,.pf-family-card,.pf-product-card)>img{position:static!important;inset:auto!important;transform:none!important;order:0!important;display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;z-index:auto!important}
html body[data-karalus-relaunch] main :is(.world-overlay){display:none!important}
html body[data-karalus-relaunch] main :is(.world-content,.project-card>div,.home-reference-card>span,.reference-motion-card>span,.pf-family-card>span,.pf-product-card>span){position:static!important;inset:auto!important;transform:none!important;order:1!important;display:block!important;max-width:none!important;padding:20px!important;background:#fff!important;color:#07384d!important;text-shadow:none!important}
html body[data-karalus-relaunch] main :is(.world-content,.project-card>div,.home-reference-card>span,.reference-motion-card>span,.pf-family-card>span,.pf-product-card>span) :is(h3,p,span,strong,b,small){color:#07384d!important;position:static!important;background:none!important;text-shadow:none!important;-webkit-line-clamp:unset!important}
html body[data-karalus-relaunch] main .world-content>span{display:block!important;padding:0!important;border:0!important;margin-bottom:8px!important}
html body[data-karalus-relaunch] main .reference-motion-card>b{position:static!important;align-self:flex-end;margin:0 16px 16px;color:#07384d!important;border-color:#07384d!important}
html body[data-karalus-relaunch] main :is(.manufacturer-source-section,.kr-primary-sources,.source-panel,.contact-cta,.blue-section) :is(h2,h3,p,li,.eyebrow){color:#fff!important}
html body[data-karalus-relaunch] main :is(.manufacturer-source-section,.kr-primary-sources,.source-panel,.contact-cta,.blue-section) :is(.feature-card,.source-link-card,.partner-card) :is(h2,h3,p,li,.eyebrow){color:#07384d!important}
html body[data-karalus-relaunch] main .reveal{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:760px){html body[data-karalus-relaunch] main :is(th,td){font-size:15px!important;line-height:1.5!important}html body[data-karalus-relaunch] main :is(.feature-card,.benefit-card,.decision-card){padding:20px!important}html body[data-karalus-relaunch] main :is(.world-card,.project-card,.home-reference-card,.reference-motion-card)>img{max-height:300px!important}}

/* Text panels must grow with their contents, never push copy back into the image. */
html body[data-karalus-relaunch] main .kr-unified-hero .kr-hero-panel.kr-hero-panel{display:block!important;position:static!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;justify-content:normal!important;align-items:normal!important;transform:none!important;margin-block:0!important;padding:24px!important}
html body[data-karalus-relaunch] main .eyebrow.eyebrow{color:#934322!important}
html body[data-karalus-relaunch] main :is(.contact-cta,.blue-section,.manufacturer-source-section,.kr-primary-sources,.source-panel) .eyebrow.eyebrow{color:#fff!important}
html body[data-karalus-relaunch] main .button.button-primary{background:#a34723!important;color:#fff!important}
html body[data-karalus-relaunch] main .button.kr-orange-action{color:#07384d!important}
html body[data-karalus-relaunch] main .kb-before-after-intro p{color:#345462!important}

html body[data-karalus-relaunch] main .kr-unified-hero.kr-unified-hero{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}
html body[data-karalus-relaunch] main .kr-unified-hero>:is(.kr-hero-media,.v152-desktop-photo){flex:none!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important}
html body[data-karalus-relaunch] main .kr-unified-hero>.kr-hero-panel{order:2!important}
html body[data-karalus-relaunch] main .kr-unified-hero>dl{order:3!important}

html body[data-karalus-relaunch] main :is(.content-source-box,.content-final-cta,.decision-result-panel,.kb-practice,.kb-practice-intro,.suite-guide-hub) .eyebrow.eyebrow{color:#fff!important}
html body[data-karalus-relaunch] main .eyebrow.light{color:inherit!important}
html body[data-karalus-relaunch] main .kr-unified-actions .button.kr-orange-action.kr-orange-action{color:#052b3c!important}

html body[data-karalus-relaunch] main .kr-unified-hero .kr-unified-actions a.button.kr-orange-action.kr-orange-action{color:#052b3c!important}
html body#kr-mobile-first main .world-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
html body#kr-mobile-first main .world-card>img{position:static!important;inset:auto!important;height:auto!important;max-height:360px!important;transform:none!important;order:0!important;z-index:auto!important}
html body#kr-mobile-first main .world-card>.world-content{position:static!important;inset:auto!important;transform:none!important;display:block!important;order:1!important;background:#fff!important;color:#07384d!important;padding:20px!important}
html body#kr-mobile-first main .world-card>.world-content :is(h3,p,span,b,strong){position:static!important;transform:none!important;color:#07384d!important;background:none!important}

html body[data-karalus-relaunch] main .kr-unified-hero>:is(.kr-hero-media,.v152-desktop-photo){z-index:0!important;opacity:1!important;isolation:auto!important}
html body[data-karalus-relaunch] main .kr-unified-hero::before,html body[data-karalus-relaunch] main .kr-unified-hero::after{display:none!important}

@media(min-width:761px){html body[data-karalus-relaunch] .site-header .karalus-header-worlds{display:flex!important;gap:12px!important;min-width:0!important;overflow-x:auto!important;flex-wrap:nowrap!important}html body[data-karalus-relaunch] .site-header .karalus-header-worlds>a{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:10px 6px!important;font-size:15px!important;line-height:1.4!important;white-space:nowrap!important}}


/* Important rules in this named layer replace conflicting historical unlayered important declarations. */
@layer karalus-typography {
html body main :is(h1,h2,h3,h4){font-family:Aptos,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.02em!important;background:transparent!important;text-shadow:none!important}
html body main h1{font-size:44px!important}
html body main h2{font-size:34px!important}
html body main h3{font-size:24px!important}
html body main h4{font-size:21px!important}
html body main :is(p,li,dt,dd){font-size:17px!important;line-height:1.65!important}
html body main :is(figcaption,small,.kr-image-source){font-size:15px!important;line-height:1.55!important}
html body main .eyebrow{font-size:14px!important;line-height:1.5!important}
html body main .kr-unified-hero,html body main .kr-unified-hero .kr-hero-panel{background:#ffffff!important;background-image:none!important;color:#07384d!important}
html body main .kr-unified-hero :is(.kr-hero-media,.v152-desktop-photo){background:#ffffff!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;object-fit:contain!important}
html body main .kr-unified-hero .kr-hero-panel :is(h1,p,.eyebrow){color:#07384d!important}
html body main .kr-unified-hero::before,html body main .kr-unified-hero::after,html body main .kr-unified-hero .hero-overlay{display:none!important}
@media(max-width:760px){html body main h1{font-size:32px!important}html body main h2{font-size:26px!important}html body main h3{font-size:22px!important}html body main h4{font-size:20px!important}}
}

@layer karalus-typography {
html body main .kr-unified-hero .kr-hero-panel{position:relative!important;overflow:visible!important;isolation:isolate!important}
html body main .kr-unified-hero .kr-hero-panel::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:100%!important;width:100%!important;height:64px!important;margin:0!important;transform:none!important;background:linear-gradient(to top,#fff,rgba(255,255,255,0))!important;pointer-events:none!important;z-index:2!important}
html body main .kr-unified-hero .kr-hero-panel{max-width:none!important;padding-inline:max(24px,calc((100% - 1132px)/2))!important}
@media(max-width:760px){html body main .kr-unified-hero .kr-hero-panel::before{height:40px!important}html body main .kr-unified-hero .kr-hero-panel{padding-inline:20px!important}}
}

@layer karalus-typography {html body main :is(p,span,small,figcaption,strong,a,.eyebrow){text-shadow:none!important}html body main .kr-hero-panel .eyebrow{background:transparent!important;box-shadow:none!important}}

/* v180: vollständige Produktbilder und lesbare Diagramme */
@layer karalus-visual-v180 {
main :is(.image-story-media,.image-grid) img {height:auto!important;min-height:0!important;max-height:560px!important;object-fit:contain!important;background:#fff!important;width:100%!important;}
main .image-story-media {background:#fff!important;min-height:0!important;align-self:start!important;}
main .image-story-media > span {position:static!important;display:block!important;background:#fff!important;color:#07384d!important;padding:14px 18px!important;font-size:16px!important;line-height:1.55!important;transform:none!important;}
main .service-carousel-slide :is(img,video) {object-fit:contain!important;background:#fff!important;}
main .kr-diagram-scroll {max-width:100%;min-width:0;overflow-x:auto;background:#fff;border:1px solid #dbe4e9;border-radius:12px;}
main .kr-diagram-scroll > svg {display:block!important;width:100%!important;min-width:var(--diagram-width)!important;max-width:none!important;height:auto!important;}
main .kr-diagram-tools {display:block;margin:10px 0 20px;font-size:15px;line-height:1.55;color:#07384d;}
main .kr-diagram-tools a {display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:3px;}
main .kr-diagram-scroll:focus-visible {outline:3px solid #934322;outline-offset:3px;}
@media(max-width:760px) {main :is(.image-story-media,.image-grid) img {max-height:440px!important;}main .service-carousel-slide :is(img,video) {height:360px!important;max-height:60vh!important;}}
}