/* Gemeinsame Gestaltung der drei Hauptthemen. Opt-in nur auf Einstiegsseiten. */
@layer ixTheme {
html body.ix-service-page{background:var(--ix-theme-page,#f5f3ed)!important;color:var(--ix-theme-text,#242c29)!important}
html body.ix-service-page .site-head{position:sticky!important;top:0!important;padding:0!important;background:var(--ix-theme-surface,#fff)!important;z-index:70!important}
html body.ix-service-page .site-head>.wrap{display:grid!important;grid-template-columns:1fr auto!important;gap:0 28px!important;max-width:1280px!important;padding:0 36px!important}
html body.ix-service-page .site-head .brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:22px!important;padding:20px 0!important;min-width:0!important}
html body.ix-service-page .site-head .brand .logo{width:180px!important;height:auto!important;flex-shrink:0!important}
html body.ix-service-page .site-head .brand .sub{font:500 12px/1.4 IXManrope,Arial,sans-serif!important;letter-spacing:.08em!important;border-left:1px solid var(--ix-theme-border)!important;padding-left:22px!important;color:var(--ix-theme-muted)!important}
html body.ix-service-page .site-head .ix-theme-tools{grid-column:2!important;grid-row:1!important;margin-left:0!important}
html body.ix-service-page .site-head .nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;align-items:center!important;gap:30px!important;border-top:1px solid var(--ix-theme-border)!important;padding:0!important;min-height:54px!important}
html body.ix-service-page .site-head .nav a{white-space:nowrap!important;font-size:13px!important;padding:16px 0!important;color:var(--ix-theme-text)!important;letter-spacing:0!important}
html body.ix-service-page .site-head .nav a::after{bottom:8px!important}
html body.ix-service-page .site-head .nav .nav-cta{padding:9px 16px!important;background:var(--ix-theme-button,#a43d36)!important;border-radius:4px!important;color:white!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important}
html body.ix-service-page .site-head .nav .nav-back{margin-left:auto!important;background:transparent!important;color:var(--ix-theme-muted)!important;border:0!important;padding:12px 0!important;font-size:11px!important;font-weight:500!important}
html body.ix-service-page #ixShare{display:none!important}
html body.ix-service-page .hero{min-height:0!important;display:block!important;overflow:visible!important;background:var(--ix-theme-page,#f5f3ed)!important;padding:54px 0 58px!important}
html body.ix-service-page .hero>.wrap{padding:0 36px!important;max-width:1280px!important}
html body.ix-service-page .hero-grid{display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:76px!important;align-items:center!important}
html body.ix-service-page .hero-main{min-width:0!important;padding:18px 0!important}
html body.ix-service-page .hero .eyebrow{font-size:10px!important;letter-spacing:.13em!important;line-height:1.8!important;color:var(--ix-theme-link,#a43d36)!important}
html body.ix-service-page h1,html body.ix-service-page h1 em,html body.ix-service-page h2,html body.ix-service-page h2 em{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.035em!important}
html body.ix-service-page .hero h1{font-size:clamp(40px,4.1vw,59px)!important;line-height:1.07!important;max-width:22ch!important;margin:23px 0 0!important;color:var(--ix-theme-text)!important;overflow-wrap:normal!important;hyphens:manual!important}
html body.ix-service-page .hero h1 em{font-style:italic!important;color:var(--ix-theme-link,#a43d36)!important}
html body.ix-service-page .hero-main>p{font-size:16px!important;line-height:1.85!important;font-weight:400!important;max-width:51ch!important;margin:25px 0 28px!important;color:var(--ix-theme-muted)!important}
html body.ix-service-page .hero-cta{gap:12px!important;margin:0!important}
html body.ix-service-page .hero-cta .btn{padding:13px 18px!important;font-size:12px!important;gap:14px!important;border-radius:4px!important}
html body.ix-service-page .hero-aside{margin:0!important;width:100%!important;max-width:none!important;align-self:center!important}
html body.ix-service-page .service-visual{margin:0!important;height:160px!important;overflow:hidden!important;border-radius:5px 5px 0 0!important;background:#d9e1d9!important}
html body.ix-service-page .service-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 55%!important;display:block!important}
html body.ix-service-page .qf{width:100%!important;max-width:none!important;padding:25px 28px!important;border-radius:0 0 5px 5px!important;background:var(--ix-theme-surface,#fff)!important;border:1px solid var(--ix-theme-border)!important;box-shadow:none!important;backdrop-filter:none!important}
html body.ix-service-page .qf .qf-h{font:600 19px/1.4 IXManrope,Arial,sans-serif!important;margin:0 0 8px!important;color:var(--ix-theme-text)!important;letter-spacing:-.025em!important}
html body.ix-service-page .qf .qf-sub{font-size:12px!important;line-height:1.7!important;margin:0 0 19px!important;color:var(--ix-theme-muted)!important}
html body.ix-service-page .qf :is(input:not(.hp),select){min-height:44px!important;font-size:13px!important;border-radius:4px!important;background:var(--ix-theme-page)!important}
html body.ix-service-page .qf button{min-height:46px!important;border-radius:4px!important;font-size:12px!important}
html body.ix-service-page .qf .qf-legal{font-size:10px!important;line-height:1.7!important;margin:12px 0 0!important;color:var(--ix-theme-muted)!important}
html body.ix-service-page .qf .pulse{background:var(--ix-theme-link)!important;box-shadow:none!important;animation:none!important}
html body.ix-service-page .section{padding:76px 0!important}
html body.ix-service-page .section>.wrap{max-width:1280px!important;padding-left:36px!important;padding-right:36px!important}
html body.ix-service-page .sec-head{margin-bottom:36px!important}
html body.ix-service-page .sec-head h2{font-size:clamp(30px,3.5vw,44px)!important;line-height:1.15!important}
html body.ix-service-page .sec-head p{font-size:15px!important;line-height:1.85!important}
html body.ix-service-page :is(.svc,.service-card,.card,.step,.calc,.calc-out,.quote){border-radius:5px!important;box-shadow:none!important}
html body.ix-service-page .trustbar{background:var(--ix-theme-surface)!important;border-top:1px solid var(--ix-theme-border)!important;border-bottom:1px solid var(--ix-theme-border)!important}
html body.ix-service-page .section.steel{background:#242f2b!important;color:#f5f3ed!important}
html body.ix-service-page .section.steel :is(h2,h3,p,li,small,strong,b,span,a:not(.btn)){color:#e3e9e1!important}
html body.ix-service-page .section.steel :is(.card,.step,.quote,.advantage){background:#303f37!important;border-color:#607164!important}
html body.ix-service-page .section.steel em{color:#d9ba90!important}
html body.ix-service-page a:focus-visible,html body.ix-service-page button:focus-visible{outline:3px solid #b78951!important;outline-offset:4px!important}
@media(max-width:1100px) and (min-width:981px){html body.ix-service-page .site-head .nav{gap:18px!important}html body.ix-service-page .site-head .nav a{font-size:12px!important}html body.ix-service-page .hero-grid{gap:40px!important}}
@media(max-width:980px){
html body.ix-service-page .site-head .nav:not(.open){visibility:hidden!important}
html body.ix-service-page .site-head .nav.open{visibility:visible!important}

html body.ix-service-page .site-head>.wrap{grid-template-columns:1fr auto auto!important;gap:15px!important;padding:0 24px!important}
html body.ix-service-page .site-head .brand{padding:16px 0!important;gap:16px!important}
html body.ix-service-page .site-head .brand .logo{width:150px!important}
html body.ix-service-page .site-head .brand .sub{padding-left:16px!important;font-size:11px!important}
html body.ix-service-page .site-head .nav-toggle{grid-column:3!important;grid-row:1!important;display:flex!important;position:relative!important;z-index:81!important}
html body.ix-service-page .site-head .nav{position:fixed!important;inset:0 0 0 auto!important;grid-column:auto!important;grid-row:auto!important;width:min(88vw,380px)!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:8px!important;padding:76px 28px 32px!important;background:var(--ix-theme-surface)!important;border-left:1px solid var(--ix-theme-border)!important;z-index:80!important;overflow-y:auto!important}
html body.ix-service-page .site-head .nav a{font-size:16px!important;padding:12px 0!important}
html body.ix-service-page .site-head .nav .nav-cta{text-align:center!important;margin-top:12px!important;padding:14px 16px!important}
html body.ix-service-page .site-head .nav .nav-back{margin:20px 0 0!important;border-top:1px solid var(--ix-theme-border)!important;padding-top:18px!important}
html body.ix-service-page .hero-grid{gap:32px!important;grid-template-columns:1fr 1fr!important}
html body.ix-service-page .hero h1{font-size:43px!important}
html body.ix-service-page .hero-main>p{font-size:14px!important}
html body.ix-service-page .qf{width:100%!important;max-width:none!important;padding:22px!important}
}
@media(max-width:720px){
html body.ix-service-page .site-head>.wrap{padding:0 20px!important;gap:12px!important}
html body.ix-service-page .site-head .brand{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
html body.ix-service-page .site-head .brand .logo{width:133px!important}
html body.ix-service-page .site-head .brand .sub{border:0!important;padding:0!important;font-size:9px!important;letter-spacing:.14em!important}
html body.ix-service-page .hero{padding:34px 0 36px!important}
html body.ix-service-page .hero>.wrap{padding:0 22px!important}
html body.ix-service-page .hero-grid{grid-template-columns:1fr!important;gap:30px!important}
html body.ix-service-page .hero-main{padding:0!important}
html body.ix-service-page .hero h1{font-size:clamp(37px,10vw,49px)!important;max-width:22ch!important}
html body.ix-service-page .hero-main>p{margin:20px 0 24px!important;font-size:14px!important;line-height:1.8!important}
html body.ix-service-page .hero .eyebrow{font-size:9px!important;letter-spacing:.1em!important}
html body.ix-service-page .hero-cta{display:grid!important;grid-template-columns:1fr!important}
html body.ix-service-page .hero-cta .btn{justify-content:space-between!important}
html body.ix-service-page .service-visual{height:150px!important}
html body.ix-service-page .section{padding:46px 0!important}
html body.ix-service-page .section>.wrap{padding-left:22px!important;padding-right:22px!important}
}
}