/* RUKO OSEK 2.2 / multilingual layout additions; approved blue identity retained. */
.language-switch{display:flex;align-items:center;flex:0 0 auto;gap:0;border:1px solid #b8cddd;background:#f4f8fb;margin-left:0;order:5}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:39px;min-height:43px;padding:0 7px;font:700 11px Arial,sans-serif;letter-spacing:.03em;color:#284e6b;text-decoration:none}
.language-switch a+a{border-left:1px solid #c9d7e1}
.language-switch a:hover{background:#dcecf6;color:#005893}
.language-switch a.is-current{background:#006fba;color:#fff}
.language-switch a:focus-visible{outline:3px solid #0b2b44;outline-offset:3px;position:relative;z-index:2}
.header-inner{gap:18px}
.nav{order:4;gap:20px}
html[lang=en] .hero h1{font-size:clamp(46px,5vw,74px)}
html[lang=de] .hero h1{font-size:clamp(40px,4.1vw,59px);letter-spacing:-.045em;line-height:1.07}
html[lang=de] .card-content h3{font-size:clamp(22px,2vw,29px)}
html[lang=de] h2,html[lang=de] h3{hyphens:auto;overflow-wrap:anywhere}
html[lang=de] .product-title{hyphens:auto;overflow-wrap:anywhere}
html[lang=de] .interior-copy h1,html[lang=de] .plain-hero h1,html[lang=de] .contact-heading h1{hyphens:auto;overflow-wrap:anywhere}
html[lang=de] .cta h2{font-size:clamp(25px,2.6vw,37px)}
html[lang=de] .hero-copy .btn{letter-spacing:.025em}
html[lang=de] .fact-icons span{font-size:8px;letter-spacing:0}
html[lang=de] .fact-label{font-size:10px}
html[lang=de] .card-technical li{letter-spacing:.03em}
html[lang=de] .product-grid.full .product-copy h3{font-size:28px}
@media(min-width:1081px) and (max-width:1420px){.header-inner{gap:16px}.nav{gap:18px}.brand-descriptor{display:none}.language-switch a{min-width:36px}.nav>.btn{padding-inline:16px;min-width:0}}
@media(max-width:1080px){.header-inner{gap:16px}.brand-descriptor{order:1}.language-switch{order:2;margin-left:auto}.menu-button{order:3;margin-left:0}.nav{order:4}.language-switch a{min-width:39px;min-height:43px}html[lang=de] .hero h1{font-size:clamp(34px,4.6vw,48px)}html[lang=en] .hero h1{font-size:clamp(45px,5.8vw,61px)}}
@media(max-width:680px){.brand-descriptor{display:none}.header-inner{gap:12px}.language-switch a{min-width:37px;min-height:43px}.language-switch{margin-left:auto}html[lang=en] .hero h1{font-size:clamp(41px,10vw,62px)}html[lang=de] .hero h1{font-size:clamp(30px,7.55vw,46px)}html[lang=de] .hero .eyebrow{font-size:8px;letter-spacing:.08em}html[lang=de] .hero-copy .btn-row{flex-wrap:wrap}html[lang=de] .hero-copy .btn{font-size:9px;padding-inline:14px;gap:12px}html[lang=de] .fact-label{font-size:9px}html[lang=de] .fact-icons span{font-size:7px}html[lang=de] .fact-custom>strong{font-size:27px}html[lang=de] .card-content h3{font-size:29px}html[lang=de] .cta h2{font-size:28px}html[lang=de] .product-grid.full .product-copy h3{font-size:25px}html[lang=de] .interior-copy h1{font-size:clamp(31px,8vw,46px)}}
@media(max-width:380px){.header-inner{gap:9px}.language-switch a{min-width:35px;padding-inline:6px;font-size:10px}.brand img{width:103px}.menu-button{width:39px}html[lang=de] .hero h1{font-size:29px}html[lang=en] .hero h1{font-size:39px}html[lang=de] .card-content h3{font-size:26px}}
@media print{.language-switch{display:none!important}}