:root{--ink:#243a3a;--deep:#1f3434;--accent:#efa934;--paper:#fff;--muted:#6d7976;--line:#dfe3df;--white:#fff;--radius:22px;--shadow:0 18px 45px rgba(25,48,47,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(980px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;left:12px;top:-60px;z-index:99;background:var(--white);padding:10px 16px}.skip:focus{top:12px}.topline{padding:7px 20px;background:var(--deep);color:#dfe9e6;text-align:center;font-size:12px;letter-spacing:.08em}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font:700 31px/1 'Manrope';letter-spacing:-.07em}.brand b{color:var(--accent);margin:0 2px}.brand sup{font-size:9px;align-self:flex-start;margin:2px 0 0 4px;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:34px;font-weight:600}.main-nav a:hover,.world-nav a:hover{color:#c17b07}.main-nav a:last-child{border:1px solid var(--ink);border-radius:99px;padding:9px 16px}.menu-button{display:none;border:0;background:transparent;font-weight:700}.world-nav{border-top:1px solid var(--line);font-size:13px;font-weight:600}.world-nav .wrap{display:flex;gap:28px;overflow:auto;padding-block:10px}.hero{background:var(--paper);overflow:hidden}.hero-grid{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.17em;color:#a36e17;margin:0 0 14px}.hero h1,.page-hero h1,.category-hero h1{font:700 clamp(48px,6vw,88px)/.98 'Manrope';letter-spacing:-.06em;margin:0}.hero h1 em{color:#b87d19;font-style:normal}.lead{font-size:19px;color:#586865;max-width:650px}.actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;padding:0 23px;border:1px solid var(--ink);border-radius:99px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(26,55,53,.18)}.button.ghost{background:transparent;color:var(--ink)}.button.light{background:var(--white);color:var(--ink);border-color:var(--white)}.trust{display:flex;flex-wrap:wrap;gap:10px 25px;color:#687671;font-size:13px}.trust span:before{content:'✓';color:#bb790a;margin-right:7px}.hero-visual{position:relative;height:500px;border-radius:180px 30px 30px 30px;background:linear-gradient(145deg,#d1d0c5,#eef0e9);overflow:hidden;box-shadow:var(--shadow)}.sun{position:absolute;width:260px;height:260px;border-radius:50%;background:#e5b95c;right:-60px;top:-55px;opacity:.75}.fence{position:absolute;inset:100px 45px 50px;display:flex;flex-direction:column;justify-content:space-around;transform:perspective(700px) rotateY(-8deg)}.fence:before,.fence:after{content:'';position:absolute;inset:-30px auto -20px;width:12px;background:#273d3c}.fence:before{left:6%}.fence:after{right:6%}.fence i{height:34px;background:#314a49;border:3px solid #263d3c;box-shadow:inset 0 0 0 8px #d9a951}.hero-label{position:absolute;left:26px;right:26px;bottom:20px;background:rgba(255,255,255,.92);padding:18px 22px;border-radius:14px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.hero-label b{font-size:14px}.section{padding-block:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2,.feature-band h2,.guide-card h2,.prose h2,.calculator h2,.article h2{font:700 clamp(34px,4vw,55px)/1.06 'Manrope';letter-spacing:-.045em;margin:0}.section-head>p{max-width:440px;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.world-card{position:relative;min-height:440px;padding:24px;background:var(--paper);border-radius:var(--radius);overflow:hidden;transition:.25s}.world-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.world-no{position:absolute;top:24px;right:24px;font:600 12px 'Manrope';z-index:2}.world-card>p{font-size:12px;font-weight:700;letter-spacing:.16em;margin:23px 0 7px}.world-card h3{font:700 25px/1.1 'Manrope';margin:0 0 10px}.world-card>span:not(.world-no){display:block;color:var(--muted);font-size:14px}.world-card>b{position:absolute;left:24px;bottom:22px;font-size:13px}.sample{height:205px;border-radius:15px;background-color:#364c4b;background-image:repeating-linear-gradient(0deg,transparent 0 17px,rgba(242,178,62,.9) 17px 22px)}.sample-rille{background-image:repeating-linear-gradient(0deg,#405655 0 5px,#324746 5px 9px)}.sample-gelocht{background-image:radial-gradient(circle at center,#f2c061 0 3px,transparent 3.5px);background-size:24px 24px}.sample-rattan{background-image:repeating-linear-gradient(45deg,#314746 0 7px,#aa7e4e 7px 10px,#3b5150 10px 17px)}.sample-design-vlies{background:linear-gradient(135deg,#ded3c0,#6e7d78)}.sample-akzent{background-image:repeating-linear-gradient(0deg,#324847 0 20px,#edab39 20px 26px,#324847 26px 54px)}.feature-band{padding:80px 0;background:var(--deep);color:white}.feature-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.feature b{color:var(--accent);font-size:12px}.feature h3{font:700 21px 'Manrope';margin:12px 0 5px}.feature p{color:#bdcbc7;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.product-image{position:relative;display:flex;height:270px;align-items:center;justify-content:center;background:#f3f3ef;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:.35s}.product-card:hover img{transform:scale(1.04)}.badge{position:absolute;left:13px;top:13px;background:white;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.08em}.product-copy{padding:19px}.product-copy .eyebrow{font-size:9px;margin-bottom:6px}.product-copy h3{font:700 17px/1.25 'Manrope';margin:0 0 8px}.product-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);min-height:42px}.card-link,.text-link{font-weight:700;font-size:13px}.card-link span{float:right}.guide-card{background:#d59a32;color:#1d3534;border-radius:30px;padding:60px;display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.guide-card p{max-width:620px}.metric{display:grid;grid-template-columns:1fr auto;align-content:center;gap:12px 28px;border-left:1px solid rgba(32,53,52,.25);padding-left:45px}.metric span{font-size:13px}.metric b{font:700 25px 'Manrope'}.site-footer{background:#182d2d;color:#d9e3df;padding:70px 0 20px}.brand-light{color:white}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:70px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid p{color:#aabbb6;max-width:370px}.legal{display:flex;justify-content:space-between;border-top:1px solid #38504f;margin-top:55px;padding-top:20px;color:#8fa29d;font-size:12px}.page-hero{padding:90px 0 60px}.page-hero h1{font-size:clamp(45px,6vw,75px);max-width:880px}.page-hero>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.catalog{display:grid;grid-template-columns:230px 1fr;gap:55px;padding-bottom:100px}.filters{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column}.filters label,.filters>p{font-weight:700;font-size:13px;margin:20px 0 8px}.filters input,.variants select,.calculator input,.calculator select{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:white}.filter{border:0;background:none;padding:7px 0;color:var(--muted);display:flex;justify-content:space-between;cursor:pointer;text-align:left}.filter.active{color:var(--ink);font-weight:700}.filter span{font-size:11px}.catalog-bar{display:flex;justify-content:space-between;margin-bottom:18px;font-size:13px;color:var(--muted)}.catalog-bar strong{color:var(--ink)}.empty{text-align:center;padding:80px}.category-hero{background:var(--paper)}.category-grid{min-height:580px;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:80px}.category-hero h1{font-size:clamp(45px,5vw,72px)}.category-art{position:relative}.category-art .sample{height:390px;border-radius:28px}.category-art>span{position:absolute;right:18px;bottom:18px;background:white;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:700}.prose{text-align:center}.prose>h2{max-width:750px;margin:0 auto 45px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.fact-grid>div{padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.fact-grid>div:last-child{border:0}.fact-grid b{font:700 28px 'Manrope'}.fact-grid span{color:var(--muted);font-size:13px}.empty-state{padding:70px;text-align:center;background:var(--paper);border-radius:var(--radius)}.breadcrumbs{display:flex;gap:9px;padding-top:28px;color:var(--muted);font-size:12px}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;padding:35px 0 90px}.gallery-main{height:610px;background:var(--paper);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumb{flex:0 0 75px;height:75px;padding:3px;border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden}.thumb.active{border-color:var(--accent)}.thumb img{width:100%;height:100%;object-fit:cover}.product-info h1{font:700 clamp(35px,4vw,56px)/1.04 'Manrope';letter-spacing:-.045em;margin:0}.benefits{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.benefits span{background:var(--paper);padding:7px 11px;border-radius:7px;font-size:12px}.variants{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.variants label{display:block;font-weight:700;margin-bottom:8px}.variants small{display:block;color:var(--muted);margin-top:5px}.dealer-box{margin-top:30px;padding:23px;background:var(--deep);color:white;border-radius:17px}.dealer-box p{color:#bfd0cb;font-size:13px}.detail-tabs{display:grid;grid-template-columns:1.4fr .8fr;gap:65px}.richtext p{color:#556562}.specs{margin:0}.specs div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.specs dt{color:var(--muted)}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.knowledge-grid a{min-height:270px;background:var(--paper);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column}.knowledge-grid span{color:#b57815;font-weight:700}.knowledge-grid h2{font:700 29px 'Manrope';margin:18px 0 5px}.knowledge-grid p{color:var(--muted)}.knowledge-grid b{margin-top:auto}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:50px}.calculator form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--paper);padding:30px;border-radius:20px}.calculator label{font-weight:700;font-size:13px}.calculator .button{grid-column:1/-1}.calc-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden}.calc-result div{background:white;padding:22px;display:flex;flex-direction:column}.calc-result span,.calc-result small{font-size:12px;color:var(--muted)}.calc-result b{font:700 23px 'Manrope'}.article{padding-bottom:110px}
.site-logo-link{display:flex;align-items:center;flex:0 0 auto}.site-logo{width:clamp(120px,12vw,164px);height:auto}.world-nav .world-nav-stack{display:grid;gap:0;overflow:visible;padding-block:0}.world-nav-row{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,48px);min-width:max-content;padding:9px 0}.world-nav-primary{border-bottom:1px solid var(--line);font-size:14px}.world-nav-primary a{font-weight:700}.world-nav-secondary{font-size:12px;color:#526360}.world-nav-all{color:#9c6711;font-weight:700}
.knowledge-nav{border-top:1px solid #d7ddd8;background:var(--deep);color:#e6edeb}.knowledge-nav-row{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.5vw,38px);min-width:max-content;padding-block:11px;overflow-x:auto;font-size:12px;font-weight:700;scrollbar-width:none}.knowledge-nav-row::-webkit-scrollbar{display:none}.knowledge-nav a{position:relative;white-space:nowrap}.knowledge-nav a:hover{color:#f1b34a}.knowledge-nav a[aria-current=page]{color:#f1b34a}.knowledge-nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:3px;background:#f1b34a}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:86px;left:20px;right:20px;background:#fff;padding:22px;border-radius:15px;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.menu-button{display:block}.hero-grid,.category-grid{grid-template-columns:1fr;padding:70px 0}.hero-visual{height:390px}.world-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.guide-card,.product-detail,.detail-tabs,.calculator{grid-template-columns:1fr}.catalog{grid-template-columns:1fr}.filters{position:static}.filter{display:none}.filter.active{display:flex}.gallery-main{height:520px}.footer-grid{grid-template-columns:1fr 1fr}.calc-result{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap,.narrow{width:min(100% - 28px,1240px)}.topline{font-size:10px}.header-inner{height:70px}.brand{font-size:27px}.site-logo{width:122px}.world-nav .world-nav-stack{width:100%}.world-nav-row{justify-content:flex-start;gap:24px;overflow-x:auto;padding-inline:14px;scrollbar-width:none}.world-nav-row::-webkit-scrollbar{display:none}.knowledge-nav-row{width:100%;justify-content:flex-start;gap:25px;padding-inline:14px}.hero-grid{padding:48px 0;min-height:auto}.hero h1{font-size:52px}.hero-visual{height:330px}.actions{flex-direction:column}.button{width:100%}.trust{display:grid}.section{padding-block:65px}.section-head{display:block}.world-grid,.product-grid,.feature-grid,.knowledge-grid,.fact-grid{grid-template-columns:1fr}.world-card{min-height:420px}.feature-grid{gap:20px}.feature{border-top:1px solid #3f5655;padding-top:20px}.product-image{height:300px}.guide-card{padding:34px 24px;gap:30px}.metric{border:0;border-top:1px solid rgba(32,53,52,.25);padding:25px 0 0}.footer-grid{grid-template-columns:1fr}.legal{display:block}.category-grid{gap:35px}.category-art .sample{height:300px}.fact-grid>div{border-right:0;border-bottom:1px solid var(--line)}.product-detail{gap:35px}.gallery-main{height:390px}.calculator form{grid-template-columns:1fr}.calc-result{grid-template-columns:1fr}.catalog-bar span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.admin-bar{min-height:38px;padding:7px max(20px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#d99b2f;color:#203737;font-size:12px}.admin-bar>div{display:flex;align-items:center;gap:10px}.admin-bar i{width:8px;height:8px;border-radius:50%;background:#203737}.admin-bar a{font-weight:700;text-decoration:underline}.maintenance-mode{background:#203737;color:white}.maintenance{min-height:100vh;width:min(1180px,calc(100% - 40px));margin:auto;padding:52px 0 25px;display:flex;flex-direction:column}.maintenance>div{margin:auto 0}.maintenance h1{font:700 clamp(55px,9vw,110px)/.92 'Manrope',sans-serif;letter-spacing:-.07em;margin:0 0 28px}.maintenance>div>p:not(.eyebrow){color:#bdcbc7;font-size:18px}.maintenance-status{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 15px;border:1px solid #56706d;border-radius:99px;color:#d9e4df;font-size:12px}.maintenance-status i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(239,169,52,.13)}.maintenance footer{display:flex;justify-content:space-between;color:#8fa29d;font-size:12px}.login-page{min-height:100vh;background:var(--paper);display:grid;place-items:center;padding:25px}.login-card{width:min(460px,100%);background:white;padding:45px;border-radius:24px;box-shadow:var(--shadow)}.login-card .brand-logo{width:150px;margin-bottom:35px}.login-card h1{font:700 38px/1.05 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 12px}.login-intro{color:var(--muted)}.login-form{display:grid;gap:10px;margin-top:25px}.login-form label{font-weight:700;font-size:13px}.login-form input{height:50px;border:1px solid var(--line);border-radius:10px;padding:0 13px}.login-form button{height:50px;border:0;border-radius:99px;background:var(--ink);color:white;font-weight:700;margin-top:8px}.form-error{background:#fff0ed;color:#9a3327;padding:10px 12px;border-radius:8px;font-size:13px}.back-link{display:inline-block;margin-top:20px;color:var(--muted);font-size:13px}
.maintenance-mode{min-height:100vh;background:#fff;color:#304848}.maintenance-simple{position:relative;display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;overflow:hidden;padding:clamp(1.5rem,4vw,3.5rem) clamp(1.4rem,6vw,6rem);background:#fff}.maintenance-simple:before{content:'';position:absolute;top:0;right:0;width:clamp(180px,28vw,430px);height:5px;background:linear-gradient(90deg,#f0a830,#f0c060)}.maintenance-simple__header{display:flex;align-items:center}.maintenance-logo{display:block;width:clamp(125px,14vw,175px);height:auto}.maintenance-simple__content{align-self:center;max-width:900px;padding:clamp(3rem,8vh,7rem) 0}.maintenance-kicker{display:inline-block;margin-bottom:1.4rem;color:#c98213;font:700 12px/1.2 'Manrope',sans-serif;letter-spacing:.16em;text-transform:uppercase}.maintenance-simple__content h1{margin:0 0 1.8rem;color:#304848;font:700 clamp(3.4rem,9vw,7.4rem)/.92 'Manrope',sans-serif;letter-spacing:-.07em}.maintenance-simple__content p{margin:0;color:#647878;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.maintenance-simple .maintenance-status{display:inline-flex;align-items:center;gap:10px;margin-top:2rem;padding:10px 15px;border:1px solid #dbe3df;border-radius:99px;background:#f7f8f5;color:#526968;font-size:12px}.maintenance-status__dot{width:8px;height:8px;border-radius:50%;background:#e5a22f;box-shadow:0 0 0 5px rgba(229,162,47,.14)}.maintenance-simple__footer{display:flex;justify-content:space-between;gap:20px;padding-top:1.2rem;border-top:1px solid #e4e9e5;color:#718381;font-size:12px}.maintenance-simple__footer a{font-weight:700;color:#304848}@media(max-width:600px){.maintenance-simple__content h1{letter-spacing:-.055em}.maintenance-simple__content p br{display:none}}
.world-group{margin-top:58px}.world-group>h3{padding-bottom:12px;border-bottom:1px solid var(--line);font:600 14px 'Manrope',sans-serif;letter-spacing:.04em}.sample-delux{background-image:repeating-linear-gradient(135deg,#2e4544 0 14px,#bc8733 14px 17px,#405856 17px 31px)}.sample-maxi-24{background-image:repeating-linear-gradient(0deg,#354b4a 0 42px,#e2ae4e 42px 48px)}.sample-dekor{background-image:radial-gradient(ellipse at 50% 100%,transparent 0 22px,#d7a547 23px 26px,transparent 27px);background-size:55px 55px}.sample-minis{background-image:radial-gradient(circle,#e8ad3c 0 10px,transparent 11px);background-size:52px 52px}.sample-landesfarben{background-image:linear-gradient(0deg,#e4ad39 0 33%,#bd2d33 33% 66%,#263b3a 66%)}.sample-vereinsfarben{background-image:repeating-linear-gradient(0deg,#f3f1e9 0 25px,#314b4a 25px 50px)}.sample-beschriftung{background-image:linear-gradient(#314a49,#314a49);position:relative}.sample-beschriftung:after{content:'DEIN TEXT';position:absolute;inset:0;display:grid;place-items:center;color:#e6ad40;font:700 27px 'Manrope',sans-serif;letter-spacing:.12em}.sample-sichtschutz-zubehoer{background-image:repeating-linear-gradient(90deg,#314a49 0 11px,#f1b544 11px 16px,#dfe3de 16px 34px)}
.calculator{grid-template-columns:.9fr 1.1fr;align-items:start}.calc-intro>p:not(.eyebrow){color:var(--muted)}.calc-panel{background:var(--paper);border-radius:24px;padding:32px}.calculator form{display:block;background:transparent;padding:0}.calculator form label{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}.calculator form label:not(:first-child){margin-top:28px}.calculator output{background:var(--ink);color:white;border-radius:99px;padding:4px 10px;font-size:12px}.calculator input[type=range]{appearance:none;width:100%;height:6px;border:0;border-radius:99px;padding:0;background:linear-gradient(90deg,var(--accent),#d9ded9)}.calculator input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border:5px solid white;border-radius:50%;background:var(--ink);box-shadow:0 2px 10px rgba(20,45,44,.25)}.calculator input[type=range]::-moz-range-thumb{width:15px;height:15px;border:5px solid white;border-radius:50%;background:var(--ink);box-shadow:0 2px 10px rgba(20,45,44,.25)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:7px}.fence-preview{height:190px;margin-top:34px;padding:24px 35px;background:linear-gradient(150deg,#d7d9d2,#eef0eb);border-radius:16px;overflow:hidden}.fence-preview>div{height:100%;display:flex;flex-direction:column;justify-content:space-around;border-inline:8px solid var(--ink)}.fence-preview i{display:block;height:10px;background:var(--accent);border-block:2px solid var(--ink)}.calc-result{grid-column:1/-1;grid-template-columns:repeat(5,1fr);margin-top:4px}.calc-note{grid-column:1/-1;margin:12px 0 0;color:var(--muted);font-size:13px}
@media(max-width:980px){.calculator{grid-template-columns:1fr}.calc-result{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.world-group{margin-top:42px}.calc-panel{padding:24px 18px}.calc-result{grid-template-columns:1fr}.fence-preview{height:160px;padding:20px}}
.fence-preview{height:300px;padding:32px 42px;border-radius:20px;transition:transform .2s ease,box-shadow .2s ease}.fence-preview.is-adjusting{transform:scale(1.025);box-shadow:0 20px 45px rgba(31,52,52,.18)}.fence-preview>div{border-inline-width:10px}.fence-preview i{height:clamp(10px,2.2vh,20px);border-block-width:3px;animation:strip-in .28s ease both;animation-delay:var(--delay)}@keyframes strip-in{from{opacity:.35;transform:scaleX(.85)}to{opacity:1;transform:scaleX(1)}}
.pattern-guide{padding-bottom:20px}.pattern-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding-top:75px}.pattern-hero h2{font:700 clamp(42px,5vw,72px)/1 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.pattern-hero img,.pattern-compare>img{width:100%;border-radius:24px;box-shadow:var(--shadow)}.pattern-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pattern-facts>div{padding:25px;background:var(--paper);border-radius:16px}.pattern-facts b,.pattern-card>span{color:#ad7416;font-size:12px;font-weight:700;letter-spacing:.1em}.pattern-facts h3,.pattern-card h3,.staggered-demo h3{font:700 20px/1.2 'Manrope',sans-serif;margin:12px 0 7px}.pattern-facts p,.pattern-card p,.staggered p{color:var(--muted)}.pattern-compare>img{max-height:560px;object-fit:cover;margin-bottom:38px}.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pattern-card{border:1px solid var(--line);border-radius:18px;padding:20px}.weave{height:150px;margin-bottom:18px;border:8px solid var(--ink);background-color:#d9ded8;background-image:repeating-linear-gradient(90deg,transparent 0 38px,var(--ink) 38px 44px),repeating-linear-gradient(0deg,transparent 0 30px,var(--ink) 30px 35px);position:relative;overflow:hidden}.weave:after{content:'';position:absolute;left:0;right:0;top:31%;height:28px;background:repeating-linear-gradient(90deg,var(--accent) 0 38px,#243a3a 38px 44px,var(--accent) 44px 82px);box-shadow:0 42px 0 #304848}.weave-b:after{background:repeating-linear-gradient(90deg,var(--accent) 0 82px,#243a3a 82px 88px)}.weave-c:after{background:repeating-linear-gradient(90deg,#304848 0 126px,#243a3a 126px 132px)}.weave-d:after{background:repeating-linear-gradient(90deg,var(--accent) 0 38px,#243a3a 38px 44px,#304848 44px 126px,#243a3a 126px 132px)}.staggered-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.staggered-demo>div{background:var(--paper);padding:22px;border-radius:18px}.weave-e:after{background:repeating-linear-gradient(90deg,var(--accent) 0 38px,#243a3a 38px 44px);box-shadow:22px 42px 0 #304848}.weave-f:after{background:repeating-linear-gradient(90deg,var(--accent) 0 82px,#243a3a 82px 88px);box-shadow:44px 42px 0 #304848}.accent-guide{background:var(--deep);color:white;padding:80px 0}.accent-guide .wrap{max-width:900px}.accent-guide h2,.safety-note h2{font:700 clamp(34px,4vw,54px)/1.08 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.accent-guide p{color:#c4d0cc;font-size:18px}.safety-note{background:var(--zz-soft);border-radius:22px;margin-bottom:80px;padding:45px}.safety-note .button{width:auto}@media(max-width:820px){.pattern-hero{grid-template-columns:1fr}.pattern-facts,.pattern-grid,.staggered-demo{grid-template-columns:1fr}.pattern-hero img{order:-1}.safety-note{padding:28px}}@media(max-width:620px){.fence-preview{height:230px;padding:24px}}
.split-patterns{display:block}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:-22px 0 32px;color:var(--muted)}.split-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.split-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}.split-card.featured{border-color:#d99b2f;background:#fff}.split-card>span{display:block;margin-top:16px;color:#ad7416;font-size:11px;font-weight:700;letter-spacing:.06em}.split-card h3{font:700 19px/1.2 'Manrope',sans-serif;margin:8px 0}.split-card p{margin-bottom:0;color:var(--muted);font-size:14px}.row-compose{height:190px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:7px;background:#d9ded8;position:relative;box-shadow:inset 0 0 0 4px var(--ink)}.row-compose i{display:block;min-height:0;margin:8px 10px;background-image:linear-gradient(90deg,rgba(255,255,255,.12),transparent 55%,rgba(0,0,0,.08));box-shadow:0 0 0 2px var(--ink)}.row-compose i+ i{margin-top:0}.row-compose:before,.row-compose:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none}.row-compose:before{background:repeating-linear-gradient(90deg,transparent 0 29px,var(--ink) 29px 34px,transparent 34px 63px)}.row-compose:after{background:repeating-linear-gradient(0deg,transparent 0 40px,var(--ink) 40px 43px,transparent 43px 47px,var(--ink) 47px 50px)}.segment-full,.segment-third,.segment-quarter{flex:1}.segment-half{flex:2}.tone-gold{background-color:#dfa73f}.tone-deep{background-color:#405856}.tone-light{background-color:#d9ded8}.split-combine{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;margin:34px 0;padding:30px;background:var(--paper);border-radius:18px}.split-combine h3{font:700 28px/1.1 'Manrope',sans-serif;margin:0}.split-combine ol{display:grid;gap:14px;margin:0;padding:0;list-style:none}.split-combine li{display:grid;grid-template-columns:150px 1fr;gap:15px;padding-bottom:13px;border-bottom:1px solid var(--line)}.split-combine li:last-child{border:0;padding-bottom:0}.split-combine span{color:var(--muted)}@media(max-width:1000px){.split-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.split-intro,.split-combine{grid-template-columns:1fr}.split-combine li{grid-template-columns:1fr;gap:3px}}@media(max-width:560px){.split-grid{grid-template-columns:1fr}.row-compose{height:170px}}
.fence-preview>div{position:relative;overflow:hidden}.fence-preview>div:after{content:'';position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 46px,var(--ink) 46px 52px);pointer-events:none}.fence-preview i{position:relative;z-index:1;border-block:2px solid var(--ink);box-shadow:0 -5px 0 var(--ink),0 5px 0 var(--ink)}

/* Rechner: vereinfachte, rein horizontale Reihenanzeige ohne Zwischenstaebe. */
.fence-preview{padding:32px 42px}.fence-preview>div{display:grid;grid-auto-rows:1fr;gap:6px;justify-content:stretch;border-inline:10px solid var(--ink)}.fence-preview>div:after{display:none}.fence-preview i{height:auto;min-height:0;border:0;border-block:4px solid var(--ink);background:linear-gradient(90deg,#efab36,#f0b447);box-shadow:none}
.weave{background-image:repeating-linear-gradient(90deg,transparent 0 38px,var(--ink) 38px 44px),repeating-linear-gradient(0deg,transparent 0 25px,var(--ink) 25px 28px,transparent 28px 32px,var(--ink) 32px 35px)}.weave:before{content:'';position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 25px,var(--ink) 25px 28px,transparent 28px 32px,var(--ink) 32px 35px);pointer-events:none}.weave:after{z-index:1}
.install-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-top:75px}.install-hero h2{font:700 clamp(42px,5vw,72px)/1 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.install-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.install-meta span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px}.install-fence{height:410px;padding:35px 25px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;border-radius:24px;background:#d9ded8;position:relative;box-shadow:var(--shadow)}.install-fence:before,.install-fence:after{content:'';position:absolute;inset:25px;pointer-events:none}.install-fence:before{z-index:3;background:repeating-linear-gradient(90deg,transparent 0 48px,var(--ink) 48px 55px)}.install-fence:after{z-index:2;background:repeating-linear-gradient(0deg,transparent 0 56px,var(--ink) 56px 60px,transparent 60px 65px,var(--ink) 65px 69px)}.install-fence i{height:34px;margin-inline:10px;background:repeating-linear-gradient(90deg,var(--accent) 0 48px,#314948 48px 55px,var(--accent) 55px 103px);position:relative;z-index:1}.install-before h2,.install-steps h2,.install-details h2,.install-errors h2{font:700 clamp(34px,4vw,54px)/1.08 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.tool-list>div{display:grid;gap:8px;padding:22px;border-radius:16px;background:var(--paper)}.tool-list span{color:var(--muted)}.install-steps{display:block}.install-steps>ol{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0;list-style:none}.install-steps>ol>li{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:24px;border:1px solid var(--line);border-radius:18px}.install-steps>ol>li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:white;font-weight:700}.install-steps h3{font:700 21px/1.2 'Manrope',sans-serif;margin:8px 0}.install-steps p{color:var(--muted)}.install-steps a{color:#ad7416;font-weight:700}.install-details{padding:80px 0;background:var(--deep);color:white}.install-details>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.detail-grid{display:grid;gap:14px}.detail-grid article{padding:22px;border:1px solid #526b68;border-radius:16px}.detail-grid h3{margin:0 0 8px;font:700 20px 'Manrope',sans-serif}.detail-grid p{margin:0;color:#c4d0cc}.install-errors ul{display:grid;gap:0;margin:30px 0;padding:0;list-style:none}.install-errors li{padding:16px 0;border-bottom:1px solid var(--line)}.install-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;padding:28px;border-radius:18px;background:var(--zz-soft)}.install-cta h3{margin:0;font:700 23px 'Manrope',sans-serif}.install-cta p{margin:5px 0 0;color:var(--muted)}.install-cta .button{width:auto;white-space:nowrap}@media(max-width:900px){.install-hero,.install-details>.wrap{grid-template-columns:1fr}.install-fence{height:330px}.install-steps>ol{grid-template-columns:1fr}}@media(max-width:620px){.tool-list{grid-template-columns:1fr}.install-fence{height:270px;padding:20px}.install-fence:before,.install-fence:after{inset:15px}.install-steps>ol>li{grid-template-columns:42px 1fr;padding:19px}.install-steps>ol>li>span{width:38px;height:38px}.install-cta{align-items:flex-start;flex-direction:column}}
.pattern-figure{margin:0 0 38px}.pattern-figure img{width:100%;max-height:590px;object-fit:contain;border-radius:22px;background:#f3f5f4;box-shadow:var(--shadow)}.pattern-figure figcaption{padding:12px 4px 0;color:var(--muted);font-size:13px}.sample-party-event{background-color:#304847;background-image:radial-gradient(circle at 25% 30%,#e5ad42 0 7px,transparent 8px),radial-gradient(circle at 70% 62%,#dce2db 0 6px,transparent 7px),repeating-linear-gradient(135deg,transparent 0 22px,rgba(229,173,66,.3) 22px 26px)}
.hero-visual .fence{inset:82px 38px 54px;padding:10px 12px;overflow:hidden;border:0}.hero-visual .fence:before,.hero-visual .fence:after{inset:0;right:auto;width:auto;background:none}.hero-visual .fence:before{z-index:3;left:0;right:0;background:repeating-linear-gradient(90deg,transparent 0 48px,#273d3c 48px 56px)}.hero-visual .fence:after{z-index:2;left:0;right:0;background:repeating-linear-gradient(0deg,transparent 0 45px,#273d3c 45px 49px,transparent 49px 55px,#273d3c 55px 59px)}.hero-visual .fence i{height:31px;margin-inline:8px;border:0;background:linear-gradient(90deg,#d9a951,#e5b65b);box-shadow:inset 0 0 0 2px #273d3c;position:relative;z-index:1}
.image-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #afaaa0;border-radius:18px;background:repeating-linear-gradient(135deg,#f4f1eb 0 18px,#ece8df 18px 36px);color:var(--ink);text-align:center}.image-placeholder span{padding:8px 13px;border-radius:7px;background:var(--ink);color:white;font:700 14px 'Manrope',sans-serif;letter-spacing:.12em}.image-placeholder small{max-width:80%;color:var(--muted);font-weight:700}.hero-visual-placeholder{height:500px;border-radius:180px 30px 30px 30px}.category-placeholder{height:205px;min-height:205px;border-radius:15px}.category-hero-placeholder{height:390px}.guide-hero-placeholder{height:460px}.guide-wide-placeholder{height:480px}@media(max-width:980px){.hero-visual-placeholder{height:390px}}@media(max-width:620px){.hero-visual-placeholder{height:330px}.category-hero-placeholder{height:300px}.guide-hero-placeholder,.guide-wide-placeholder{height:280px}}
.scroll-top{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);z-index:80;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(25,48,47,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:#b87d19}.scroll-top:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.scroll-top span{width:12px;height:12px;border-top:3px solid currentColor;border-left:3px solid currentColor;transform:translateY(3px) rotate(45deg)}@media(max-width:620px){.scroll-top{width:46px;height:46px}}

/* Rechner: geschlossene Reihen und dynamische Hoehenangabe. */
.fence-preview{position:relative;padding-right:100px}.fence-preview:after{content:attr(data-height);position:absolute;right:18px;top:50%;transform:translateY(-50%);padding:6px 9px;border-radius:99px;background:var(--ink);color:#fff;font:700 12px 'Manrope',sans-serif;white-space:nowrap}.fence-preview>div{gap:0;border-block:5px solid var(--ink)}.fence-preview i{border-block:0;border-bottom:6px solid var(--ink)}.fence-preview i:last-child{border-bottom:0}@media(max-width:620px){.fence-preview{padding-right:78px}.fence-preview:after{right:10px;font-size:11px}}

/* Rechner: alle Standardhoehen als direkt waehlbare Matten. */
.calculator{grid-template-columns:1fr}.calc-intro{max-width:820px}.calc-panel{grid-column:1/-1}.height-choices{display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:10px;align-items:end;margin:18px 0 22px;padding:18px 14px 12px;border-radius:16px;background:#e7e9e4}.height-choices button{appearance:none;display:grid;grid-template-rows:130px auto;align-items:end;gap:8px;min-width:0;padding:0 3px 7px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;transition:background .18s ease,transform .18s ease}.height-choices button:hover{background:rgba(255,255,255,.62)}.height-choices button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.height-choices button.active{background:#fff;box-shadow:0 5px 18px rgba(31,52,52,.12);transform:translateY(-3px)}.height-choices b{font:700 12px 'Manrope',sans-serif;text-align:center;white-space:nowrap}.mini-mat{display:block;width:100%;height:var(--mat-height);border:4px solid var(--ink);background:repeating-linear-gradient(0deg,var(--ink) 0 3px,transparent 3px calc(100% / var(--rows))),linear-gradient(var(--mat-color,#cfd3cf),var(--mat-color,#cfd3cf));transition:background-color .18s ease}.height-choices button.active .mini-mat{--mat-color:var(--accent)}@media(max-width:820px){.height-choices{grid-template-columns:repeat(4,1fr)}.height-choices button{grid-template-rows:118px auto}}@media(max-width:440px){.height-choices{grid-template-columns:repeat(2,1fr);gap:8px}.height-choices button{grid-template-rows:112px auto}}

/* Startseite: Markenprofil, Portfoliobreite und Handelspartner. */
.brand-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px 70px}.brand-story-lead h2,.dealer-stage h2{font:700 clamp(38px,5vw,66px)/1.03 'Manrope',sans-serif;letter-spacing:-.05em;margin:0}.brand-story-copy .lead{margin-top:0}.brand-story-copy p{color:var(--muted)}.brand-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-values article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.brand-values b{color:#ad7416;font-size:12px;letter-spacing:.12em}.brand-values h3{margin:16px 0 7px;font:700 21px 'Manrope',sans-serif}.brand-values p{margin:0;color:var(--muted)}.dealer-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;margin-bottom:80px;padding:clamp(30px,5vw,64px);border-radius:28px;background:var(--zz-soft)}.dealer-stage>div>p{max-width:750px;color:var(--muted)}.dealer-stage .button{width:auto;margin-top:12px}.dealer-stage aside{display:grid;gap:0;padding:25px;border-radius:18px;background:var(--ink);color:#fff}.dealer-stage aside strong{margin-top:18px;color:var(--accent);font:700 14px 'Manrope',sans-serif}.dealer-stage aside strong:first-child{margin-top:0}.dealer-stage aside span{padding:5px 0 18px;border-bottom:1px solid #4e6664;color:#d3ddda}.dealer-stage aside span:last-child{padding-bottom:0;border:0}@media(max-width:900px){.brand-story,.dealer-stage{grid-template-columns:1fr}.brand-values{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.brand-values{grid-template-columns:1fr}.dealer-stage{gap:30px;margin-bottom:45px;border-radius:20px}}

/* Mobile-first layout layer: shared across all public pages. */
html{overflow-x:hidden}body{min-width:0;overflow-wrap:break-word}.wrap,.narrow{width:min(100% - 28px,1240px)}.narrow{max-width:980px}.topline{padding:7px 14px;font-size:10px;line-height:1.4}.header-inner{height:70px}.site-logo{width:122px}.menu-button{display:inline-flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:#fff}.main-nav{display:none;position:absolute;top:70px;left:14px;right:14px;z-index:20;align-items:stretch;gap:2px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.main-nav.open{display:flex;flex-direction:column}.main-nav a,.main-nav a:last-child{display:flex;min-height:48px;align-items:center;padding:10px 14px;border:0;border-radius:10px}.main-nav a:last-child{background:var(--ink);color:#fff}.world-nav .world-nav-stack{width:100%;overflow:hidden}.world-nav-row,.knowledge-nav-row{justify-content:flex-start;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;padding-inline:14px;scroll-snap-type:x proximity;scrollbar-width:none}.world-nav-row a,.knowledge-nav-row a{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;scroll-snap-align:start}.knowledge-topic-nav{width:calc(100% - 28px)!important;gap:12px}.knowledge-topic-nav span{display:none}.hero-grid,.category-grid,.product-detail,.detail-tabs,.calculator,.brand-story,.dealer-stage,.pattern-hero,.install-hero,.material-hero,.material-tech,.install-details>.wrap,.split-combine{grid-template-columns:minmax(0,1fr)!important}.hero-grid,.category-grid{min-height:auto;padding:46px 0;gap:34px}.hero h1,.page-hero h1,.category-hero h1,.pattern-hero h1,.install-hero h1,.material-hero h1{font-size:clamp(39px,12vw,54px);line-height:1;letter-spacing:-.055em}.lead{font-size:17px}.hero-visual,.hero-visual-placeholder{height:330px}.hero-label{left:14px;right:14px;bottom:14px;padding:13px;flex-direction:column;gap:2px}.actions{flex-direction:column}.button{width:100%;min-height:50px}.section{padding-block:62px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:14px}.world-grid,.product-grid,.feature-grid,.knowledge-grid,.fact-grid,.brand-values,.material-cards,.material-worlds,.pattern-facts,.pattern-grid,.staggered-demo,.split-grid,.accent-pattern-grid,.tool-list,.install-steps>ol{grid-template-columns:minmax(0,1fr)!important}.world-card{min-height:410px}.product-image{height:min(82vw,330px)}.product-copy>p:not(.eyebrow){min-height:0}.feature-grid{gap:20px}.feature{padding-top:20px;border-top:1px solid #3f5655}.guide-card{grid-template-columns:1fr;padding:30px 20px;gap:28px;border-radius:22px}.metric{padding:24px 0 0;border:0;border-top:1px solid rgba(32,53,52,.25)}.catalog{grid-template-columns:1fr;gap:28px;padding-bottom:65px}.filters{position:static}.filter{display:none}.filter.active{display:flex}.catalog-bar span{display:none}.breadcrumbs{overflow-x:auto;white-space:nowrap}.product-detail{gap:28px;padding-bottom:62px}.gallery-main{height:min(96vw,430px);border-radius:14px}.thumbs{margin-inline:-2px;padding:2px;scroll-snap-type:x proximity}.thumb{flex-basis:68px;height:68px;scroll-snap-align:start}.product-info h1{font-size:clamp(32px,10vw,44px)}.dealer-box{padding:20px}.specs div{gap:18px}.specs dd{text-align:right}.knowledge-grid a{min-height:250px;padding:25px}.calculator,.calc-panel{min-width:0}.calc-panel{padding:22px 14px}.calculator form label{gap:12px}.height-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 10px}.height-choices button{grid-template-rows:104px auto}.fence-preview{height:210px;padding:20px 72px 20px 20px}.fence-preview:after{right:9px;font-size:10px}.calc-result{grid-template-columns:1fr}.pattern-hero,.install-hero,.calculator,.material-hero{width:calc(100% - 28px);padding:28px 20px;border-radius:22px}.pattern-hero .image-placeholder,.material-hero .image-placeholder{min-height:270px}.install-fence{height:270px;padding:20px}.pattern-basics,.install-before,.install-errors,.article{width:calc(100% - 28px)!important;padding:34px 20px!important}.install-details{padding:60px 0}.install-steps>ol>li{grid-template-columns:42px minmax(0,1fr);padding:18px}.install-cta{align-items:stretch;flex-direction:column;padding:22px}.install-cta .button{width:100%}.split-stage{grid-template-columns:1fr;padding:26px 20px;gap:24px}.split-stage h2{font-size:38px}.split-measure{width:100%;min-height:110px}.split-intro-cards{grid-template-columns:1fr}.split-combine li{grid-template-columns:1fr;gap:3px}.safety-note{padding:26px 20px;margin-bottom:55px}.material-table-wrap{-webkit-overflow-scrolling:touch}.material-tech-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:34px}.legal{display:grid;gap:8px;margin-top:38px}.admin-bar{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 14px}.admin-bar>div{flex-wrap:wrap}.login-card{padding:32px 22px}.maintenance-simple__footer{flex-direction:column;gap:6px}.scroll-top{width:46px;height:46px;right:14px;bottom:14px}

@media(min-width:700px){.wrap,.narrow{width:min(100% - 40px,1240px)}.height-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid,.world-grid,.brand-values,.material-cards,.pattern-facts,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.knowledge-grid,.pattern-grid,.staggered-demo,.accent-pattern-grid,.tool-list,.install-steps>ol,.material-worlds{grid-template-columns:repeat(2,minmax(0,1fr))!important}.actions{flex-direction:row}.button{width:auto}.footer-grid{grid-template-columns:1fr 1fr}.calc-result{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-topic-nav span{display:block}.admin-bar{align-items:center;flex-direction:row}.maintenance-simple__footer{flex-direction:row}}
@media(min-width:981px){.topline{font-size:12px}.header-inner{height:86px}.site-logo{width:clamp(120px,12vw,164px)}.menu-button{display:none}.main-nav{display:flex;position:static;align-items:center;gap:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.main-nav a,.main-nav a:last-child{display:inline-flex;min-height:auto;padding:0;border-radius:0}.main-nav a:last-child{padding:9px 16px;border:1px solid var(--ink);border-radius:99px;background:transparent;color:var(--ink)}.hero-grid{grid-template-columns:1fr 1fr!important;min-height:660px;padding:0;gap:70px}.category-grid{grid-template-columns:1fr .85fr!important;min-height:580px;padding:0;gap:80px}.hero h1,.page-hero h1,.category-hero h1{font-size:clamp(48px,6vw,88px)}.hero-visual,.hero-visual-placeholder{height:500px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.feature-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))!important}.catalog{grid-template-columns:230px minmax(0,1fr);gap:55px;padding-bottom:100px}.filters{position:sticky}.filter{display:flex}.product-detail{grid-template-columns:1.08fr .92fr!important;gap:70px;padding-bottom:90px}.detail-tabs{grid-template-columns:1.4fr .8fr!important}.gallery-main{height:610px}.brand-story{grid-template-columns:.72fr 1.28fr!important}.dealer-stage{grid-template-columns:1.25fr .75fr!important}.brand-values{grid-template-columns:repeat(4,minmax(0,1fr))!important}.height-choices{grid-template-columns:repeat(8,minmax(58px,1fr))}.calc-result{grid-template-columns:repeat(5,minmax(0,1fr))}.pattern-hero,.install-hero{grid-template-columns:.9fr 1.1fr!important}.material-hero{grid-template-columns:.9fr 1.1fr!important}.material-tech{grid-template-columns:.8fr 1.2fr!important}.install-details>.wrap{grid-template-columns:.7fr 1.3fr!important}.split-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.split-combine{grid-template-columns:.75fr 1.25fr!important}.footer-grid{grid-template-columns:1.2fr .8fr 1fr}.legal{display:flex}}

/* Produktdetail: Beschreibung an der Galeriekante, Eigenschaften am rechten Rasterrand. */
.product-details-section{padding-top:54px}.product-details-section>h2{margin-bottom:30px}.product-details-section .detail-tabs{gap:38px}.product-details-section .richtext{max-width:none;line-height:1.5}.product-details-section .richtext>:first-child{margin-top:0}.product-details-section .richtext p{margin:0 0 14px}.product-details-section .richtext ul,.product-details-section .richtext ol{margin:10px 0 18px;padding-left:24px}.product-details-section .richtext h2,.product-details-section .richtext h3,.product-details-section .richtext h4{margin:22px 0 10px;line-height:1.2}.product-details-section .specs{width:100%;align-self:start}@media(min-width:981px){.product-details-section .detail-tabs{grid-template-columns:minmax(0,1.72fr) minmax(300px,.68fr)!important;gap:clamp(55px,7vw,110px)}.product-details-section .specs{justify-self:end}}

/* Varianten: kombinierte Bezeichnungen in Länge und Farbe aufteilen. */
.variant-split{display:grid;grid-template-columns:1fr;gap:12px}.variant-split[hidden],#variant-original[hidden]{display:none}.variant-split>div{min-width:0}.variant-split label{margin-bottom:6px}.variant-split select:disabled{color:#89928f;background:#f4f5f2}.variants small{min-height:20px}@media(min-width:620px){.variant-split{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}

/* Produktmenü: Beide Zeilen als geschlossenen Menüblock zentrieren. */
@media(min-width:700px){.world-nav-row{width:max-content;max-width:100%;margin-inline:auto;padding-inline:0;justify-content:center}}

/* Sichtschutzrechner: optische Trennung zum Footer. */
.calculator{margin-bottom:clamp(36px,5vw,72px)}

/* Produktwelten: kompakte Faktenübersicht mit weniger Scrollweg. */
.prose.section{padding-block:clamp(42px,5vw,68px)}.prose>h2{max-width:820px;margin-bottom:28px;font-size:clamp(31px,3.6vw,48px)}.fact-grid>div{padding:18px 16px}.fact-grid b{font-size:clamp(22px,2.4vw,28px)}.fact-grid span{line-height:1.4}
@media(min-width:600px){.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Sprachneutrale Systemschrift mit breiter europäischer Zeichenabdeckung. */
:root{--font-neutral:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}body,body *{font-family:var(--font-neutral)!important}

/* Mobile Navigation: alle Ebenen im Hamburger-Menü statt in breiten Scrollleisten. */
.mobile-nav-groups{display:none}@media(max-width:980px){.main-nav{max-height:calc(100dvh - 92px);overflow-y:auto}.world-nav,.knowledge-nav{display:none}.mobile-nav-groups{display:grid;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}.mobile-nav-group{border:1px solid var(--line);border-radius:12px;background:var(--paper)}.mobile-nav-group summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-weight:700;cursor:pointer;list-style:none}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary:after{content:'+';font-size:20px;font-weight:400}.mobile-nav-group[open] summary:after{content:'−'}.mobile-nav-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 8px 8px}.main-nav .mobile-nav-group a{min-width:0;min-height:42px;padding:8px 10px;font-size:13px;overflow-wrap:break-word;word-break:normal}.mobile-nav-group .mobile-knowledge-links{grid-template-columns:1fr}}@media(max-width:420px){.mobile-nav-group>div{grid-template-columns:1fr}}
@media(max-width:980px){.main-nav>.desktop-product-worlds{display:none}}

/* Produktkarten: Kategorie rechts, damit Bildlogos links sichtbar bleiben. */
.product-card .badge{left:auto;right:13px}

/* Einflecht-Anleitung: alle Themenblöcke auf eine gemeinsame Seitenbreite bringen. */
.install-guide .install-hero,.install-guide .install-before,.install-guide .install-steps,.install-guide .install-details>.wrap,.install-guide .install-errors{width:min(1240px,calc(100% - 40px));margin-inline:auto;max-width:1240px}
@media(max-width:620px){.install-guide .install-hero,.install-guide .install-before,.install-guide .install-steps,.install-guide .install-details>.wrap,.install-guide .install-errors{width:calc(100% - 28px)}}

/* Wissensseite Verwendungshinweise. */
.knowledge-overview>.knowledge-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.usage-guide{padding-bottom:70px}.usage-guide h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin-top:0}.usage-intro{padding-top:72px}.usage-intro>.lead{max-width:900px}.usage-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:34px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.usage-facts>div{display:flex;min-width:0;flex-direction:column;padding:22px;background:#fff}.usage-facts span,.usage-facts small{color:var(--muted);font-size:12px}.usage-facts b{font-size:24px}.usage-section{padding:82px 0}.usage-section.alt{background:var(--paper)}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.usage-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.usage-grid article>span{color:#a36e17;font-weight:700}.usage-grid h3{margin:14px 0 8px;font-size:20px}.usage-grid p{margin:0;color:var(--muted)}.usage-split{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:start}.usage-split>div>p{font-size:18px;color:var(--muted)}.usage-split ol{display:grid;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line);list-style:none}.usage-split li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:18px;background:#fff}.usage-split li b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px}.usage-section.dark{background:var(--deep);color:#fff}.usage-section.dark>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.usage-section.dark .lead{color:#c4d0cc}.usage-section.dark .usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-section.dark .usage-grid article{border-color:#526b68;background:transparent}.usage-section.dark .usage-grid p{color:#c4d0cc}.usage-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.usage-checklist>div{display:flex;flex-direction:column;padding:22px;background:#fff}.usage-checklist span{color:var(--muted)}.usage-note{margin-top:28px;padding:24px;border-radius:18px;background:var(--zz-soft)}.usage-note strong{font-size:20px}.usage-note p{margin-bottom:0}.usage-warranty{background:var(--zz-soft)}.usage-warranty .usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-warranty-lead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin:0 0 28px;padding:24px;border-radius:18px;background:var(--deep);color:#fff}.usage-warranty-lead b{color:var(--accent);font:700 clamp(38px,5vw,62px)/1 'Manrope',sans-serif;white-space:nowrap}.usage-warranty-lead span{max-width:850px;color:#d3ddda}.usage-guide .actions{flex-wrap:wrap}
@media(max-width:1050px){.knowledge-overview>.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-section.dark>.wrap{grid-template-columns:1fr}}
@media(max-width:700px){.usage-facts,.usage-grid,.usage-split,.usage-section.dark .usage-grid,.usage-checklist{grid-template-columns:1fr}.usage-warranty-lead{grid-template-columns:1fr}.usage-section{padding:62px 0}.usage-guide{padding-bottom:45px}}
@media(max-width:620px){.knowledge-overview>.knowledge-grid{grid-template-columns:1fr}.usage-guide .material-hero,.usage-intro,.usage-steps,.usage-care,.usage-section>.wrap{width:calc(100% - 28px)}}

/* Intuitive Produktnavigation und einklappbare Filter. */
.filter-panel{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.filter-panel summary{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;font-weight:700;list-style:none}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary:after{content:'+';display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--paper);font-size:19px;font-weight:400}.filter-panel[open] summary:after{content:'−'}.filter-panel summary small{margin-left:auto;color:var(--muted);font-weight:500}.filters-body{padding:0 16px 18px;border-top:1px solid var(--line)}.filters-body label{display:block;margin:16px 0 8px;font-size:13px;font-weight:700}.filters-body>p{margin:18px 0 7px;font-size:13px;font-weight:700}.filters-body input{width:100%;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:10px}.category-filter{margin:-8px 0 24px}.category-filter .filters-body{display:grid;grid-template-columns:minmax(0,620px);justify-content:start}.product-siblings{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding-top:24px}.product-siblings>div:last-child{display:flex;justify-content:flex-end}.product-siblings>span{color:var(--muted);font-size:12px;white-space:nowrap}.product-sibling{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;max-width:390px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.product-sibling small,.product-sibling b{grid-column:2}.product-sibling>span{grid-row:1/3;font-size:22px}.product-sibling b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.product-sibling small{color:var(--muted);font-size:11px}.product-sibling.next{grid-template-columns:minmax(0,1fr) auto;text-align:right}.product-sibling.next small,.product-sibling.next b{grid-column:1}.product-sibling.next>span{grid-column:2}.swipe-hint{display:none}
@media(max-width:980px){.filter-panel .filter{display:flex}.filters{position:static}.catalog{gap:20px}.product-siblings{grid-template-columns:1fr auto 1fr;padding-top:16px}.product-sibling{display:flex;min-width:48px;min-height:48px;justify-content:center;padding:8px}.product-sibling small,.product-sibling b{display:none}.product-sibling>span{font-size:25px}.product-siblings>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;text-align:center}.gallery-main{touch-action:pan-y}.swipe-hint{position:absolute;left:50%;bottom:12px;display:block;transform:translateX(-50%);padding:6px 10px;border-radius:99px;background:rgba(31,52,52,.88);color:#fff;font-size:10px;white-space:nowrap}.gallery-main{position:relative}}
@media(max-width:520px){.filter-panel summary{align-items:flex-start;flex-wrap:wrap}.filter-panel summary small{order:3;width:100%;margin:0}.product-siblings>span{font-size:10px}}

/* zaun|zu 2026 redesign — selected visual direction 1 */
:root{--zz-petrol:#304848;--zz-deep:#233737;--zz-gold:#f0ad38;--zz-sand:#eef1ed;--zz-soft:#eef1ed;--zz-line:#dfe5e0;--zz-text:#233737;--zz-muted:#667876;--zz-radius:18px}
body{color:var(--zz-text);background:#fff}.wrap{width:min(1280px,calc(100% - 48px))}.section{padding-block:clamp(72px,8vw,112px)}.eyebrow{color:#ad7416}.section-head h2,.home-intro h2,.planning-band h2,.about-teaser h2,.about-story h2,.values-section h2,.about-product h2{font-size:clamp(36px,4.1vw,60px);line-height:1.04;letter-spacing:-.045em}.button{border-radius:8px;background:var(--zz-petrol);border-color:var(--zz-petrol);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{background:var(--zz-deep)}.button.ghost{background:#fff}.button.ghost:hover{background:var(--zz-soft)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--zz-line);box-shadow:0 5px 20px rgba(35,55,55,.045)}.topline{display:flex;min-height:31px;align-items:center;justify-content:center;gap:32px;padding:5px 24px;background:var(--zz-deep);letter-spacing:.035em}.topline a{color:#f5bd5d;font-weight:700}.header-inner{height:80px;gap:30px}.site-logo{width:148px}.main-nav{flex:1;justify-content:center;gap:clamp(18px,2.2vw,34px);font-size:14px}.main-nav>a,.nav-dropdown>summary{position:relative;min-height:80px;display:flex;align-items:center;padding:0;border:0;background:none;color:var(--zz-text);font-weight:650;cursor:pointer;list-style:none;white-space:nowrap}.main-nav>a:last-child{min-height:80px;padding:0;border:0;border-radius:0}.main-nav>a:hover,.nav-dropdown>summary:hover{color:#ad7416}.main-nav>a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--zz-gold)}.nav-dropdown{position:relative}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown-panel{position:absolute;top:70px;left:50%;width:440px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:14px;transform:translateX(-50%);border:1px solid var(--zz-line);border-radius:14px;background:#fff;box-shadow:0 22px 50px rgba(35,55,55,.15)}.nav-dropdown:not([open]) .nav-dropdown-panel{display:none}.nav-dropdown-panel a{padding:10px 12px;border-radius:8px;font-size:13px}.nav-dropdown-panel a:hover{background:var(--zz-soft);color:#9f6810}.nav-dropdown-panel a:last-child{grid-column:1/-1;margin-top:5px;border-top:1px solid var(--zz-line);border-radius:0;color:#9f6810;font-weight:700}.header-tools{display:flex;align-items:center;gap:15px}.language-switcher{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--zz-line);border-radius:9px;background:#fff}.language-switcher a,.language-switcher button{display:flex;min-width:33px;height:29px;align-items:center;justify-content:center;padding:4px;border:0;border-radius:6px;background:transparent;cursor:pointer}.language-switcher img{width:24px;height:16px;object-fit:cover;border-radius:2px}.language-switcher span{display:none}.language-switcher a[aria-current=true]{background:var(--zz-soft)}.language-switcher button:disabled{opacity:.48;cursor:default}.menu-button{padding:8px 12px;border:1px solid var(--zz-line);border-radius:8px}.knowledge-nav{border-top:0}.knowledge-nav-row{padding-block:10px}
.home-hero{overflow:hidden;background:var(--zz-sand)}.home-hero__grid{min-height:700px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(48px,7vw,100px);align-items:center;padding-block:70px}.home-hero__copy h1{margin:0;font-size:clamp(54px,6.4vw,92px);line-height:.94;letter-spacing:-.065em}.home-hero__copy .lead{max-width:630px;margin-top:25px;font-size:18px}.home-hero__visual{position:relative;height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 22px 55px rgba(35,55,55,.1)}.home-hero__visual>img{width:100%;height:100%;padding:34px;object-fit:contain;object-position:center}.home-hero__label{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border:1px solid rgba(223,229,224,.9);border-radius:10px;background:rgba(255,255,255,.93);font-size:13px}.home-hero__label span{color:var(--zz-muted)}.trust span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--zz-gold)}
.home-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(45px,8vw,110px)}.home-intro h2,.about-story h2{margin:0}.home-intro>div:last-child>p:last-child,.about-story>div:last-child>p:last-child{color:var(--zz-muted)}.product-worlds{background:#fff}.category-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-card-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--zz-line);border-radius:var(--zz-radius);background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.category-card:hover{transform:translateY(-5px);border-color:#cbd5ce;box-shadow:0 18px 42px rgba(35,55,55,.1)}.category-card__media{height:275px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--zz-soft)}.category-card__media img{width:100%;height:100%;padding:30px;object-fit:contain;object-position:center}.category-card__media.is-empty{background:var(--zz-petrol)}.category-card__body{min-height:214px;display:flex;flex-direction:column;padding:24px}.category-card__body small{color:#ad7416;font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.category-card__body strong{margin:8px 0 9px;font-size:24px;line-height:1.1}.category-card__body>span{color:var(--zz-muted);font-size:14px}.category-card__body b{margin-top:auto;padding-top:22px;font-size:12px}.category-card--compact .category-card__media{height:205px}.category-card--compact .category-card__media img{padding:22px}.category-card--compact .category-card__body{min-height:190px;padding:20px}.category-card--compact .category-card__body strong{font-size:21px}.center-action{display:flex;justify-content:center;margin-top:34px}
.planning-band{padding-block:clamp(76px,8vw,112px);background:var(--zz-deep);color:#fff}.planning-band__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(55px,8vw,120px);align-items:start}.planning-band h2{margin:0}.planning-band>div>div>p:last-child{color:#bdcbc7}.planning-links{border-top:1px solid #4b6260}.planning-links a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:22px 0;border-bottom:1px solid #4b6260}.planning-links small{grid-row:1/3;color:var(--zz-gold);font-weight:750}.planning-links strong{font-size:19px}.planning-links span{color:#b9c8c4;font-size:13px}.planning-links a:hover strong{color:var(--zz-gold)}.about-teaser{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(55px,8vw,110px);align-items:center}.about-teaser h2{margin:0}.about-teaser aside{display:grid;padding:30px;border-radius:18px;background:var(--zz-sand)}.about-teaser aside strong{margin-top:18px}.about-teaser aside strong:first-child{margin-top:0}.about-teaser aside span{padding-bottom:17px;border-bottom:1px solid var(--zz-line);color:var(--zz-muted);font-size:14px}.about-teaser aside span:last-child{padding-bottom:0;border:0}
.catalog-hero{padding-block:clamp(75px,8vw,120px);background:var(--zz-sand)}.catalog-hero h1{max-width:1000px;margin:0;font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.06em}.catalog-hero p:last-child{max-width:760px;margin-top:25px;color:var(--zz-muted);font-size:18px}.catalog-section{padding-block:clamp(75px,8vw,110px);background:var(--zz-sand)}.catalog-section__intro{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:40px}.catalog-section__intro h2{margin:0;font-size:clamp(36px,4vw,58px);letter-spacing:-.045em}.catalog-section__intro>p{color:var(--zz-muted)}.catalog-modern{padding-bottom:0}.filter-panel{border-radius:12px}.filters-body input{border-radius:8px}.product-card{display:flex;flex-direction:column;border-radius:14px}.product-image{height:255px;background:#fff}.product-image img{width:100%;height:100%;padding:20px;object-fit:contain;object-position:center}.product-copy{display:flex;flex:1;flex-direction:column}.product-copy>p:not(.eyebrow){min-height:60px}.product-copy .card-link{margin-top:auto}.product-card .badge{background:var(--zz-deep);color:#fff}.category-hero-image{width:100%;height:430px;padding:35px;object-fit:contain;object-position:center;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(35,55,55,.09)}
.about-hero{padding-block:clamp(70px,8vw,110px);background:var(--zz-sand)}.about-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(50px,8vw,110px);align-items:center}.about-hero h1{margin:0;font-size:clamp(50px,6vw,86px);line-height:.97;letter-spacing:-.06em}.about-hero__image,.about-product__image{height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;background:#fff}.about-hero__image img,.about-product__image img{width:100%;height:100%;padding:35px;object-fit:contain}.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,110px)}.values-section{padding-block:clamp(75px,8vw,108px);background:var(--zz-deep);color:#fff}.values-section h2{margin:0}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:38px;background:#516664}.value-grid article{padding:28px;background:var(--zz-deep)}.value-grid small{color:var(--zz-gold);font-weight:750}.value-grid h3{margin:16px 0 8px;font-size:21px}.value-grid p{margin:0;color:#bdcbc7;font-size:14px}.about-product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,110px);align-items:center}.about-product h2{margin:0}.legal-hero{padding-block:75px;background:var(--zz-sand)}.legal-hero h1{margin:0;font-size:clamp(50px,7vw,82px);line-height:1;letter-spacing:-.055em}.legal-hero p:last-child{color:var(--zz-muted)}.legal-content{display:grid;gap:0;padding-block:70px 110px}.legal-content section{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:28px 0;border-bottom:1px solid var(--zz-line)}.legal-content h2{margin:0;font-size:20px}.legal-content p{margin:0 0 12px;color:var(--zz-muted)}.legal-content a{color:#98620c;text-decoration:underline}
.site-footer{padding:68px 0 22px;border-top:2px solid var(--zz-gold);background:var(--zz-deep)}.footer-grid-modern{grid-template-columns:1.35fr repeat(3,minmax(0,.65fr));gap:clamp(35px,5vw,75px)}.footer-brand img{width:142px;height:auto;padding:8px;border-radius:5px;background:#fff}.footer-grid>div{gap:7px}.footer-grid strong{margin-bottom:7px;color:#fff}.footer-grid a{color:#c2cfcb;font-size:13px}.footer-grid a:hover{color:var(--zz-gold)}.footer-note{font-size:12px}.legal{align-items:center}.legal a{color:#dfe8e5;font-weight:700}
@media(max-width:1100px){.main-nav{gap:18px}.language-switcher button{display:none}.category-card-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid-modern{grid-template-columns:1.2fr repeat(2,1fr)}.footer-grid-modern>div:last-child{grid-column:2/4}}
@media(max-width:980px){.header-inner{height:74px}.main-nav{position:absolute;top:74px;left:24px;right:24px;max-height:calc(100dvh - 100px);display:none;align-items:stretch;justify-content:flex-start;gap:0;padding:12px;overflow-y:auto;border:1px solid var(--zz-line);border-radius:14px;background:#fff;box-shadow:0 22px 50px rgba(35,55,55,.16)}.main-nav.open{display:flex}.main-nav>a,.main-nav>a:last-child,.nav-dropdown>summary{min-height:47px;padding:0 12px;border-bottom:1px solid var(--zz-line)}.main-nav>a[aria-current=page]:after{left:12px;right:auto;bottom:8px;width:32px;height:2px}.nav-dropdown-panel{position:static;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));transform:none;border:0;border-radius:0;box-shadow:none}.nav-dropdown-panel a:last-child{grid-column:1/-1}.home-hero__grid,.about-hero__grid{grid-template-columns:1fr;min-height:auto}.home-hero__copy{padding-top:25px}.home-hero__visual{height:500px}.home-intro,.planning-band__grid,.about-teaser,.about-story,.about-product{grid-template-columns:1fr}.catalog-section__intro{grid-template-columns:1fr}.category-grid{gap:45px}.footer-grid-modern{grid-template-columns:repeat(2,1fr)}.footer-grid-modern>div:last-child{grid-column:auto}}
@media(max-width:700px){.wrap,.narrow{width:min(100% - 28px,1280px)}.topline{justify-content:center}.topline span{display:none}.header-inner{gap:12px}.site-logo{width:124px}.language-switcher button:nth-of-type(n+2){display:none}.language-switcher a,.language-switcher button{min-width:29px}.home-hero__grid{padding-block:46px 58px}.home-hero__copy h1{font-size:clamp(48px,15vw,68px)}.home-hero__visual{height:370px;border-radius:18px}.home-hero__visual>img{padding:20px}.home-hero__label{left:12px;right:12px;bottom:12px}.category-card-grid,.category-card-grid--home,.value-grid{grid-template-columns:1fr}.category-card__media,.category-card--compact .category-card__media{height:260px}.category-card__media img,.category-card--compact .category-card__media img{padding:26px}.category-card__body,.category-card--compact .category-card__body{min-height:185px}.planning-links strong{font-size:17px}.product-grid{grid-template-columns:1fr!important}.product-image{height:300px}.about-hero__image,.about-product__image{height:370px}.legal-content section{grid-template-columns:1fr;gap:8px}.footer-grid-modern{grid-template-columns:1fr}.footer-grid-modern>div:last-child{grid-column:auto}.legal{display:flex;align-items:flex-start;gap:15px;flex-direction:column}.category-hero-image{height:330px;padding:24px}}
@media(max-width:430px){.language-switcher{display:none}.home-hero__copy .actions{display:grid}.home-hero__label{align-items:flex-start;flex-direction:column;gap:2px}.nav-dropdown-panel{grid-template-columns:1fr}.nav-dropdown-panel a:last-child{grid-column:auto}}

/* Real imagery for knowledge and guide pages */
.guide-photo,.guide-hero-image{width:100%;height:390px;overflow:hidden;border-radius:22px;background:#fff}.guide-photo img,.guide-hero-image{width:100%;height:390px;object-fit:cover;object-position:center}.pattern-hero,.install-hero,.material-hero,.calculator{background:var(--zz-sand)!important}.material-hero>.category-hero-image{height:390px}.pattern-figure img{background:#fff}@media(max-width:620px){.guide-photo,.guide-photo img,.guide-hero-image,.material-hero>.category-hero-image{height:285px}}

/* Mobile header refinement: keep future languages visible and neutral menu rows */
@media(max-width:700px){.language-switcher button,.language-switcher button:nth-of-type(n+2){display:flex!important}.language-switcher{gap:1px;padding:3px}.language-switcher a,.language-switcher button{min-width:28px;width:28px}.language-switcher img{width:21px;height:14px}.main-nav>a,.main-nav>a:last-child{background:transparent!important;color:var(--zz-text)!important;border-radius:0!important}.main-nav>a:hover,.main-nav>a[aria-current=page]{background:var(--zz-soft)!important}.site-logo-link{position:relative;z-index:2}}
@media(max-width:430px){.language-switcher{display:flex}.site-logo{width:108px}.header-inner{gap:7px}.menu-button{padding-inline:9px}}

/* Faithful implementation of selected homepage direction 1 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{top:0}.header-inner{height:82px}.main-nav{justify-content:flex-end}.main-nav>.mobile-home{display:none}.header-tools{gap:12px}.header-search{width:210px;height:40px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--zz-line);border-radius:8px;background:#fff}.header-search input{width:100%;min-width:0;height:100%;padding:0 4px 0 13px;border:0;outline:0;background:transparent;color:var(--zz-text);font-size:13px}.header-search input::placeholder{color:#7a8986}.header-search button{width:40px;height:100%;flex:0 0 40px;border:0;background:transparent;color:var(--zz-petrol);font-size:22px;cursor:pointer}.header-search:focus-within{border-color:#b78327;box-shadow:0 0 0 3px rgba(240,173,56,.15)}
.home-hero{background:#fff}.home-hero__grid{width:min(1440px,100%);min-height:510px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:0;align-items:stretch;padding:0}.home-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:62px clamp(45px,6vw,96px) 62px max(32px,calc((100vw - 1280px)/2))}.home-hero__copy h1{max-width:620px;margin:0;font-size:clamp(56px,5.4vw,82px);line-height:.95;letter-spacing:-.065em}.home-hero__rule{width:72px;height:4px;margin:27px 0 22px;background:var(--zz-gold)}.home-hero__copy h2{max-width:610px;margin:0;font-size:clamp(23px,2.2vw,34px);line-height:1.15;letter-spacing:-.035em}.home-hero__copy .lead{margin:13px 0 0;color:var(--zz-muted);font-size:17px}.home-hero__copy .actions{margin:27px 0 0}.home-hero__visual{height:auto;min-height:510px;border-radius:0 0 0 72px;background:var(--zz-soft);box-shadow:none}.home-hero__visual>img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}.product-worlds{padding-block:70px 86px;background:#fff}.section-head--compact{align-items:flex-end;margin-bottom:28px}.section-head--compact .eyebrow{margin-bottom:7px}.section-head--compact h2{font-size:clamp(34px,3.5vw,50px)}.section-head--compact .text-link{padding-bottom:8px;color:#9b6712}.home-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-world-card{position:relative;height:390px;display:block;overflow:hidden;border-radius:12px;background:var(--zz-soft);box-shadow:0 10px 26px rgba(35,55,55,.08);transition:transform .2s ease,box-shadow .2s ease}.home-world-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(35,55,55,.14)}.home-world-card>img{width:100%;height:100%;padding:20px 16px 96px;object-fit:contain;object-position:center;background:#f4f5f1;transition:transform .25s ease}.home-world-card:hover>img{transform:scale(1.025)}.home-world-card>span{position:absolute;left:0;right:0;bottom:0;min-height:98px;display:grid;align-content:center;padding:15px 19px;background:rgba(35,55,55,.96);color:#fff}.home-world-card small{color:#efba61;font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.home-world-card strong{font-size:22px;line-height:1.15}.home-world-card b{margin-top:5px;color:#c9d5d1;font-size:11px;font-weight:600}.home-intro{border-top:1px solid var(--zz-line)}
@media(max-width:1180px){.header-search{width:175px}.main-nav{gap:15px}.home-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr)}.home-world-card{height:360px}}
@media(max-width:1050px){.header-search{display:none}.home-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-world-card{height:410px}}
@media(max-width:980px){.home-hero__grid{grid-template-columns:1fr}.home-hero__copy{padding:54px 28px}.home-hero__visual{min-height:470px;height:470px;border-radius:0}.main-nav{top:74px}.main-nav>a,.main-nav>a:last-child,.nav-dropdown>summary{min-height:47px}.main-nav>.mobile-home{display:flex}.header-inner{height:74px}}
@media(max-width:700px){.home-hero__copy{padding:46px 14px}.home-hero__copy h1{font-size:clamp(48px,14vw,66px)}.home-hero__copy h2{font-size:25px}.home-hero__copy .actions{display:grid}.home-hero__visual{min-height:340px;height:340px}.product-worlds{padding-block:55px 68px}.section-head--compact{display:flex;align-items:flex-end}.section-head--compact .text-link{display:none}.home-world-grid{grid-template-columns:1fr}.home-world-card{height:390px}.home-intro{padding-top:65px}}
/* Final visual alignment with selected reference */
@media(min-width:981px){.home-hero__copy h1{max-width:400px}.home-hero__visual{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);border-radius:0}.product-worlds{padding-top:38px}.section-head--compact{margin-bottom:20px}.section-head--compact h2{padding-left:13px;border-left:3px solid var(--zz-gold)}}
/* Refined language selector and professional catalog presentation */
.language-menu{position:relative}.language-menu>summary{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--zz-line);border-radius:8px;background:#fff;cursor:pointer;list-style:none;font-size:12px;font-weight:750}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>summary:after{content:'›';margin-left:1px;transform:rotate(90deg);color:var(--zz-muted);font-size:15px}.language-menu[open]>summary{border-color:#bd8b34;box-shadow:0 0 0 3px rgba(240,173,56,.13)}.language-menu img{width:24px;height:16px;object-fit:cover;border-radius:2px}.language-menu__panel{position:absolute;top:47px;right:0;z-index:80;width:min(290px,calc(100vw - 24px));max-height:min(70vh,430px);overflow-y:auto;padding:7px;border:1px solid var(--zz-line);border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(35,55,55,.15)}.language-menu__panel a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:7px;background:var(--zz-soft);font-size:13px;font-weight:650}
.home-hero__visual{clip-path:none!important;border-radius:0!important}.home-hero__visual>img{object-fit:cover;object-position:center}
.catalog-hero{padding-block:70px;background:#f7f5ef}.catalog-hero h1{font-size:clamp(48px,5.2vw,76px)}.catalog-hero p:last-child{max-width:720px}.catalog-section__intro{margin-bottom:32px}.catalog-modern{grid-template-columns:255px minmax(0,1fr);gap:42px}.catalog-modern .filters{top:105px}.catalog-modern .filter-panel{border:1px solid #dde3de;border-radius:10px;box-shadow:0 8px 24px rgba(35,55,55,.05)}.catalog-modern .filter-panel summary{padding-inline:18px}.catalog-modern .filters-body{padding-inline:18px}.catalog-modern .filters-body input{border-radius:7px;background:#fbfcfa}.catalog-modern .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px}.catalog-modern .product-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #dde3de;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(35,55,55,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-modern .product-card[hidden]{display:none!important}.catalog-modern .product-card:hover{transform:translateY(-4px);border-color:#c7d2ca;box-shadow:0 17px 38px rgba(35,55,55,.1)}.catalog-modern .product-image{position:relative;height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e5e9e5;background:#f7f8f5}.catalog-modern .product-image img{width:100%;height:100%;padding:26px;object-fit:contain;object-position:center;transition:transform .25s ease}.catalog-modern .product-card:hover .product-image img{transform:scale(1.025)}.product-badge{position:absolute;left:15px;top:15px;padding:6px 9px;border-radius:5px;background:rgba(35,55,55,.94);color:#fff;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.catalog-modern .product-copy{min-height:235px;display:flex;flex:1;flex-direction:column;padding:21px 22px 22px}.product-meta{display:flex;min-height:18px;align-items:center;justify-content:space-between;gap:10px;color:#9c6812;font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.product-meta span:last-child{max-width:56%;overflow:hidden;color:#7a8986;text-overflow:ellipsis;white-space:nowrap;text-align:right}.catalog-modern .product-copy h3{margin:12px 0 9px;font-size:19px;line-height:1.24;letter-spacing:-.018em}.catalog-modern .product-copy>p{min-height:0!important;margin:0;color:#687875;font-size:13px;line-height:1.55}.catalog-modern .card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;border-top:1px solid #e7ebe7;color:var(--zz-text);font-size:12px;font-weight:750}.catalog-modern .card-link b{color:#a96f12;font-size:18px}.catalog-modern .empty{border:1px solid var(--zz-line);border-radius:10px;background:#fff}
.category-card-grid .category-card--compact{border-radius:10px;box-shadow:0 7px 22px rgba(35,55,55,.04)}.category-card-grid .category-card--compact .category-card__media{height:235px;background:#f7f8f5}.category-card-grid .category-card--compact .category-card__media img{padding:24px}.category-card-grid .category-card--compact .category-card__body{min-height:170px;padding:20px 21px}.category-card-grid .category-card--compact .category-card__body strong{font-size:22px}.category-card-grid .category-card--compact .category-card__body>span{font-size:13px}.category-card-grid .category-card--compact .category-card__body b{padding-top:15px}
@media(max-width:1120px){.catalog-modern .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.catalog-modern{grid-template-columns:1fr}.catalog-modern .filters{top:auto}.language-menu{margin-left:auto}}
@media(max-width:700px){.language-menu>summary{height:44px;min-height:44px;padding-inline:7px}.language-menu>summary span{display:none}.language-menu__panel{top:51px}.catalog-hero{padding-block:52px}.catalog-modern .product-grid{grid-template-columns:1fr!important}.catalog-modern .product-image{height:330px}.catalog-modern .product-copy{min-height:215px}.category-card-grid .category-card--compact .category-card__media{height:270px}}
/* Consistent editorial rhythm for the product overview */
@media(min-width:1101px){#produktwelten .category-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px){.catalog-modern .product-card{height:580px}.catalog-modern .product-copy h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.catalog-modern .product-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}}
@media(max-width:1100px) and (min-width:851px){#produktwelten .category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px) and (min-width:701px){#produktwelten .category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep the homepage headline intact at laptop and desktop widths. */
.home-hero__copy h1{max-width:560px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}
@media(min-width:981px) and (max-width:1180px){.home-hero__copy{padding-right:48px}.home-hero__copy h1{font-size:clamp(56px,6vw,70px)}}
@media(max-width:700px){.home-hero__copy h1{font-size:clamp(45px,13vw,62px)}}
/* Wider, left-aligned homepage composition requested in the visual review. */
@media(min-width:1181px){
  .header-inner{width:min(1340px,calc(100% - 32px))}
  .site-logo{width:166px}
  .home-hero__grid{grid-template-columns:minmax(0,.86fr) minmax(580px,1.14fr)}
  .home-hero__copy{padding-left:clamp(42px,4vw,68px);padding-right:48px}
  .home-hero__copy h1{max-width:590px;font-size:clamp(72px,6vw,90px)}
}
/* Editorial product navigation: grouped sections instead of a shop-like tile wall. */
.product-directions{padding-top:clamp(72px,8vw,112px);background:#fff}.product-directions__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:clamp(40px,8vw,110px);align-items:end;padding-bottom:clamp(52px,6vw,82px)}.product-directions__intro h2{max-width:760px;margin:0;font-size:clamp(38px,4.7vw,64px);line-height:1.01;letter-spacing:-.05em}.product-directions__intro>p{margin:0;color:var(--zz-muted);font-size:17px}.product-direction{padding-block:clamp(62px,7vw,96px);border-top:1px solid var(--zz-line)}.product-direction:nth-of-type(even){background:#fff}.product-direction__grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);gap:clamp(52px,8vw,118px);align-items:center}.product-direction--reverse .product-direction__visual{order:2}.product-direction__visual{position:relative;height:clamp(430px,42vw,570px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f5f1}.product-direction__visual:after{content:'';position:absolute;inset:0;border:1px solid rgba(35,55,55,.08);pointer-events:none}.product-direction__visual img{width:100%;height:100%;padding:clamp(30px,4vw,58px);object-fit:contain;object-position:center;transition:transform .35s ease}.product-direction__visual:hover img{transform:scale(1.035)}.product-direction__visual>span{position:absolute;left:20px;top:20px;display:grid;width:54px;height:54px;place-items:center;background:var(--zz-deep);color:#fff;font-weight:750}.product-direction__content h3{margin:0;font-size:clamp(42px,4.5vw,68px);line-height:.98;letter-spacing:-.055em}.product-direction__lead{max-width:650px;margin:22px 0 28px;color:var(--zz-muted);font-size:17px}.product-direction__links{border-top:1px solid #cfd7d1}.product-direction__links>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:17px 0;border-bottom:1px solid #cfd7d1;transition:padding .2s ease,color .2s ease}.product-direction__links>a:hover{padding-left:10px;color:#96610d}.product-direction__links span{display:grid;gap:2px}.product-direction__links strong{font-size:18px}.product-direction__links small{overflow:hidden;color:var(--zz-muted);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.product-direction__links b{display:flex;align-items:center;gap:15px;color:#87928f;font-size:11px}.product-direction__links i{color:#9f6810;font-size:20px;font-style:normal}.catalog-section{border-top:1px solid var(--zz-line)}
@media(max-width:980px){.product-directions__intro{grid-template-columns:1fr}.product-direction__grid{grid-template-columns:1fr;gap:42px}.product-direction--reverse .product-direction__visual{order:0}.product-direction__visual{height:min(62vw,520px)}}
@media(max-width:700px){.product-directions{padding-top:58px}.product-directions__intro{gap:22px;padding-bottom:50px}.product-directions__intro h2{font-size:42px}.product-direction{padding-block:52px}.product-direction__grid{gap:32px}.product-direction__visual{height:340px}.product-direction__visual img{padding:24px}.product-direction__visual>span{left:12px;top:12px;width:44px;height:44px}.product-direction__content h3{font-size:42px}.product-direction__lead{margin:16px 0 23px;font-size:15px}.product-direction__links>a{padding:15px 0}.product-direction__links small{white-space:normal}.product-direction__links b{gap:8px}}
/* Homepage product category carousel. */
.home-world-all{display:inline-block;margin-top:3px;color:#9b6712;font-size:12px;font-weight:750}.home-world-controls{display:flex;gap:9px;padding-bottom:4px}.home-world-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid #bfcac4;border-radius:50%;background:#fff;color:var(--zz-deep);font-size:20px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.home-world-arrow:hover:not(:disabled){border-color:var(--zz-deep);background:var(--zz-deep);color:#fff}.home-world-arrow:disabled{opacity:.28;cursor:default}.home-world-slider{overflow:hidden}.home-world-grid{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.home-world-grid::-webkit-scrollbar{display:none}.home-world-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.home-world-grid:focus-visible{outline:3px solid rgba(240,173,56,.45);outline-offset:5px}
@media(max-width:1050px){.home-world-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.section-head--compact{align-items:flex-end}.home-world-controls{flex:0 0 auto}.home-world-arrow{width:42px;height:42px}.home-world-card{flex-basis:min(84vw,330px)}}
/* Real CSV surface details for the editorial surfaces section. */
.product-direction__visual--surfaces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:6px;padding:6px}.surface-swatch{position:relative;grid-column:span 3;min-width:0;overflow:hidden;background:#dfe2dc}.surface-swatch:nth-of-type(n+3){grid-column:span 2}.product-direction__visual--surfaces .surface-swatch img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;transition:transform .3s ease}.product-direction__visual--surfaces:hover .surface-swatch img{transform:none}.product-direction__visual--surfaces .surface-swatch:hover img{transform:scale(1.055)}.surface-swatch b{position:absolute;left:0;right:0;bottom:0;padding:26px 13px 10px;background:linear-gradient(transparent,rgba(24,43,43,.88));color:#fff;font-size:12px;letter-spacing:.02em}
@media(max-width:700px){.product-direction__visual--surfaces{gap:4px;padding:4px}.surface-swatch b{padding:20px 8px 7px;font-size:10px}}
.product-direction__visual--examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:#fff}.product-direction__visual--examples .surface-swatch{grid-column:auto;min-width:0;min-height:0;background:#fff}.product-direction__visual--examples .surface-swatch img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;transition:transform .3s ease}.product-direction__visual--examples .surface-swatch:hover img{transform:scale(1.055)}
@media(max-width:700px){.product-direction__visual--examples{gap:4px;padding:4px}}
.product-direction__visual--colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:#fff}.product-direction__visual--colors .surface-swatch{grid-column:auto;min-width:0;min-height:0;background:#fff;border:2px solid #fff;box-sizing:border-box}.product-direction__visual--colors.product-direction__visual--count-3 .surface-swatch:first-child{grid-column:1/-1}.product-direction__visual--colors .surface-swatch img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;transition:transform .3s ease}.product-direction__visual--colors .surface-swatch:hover img{transform:scale(1.055)}
@media(max-width:700px){.product-direction__visual--colors{gap:4px;padding:4px}}
.field-width{margin:28px 0 0;padding:0;border:0}.field-width legend{margin-bottom:8px;font-size:13px;font-weight:700}.field-width-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calculator form .field-width-choices>label{position:relative;display:block;margin:0!important}.field-width-choices input{position:absolute;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.field-width-choices span{display:flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer;transition:.18s ease}.field-width-choices input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.field-width-choices input:focus-visible+span{outline:3px solid rgba(239,169,52,.35);outline-offset:2px}.field-width>small{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.split-patterns .pattern-figure img{height:auto;max-height:none;object-fit:fill;background:#f3f5f4}
.about-hero__image img{padding:0;object-fit:cover;object-position:center}
/* Über zaun|zu: redaktioneller Markenblock „Unsere Idee“. */
.about-story{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:stretch;gap:clamp(38px,6vw,82px);margin-block:clamp(70px,8vw,110px);padding:clamp(42px,6vw,76px);overflow:hidden;border-radius:32px;background:var(--zz-deep);color:#fff}.about-story:before{content:'';position:absolute;z-index:-1;width:440px;height:440px;left:-190px;bottom:-280px;border:70px solid rgba(229,173,66,.11);border-radius:50%}.about-story__lead{align-self:center}.about-story__lead .eyebrow{color:var(--zz-gold)}.about-story__lead h2{margin:0;font:700 clamp(42px,5.2vw,72px)/1.01 'Manrope',sans-serif;letter-spacing:-.055em}.about-story__lead h2 span{display:block}.about-story__lead h2 span:nth-child(2){color:var(--zz-gold)}.about-story__copy{align-self:stretch;padding:clamp(28px,4vw,46px);border-radius:24px;background:#fff;color:var(--zz-text);box-shadow:0 22px 55px rgba(8,28,27,.2)}.about-story__copy .lead{margin:0 0 22px;color:var(--zz-text);font-size:clamp(18px,1.6vw,22px);line-height:1.52}.about-story__copy>p:not(.lead){margin:0;color:var(--zz-muted)}.about-story__surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:32px}.about-surface{position:relative;height:76px;overflow:hidden;border-radius:12px;background:#314a49}.about-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 45%,rgba(0,0,0,.12))}.about-surface span{position:absolute;z-index:2;left:9px;bottom:8px;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--zz-text);font:700 10px 'Manrope',sans-serif;letter-spacing:.06em;text-transform:uppercase}.about-surface--smooth{background:#dba33a}.about-surface--rille{background:repeating-linear-gradient(0deg,#2d4544 0 5px,#4c6260 5px 9px)}.about-surface--rattan{background:#405654 url('/assets/ueber-uns-rattan-detail.jpg') center/cover no-repeat}
@media(max-width:980px){.about-story{grid-template-columns:1fr;gap:32px}.about-story__lead h2{max-width:780px}}
@media(max-width:620px){.about-story{width:calc(100% - 28px);margin-block:60px;padding:32px 20px;border-radius:22px}.about-story__lead h2{font-size:clamp(38px,12vw,52px)}.about-story__copy{padding:25px 20px;border-radius:18px}.about-story__surfaces{grid-template-columns:1fr}.about-surface{height:62px}}
/* About: material and surface editorial block */
.about-product{position:relative;width:min(1280px,calc(100% - 48px));margin-block:clamp(72px,8vw,112px);padding:clamp(34px,5vw,68px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(42px,6vw,82px);overflow:hidden;border-radius:30px;background:var(--zz-sand)}
.about-product:after{content:'';position:absolute;right:-110px;bottom:-160px;width:360px;height:360px;border:1px solid rgba(240,173,56,.34);border-radius:50%;pointer-events:none}
.about-product__image{position:relative;height:470px;border:12px solid #fff;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(35,55,55,.12)}
.about-product__image img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}
.about-product__caption{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:7px;background:rgba(35,55,55,.92);color:#fff;font-size:12px;font-weight:750;letter-spacing:.04em}
.about-product__copy{position:relative;z-index:1}
.about-product__copy h2{max-width:600px}
.about-product__copy .lead{max-width:620px;margin-top:24px;color:var(--zz-muted);font-size:18px}
.about-product__qualities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;border-top:1px solid #d8ded9;list-style:none}
.about-product__qualities li{position:relative;padding:14px 8px 14px 22px;border-bottom:1px solid #d8ded9;font-size:14px;font-weight:700}
.about-product__qualities li:before{content:'';position:absolute;left:2px;top:20px;width:7px;height:7px;border-radius:50%;background:var(--zz-gold)}
.about-product__copy .actions{margin-top:30px}
@media(max-width:980px){.about-product{grid-template-columns:1fr;padding:40px}.about-product__image{height:430px}.about-product__copy{max-width:720px}}
@media(max-width:700px){.about-product{width:calc(100% - 28px);margin-block:56px;padding:22px;border-radius:22px}.about-product__image{height:300px;border-width:8px;border-radius:18px}.about-product__caption{left:12px;bottom:12px}.about-product__qualities{grid-template-columns:1fr}.about-product__copy .actions{display:grid}.about-product:after{display:none}}

/* About: full-width alternating sections */
.about-story-section{background:#fff}
.about-product-section{background:var(--zz-sand)}
.about-story{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:clamp(72px,8vw,112px) 0;overflow:visible;border-radius:0;background:transparent;color:var(--zz-text)}
.about-story:before{display:none}
.about-story__lead .eyebrow{color:#ad7416}
.about-story__copy{padding:0;border-radius:0;background:transparent;color:var(--zz-text);box-shadow:none}
.about-product{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:clamp(72px,8vw,112px) 0;overflow:visible;border-radius:0;background:transparent}
.about-product:after{display:none}
@media(max-width:700px){.about-story,.about-product{width:calc(100% - 28px);margin:0 auto;padding:60px 0;border-radius:0}.about-story__copy{padding:0;border-radius:0}.about-product__image{height:300px}}
/* Site-wide full-width section rhythm */
.home-hero,.catalog-hero,.category-hero,.legal-hero{background:var(--zz-sand)}
.home-intro,.category-products,.product-details-section{position:relative;isolation:isolate;background:var(--zz-sand);box-shadow:0 0 0 100vmax var(--zz-sand);clip-path:inset(0 -100vmax)}
.home-intro{border-top:0}
.about-teaser{background:#fff}
body .calculator,body .pattern-hero,body .install-hero,body .material-hero{margin-top:0;padding:clamp(72px,8vw,112px) 0;border-radius:0;background:var(--zz-sand)!important;box-shadow:0 0 0 100vmax var(--zz-sand);clip-path:inset(0 -100vmax)}
body .pattern-basics,body .install-before,body .install-errors{padding-inline:0;border-radius:0;background:transparent}
body .pattern-compare,body .install-steps{position:relative;isolation:isolate;background:var(--zz-sand);box-shadow:0 0 0 100vmax var(--zz-sand);clip-path:inset(0 -100vmax)}
@media(max-width:620px){body .calculator,body .pattern-hero,body .install-hero,body .material-hero,body .pattern-basics,body .install-before,body .install-errors{width:calc(100% - 28px)!important;padding:60px 0!important;border-radius:0}.home-intro,.category-products,.product-details-section{width:calc(100% - 28px)}}
/* Two-tone light and petrol section palette */
body{background:var(--zz-sand)}
.site-header,.nav-dropdown-panel{background:#fff}
.about-story-section,.about-teaser{background:var(--zz-sand)}
.market-context{background:#fff}
.market-context__inner{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);column-gap:clamp(45px,8vw,110px);align-items:start}
.market-context__inner .eyebrow{grid-column:1/-1;margin-bottom:14px}
.market-context__inner h2{max-width:660px;margin:0;font-size:clamp(34px,3.8vw,56px);line-height:1.05;letter-spacing:-.045em}
.market-context__inner>p:last-child{max-width:760px;margin:4px 0 0;color:var(--zz-muted);font-size:17px;line-height:1.75}
.market-inline{max-width:760px;margin-top:18px;padding-left:16px;border-left:3px solid var(--zz-gold);color:var(--zz-text)!important;font-size:15px!important;line-height:1.65}
@media(max-width:800px){.market-context__inner{grid-template-columns:1fr;row-gap:22px}.market-context__inner .eyebrow{grid-column:auto;margin-bottom:-6px}.market-context__inner>p:last-child{margin:0}}
.product-worlds{background:var(--zz-deep);color:#fff}
.product-worlds .section-head h2{color:#fff}
.product-worlds .home-world-all{color:var(--zz-gold)}
.product-worlds .home-world-arrow:hover:not(:disabled){border-color:var(--zz-gold);background:var(--zz-gold);color:var(--zz-deep)}
.product-directions{background:var(--zz-deep);color:#fff}
.product-directions__intro>p{color:#c2cfcb}
.product-direction:nth-of-type(odd){background:var(--zz-deep);color:#fff}
.product-direction:nth-of-type(even){background:var(--zz-sand);color:var(--zz-text)}
.product-direction:nth-of-type(odd) .product-direction__lead,.product-direction:nth-of-type(odd) .product-direction__links small{color:#c2cfcb}
.product-direction:nth-of-type(odd) .product-direction__links,.product-direction:nth-of-type(odd) .product-direction__links>a{border-color:#506562}
.product-direction:nth-of-type(odd) .product-direction__links b{color:#afbfba}
.prose{position:relative;isolation:isolate;background:var(--zz-deep);box-shadow:0 0 0 100vmax var(--zz-deep);clip-path:inset(0 -100vmax);color:#fff}
.prose .eyebrow{color:var(--zz-gold)}
.prose .fact-grid{border-color:#506562}
.prose .fact-grid>div{border-color:#506562}
.prose .fact-grid span{color:#c2cfcb}
.knowledge-overview{position:relative;isolation:isolate;background:var(--zz-deep);box-shadow:0 0 0 100vmax var(--zz-deep);clip-path:inset(0 -100vmax);color:#fff}
.knowledge-overview .knowledge-grid a{background:#fff;color:var(--zz-text)}
.product-detail-stage{background:var(--zz-deep);color:#fff}
.product-detail-stage .breadcrumbs,.product-detail-stage .product-siblings>span{color:#c2cfcb}
.product-detail-stage .product-sibling{border-color:#506562;background:#2d4443;color:#fff}
.product-detail-stage .product-sibling small,.product-detail-stage .lead,.product-detail-stage .variants small{color:#c2cfcb}
.product-detail-stage .benefits span{background:#304846;color:#fff}
.product-detail-stage .variants{border-color:#506562}
.product-detail-stage .dealer-box{background:#fff;color:var(--zz-text)}
.product-detail-stage .dealer-box p{color:var(--zz-muted)}
.product-details-section{background:var(--zz-sand);box-shadow:0 0 0 100vmax var(--zz-sand);color:var(--zz-text)}
.product-details-section .eyebrow{color:#a36e17}
.product-details-section .richtext p,.product-details-section .specs dt{color:var(--zz-muted)}
.product-details-section .specs div{border-color:var(--zz-line)}
.product-details-section .specs dd{color:var(--zz-text)}
/* Knowledge pages: complete alternating light/dark rhythm */
body .calculator,body .pattern-basics,body .install-before,body .usage-intro,body .material-content,body .material-section.wrap{position:relative;isolation:isolate;margin-top:0;border-radius:0;background:var(--zz-deep)!important;box-shadow:0 0 0 100vmax var(--zz-deep);clip-path:inset(0 -100vmax);color:#fff}
body .calculator .eyebrow,body .pattern-basics .eyebrow,body .install-before .eyebrow,body .usage-intro .eyebrow,body .material-content .eyebrow,body .material-section.wrap .eyebrow,body .usage-warranty .eyebrow{color:var(--zz-gold)}
body .calculator .calc-intro>p,body .calculator .calc-note,body .pattern-basics>p,body .install-before>p,body .usage-intro>.lead,body .material-content>.lead,body .material-section.wrap>.lead,body .material-section.wrap>.section-head>p{color:#c2cfcb}
body .calculator .calc-panel,body .calculator .calc-result,body .pattern-basics .pattern-facts>div,body .install-before .tool-list>div,body .usage-intro .usage-facts>div,body .usage-intro .usage-note,body .material-content .material-cards>article,body .material-section.wrap .material-table,body .material-section.wrap .material-cards>article,body .material-section.wrap .material-notice{color:var(--zz-text)}
body .usage-warranty{background:var(--zz-deep);color:#fff}
body .usage-warranty .section-head>p{color:#c2cfcb}
body .usage-warranty .usage-warranty-lead{background:#fff;color:var(--zz-text)}
body .usage-warranty .usage-warranty-lead span{color:var(--zz-muted)}
body .usage-warranty .usage-grid>article,body .usage-warranty .usage-note{color:var(--zz-text)}
/* Usage guide: alternate every full-width section */
body .usage-section.alt,body .material-section.alt{background:var(--zz-sand)}
body .usage-steps,body .usage-care,body .usage-documents{position:relative;isolation:isolate;background:var(--zz-deep);box-shadow:0 0 0 100vmax var(--zz-deep);clip-path:inset(0 -100vmax);color:#fff}
body .usage-steps .eyebrow,body .usage-care .eyebrow{color:var(--zz-gold)}
body .usage-steps .usage-split>div>p,body .usage-care .section-head>p{color:#c2cfcb}
body .usage-steps .usage-split ol,body .usage-steps .material-notice,body .usage-care .usage-checklist>div,body .usage-documents .usage-note{color:var(--zz-text)}
body .usage-guide .usage-section.dark{background:var(--zz-sand);color:var(--zz-text)}
body .usage-guide .usage-section.dark .lead,body .usage-guide .usage-section.dark .usage-grid p{color:var(--zz-muted)}
body .usage-guide .usage-section.dark .usage-grid article{border-color:var(--zz-line);background:#fff;color:var(--zz-text)}
body .usage-warranty{background:var(--zz-sand);color:var(--zz-text)}
body .usage-warranty .section-head>p{color:var(--zz-muted)}
body .usage-warranty .usage-warranty-lead{background:var(--zz-deep);color:#fff}
body .usage-warranty .usage-warranty-lead span{color:#d3ddda}
body .material-section.wrap .button:not(.ghost),body .usage-documents .button:not(.ghost){border-color:var(--zz-gold);background:var(--zz-gold);color:var(--zz-deep)}

/* About page: separate every topic with alternating bands */
.about-story-section{background:var(--zz-deep)}
.about-story{color:#fff}
.about-story__lead .eyebrow{color:var(--zz-gold)}
.about-story__copy{color:#fff}
.about-story__copy .lead{color:#fff}
.about-story__copy>p:not(.lead){color:#c2cfcb}
.values-section{background:var(--zz-sand);color:var(--zz-text)}
.value-grid{background:var(--zz-line)}
.value-grid article{background:#fff;color:var(--zz-text)}
.value-grid p{color:var(--zz-muted)}
.family-business{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,86px);margin-top:clamp(42px,5vw,68px);padding-top:clamp(34px,4vw,48px);border-top:1px solid var(--zz-line)}
.family-business h3{max-width:480px;margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em}
.family-business>div:last-child>p{max-width:760px;margin:0 0 14px;color:var(--zz-muted);font-size:16px;line-height:1.7}
.family-business ul{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 0;padding:0;list-style:none}
.family-business li{padding:8px 12px;border:1px solid var(--zz-line);border-radius:99px;background:#fff;color:var(--zz-text);font-size:12px;font-weight:700}
@media(max-width:700px){.family-business{grid-template-columns:1fr;gap:22px}.family-business h3{font-size:clamp(30px,10vw,40px)}}
.about-product-section{background:var(--zz-deep)}
.about-product{color:#fff}
.about-product__copy .lead{color:#c2cfcb}
.about-product__qualities{border-color:#506562}
.about-product__qualities li{border-color:#506562}
.about-product__copy .button:not(.ghost){border-color:var(--zz-gold);background:var(--zz-gold);color:var(--zz-deep)}

/* Product catalogue: dark closing section after the light product directions */
.catalog-section{background:var(--zz-deep);color:#fff}
.catalog-section .eyebrow{color:var(--zz-gold)}
.catalog-section__intro>p,.catalog-section .catalog-bar{color:#c2cfcb}
.catalog-section .catalog-bar strong{color:#fff}
.catalog-section .filter-panel,.catalog-section .product-card,.catalog-section .empty{color:var(--zz-text)}

/* Wissens-Unterseiten im mobilen Hauptmenü */
.mobile-knowledge-submenu{display:none}
@media(max-width:980px){
.mobile-knowledge-submenu{display:grid;grid-template-columns:1fr;gap:2px;margin:4px 0 8px;padding:8px 10px 10px;border-bottom:1px solid var(--zz-line);background:var(--zz-soft)}
.mobile-knowledge-submenu__title{padding:5px 10px;color:#916016;font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.main-nav .mobile-knowledge-submenu a,.main-nav .mobile-knowledge-submenu a:last-child{min-height:40px;display:flex;align-items:center;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--zz-text);font-size:13px;font-weight:600}
.main-nav .mobile-knowledge-submenu a:hover,.main-nav .mobile-knowledge-submenu a[aria-current=page]{background:#fff;color:#9f6810}
}

/* Große, horizontal bedienbare Querreihen-Diagramme auf Smartphones */
.pattern-figure__viewport{overflow:hidden;border-radius:22px;background:#f3f5f4;box-shadow:var(--shadow)}
.split-patterns .pattern-figure__viewport img{border-radius:0;box-shadow:none}
.pattern-swipe-hint{display:none}
@media(max-width:700px){
.split-patterns .pattern-swipe-hint{display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:7px 10px;border-radius:8px;background:var(--zz-soft);color:#7d5514;font-size:12px;font-weight:700}
.split-patterns .pattern-figure__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--zz-gold) #e7ebe6;touch-action:pan-x pan-y}
.split-patterns .pattern-figure__viewport img{width:1120px;min-width:1120px;max-width:none;height:auto}
.split-patterns .pattern-figure--extensions .pattern-figure__viewport img{width:1040px;min-width:1040px}
}

/* Lesbare Informationskarten auf schmalen Displays */
:root{--muted:#50615f;--zz-muted:#50615f}
.catalog-modern .product-copy>p,.product-copy>p:not(.eyebrow){color:var(--zz-muted)}
.catalog-modern .product-meta span:last-child{color:#596966}

@media(max-width:900px){
.usage-facts,.usage-grid,.usage-section.dark .usage-grid,.usage-checklist,.usage-split,
.material-cards,.material-worlds,.material-tech-grid,
.pattern-facts,.pattern-grid,.staggered-demo,.accent-pattern-grid,.split-grid,
.tool-list,.install-steps>ol,.brand-values,.value-grid,.knowledge-grid,.fact-grid,.calc-result{
grid-template-columns:minmax(0,1fr)!important
}
.usage-grid article,.usage-facts>div,.usage-checklist>div,
.material-cards article,.material-world,.pattern-facts>div,.pattern-card,
.tool-list>div,.install-steps>ol>li,.brand-values article,.value-grid article,.knowledge-grid a,.fact-grid>div{
min-width:0;padding:clamp(22px,5vw,30px)
}
.usage-grid h3,.material-cards h3,.material-world h3,.pattern-facts h3,
.pattern-card h3,.install-steps h3,.brand-values h3,.value-grid h3,.knowledge-grid h2{
overflow-wrap:normal;word-break:normal;hyphens:auto
}
.usage-grid p,.usage-facts span,.usage-facts small,.usage-checklist span,
.material-cards p,.material-world p,.pattern-facts p,.pattern-card p,
.tool-list span,.install-steps p,.brand-values p,.value-grid p,.knowledge-grid p,.fact-grid span{
font-size:clamp(15px,2.2vw,16px);line-height:1.65
}
.fact-grid>div{border-right:0;border-bottom:1px solid var(--line)}
.fact-grid>div:last-child{border-bottom:0}
}

@media(max-width:520px){
.usage-section,.material-section{padding-block:54px}
.usage-warranty-lead,.usage-note,.material-notice{padding:22px 20px}
.usage-guide h2{font-size:clamp(30px,9vw,40px)}
}

/* Mobile Produktbereiche: zuerst Einleitung, dann Bild, anschließend Kategorien. */
@media(max-width:980px){
.product-direction__content{display:contents}
.product-direction__heading{order:1}
.product-direction__visual,.product-direction--reverse .product-direction__visual{order:2}
.product-direction__links{order:3}
.product-direction__heading .product-direction__lead{margin-bottom:0}
}

/* AI image disclosure */
.ai-image-disclosure{display:block;margin:7px 0 0;color:#5d6b68;font-size:10px;font-weight:500;line-height:1.35;letter-spacing:.01em;text-align:right}
.ai-image-disclosure[hidden]{display:none!important}
.ai-image-block{min-width:0}
.ai-image-block>img{width:100%}
.ai-image-disclosure--card{margin:0;padding:7px 18px 0;background:#fff}
.ai-image-disclosure--gallery{margin:7px 2px 0}
.ai-image-disclosure--inline{text-align:left}
.ai-image-disclosure--figure{padding-inline:4px}
.ai-image-disclosure--overlay{position:absolute;right:10px;bottom:8px;z-index:4;margin:0;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.92);color:#42514e;box-shadow:0 1px 5px rgba(24,43,43,.12)}
.home-hero__visual:has(>.ai-image-disclosure--overlay)>img,.guide-photo:has(>.ai-image-disclosure--overlay)>img,.about-product__image:has(>.ai-image-disclosure--overlay)>img{height:calc(100% - 24px);margin-bottom:24px}
.guide-photo{position:relative}
.about-product__image:has(>.ai-image-disclosure--overlay)>.about-product__caption{bottom:34px}
.category-art:has(>.ai-image-disclosure--overlay){padding-bottom:24px}
.category-art:has(>.ai-image-disclosure--overlay)>span{bottom:34px}
.category-art>.ai-image-disclosure--overlay{right:10px;bottom:3px;left:auto;background:transparent;box-shadow:none}
.home-world-card>.ai-image-disclosure--overlay{bottom:104px}
.surface-swatch>.ai-image-disclosure--overlay{right:auto;bottom:31px;left:7px;font-size:8px}

.pattern-hero>.ai-image-block,.material-hero>.ai-image-block{align-self:center}
.material-hero>.ai-image-block .category-hero-image{height:390px}
@media(max-width:620px){.ai-image-disclosure{font-size:9px}.material-hero>.ai-image-block .category-hero-image{height:285px}.surface-swatch>.ai-image-disclosure--overlay{max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Einheitliche Bildbuehne: unterschiedliche Produktformate erhalten einen sauberen, gleichmaessigen Rahmen. */
.gallery-main{
padding:clamp(14px,1.7vw,24px);
border:1px solid rgba(35,55,55,.13);
background:#eef1ed;
box-shadow:0 16px 38px rgba(12,31,30,.14)
}
.gallery-main>img{
min-width:0;
min-height:0;
padding:clamp(8px,1vw,14px);
border:1px solid #e0e5e0;
border-radius:12px;
background:#fff;
object-fit:contain;
object-position:center;
box-shadow:0 5px 16px rgba(35,55,55,.07)
}
.thumb{
padding:5px;
background:#eef1ed
}
.thumb img{
border-radius:5px;
background:#fff;
object-fit:contain
}
.thumb.active{
border-color:var(--zz-gold);
box-shadow:0 0 0 2px rgba(240,173,56,.2)
}
@media(max-width:620px){
.gallery-main{padding:12px}
.gallery-main>img{padding:7px;border-radius:9px}
}
/* Impressum: klare Informationshierarchie auf Desktop und Mobilgeraeten. */
.imprint-hero{
padding-block:clamp(68px,8vw,112px);
background:var(--zz-deep);
color:#fff
}
.imprint-hero__grid{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(400px,.72fr);
gap:clamp(48px,8vw,120px);
align-items:center
}
.imprint-hero__copy h1{
margin:0;
font-size:clamp(58px,7vw,96px);
line-height:.94;
letter-spacing:-.065em
}
.imprint-hero__copy .lead{
max-width:650px;
margin:24px 0 0;
color:#c5d2ce;
font-size:clamp(17px,1.8vw,20px)
}
.imprint-contact-card{
display:grid;
gap:13px;
padding:clamp(28px,4vw,42px);
border:1px solid rgba(255,255,255,.18);
border-radius:20px;
background:#fff;
color:var(--zz-text);
box-shadow:0 22px 50px rgba(10,29,28,.2);
font-style:normal
}
.imprint-contact-card>.eyebrow{margin:0}
.imprint-contact-card>strong{font-size:clamp(21px,2.3vw,28px);line-height:1.18}
.imprint-contact-card>span{color:var(--zz-muted);line-height:1.7}
.imprint-contact-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-top:8px
}
.imprint-contact-links a{
min-width:0;
display:grid;
gap:2px;
padding:13px 14px;
border:1px solid var(--zz-line);
border-radius:10px;
background:var(--zz-sand)
}
.imprint-contact-links a:hover{border-color:var(--zz-gold);background:#fff}
.imprint-contact-links small{color:var(--zz-muted);font-size:11px}
.imprint-contact-links b{overflow-wrap:anywhere;font-size:13px}
.imprint-section{padding-block:clamp(68px,8vw,108px)}
.imprint-section--light{background:var(--zz-sand)}
.imprint-section--dark{background:var(--zz-deep);color:#fff}
.imprint-section__grid{
display:grid;
grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);
gap:clamp(45px,7vw,105px);
align-items:start
}
.imprint-section__grid>header{position:sticky;top:120px}
.imprint-section__grid>header h2{
margin:0;
font-size:clamp(34px,4vw,56px);
line-height:1.04;
letter-spacing:-.045em
}
.imprint-section__grid>header>p:last-child{max-width:440px;margin-top:20px;color:var(--zz-muted)}
.imprint-section--dark .imprint-section__grid>header>p:last-child{color:#bdcbc7}
.imprint-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.imprint-card{
min-width:0;
padding:clamp(24px,3vw,34px);
border:1px solid var(--zz-line);
border-radius:16px;
background:#fff;
color:var(--zz-text)
}
.imprint-card h3{margin:0 0 20px;font-size:22px;line-height:1.2}
.imprint-card p{margin:0 0 22px;color:var(--zz-muted)}
.imprint-card address{color:var(--zz-muted);font-style:normal;line-height:1.75}
.imprint-card dl{display:grid;gap:0;margin:0}
.imprint-card dl>div{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid var(--zz-line)}
.imprint-card dt{color:var(--zz-muted);font-size:12px}
.imprint-card dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.legal-links{display:flex;align-items:center;gap:18px}
.privacy-summary{align-content:center}
.privacy-card--wide{grid-column:1/-1}
.privacy-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--zz-muted)}
.privacy-status{padding-block:44px;border-top:1px solid var(--zz-line);background:var(--zz-sand)}
.privacy-status__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,7vw,100px);align-items:center}
.privacy-status h2{margin:0;font-size:clamp(24px,3vw,38px)}
.privacy-status p{margin:0;color:var(--zz-muted)}

/* Consent and optional analytics: global, accessible and deliberately compact. */
.footer-consent-button{margin:0;padding:0;border:0;background:transparent;color:#dfe8e5;font:inherit;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;text-align:left}.footer-consent-button:hover,.footer-consent-button:focus-visible{color:var(--zz-gold)}
.consent-layer{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;padding:clamp(10px,2vw,24px);background:rgba(13,31,30,.46);backdrop-filter:blur(3px)}.consent-layer[hidden]{display:none}.consent-banner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.2);border-radius:20px;background:var(--zz-deep);color:#fff;box-shadow:0 24px 70px rgba(5,20,19,.34)}.consent-mark{display:inline-block;margin-bottom:7px;color:var(--zz-gold);font-size:11px;font-weight:800;letter-spacing:.12em}.consent-banner h2,.consent-dialog h2{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.035em}.consent-banner p{max-width:760px;margin:11px 0 0;color:#c9d6d2;font-size:14px;line-height:1.65}.consent-actions{min-width:205px;display:grid;gap:9px}.consent-actions .button,.consent-dialog__actions .button{min-height:46px;justify-content:center;border:1px solid var(--zz-gold)}.consent-actions .button.ghost{border-color:rgba(255,255,255,.55);background:#fff;color:var(--zz-text)}.consent-text-button{min-height:40px;padding:7px 10px;border:0;background:transparent;color:#fff;font-weight:750;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.consent-text-button:hover,.consent-text-button:focus-visible{color:var(--zz-gold)}
.consent-banner__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.consent-language{display:grid;gap:4px;min-width:132px;color:inherit;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.consent-language select{width:100%;min-height:36px;padding:5px 30px 5px 9px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#fff;color:var(--zz-text);font:700 13px/1.2 'Manrope',sans-serif;letter-spacing:0;text-transform:none}.consent-language select:focus-visible{outline:3px solid rgba(240,173,56,.48);outline-offset:2px}
.consent-dialog{width:min(680px,calc(100% - 24px));max-height:min(86dvh,760px);padding:0;overflow:auto;border:0;border-radius:20px;background:#fff;color:var(--zz-text);box-shadow:0 28px 90px rgba(5,20,19,.36)}.consent-dialog::backdrop{background:rgba(13,31,30,.62);backdrop-filter:blur(3px)}.consent-dialog__header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:26px 28px 18px;border-bottom:1px solid var(--zz-line);background:#fff}.consent-dialog__header .consent-mark{margin:0 0 6px}.consent-close{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--zz-line);border-radius:50%;background:var(--zz-sand);color:var(--zz-text);font-size:27px;line-height:1;cursor:pointer}.consent-close:hover,.consent-close:focus-visible{border-color:var(--zz-gold)}.consent-dialog>p{margin:0;padding:22px 28px;color:var(--zz-muted);line-height:1.65}.consent-categories{display:grid;gap:12px;padding:0 28px}.consent-category{padding:20px;border:1px solid var(--zz-line);border-radius:14px;background:var(--zz-sand)}.consent-category__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.consent-category h3{margin:0;font-size:20px}.consent-category__head>span{padding:5px 8px;border-radius:999px;background:#dfe8e4;color:var(--zz-text);font-size:10px;font-weight:800;text-transform:uppercase}.consent-category p{margin:10px 0 0;color:var(--zz-muted);font-size:14px;line-height:1.6}.consent-category small{display:block;margin-top:10px;color:#7b6335;font-size:12px;line-height:1.5}.consent-switch{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;cursor:pointer}.consent-switch input{position:absolute;opacity:0;pointer-events:none}.consent-switch span{position:relative;width:44px;height:24px;border-radius:999px;background:#a8b3af;transition:background .18s ease}.consent-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .18s ease}.consent-switch input:checked+span{background:var(--zz-deep)}.consent-switch input:checked+span:after{transform:translateX(20px)}.consent-switch input:focus-visible+span{outline:3px solid rgba(240,173,56,.45);outline-offset:3px}.consent-switch b{font-size:20px}.consent-dialog__actions{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:20px 28px 26px;border-top:1px solid var(--zz-line);background:#fff}.consent-dialog__actions .button.ghost{background:var(--zz-sand)}
.consent-dialog__language{display:flex;justify-content:flex-end;padding:14px 28px 0}.consent-dialog__language .consent-language{color:var(--zz-muted)}
@media(max-width:700px){.consent-layer{padding:8px}.consent-banner{grid-template-columns:1fr;gap:18px;padding:21px 18px;border-radius:16px}.consent-banner p{font-size:13px}.consent-actions{min-width:0}.consent-dialog{width:calc(100% - 16px);max-height:92dvh;border-radius:16px}.consent-dialog__header{padding:20px 18px 15px}.consent-dialog>p{padding:18px}.consent-categories{padding:0 18px}.consent-category{padding:17px}.consent-dialog__actions{display:grid;padding:18px}.legal-links{align-items:flex-start}.footer-consent-button{font-size:13px}}
@media(max-width:700px){.consent-dialog__language{padding:14px 18px 0}}
@media(max-width:480px){.consent-category__head{align-items:flex-start;flex-direction:column}.consent-category__head>span{align-self:flex-start}}
@media(max-width:360px){.consent-banner__top{align-items:stretch;flex-direction:column;gap:8px}.consent-banner__top .consent-language{width:100%}.consent-banner h2,.consent-dialog h2{font-size:23px}.consent-switch{grid-template-columns:40px minmax(0,1fr)}.consent-switch span{width:40px}.consent-switch input:checked+span:after{transform:translateX(16px)}}
.consent-dialog{overflow-x:hidden}
.consent-dialog__header>div{min-width:0}.consent-dialog h2{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media(max-width:900px){
.imprint-hero__grid,.imprint-section__grid{grid-template-columns:1fr}
.imprint-hero__grid{gap:38px}
.imprint-section__grid{gap:32px}
.imprint-section__grid>header{position:static}
}
@media(max-width:700px){
.imprint-hero{padding-block:54px 60px}
.imprint-hero__copy h1{font-size:clamp(52px,17vw,72px)}
.imprint-contact-card{padding:24px 20px;border-radius:16px}
.imprint-contact-links,.imprint-card-grid{grid-template-columns:1fr}
.imprint-contact-links a{min-height:62px;justify-content:center}
.imprint-section{padding-block:58px}
.imprint-section__grid>header h2{font-size:clamp(34px,11vw,46px)}
.imprint-card{padding:24px 20px}
.imprint-card dl>div{grid-template-columns:1fr;gap:3px}
.legal-links{flex-wrap:wrap;gap:14px}
.privacy-status__inner{grid-template-columns:1fr;gap:18px}
}
.language-menu__panel a>span{display:flex;flex-direction:column;line-height:1.25}.language-menu__panel a small{font-size:10px;font-weight:500;color:var(--zz-muted)}
@media(max-width:700px){.language-menu>summary span{display:inline;font-size:11px}}
@media(max-width:380px){.language-menu>summary span{display:none}}
.language-menu img{object-fit:contain;background:#fff}
/* Release 1/2: technische Fehlerseite und Herstellerpositionierung */
.home-hero__copy>.eyebrow{margin:0 0 18px;color:#a86d0d}.home-hero__calculator{display:inline-flex;margin-top:18px;color:var(--ink);font-weight:700}.competence-strip{background:var(--deep);color:#fff}.competence-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16)}.competence-strip article{min-height:150px;padding:30px;background:var(--deep)}.competence-strip strong,.competence-strip span{display:block}.competence-strip strong{margin-bottom:8px;color:var(--accent);font:700 clamp(24px,2.4vw,38px)/1.05 'Manrope',sans-serif}.competence-strip span{color:#d7e0dd;line-height:1.55}.not-found{min-height:58vh;display:grid;align-items:center;background:var(--paper)}.not-found__inner{max-width:900px;padding-block:90px}.not-found h1{max-width:760px;margin:.15em 0;font:700 clamp(48px,8vw,92px)/.98 'Manrope',sans-serif;letter-spacing:-.055em}.not-found .lead{max-width:720px}.not-found__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.manufacturer-hero{padding:38px 0 80px;background:var(--paper)}.manufacturer-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(42px,6vw,92px);align-items:center}.manufacturer-hero h1{max-width:760px;margin:.2em 0 .35em;font:700 clamp(48px,5.8vw,82px)/.98 'Manrope',sans-serif;letter-spacing:-.055em}.manufacturer-hero__image{overflow:hidden;border-radius:28px;background:#fff}.manufacturer-hero__image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.manufacturer-facts{background:var(--deep);color:#fff}.manufacturer-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16)}.manufacturer-facts article{min-height:150px;padding:30px;background:var(--deep)}.manufacturer-facts strong,.manufacturer-facts span{display:block}.manufacturer-facts strong{margin-bottom:8px;color:var(--accent);font:700 clamp(30px,3vw,46px)/1 'Manrope',sans-serif}.manufacturer-facts span{color:#d7e0dd;line-height:1.5}.manufacturer-intro__grid,.manufacturer-origin__grid,.manufacturer-links__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(44px,7vw,110px);align-items:start}.manufacturer-intro h2,.manufacturer-origin h2,.manufacturer-links h2{margin:.15em 0;font:700 clamp(40px,4.8vw,68px)/1.02 'Manrope',sans-serif;letter-spacing:-.05em}.manufacturer-portfolio{padding:clamp(70px,8vw,120px) 0;background:var(--deep);color:#fff}.manufacturer-portfolio .section-head p{color:#d7e0dd}.manufacturer-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px}.manufacturer-family-grid a{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.06);color:#fff}.manufacturer-family-grid a:hover{border-color:var(--accent);transform:translateY(-2px)}.manufacturer-family-grid strong{font:700 19px/1.2 'Manrope',sans-serif}.manufacturer-family-grid span{color:#cbd7d3;font-size:13px}.manufacturer-origin{padding:clamp(70px,8vw,120px) 0;background:var(--paper)}.manufacturer-origin aside{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line)}.manufacturer-origin aside strong,.manufacturer-origin aside span{display:block;padding:20px 24px;background:#fff}.manufacturer-origin aside strong{padding-bottom:5px;color:var(--ink)}.manufacturer-origin aside span{padding-top:0;color:var(--muted)}.manufacturer-links nav,.product-knowledge nav{display:grid;gap:10px}.manufacturer-links nav a,.product-knowledge nav a{display:flex;flex-direction:column;padding:22px 24px;border:1px solid var(--line);border-radius:15px;background:#fff}.manufacturer-links nav a:hover,.product-knowledge nav a:hover{border-color:#c89b51}.manufacturer-links nav span,.product-knowledge nav span{margin-top:5px;color:var(--muted)}.product-knowledge{padding:clamp(65px,8vw,110px) 0;background:var(--deep);color:#fff}.product-knowledge__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,100px)}.product-knowledge__grid>div>p:last-child{color:#d7e0dd}.product-knowledge nav a{background:#fff;color:var(--ink)}
@media(max-width:980px){.competence-strip__grid,.manufacturer-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manufacturer-hero__grid,.manufacturer-intro__grid,.manufacturer-origin__grid,.manufacturer-links__grid,.product-knowledge__grid{grid-template-columns:1fr}.manufacturer-hero__grid{gap:38px}.manufacturer-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.competence-strip__grid,.manufacturer-facts__grid,.manufacturer-family-grid{grid-template-columns:1fr}.competence-strip article,.manufacturer-facts article{min-height:0;padding:24px 20px}.manufacturer-hero{padding:24px 0 56px}.manufacturer-hero__grid{grid-template-columns:minmax(0,1fr)}.manufacturer-hero h1{font-size:clamp(42px,13vw,62px)}.manufacturer-hero__image{border-radius:20px}.not-found__links{align-items:stretch;flex-direction:column}.not-found__links .button{justify-content:center}.product-knowledge nav a,.manufacturer-links nav a{padding:20px}}

/* Release 3: Geschäftskunden, Handel und digitale Integration */
.footer-contacts{display:grid;gap:3px;margin-top:16px}.footer-contacts span{display:block}.footer-contacts a{display:inline;color:#fff;text-decoration:underline;text-underline-offset:3px}.about-business-links{display:grid;gap:10px;margin-top:16px}.dealer-box__contact{margin-top:8px!important;font-size:14px}.dealer-box__contact a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.business-hero{padding:38px 0 78px;background:var(--paper)}.business-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(42px,7vw,110px);align-items:center}.business-hero h1{max-width:850px;margin:.18em 0 .35em;font:700 clamp(48px,6vw,84px)/.98 'Manrope',sans-serif;letter-spacing:-.055em}.business-hero aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:clamp(24px,4vw,40px);border-radius:24px;background:var(--deep);box-shadow:var(--shadow)}.business-hero aside span{display:flex;min-height:70px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;font-weight:700}.business-hero aside span:before{width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--accent);content:''}
.business-facts{background:var(--deep);color:#fff}.business-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16)}.business-facts article{min-height:160px;padding:30px;background:var(--deep)}.business-facts strong,.business-facts span{display:block}.business-facts strong{margin-bottom:9px;color:var(--accent);font:700 clamp(28px,3vw,46px)/1 'Manrope',sans-serif}.business-facts span{color:#d7e0dd;line-height:1.5}
.business-audiences{background:var(--paper)}.business-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.business-card-grid article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.business-card-grid small{color:#a86d0d;font-weight:700;letter-spacing:.12em}.business-card-grid h3{margin:55px 0 12px;font:700 25px/1.12 'Manrope',sans-serif}.business-card-grid p{margin:0;color:var(--muted)}
.business-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(44px,7vw,110px);align-items:start}.business-split h2,.business-integration h2,.business-contact h2{margin:.15em 0 .35em;font:700 clamp(40px,4.8vw,68px)/1.02 'Manrope',sans-serif;letter-spacing:-.05em}.business-portfolio{padding:clamp(70px,8vw,120px) 0;background:var(--deep);color:#fff}.business-portfolio p{color:#d7e0dd}.business-portfolio .text-link{color:var(--accent)}.business-family-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-family-list a{display:flex;min-height:92px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);color:#fff}.business-family-list a:hover{border-color:var(--accent);transform:translateY(-2px)}.business-family-list span{color:#cbd7d3;font-size:13px}
.business-private-label{background:var(--paper)}.business-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;margin:26px 0;padding:0;list-style:none}.business-check-list li{position:relative;padding:12px 12px 12px 34px;border-top:1px solid var(--line);font-weight:700}.business-check-list li:before{position:absolute;left:5px;color:#a86d0d;content:'✓'}.business-note{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line)}.business-note strong,.business-note span{display:block;padding:20px 24px;background:#fff}.business-note strong{padding-bottom:5px}.business-note span{padding-top:0;color:var(--muted)}
.business-fulfillment{padding:clamp(70px,8vw,120px) 0;background:var(--zz-soft)}.business-feature-list{display:grid;gap:0;margin:0 0 26px;padding:0;list-style:none}.business-feature-list li{display:grid;gap:5px;padding:20px 0;border-top:1px solid var(--line)}.business-feature-list li:last-child{border-bottom:1px solid var(--line)}.business-feature-list span{color:var(--muted)}
.business-integration{padding:clamp(75px,9vw,130px) 0;background:var(--deep);color:#fff}.business-integration__intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,7vw,100px);align-items:end}.business-integration__intro p:last-child{max-width:700px;color:#d7e0dd}.business-integration__pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:55px}.business-integration__pillars article{min-height:270px;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.06)}.business-integration__pillars small{color:var(--accent);font-weight:700;letter-spacing:.14em}.business-integration__pillars h3{margin:42px 0 12px;font:700 23px/1.15 'Manrope',sans-serif}.business-integration__pillars p{color:#d7e0dd}.business-messages{margin-top:18px;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.04)}.business-messages>strong{display:block;margin-bottom:16px}.business-messages>div{display:flex;flex-wrap:wrap;gap:8px}.business-messages span{padding:8px 11px;border-radius:99px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.04em}.business-messages p{margin:16px 0 0;color:#d7e0dd}
.business-processing{background:var(--paper)}.business-process{display:grid;gap:0;margin:0;padding:0;list-style:none}.business-process li{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:19px 0;border-top:1px solid var(--line)}.business-process li:last-child{border-bottom:1px solid var(--line)}.business-process span{color:#a86d0d;font-size:12px;font-weight:800;letter-spacing:.1em}.business-process strong{font:700 22px 'Manrope',sans-serif}
.business-quality{padding:clamp(70px,8vw,120px) 0;background:var(--zz-soft)}.business-quality__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.business-quality__details article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.business-quality__details strong{display:block;margin-bottom:10px;color:#a86d0d;font:700 clamp(30px,3vw,46px)/1 'Manrope',sans-serif}.business-quality__details span{color:var(--muted)}.business-quality__details>p{grid-column:1/-1;margin:0;color:var(--muted)}
.business-europe{background:var(--paper)}.business-contact{padding:clamp(55px,7vw,90px) 0;background:var(--accent)}.business-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.business-contact h2{max-width:780px}.business-contact p{margin-bottom:0}.business-contact .button{background:var(--deep);color:#fff}.home-audience-entry{background:var(--paper)}.home-audience-entry__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-audience-entry__grid a{display:flex;min-height:270px;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.home-audience-entry__grid a:last-child{background:var(--deep);color:#fff}.home-audience-entry__grid small{color:#a86d0d;font-weight:800;letter-spacing:.12em}.home-audience-entry__grid a:last-child small{color:var(--accent)}.home-audience-entry__grid strong{max-width:520px;margin:auto 0 18px;font:700 clamp(28px,3vw,43px)/1.06 'Manrope',sans-serif}.home-audience-entry__grid span{color:var(--muted)}.home-audience-entry__grid a:last-child span{color:#d7e0dd}
@media(max-width:980px){.business-hero__grid,.business-split,.business-integration__intro{grid-template-columns:1fr}.business-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-card-grid,.business-integration__pillars{grid-template-columns:1fr}.business-card-grid article,.business-integration__pillars article{min-height:0}.business-card-grid h3,.business-integration__pillars h3{margin-top:28px}}
@media(max-width:700px){.business-hero{padding:24px 0 56px}.business-hero h1{font-size:clamp(42px,13vw,62px)}.business-hero aside,.business-family-list,.business-check-list,.business-quality__details,.home-audience-entry__grid{grid-template-columns:1fr}.business-hero aside{padding:18px;border-radius:18px}.business-hero aside span{min-height:56px}.business-facts__grid{grid-template-columns:1fr}.business-facts article{min-height:0;padding:24px 20px}.business-card-grid article,.business-integration__pillars article,.business-messages{padding:22px 20px}.business-family-list a{min-height:82px}.business-quality__details>p{grid-column:auto}.business-contact__inner{align-items:stretch;flex-direction:column}.business-contact .button{justify-content:center}.business-process li{grid-template-columns:52px 1fr}.home-audience-entry__grid a{min-height:240px;padding:24px 20px}}

/* Release 4.3: FAQ / Knowledge Hub */
.faq-hero{padding:clamp(52px,7vw,96px) 0;background:var(--paper)}
.faq-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:clamp(36px,7vw,100px);align-items:center}
.faq-hero h1{max-width:950px;margin:0;font:700 clamp(43px,6vw,78px)/.98 'Manrope',sans-serif;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal;hyphens:none}
.faq-hero .lead{max-width:850px;margin-top:24px}.faq-hero aside{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:baseline;padding:30px;border-radius:22px;background:var(--deep);color:#fff}
.faq-hero aside strong{color:var(--accent);font:700 clamp(36px,4vw,56px)/1 'Manrope',sans-serif}.faq-hero aside span{font-weight:700}
.faq-topics{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;padding-block:28px;border-bottom:1px solid var(--line)}
.faq-topics>strong{padding-top:9px;color:#925f0c;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.faq-topics>div{display:flex;flex-wrap:wrap;gap:9px}
.faq-topics a{padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:13px;font-weight:700}.faq-hub{padding-top:70px}
.faq-cluster{display:grid;grid-template-columns:minmax(210px,.36fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:48px 0;border-top:1px solid var(--line);scroll-margin-top:150px}
.faq-cluster__head{display:flex;gap:16px;align-items:flex-start}.faq-cluster__head span{color:#a46c10;font:700 12px 'Manrope',sans-serif;letter-spacing:.08em}
.faq-cluster__head h2{margin:0;font:700 clamp(26px,3vw,38px)/1.08 'Manrope',sans-serif;letter-spacing:-.035em}.faq-list{display:grid;gap:10px}
.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.faq-item summary{position:relative;padding:21px 58px 21px 22px;cursor:pointer;list-style:none;font:700 17px/1.35 'Manrope',sans-serif}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:22px;top:18px;color:#a46c10;font:500 26px/1 'Manrope',sans-serif}
.faq-item[open] summary:after{content:'−'}.faq-item summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.faq-item__answer{padding:0 22px 22px;color:var(--muted)}.faq-item__answer p{max-width:920px;margin:0}.faq-item__answer .text-link{display:inline-flex;margin-top:13px}
.business-faq{padding:clamp(64px,8vw,110px) 0;background:var(--deep);color:#fff}.business-faq .section-head p,.business-faq .faq-item__answer{color:#d9e0dd}
.business-faq .faq-item{border-color:rgba(255,255,255,.18);background:#304948}.business-faq .faq-item summary{color:#fff}.business-faq .actions{margin-top:30px}
.faq-list--business{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-related__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.faq-related__grid a{display:flex;min-height:105px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.faq-related__grid span{color:#a46c10;font-size:22px}
.faq-context{background:var(--paper)}.faq-context .section-head{align-items:end}.faq-list--context{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.faq-hero__grid,.faq-cluster{grid-template-columns:1fr}.faq-hero aside{max-width:420px}.faq-list--business,.faq-list--context{grid-template-columns:1fr}.faq-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.faq-hero{padding:40px 0}.faq-hero__grid{gap:28px}.faq-hero aside{width:100%;padding:22px}.faq-topics{grid-template-columns:1fr;gap:10px}.faq-cluster{padding:36px 0}.faq-item summary{padding:18px 50px 18px 18px;font-size:16px}.faq-item__answer{padding:0 18px 19px}.faq-related__grid{grid-template-columns:1fr}.faq-related__grid a{min-height:86px}}
/* Release 4.3 final: klare B2C-, Hersteller- und Geschäftskunden-FAQ */
.faq-hero__grid>*{min-width:0}.faq-hero aside span{line-height:1.4}.faq-hub .wrap{max-width:1240px}.faq-cluster>*{min-width:0}
.faq-item summary,.faq-item__answer{overflow-wrap:break-word;word-break:normal;hyphens:none}.faq-item__answer{font-size:16px;line-height:1.7}.faq-item__answer .text-link{min-height:44px;align-items:center}
.faq-special{background:var(--paper)}.faq-special--b2b{background:var(--deep);color:#fff}.faq-special__intro{align-items:end}.faq-special__intro>p{max-width:680px}
.faq-special--b2b .faq-special__intro>p{color:#d7e0dd}.faq-special__groups{display:grid;gap:clamp(38px,6vw,74px)}
.faq-special__group{display:grid;grid-template-columns:minmax(190px,.3fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);padding-top:30px;border-top:1px solid var(--line)}
.faq-special__group>h3{margin:0;font:700 clamp(24px,3vw,36px)/1.08 'Manrope',sans-serif;letter-spacing:-.035em}.faq-list--special{min-width:0}
.faq-special--b2b .faq-special__group{border-color:rgba(255,255,255,.18)}.faq-special--b2b .faq-item{border-color:rgba(255,255,255,.18);background:#304948}
.faq-special--b2b .faq-item summary{color:#fff}.faq-special--b2b .faq-item__answer{color:#d9e0dd}.faq-special--b2b .faq-item__answer .text-link{color:var(--accent)}
@media(max-width:900px){.faq-special__group{grid-template-columns:1fr;gap:18px}.faq-special__group>h3{max-width:680px}}
@media(max-width:620px){
.faq-hero h1{font-size:clamp(32px,9.5vw,48px);line-height:1.04}.faq-hero .lead{font-size:17px;line-height:1.65}.faq-hero aside{grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:10px 14px}
.faq-hero aside strong{font-size:clamp(32px,10vw,46px)}.faq-topics{overflow:visible}.faq-topics>div{display:grid;grid-template-columns:1fr;width:100%}.faq-topics a{display:flex;min-height:46px;align-items:center;padding:11px 14px;border-radius:12px}
.faq-hub{padding-top:48px}.faq-hub>.wrap>.section-head{align-items:flex-start;flex-direction:column;gap:10px}.faq-cluster{gap:18px;padding:34px 0}.faq-cluster__head h2{font-size:clamp(27px,8vw,34px)}
.faq-item{border-radius:14px}.faq-item summary{min-height:58px;padding:18px 50px 18px 18px;font-size:17px;line-height:1.42}.faq-item summary:after{right:18px;top:18px}.faq-item__answer{padding:0 18px 22px;font-size:16px;line-height:1.72}
.faq-special{padding-block:56px}.faq-special__intro{align-items:flex-start;flex-direction:column;gap:14px}.faq-special__groups{gap:42px}.faq-special__group{gap:16px;padding-top:24px}.faq-special__group>h3{font-size:27px}
}
.public-fact-label,.public-fact-detail{display:block}.public-fact-label{font-weight:700}.public-fact-detail{margin-top:4px;color:#d7e0dd;font-size:13px;line-height:1.45}
.home-business-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.home-business-link>.wrap{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:22px}.home-business-link span{color:var(--muted);font-size:14px}.home-business-link .text-link{white-space:nowrap;font-weight:700}
@media(max-width:620px){.home-business-link>.wrap{min-height:0;align-items:flex-start;flex-direction:column;padding-block:20px;gap:8px}.home-business-link .text-link{min-height:42px;align-items:center;white-space:normal}}

/* Release 4.3: Kontaktwegweiser ohne Direktverkauf */
.footer-link--secondary{color:#9fb1ac!important}.contact-hero{padding:clamp(42px,7vw,92px) 0 clamp(64px,8vw,108px);background:var(--paper)}
.contact-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(38px,7vw,105px);align-items:center}.contact-hero__grid>*{min-width:0}
.contact-hero h1{max-width:850px;margin:.16em 0 .36em;font:700 clamp(46px,6vw,82px)/1 'Manrope',sans-serif;letter-spacing:-.055em;overflow-wrap:break-word;word-break:normal;hyphens:none}
.contact-hero aside{padding:clamp(24px,4vw,38px);border-radius:22px;background:var(--deep);color:#fff;box-shadow:var(--shadow)}.contact-hero aside strong{display:block;margin-bottom:12px;color:var(--accent);font:700 clamp(21px,2.4vw,29px)/1.2 'Manrope',sans-serif}.contact-hero aside p{margin:0;color:#d7e0dd}
.contact-paths{background:#fff}.contact-paths__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-path{display:flex;min-width:0;min-height:510px;flex-direction:column;padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.contact-path h2,.contact-guide h2{margin:.15em 0 .36em;font:700 clamp(35px,4.3vw,60px)/1.04 'Manrope',sans-serif;letter-spacing:-.045em;overflow-wrap:break-word;word-break:normal;hyphens:none}.contact-path>p:not(.eyebrow){max-width:720px}.contact-path__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:34px}.contact-path__actions .text-link{display:inline-flex;min-height:46px;align-items:center}
.contact-path--business{border-color:var(--deep);background:var(--deep);color:#fff}.contact-path--business .eyebrow{color:var(--accent)}.contact-path--business .lead,.contact-path--business>p{color:#d7e0dd}.contact-path--business .button.light{border-color:#fff;background:#fff;color:var(--deep)}
.contact-guide{padding:clamp(70px,8vw,116px) 0;background:var(--zz-soft)}.contact-guide__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(38px,7vw,100px);align-items:start}.contact-guide__grid>*{min-width:0}.contact-guide nav{display:grid;gap:10px}.contact-guide nav a{display:flex;min-height:94px;flex-direction:column;justify-content:center;padding:20px 24px;border:1px solid var(--line);border-radius:15px;background:#fff}.contact-guide nav a:hover{border-color:#c89b51;transform:translateY(-2px)}.contact-guide nav span{margin-top:4px;color:var(--muted)}
@media(max-width:900px){.contact-hero__grid,.contact-guide__grid{grid-template-columns:1fr}.contact-hero aside{max-width:720px}.contact-paths__grid{grid-template-columns:1fr}.contact-path{min-height:0}}
@media(max-width:620px){.contact-hero{padding:30px 0 58px}.contact-hero h1{font-size:clamp(40px,13vw,57px);line-height:1.02}.contact-hero .lead{font-size:17px;line-height:1.65}.contact-hero aside{padding:22px 20px;border-radius:18px}.contact-paths{padding-block:56px}.contact-path{padding:28px 20px;border-radius:18px}.contact-path h2,.contact-guide h2{font-size:clamp(31px,9.8vw,43px);line-height:1.08}.contact-path__actions{align-items:stretch;flex-direction:column;padding-top:26px}.contact-path__actions .button,.contact-path__actions .text-link{width:100%;justify-content:center;text-align:center}.contact-guide nav a{min-height:88px;padding:18px 20px}.footer-grid a{min-height:44px;display:flex;align-items:center}}
@media(max-width:360px){.contact-hero h1{font-size:clamp(38px,12.5vw,45px)}.contact-path h2,.contact-guide h2{font-size:clamp(29px,9.2vw,35px)}.contact-path{padding-inline:18px}.faq-item summary{padding-right:46px;font-size:16px}}
@media(max-width:620px){.manufacturer-hero h1,.business-hero h1{font-size:clamp(36px,11vw,54px);line-height:1.03;overflow-wrap:normal;word-break:normal;hyphens:none}}
@media(max-width:768px){.footer-grid a{min-height:44px;display:flex;align-items:center}}
@media(max-width:700px){.language-menu__panel{right:-75px}}
/* Standardsichere Wrapperbreiten: arithmetic in min() requires calc(). */
@media(max-width:699px){.wrap,.narrow{width:min(calc(100% - 28px),1280px)}}
@media(min-width:700px){.wrap,.narrow{width:min(calc(100% - 40px),1240px)}}
.manufacturer-origin__grid>*,.business-hero__grid>*,.business-integration__pillars>*{min-width:0}
@media(max-width:360px){.manufacturer-hero h1,.business-hero h1{font-size:clamp(32px,10vw,36px)}}

/* Release 4.3: natural word boundaries and flexible content heights. */
body{overflow-wrap:normal;word-break:normal;hyphens:none}
h1,h2,h3,h4,h5,h6,.faq-item summary,.button,.text-link,.card-link,.category-card__body strong,.product-copy h3,.planning-links strong,.business-family-list strong,.manufacturer-family-grid strong{overflow-wrap:normal;word-break:normal;hyphens:none}
.contact-hero h1,.contact-path h2,.contact-guide h2,.faq-item summary{overflow-wrap:normal;word-break:normal;hyphens:none}
.business-card-grid article,.business-integration__pillars article,.contact-path{min-height:0}
.business-card-grid h3{margin-top:36px}
.business-integration{padding:clamp(68px,7vw,100px) 0}
.business-integration__intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"label copy" "title copy";column-gap:clamp(38px,6vw,88px);row-gap:10px;align-items:start}
.business-integration__intro .eyebrow{grid-area:label;margin-bottom:0}.business-integration__intro h2{grid-area:title;margin-top:0}.business-integration__intro>p:last-child{grid-area:copy;margin:0}
.business-integration__pillars{margin-top:36px}.business-integration__pillars article{padding:26px}.business-integration__pillars h3{margin:26px 0 12px}
@media(max-width:980px){.business-integration__intro{grid-template-areas:"label" "title" "copy";row-gap:12px}.business-integration__pillars{margin-top:30px}}

@media(min-width:701px){.catalog-modern .product-card{height:auto}.catalog-modern .product-copy h3,.catalog-modern .product-copy>p{display:block;overflow:visible;-webkit-box-orient:initial;-webkit-line-clamp:unset}}
@media(max-width:980px){.business-integration__intro{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.business-integration__pillars article{padding:20px 16px}}

/* Materialvergleich: auf schmalen Viewports echte Karten statt horizontaler Tabelle. */
.material-hero>*,.material-content>*,.material-section>.wrap>*,.material-tech>*,.material-worlds>*,.material-cards>*{min-width:0}
@media(max-width:900px){
  .material-table-wrap{overflow:visible;border:0;background:transparent}
  .material-table-wrap .material-table{display:block;min-width:0;width:100%;background:transparent}
  .material-table thead{display:none}
  .material-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .material-table tr{display:block;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
  .material-table td{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}
  .material-table td:last-child{border-bottom:0}
  .material-table td:before{content:attr(data-label);display:block;margin-bottom:3px;color:#687875;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
}
@media(max-width:620px){
  .material-table tbody{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){.family-business{grid-template-columns:minmax(0,1fr)}.family-business>div{min-width:0}}

/* Release 4.3 DE freeze: central responsive typography hierarchy. */
:root{
  --font-h1-hero:clamp(48px,6vw,88px);
  --font-h1:clamp(36px,5vw,72px);
  --font-h1-split:clamp(28px,calc(20px + 2.35vw),56px);
  --font-h2:clamp(26px,calc(18px + 2vw),50px);
  --font-h3:clamp(21px,calc(16px + 1vw),30px);
  --font-card-title:clamp(19px,calc(17px + .4vw),24px);
  --font-eyebrow:12px;
  --font-lead:clamp(17px,calc(15px + .25vw),20px);
  --font-faq-question:clamp(16px,calc(14px + .22vw),18px);
  --line-h1-hero:.98;
  --line-h1:1.02;
  --line-h1-split:1.04;
  --line-h2:1.06;
  --line-h3:1.12;
  --line-card-title:1.2;
}
main h1{
  font-size:var(--font-h1)!important;
  line-height:var(--line-h1)!important;
  letter-spacing:-.055em!important;
}
.home-hero__copy h1,.about-hero h1,.imprint-hero__copy h1{
  font-size:var(--font-h1-hero)!important;
  line-height:var(--line-h1-hero)!important;
  letter-spacing:-.06em!important;
}
.manufacturer-hero h1,.business-hero h1,.material-hero h1,.product-info h1{
  font-size:var(--font-h1-split)!important;
  line-height:var(--line-h1-split)!important;
  letter-spacing:-.05em!important;
}
main h2{
  font-size:var(--font-h2)!important;
  line-height:var(--line-h2)!important;
  letter-spacing:-.045em!important;
}
.home-hero__copy h2{
  font-size:var(--font-card-title)!important;
  line-height:var(--line-card-title)!important;
  letter-spacing:-.025em!important;
}
main h3{
  font-size:var(--font-h3)!important;
  line-height:var(--line-h3)!important;
  letter-spacing:-.035em!important;
}
.product-copy h3,.knowledge-grid h2,.usage-grid h3,.material-cards h3,.material-world h3,.pattern-card h3,.install-steps h3,.brand-values h3,.value-grid h3,.business-card-grid h3,.business-integration__pillars h3,.imprint-card h3{
  font-size:var(--font-card-title)!important;
  line-height:var(--line-card-title)!important;
  letter-spacing:-.018em!important;
}
.eyebrow,.product-copy .eyebrow{font-size:var(--font-eyebrow)!important}
.lead,.home-hero__copy .lead,.about-story__copy .lead,.about-product__copy .lead,.imprint-hero__copy .lead,.faq-hero .lead,.contact-hero .lead{
  font-size:var(--font-lead)!important;
  line-height:1.6!important;
}
.faq-item summary{
  font-size:var(--font-faq-question)!important;
  line-height:1.42!important;
}
main h1,main h2,main h3,.faq-item summary{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
main h1,main h2,main h3{text-wrap:balance}
.faq-item summary{text-wrap:pretty}

/* Release 4.3 international final QA: robust containment for all market texts. */
main{min-width:0;overflow-x:clip}
main section,main article,main header,main nav,main div{min-width:0}
main h1,main h2,main h3{text-wrap:pretty}
.lead,.richtext p,.product-copy>p,.faq-item__answer,.material-table td,.contact-path p{overflow-wrap:anywhere}
.catalog-modern .product-card{overflow:visible}
.catalog-modern .product-image{border-radius:10px 10px 0 0}

/* Gemeinsame Kopfzeile aller Wissens-Unterseiten. */
.knowledge-topic-nav{width:min(1240px,calc(100% - 40px));margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:13px}
.knowledge-topic-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700}
.knowledge-topic-nav a:before{content:'←';color:#ad7416}
.knowledge-topic-nav span{color:#a36e17;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:620px){.knowledge-topic-nav{width:calc(100% - 28px)}.knowledge-topic-nav span{display:none}}

/* Garantie: eigenständige deutsche Wissensseite aus dem freigegebenen Produktdatenblatt. */
.knowledge-card__media--guarantee{display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(135deg,#253e3e,#385958);color:#fff}
.knowledge-card__media--guarantee>strong{font:700 clamp(26px,3vw,42px)/1.05 'Manrope',sans-serif;letter-spacing:-.03em}
.knowledge-card__guarantee-badge{display:grid;width:112px;height:112px;place-content:center;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:var(--accent);color:var(--ink);text-align:center;box-shadow:0 14px 30px rgba(10,28,28,.28)}
.knowledge-card__guarantee-badge b{font:700 52px/.8 'Manrope',sans-serif}
.knowledge-card__guarantee-badge small{margin-top:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.guarantee-page{background:#fff}
.guarantee-hero{background:linear-gradient(135deg,#eef1ec 0%,#fff 58%,#f8edcf 100%)}
.guarantee-hero__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:clamp(42px,7vw,96px);align-items:center;min-height:620px;padding-block:clamp(70px,8vw,118px)}
.guarantee-hero h1{margin:0;font-size:var(--font-h1-hero);line-height:var(--line-h1-hero);letter-spacing:-.055em}
.guarantee-hero .lead{margin:24px 0 4px;color:var(--ink);font-weight:700}
.guarantee-hero__families{margin:0 0 24px;color:#98630e;font:700 clamp(20px,2vw,28px)/1.25 'Manrope',sans-serif;letter-spacing:-.02em}
.guarantee-hero__families span{padding-inline:8px;color:var(--muted)}
.guarantee-hero__grid>div>p:last-child{max-width:760px;color:var(--muted)}
.guarantee-hero__document{position:relative;display:flex;min-height:370px;flex-direction:column;justify-content:flex-end;padding:clamp(34px,5vw,58px);overflow:hidden;border-radius:30px;background:var(--deep);color:#fff;box-shadow:0 28px 70px rgba(29,52,51,.2)}
.guarantee-hero__document:before{content:'';position:absolute;top:-84px;right:-68px;width:250px;height:250px;border:38px solid rgba(244,183,62,.95);border-radius:50%}
.guarantee-hero__document>span{position:relative;color:var(--accent);font:700 clamp(48px,6vw,78px)/.94 'Manrope',sans-serif;letter-spacing:-.055em}
.guarantee-hero__document>strong{position:relative;margin-top:12px;font:700 clamp(22px,2.4vw,34px)/1.08 'Manrope',sans-serif}
.guarantee-hero__document>p{position:relative;max-width:300px;margin:14px 0 34px;color:#d5e0dc}
.guarantee-hero__document>small{position:relative;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);color:#aec1bb}
.guarantee-technical{background:var(--paper)}
.guarantee-section-head>p{max-width:460px}
.guarantee-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line)}
.guarantee-data>div{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,.58fr);gap:24px;padding:20px 22px;background:#fff}
.guarantee-data dt{font-weight:700;color:var(--ink)}
.guarantee-data dd{margin:0;color:var(--muted)}
.guarantee-data-note{margin:18px 0 0;color:var(--muted);font-size:13px}
.guarantee-temperature{padding-block:clamp(34px,5vw,64px);background:#fff}
.guarantee-notice{padding:clamp(30px,5vw,58px);border-left:5px solid var(--accent);border-radius:0 24px 24px 0;background:#fff1cb}
.guarantee-notice h2{max-width:930px;margin:0;font-size:var(--font-h2);line-height:var(--line-h2);letter-spacing:-.04em}
.guarantee-notice>p:last-child{max-width:1000px;margin:20px 0 0;font-size:18px;color:#475a58}
.guarantee-declaration{background:var(--deep);color:#fff}
.guarantee-declaration__grid{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:clamp(48px,8vw,110px);align-items:start}
.guarantee-declaration h2{margin:0;font-size:var(--font-h1);line-height:var(--line-h1);letter-spacing:-.045em}
.guarantee-prose{display:grid;gap:22px}
.guarantee-prose>p{margin:0;color:#d0ddda;font-size:18px}
.guarantee-highlight{padding:28px;border-radius:20px;background:#fff;color:var(--ink)!important;font-weight:700}
.guarantee-exclusion{padding:clamp(26px,4vw,40px);border:1px solid #57706d;border-radius:22px;background:#223a39}
.guarantee-exclusion h3{margin:0 0 14px;font-size:var(--font-h3);line-height:var(--line-h3)}
.guarantee-exclusion p{margin:0;color:#d0ddda}
.guarantee-reach{padding-top:20px;border-top:1px solid #526866}
.guarantee-reach strong{color:var(--accent)}
.guarantee-download{background:var(--paper)}
.guarantee-download__card{display:flex;align-items:center;justify-content:space-between;gap:clamp(28px,6vw,80px);padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(31,52,52,.08)}
.guarantee-download__card h2{max-width:760px;margin:0;font-size:var(--font-h2);line-height:var(--line-h2);letter-spacing:-.04em}
.guarantee-download__card p:not(.eyebrow){max-width:760px;margin:16px 0 0;color:var(--muted)}
.guarantee-download__card .button{flex:0 0 auto;text-align:center}
@media(max-width:980px){.guarantee-hero__grid,.guarantee-declaration__grid{grid-template-columns:minmax(0,1fr)}.guarantee-hero__grid{min-height:auto}.guarantee-hero__document{min-height:320px}.guarantee-data{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.guarantee-download__card{align-items:stretch;flex-direction:column}.guarantee-download__card .button{width:100%}}
@media(max-width:620px){.knowledge-card__media--guarantee{gap:16px}.knowledge-card__guarantee-badge{width:96px;height:96px}.knowledge-card__guarantee-badge b{font-size:44px}.guarantee-hero__grid{padding-block:50px}.guarantee-hero__document{min-height:290px;padding:30px 24px;border-radius:22px}.guarantee-hero__families span{display:none}.guarantee-hero__families{display:grid;gap:4px}.guarantee-data>div{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px}.guarantee-notice{padding:28px 20px}.guarantee-notice>p:last-child,.guarantee-prose>p{font-size:16px}.guarantee-highlight,.guarantee-exclusion{padding:22px 20px}.guarantee-download__card{padding:26px 20px}}