:root{--brand:#005da4;--brand-dark:#00447a;--brand-light:#e6f0f8;--accent:#f2a900;--text:#1d2430;--muted:#5b6575;--line:#d9dfe8;--bg:#fff;--bg-soft:#f5f7fa;--radius:8px;--wrap:1120px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img{max-width:100%;height:auto}a{color:var(--brand)}a:hover{color:var(--brand-dark)}h1,h2,h3{color:var(--brand-dark);line-height:1.25}h1{margin:.4em 0 .5em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem)}h2{margin:1.8em 0 .6em;font-size:1.4rem}h3{margin:0 0 .4em;font-size:1.15rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:#fff;padding:8px 12px;top:8px;left:16px}:root{--partner-h:62px;--partner-frei:calc(var(--partner-h) * .4)}.site-header{color:var(--text);border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--text);align-items:center;gap:16px;text-decoration:none;display:flex}.brand:hover{color:var(--text)}.brand-logo{width:195px;height:40px;display:block}.brand-sub{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-size:.9rem}.header-rechts{align-items:center;display:flex}.header-phone{color:var(--brand-dark);white-space:nowrap;border:1px solid var(--brand);border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.header-phone:hover{color:var(--brand-dark);background:var(--brand-light)}.header-partner{padding:var(--partner-frei);background:#fff;display:block}.header-partner img{height:var(--partner-h);width:auto;display:block}@media (width<=900px){.brand-sub{display:none}}.site-nav{background:var(--brand-dark);z-index:20;position:sticky;top:0;box-shadow:0 2px 6px #00000026}.site-nav ul{flex-wrap:wrap;gap:2px;margin:0 auto;padding-top:0;padding-bottom:0;list-style:none;display:flex}.site-nav a{color:#fff;padding:10px 12px;font-size:.95rem;text-decoration:none;display:block}.site-nav a:hover{color:#fff;background:#ffffff1f}.site-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent)}@media (width<=640px){body{font-size:16px}.brand-sub{display:none}.brand-logo{width:156px;height:32px}:root{--partner-h:46px;--partner-frei:16px}.header-inner{flex-wrap:wrap;padding-top:12px}.header-rechts{display:contents}.header-phone{padding:5px 11px;font-size:.9rem}.header-partner{flex-basis:100%;justify-content:center;padding-top:4px;display:flex}.header-partner img{max-width:100%;height:auto;max-height:var(--partner-h)}.site-nav ul{gap:0;padding-left:8px;padding-right:8px}.site-nav a{white-space:nowrap;padding:7px 8px;font-size:.88rem}}main{padding-top:8px;padding-bottom:48px}.breadcrumb{color:var(--muted);margin-top:16px;font-size:.9rem}.lead{color:var(--muted);max-width:52em;font-size:1.15rem}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:32px 0 8px;display:grid}.hero h1{margin-top:0}.hero-img{border-radius:var(--radius)}.partner{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.partner img{width:100%;max-width:420px;height:auto;display:block}.partner a{padding-top:12px;display:inline-block}.partner p{color:var(--muted);margin:8px 0 0;font-size:.9rem}@media (width<=480px){.partner img{max-width:260px}}.cta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.btn{background:var(--brand);color:#fff;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:var(--brand-dark);color:#fff}.btn-ghost{color:var(--brand);border:2px solid var(--brand);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--brand-light);color:var(--brand-dark)}@media (width<=760px){.hero{grid-template-columns:1fr;padding-top:16px}}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card p{color:var(--muted);margin:0;font-size:.95rem}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{border-color:var(--brand);background:var(--brand-light)}a.card h3{color:var(--brand)}.note{background:var(--brand-light);border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;padding:14px 18px}.note p{margin:.3em 0}.downloads{flex-wrap:wrap;align-items:center;gap:4px 16px;margin:.4em 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.downloads li{margin:.2em 0}.downloads a.pdf:before{content:"PDF";color:#fff;vertical-align:1px;background:#b3261e;border-radius:3px;margin-right:6px;padding:1px 4px;font-size:.7rem;font-weight:700}.specs-list{color:var(--muted);margin:0;padding:0;font-size:.92rem;list-style:none}.legend{color:var(--muted);font-size:.9rem}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=760px){.two-col{grid-template-columns:1fr}}figure{margin:0}figure img{border:1px solid var(--line);border-radius:4px}figcaption{color:var(--muted);margin-top:4px;font-size:.9rem}.contact-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.contact-box p{margin:.3em 0}.legal{max-width:46em}.legal h2{font-size:1.2rem}.site-footer{background:var(--bg-soft);border-top:1px solid var(--line);font-size:.95rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-top:28px;padding-bottom:12px;display:grid}.site-footer h2{color:var(--text);margin:0 0 .4em;font-size:1rem}.site-footer p{margin:0}.footer-partner{background:#fff;border-radius:4px;padding:14px;display:block}.footer-partner img{width:240px;height:auto;display:block}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:24px;display:flex}.footer-note{color:var(--muted);font-size:.88rem;margin-top:8px!important}.section-intro{color:var(--muted);max-width:52em}.media{grid-template-columns:1fr 320px;align-items:start;gap:28px;margin:20px 0;display:grid}.media img{border-radius:var(--radius)}@media (width<=760px){.media{grid-template-columns:1fr}}.checklist{padding-left:1.2em}.checklist li{margin:.25em 0}.timeline{border-left:3px solid var(--brand-light);margin:24px 0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr 300px;align-items:start;gap:16px;padding:16px 0 16px 20px;display:grid;position:relative}.timeline li:before{content:"";background:var(--brand);border-radius:50%;width:15px;height:15px;position:absolute;top:22px;left:-9px}.timeline .year{color:var(--brand-dark);font-size:1.3rem;font-weight:700}.timeline p{margin:0}.timeline img{border-radius:4px;width:100%;height:auto}@media (width<=760px){.timeline li{grid-template-columns:70px 1fr}.timeline li img{grid-column:2;max-width:300px}}.timeline img.klein{justify-self:center;width:auto;max-width:180px}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;margin:12px 0 24px;font-size:.95rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 10px}table.data th{background:var(--bg-soft);color:var(--brand-dark)}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0;list-style:none;display:grid}.gallery img{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:100%;height:120px;display:block}.gallery-nav{justify-content:space-between;gap:12px;margin:12px 0;display:flex}.gallery-big img{border:1px solid var(--line);border-radius:4px}:target{scroll-margin-top:80px}.toc{flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.toc a{border:1px solid var(--brand);border-radius:999px;padding:4px 12px;font-size:.92rem;text-decoration:none;display:inline-block}.toc a:hover{background:var(--brand-light)}.bauformen{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.bauformen li{text-align:center;color:var(--muted);font-size:.85rem}.bauformen img{object-fit:contain;border:none;height:70px}.bauformen span{margin-top:4px;display:block}.card-img{object-fit:contain;background:#fff;border-radius:4px;width:100%;height:150px;margin-bottom:10px;display:block}details.archive{border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;padding:12px 16px}details.archive summary{cursor:pointer;color:var(--brand);font-weight:600}.archive-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:12px;display:grid!important}.page-hero{background:linear-gradient(135deg, var(--brand-light) 0%, #f7fafd 60%, #fff 100%);border-radius:0 0 16px 16px;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;margin:16px -16px 8px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.page-hero h1{margin:0 0 .4em}.page-hero .lead{color:var(--text);margin:0}.page-hero .hero-visual{justify-content:center;align-items:center;height:220px;display:flex}.page-hero .hero-visual img{mix-blend-mode:multiply;width:auto;max-height:220px}.page-hero .cta{margin-top:18px}@media (width>=1152px){.page-hero{border-radius:16px;margin-left:0;margin-right:0}}@media (width<=760px){.page-hero{grid-template-columns:1fr;padding:20px 16px}.page-hero .hero-visual{order:-1;height:150px}.page-hero .hero-visual img{max-height:150px}}.toc{gap:8px}.toc a{background:#fff;box-shadow:0 1px 2px #0000000f}.catalog h2{border-bottom:2px solid var(--brand-light);align-items:baseline;gap:12px;margin-top:2.2em;padding-bottom:8px;display:flex}.catalog h2 .count{color:var(--brand);background:var(--brand-light);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.products{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin:20px 0 8px;padding:0;list-style:none;display:grid}.product{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #1028500f}.product:hover{border-color:#c5d6ea;transform:translateY(-2px);box-shadow:0 10px 28px #10285024}.product-img{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 60%,#fff 0%,#f1f5fa 75%);justify-content:center;align-items:center;height:200px;padding:16px;display:flex}.product-img img{mix-blend-mode:multiply;width:auto;max-width:100%;max-height:168px}.product-body{flex:1;padding:16px 18px 4px}.product h3{color:var(--brand-dark);margin:0 0 .35em;font-size:1.15rem}.product-kurz{color:var(--muted);margin:0 0 12px;font-size:.95rem}.parts-label{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);margin:0 0 6px;font-size:.78rem;font-weight:700}.chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.chips li{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:3px 9px;font-size:.82rem;line-height:1.3}.product .specs-list{margin:0 0 12px;font-size:.85rem}.product .specs-list li{border-bottom:1px dashed var(--line);padding:3px 0}.product-actions{border-top:1px solid var(--line);background:#fbfcfe;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 18px 16px;font-size:.9rem;display:flex}.product-actions .btn{padding:7px 14px;font-size:.88rem}.product-actions a:not(.btn){font-weight:600;text-decoration:none}.product-actions a:not(.btn):hover{text-decoration:underline}.product-actions a.pdf:before{content:"PDF";color:#fff;vertical-align:1px;background:#b3261e;border-radius:3px;margin-right:5px;padding:1px 4px;font-size:.68rem;font-weight:700}.cta-band{color:#fff;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin:48px 0 8px;padding:26px 28px;display:grid}.cta-band h2{color:#fff;border:0;margin:0 0 6px;padding:0;font-size:1.35rem;display:block}.cta-band p{opacity:.92;margin:0}.cta-band .cta{margin:0}.cta-band .btn{color:var(--brand-dark);background:#fff}.cta-band .btn:hover{background:var(--brand-light);color:var(--brand-dark)}.cta-band .btn-ghost{color:#fff;background:0 0;border-color:#ffffffb3}.cta-band .btn-ghost:hover{color:#fff;background:#ffffff1f}@media (width<=760px){.cta-band{grid-template-columns:1fr;padding:22px 18px}}.kein-bild{color:var(--muted);font-size:.9rem}a.card .card-img{mix-blend-mode:multiply}a.card .card-img.foto{mix-blend-mode:normal}.media>img:first-child{order:2;width:100%}.media>a.zoom:first-child{order:2}.media>a.zoom img{width:100%}.filter{border:0;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;display:flex}.filter legend{margin-bottom:6px;font-weight:600}.filter label{border:1px solid var(--line);cursor:pointer;background:var(--bg-soft);border-radius:999px;padding:4px 12px;font-size:.88rem}.filter label:has(input:checked){background:var(--brand);border-color:var(--brand);color:#fff}.filter input{opacity:0;pointer-events:none;position:absolute}.filter label:has(input:focus-visible){outline:2px solid var(--accent)}.products>li[hidden]{display:none}.jobs-banner{border:1px solid var(--accent);border-left:6px solid var(--accent);border-radius:var(--radius);color:var(--text);background:#fff6dd;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 32px;padding:14px 20px;text-decoration:none;display:flex}.jobs-banner strong{color:var(--brand-dark)}.jobs-pfeil{color:var(--brand);white-space:nowrap;margin-left:auto;font-weight:600}.jobs-banner:hover .jobs-pfeil,.jobs-banner:focus-visible .jobs-pfeil{text-decoration:underline}a.zoom{cursor:zoom-in;display:block}dialog.bildzoom{cursor:zoom-out;background:0 0;border:0;max-width:96vw;max-height:96vh;padding:0;overflow:visible}dialog.bildzoom::backdrop{background:#000c}dialog.bildzoom img{width:auto;max-width:96vw;height:auto;max-height:92vh;display:block}.bildzoom-zu{width:40px;height:40px;color:var(--text);cursor:pointer;background:#fff;border:0;border-radius:50%;font-size:26px;line-height:1;position:absolute;top:-14px;right:-14px}html:is([data-design=v2],[data-design=v3]){--radius:0px;--accent:#005da4;--bg-soft:#f3f6f8;--line:#c6d2dc}html:is([data-design=v2],[data-design=v3]) :is(.header-phone,.btn,.card,.page-hero,.product,.chips li,.toc a,.filter label,.catalog h2 .count,.cta-band,.card-img,.gallery img,.gallery-big img,.timeline img,.footer-partner,figure img){box-shadow:none;border-radius:0}html:is([data-design=v2],[data-design=v3]) .site-nav{box-shadow:none}html:is([data-design=v2],[data-design=v3]) .page-hero{border-top:5px solid var(--brand);border-bottom:1px solid var(--line);background:#fff;margin-left:0;margin-right:0;padding:28px 0}html:is([data-design=v2],[data-design=v3]) .product:hover{box-shadow:none;border-color:var(--brand);transform:none}html[data-design=v2] .product-img{background:#fff}html[data-design=v2] .product-img img{mix-blend-mode:normal}html:is([data-design=v2],[data-design=v3]) .jobs-banner{background:var(--brand-light);border-color:var(--line);border-left-color:var(--brand)}html:is([data-design=v2],[data-design=v3]) .cta-band{background:var(--brand-light);color:var(--text);border-top:4px solid var(--brand)}html:is([data-design=v2],[data-design=v3]) .cta-band :is(h2,p){color:var(--brand-dark)}html:is([data-design=v2],[data-design=v3]) .cta-band .btn{background:var(--brand);color:#fff;border-color:var(--brand)}html:is([data-design=v2],[data-design=v3]) .cta-band .btn:hover{background:var(--brand-dark)}html:is([data-design=v2],[data-design=v3]) .cta-band .btn-ghost{color:var(--brand-dark);background:0 0}html:is([data-design=v2],[data-design=v3]) .cta-band .btn-ghost:hover{background:#fff}html:is([data-design=v2],[data-design=v3]) .hero-foto{height:auto}html:is([data-design=v2],[data-design=v3]) .hero-foto img{mix-blend-mode:normal;border-radius:0;width:100%;height:auto;max-height:none}html[data-design=v2]{--wrap:1160px}html[data-design=v2] .page-hero{border-top:0}html[data-design=v2] h1{letter-spacing:-.025em;font-size:clamp(1.9rem,1.3rem + 2vw,2.8rem);line-height:1.12}html[data-design=v2] .site-nav a[aria-current=page]{box-shadow:inset 0 -3px #fff}html[data-design=v2] .btn{min-height:44px}html[data-design=v2] .cards{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0}html[data-design=v2] .cards>li{border-bottom:1px solid var(--line);min-width:0;display:flex}html[data-design=v2] .cards>li.card{display:block}html[data-design=v2] .cards .card{border:0;border-left:3px solid var(--brand);background:#fff;width:100%;min-width:0;margin:20px 0;padding:8px 20px}html[data-design=v2] .cards .card:hover{background:var(--bg-soft)}html[data-design=v2] :is(a.card .card-img,.page-hero .hero-visual img){mix-blend-mode:normal}html[data-design=v2] .cards .card h3{line-height:1.3}html[data-design=v2] .cards .card p{line-height:1.65}html[data-design=v2] .page-hero:has(.hero-foto){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;padding:36px 0}html[data-design=v2] .hero-foto img{display:block}html[data-design=v2] main:has(.hero-foto)>h2{margin-top:48px;margin-bottom:20px}html[data-design=v2] main:has(.hero-foto)>.media{border-block:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;margin:48px 0;padding:32px 0}html[data-design=v2] main:has(.hero-foto)>.media h2{margin-top:0}html[data-design=v2] main:has(.hero-foto)>.media img{border-left:3px solid var(--brand);height:auto;padding-left:16px;display:block}html[data-design=v2] .jobs-banner{background:var(--brand-light);border:1px solid #b6ccdd;gap:12px 20px;margin:20px 0 36px;padding:20px 24px}html[data-design=v2] .jobs-banner strong{font-size:1.1rem}html[data-design=v2] .jobs-pfeil{border:1px solid var(--brand);min-height:44px;color:var(--brand-dark);white-space:normal;background:#fff;align-items:center;padding:8px 14px;display:inline-flex}html[data-design=v2] .jobs-banner:hover{border-color:var(--brand)}html[data-design=v2] .jobs-banner:hover .jobs-pfeil{background:var(--brand);color:#fff}@media (width>=1100px){html[data-design=v2] main:has(.hero-foto)>.cards:has(.card-img){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=761px) and (width<=1099px){html[data-design=v2] main:has(.hero-foto)>.cards:has(.card-img){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){html[data-design=v2] .page-hero:has(.hero-foto){grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0}html[data-design=v2] main:has(.hero-foto)>.media{grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0;padding:24px 0}html[data-design=v2] main:has(.hero-foto)>.media img{border-left:0;order:0;padding-left:0}html[data-design=v2] main:has(.hero-foto)>h2{margin-top:32px}}html[data-design=v3]{--brand-light:#edf3f7;--wrap:1200px}html[data-design=v3] .page-hero{border-top:1px solid var(--line);gap:40px}html[data-design=v3] .cards>li{display:flex}html[data-design=v3] .cards>li>.card{width:100%}html[data-design=v3] .card{border:0;border-bottom:2px solid var(--brand);background:#fff}html[data-design=v3] .product{border-width:0 0 2px;border-bottom-color:var(--brand)}html[data-design=v3] .product-img{background:#fff}html[data-design=v3] main>h2{border-top:1px solid var(--line);padding-top:22px}html:is([data-design=v2],[data-design=v3]) :focus-visible{outline-offset:3px;outline:3px solid #005da4}html:is([data-design=v2],[data-design=v3]) .site-nav a:focus-visible{outline-offset:-3px;outline-color:#fff}@media (width<=760px){html:is([data-design=v2],[data-design=v3]) .page-hero{gap:20px;padding:20px 0}}