/* Arabic Windows — Mashrabiya, Licht & Wohnen
   Design: tiefes Nachtblau, warmer Sand, Messing-Gold */
:root{
  --navy:#0e1b2e;
  --navy-2:#152845;
  --sand:#f4ecdd;
  --sand-2:#ece0c8;
  --gold:#b8894c;
  --gold-2:#d8ad72;
  --ink:#1b2430;
  --muted:#5b6472;
  --white:#ffffff;
  --line:#e4d9c2;
  --radius:16px;
  --shadow:0 10px 30px rgba(14,27,46,.10);
  --maxw:1180px;
  --font-lat:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-ar-body:"IBM Plex Sans Arabic","Inter",sans-serif;
  --font-ar-head:"Cairo","Inter",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-lat);
  color:var(--ink);
  background:var(--sand);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
html[dir="rtl"] body{font-family:var(--font-ar-body)}
h1,h2,h3,h4{font-weight:700;line-height:1.25;margin:0 0 .5em;color:var(--navy)}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:var(--font-ar-head);font-weight:700}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.mono-pattern{
  background-image:
    linear-gradient(135deg, transparent 45%, rgba(184,137,76,.08) 45%, rgba(184,137,76,.08) 55%, transparent 55%),
    linear-gradient(45deg, transparent 45%, rgba(184,137,76,.08) 45%, rgba(184,137,76,.08) 55%, transparent 55%);
  background-size:26px 26px;
}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(244,236,221,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:700;font-size:1.15rem;white-space:nowrap}
.brand .mark{width:34px;height:34px;flex:0 0 auto}
nav.main-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
nav.main-nav a{text-decoration:none;color:var(--navy);font-size:.95rem;font-weight:600;opacity:.85}
nav.main-nav a:hover{opacity:1;color:var(--gold)}
.dropdown-nav{position:relative;display:inline-block}
.dropdown-nav summary{list-style:none;cursor:pointer;color:var(--navy);font-size:.95rem;font-weight:600;opacity:.85}
.dropdown-nav summary::-webkit-details-marker{display:none}
.dropdown-nav:hover summary,.dropdown-nav summary:hover{opacity:1;color:var(--gold)}
.dropdown-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;min-width:230px;z-index:50}
.dropdown-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--ink);opacity:1}
.dropdown-menu a:hover{background:var(--sand)}

/* Mega-Menue: Icon + Titel + Kurzbeschreibung je Eintrag */
.mega-menu{min-width:340px;padding:10px}
.mega-item{display:flex;align-items:flex-start;gap:12px;padding:10px 10px;border-radius:10px;text-decoration:none}
.mega-item:hover{background:var(--sand)}
.mega-icon{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--sand-2);border-radius:9px;padding:6px}
.mega-icon svg{width:100%;height:100%}
.mega-text{display:flex;flex-direction:column;gap:2px}
.mega-text strong{font-size:.9rem;color:var(--navy);font-weight:700;display:flex;align-items:center;gap:6px}
.mega-text small{font-size:.78rem;color:var(--muted);font-weight:500;line-height:1.3}
.mega-badge{background:var(--gold);color:var(--white);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:999px}
.mega-viewall{display:block;margin-top:6px;padding:12px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;font-size:.82rem;font-weight:700;color:var(--gold);text-decoration:none;opacity:1}
.mega-viewall:hover{background:var(--sand)}
.looks-strip-wrap{margin:0 auto 28px}
.looks-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px}
.looks-head strong{font-size:1rem;color:var(--navy)}
.looks-head span{font-size:.85rem;color:var(--muted)}
.looks-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.look-card{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:220px;max-width:240px;text-align:start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;text-decoration:none;transition:border-color .15s,transform .15s}
.look-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.look-card.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,137,76,.25)}
.look-swatch{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px var(--line)}
.look-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.look-text strong{font-size:.84rem;color:var(--navy);font-weight:700}
.look-text small{font-size:.74rem;color:var(--muted);line-height:1.25}
.quiz-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;margin-bottom:24px}
.quiz-question h3{margin-top:0;font-size:1.1rem}
.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:16px}
.quiz-option{background:var(--sand);border:1px solid var(--line);border-radius:12px;padding:14px 12px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--navy);transition:border-color .15s,transform .15s,background .15s}
.quiz-option:hover{border-color:var(--gold);background:var(--white);transform:translateY(-2px)}
#quiz-result{text-align:start}
#quiz-result .kicker{text-align:start}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:12px;padding:4px 18px;background:var(--white)}
.faq-item summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--gold);flex:0 0 auto}
.faq-item[open] summary::after{content:"–"}
.faq-answer p{margin:0 0 16px;color:var(--muted);font-size:.94rem;line-height:1.6}
.needs-card{border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:var(--white);margin-top:14px;text-align:start}
.needs-card-top{border:2px solid var(--gold)}
.needs-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.needs-name{margin:6px 0 6px;font-size:1.15rem;color:var(--navy)}
.needs-desc{margin:0 0 14px;color:var(--muted);font-size:.92rem;line-height:1.6}
.needs-actions{display:flex;gap:10px;flex-wrap:wrap}
.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.glossary-card{border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:var(--white);scroll-margin-top:90px}
.glossary-term{margin:0 0 8px;font-size:1.05rem;color:var(--navy);display:flex;align-items:center;gap:8px}
.glossary-term::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);flex:0 0 auto}
.glossary-desc{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
@media (max-width:760px){.glossary-grid{grid-template-columns:1fr}}
.lang-switch{position:relative}
.lang-switch summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--white)}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:280px;max-height:340px;overflow:auto;z-index:50}
.lang-menu a{display:block;padding:8px 10px;border-radius:8px;font-size:.88rem;text-decoration:none;color:var(--ink)}
.lang-menu a:hover{background:var(--sand)}
.lang-menu a.active{background:var(--sand-2);font-weight:700}
.burger{display:none}

/* Hero */
.hero{padding:64px 0 56px;background:linear-gradient(180deg,var(--sand) 0%,var(--sand) 60%,var(--sand-2) 100%);position:relative;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--gold-2);color:var(--gold);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.hero h1{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:.4em}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:52ch}
.hero .cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.hero-visual{position:relative}
.hero-visual svg{width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(14,27,46,.18))}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:10px;font-weight:700;text-decoration:none;font-size:.95rem;border:2px solid transparent;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:var(--sand)}
.btn-primary:hover{background:var(--navy-2)}
.btn-gold{background:var(--gold);color:var(--white)}
.btn-gold:hover{background:#a3763c}
.btn-outline{border-color:var(--navy);color:var(--navy);background:transparent}
.btn-outline:hover{background:var(--navy);color:var(--sand)}
.btn-sm{padding:8px 16px;font-size:.85rem;border-radius:8px}

/* Sections */
section{padding:64px 0}
.section-head{max-width:680px;margin:0 auto 40px;text-align:center}
.section-head.left{text-align:start;margin-inline:0}
.section-head .kicker{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}
.bg-white{background:var(--white)}
.bg-navy{background:var(--navy);color:var(--sand)}
.bg-navy h2,.bg-navy h3{color:var(--sand)}

/* Grid cards */
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.card h3{font-size:1.15rem}

.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.trust-item{text-align:start}
.trust-item .trust-icon svg{width:30px;height:30px}
.trust-item h3,.trust-item h4{margin:10px 0 4px;font-size:.98rem}
.trust-item p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.4}
@media (max-width:860px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
.card .icon{width:44px;height:44px;margin-bottom:14px}
.style-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.style-card .swatch{height:120px}
.style-card .body{padding:20px}
.style-card .body p{color:var(--muted);font-size:.92rem}

/* Product cards (Amazon) */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.product-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.product-card .thumb{aspect-ratio:1/1;background:var(--sand);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card .thumb svg{width:70%;height:70%}
.product-card h3,.product-card h4{margin:0;font-size:1rem;color:var(--navy)}
.product-card .tag{font-size:.72rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.03em}
.product-card .desc{color:var(--muted);font-size:.86rem;flex:1}
.product-card .cta{margin-top:auto}
.ad-disclosure{font-size:.72rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}

/* Tools */
.tool-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.tool-box label{display:block;font-weight:600;font-size:.85rem;margin:14px 0 6px}
.tool-box input,.tool-box select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--sand)}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
#pattern-canvas-wrap{background:var(--navy);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:center}
#pattern-canvas{width:100%;height:auto;border-radius:8px}
.result-box{background:var(--sand);border:1px dashed var(--gold-2);border-radius:10px;padding:16px;margin-top:16px;font-size:.92rem}
.range-row{display:flex;align-items:center;gap:10px}
.range-row output{font-weight:700;min-width:52px;text-align:end}
.tmpl-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}
.tmpl-btn{padding:11px 8px;border:2px solid var(--line);border-radius:10px;background:var(--white);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--muted)}
.tmpl-btn.active{border-color:var(--gold);background:var(--sand);color:var(--navy)}
#vz-canvas{cursor:grab}
#vz-canvas.dragging{cursor:grabbing}
#pattern-canvas-wrap.vz-canvas-wrap{position:relative;display:grid}
#vz-canvas,#vz-before-canvas{grid-column:1;grid-row:1;width:100%;height:auto;border-radius:8px}
#vz-before-canvas{display:none;pointer-events:none;clip-path:inset(0 50% 0 0)}
#vz-compare-handle{display:none;position:absolute;top:0;bottom:0;left:50%;width:0;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;z-index:5;transform:translateX(-50%)}
#vz-compare-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--gold);transform:translateX(-50%);box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.vz-compare-grip{position:relative;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.vz-compare-label{position:absolute;top:12px;padding:4px 12px;border-radius:999px;background:rgba(14,27,46,.75);color:var(--sand);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;display:none;pointer-events:none;z-index:4}
.vz-compare-label-before{left:12px}
.vz-compare-label-after{right:12px}
.vz-canvas-wrap.compare-active .vz-compare-label{display:block}
#vz-compare-toggle.active,#vz-night-toggle.active,#vz-scale-toggle.active{border-color:var(--gold);background:var(--sand);color:var(--navy)}
.vz-elements-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.vz-element-chip{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border:2px solid var(--line);border-radius:999px;background:var(--white);cursor:pointer;font-size:.78rem;font-weight:700;color:var(--navy)}
.vz-element-chip:hover{border-color:var(--gold)}
.vz-element-chip.active{border-color:var(--gold);background:var(--sand);box-shadow:0 0 0 2px rgba(184,137,76,.2)}
.vz-element-chip .vz-chip-swatch{width:16px;height:16px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1px var(--line)}
.vz-element-chip .vz-chip-remove{margin-inline-start:4px;font-size:.9rem;line-height:1;color:var(--muted);padding:0 2px}
.vz-element-chip .vz-chip-remove:hover{color:#b0413e}
.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.shape-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.shape-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:2px solid var(--line);border-radius:10px;background:var(--white);cursor:pointer;font-family:inherit}
.shape-btn span{font-size:.68rem;font-weight:600;color:var(--muted);text-align:center;line-height:1.2}
.shape-btn.active{border-color:var(--gold);background:var(--sand)}
.swatches{display:flex;gap:8px;margin-top:6px}
.swatches button{width:28px;height:28px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.swatches button.active{box-shadow:0 0 0 2px var(--gold)}

/* Countdown */
.countdown{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.countdown .box{background:var(--white);border-radius:12px;padding:18px 20px;min-width:88px;text-align:center;box-shadow:var(--shadow)}
.countdown .box strong{display:block;font-size:2rem;color:var(--gold);font-weight:800}
.countdown .box span{font-size:.75rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}

/* Article / prose */
.prose{max-width:760px;margin:0 auto}
.prose h2{margin-top:1.6em}
.prose ul{padding-inline-start:1.3em}
.prose li{margin-bottom:.5em}
.callout{background:var(--white);border-inline-start:4px solid var(--gold);border-radius:10px;padding:18px 20px;margin:24px 0;box-shadow:var(--shadow)}
.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--gold)}

/* Table of comparison */
table.compare{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
table.compare th,table.compare td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:start;font-size:.92rem}
table.compare th{background:var(--navy);color:var(--sand);font-weight:700}
table.compare tr:last-child td{border-bottom:none}

/* Footer */
footer.site-footer{background:var(--navy);color:var(--sand-2);padding:56px 0 28px;margin-top:40px}
footer .grid-4{gap:32px}
footer h4{color:var(--sand);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}
footer a{color:var(--sand-2);text-decoration:none;font-size:.9rem;display:block;margin-bottom:8px;opacity:.85}
footer a:hover{opacity:1;color:var(--gold-2)}
.footer-bottom{border-top:1px solid rgba(244,236,221,.15);margin-top:32px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem;color:rgba(244,236,221,.6)}
.footer-legal-note{font-size:.78rem;color:rgba(244,236,221,.55);max-width:900px;margin-top:14px;line-height:1.6}

/* Cookie consent banner */
#consent-banner{position:fixed;inset-inline:0;bottom:0;z-index:100;background:var(--navy);color:var(--sand);padding:20px 24px;box-shadow:0 -8px 24px rgba(0,0,0,.25);display:none}
#consent-banner.show{display:block}
.consent-inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.consent-text{flex:1;min-width:260px;font-size:.9rem;color:var(--sand-2)}
.consent-text a{color:var(--gold-2);text-decoration:underline}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.consent-actions button{cursor:pointer;font-family:inherit}
#consent-settings-panel{display:none;max-width:var(--maxw);margin:14px auto 0;background:var(--navy-2);border-radius:10px;padding:16px 20px}
#consent-settings-panel.show{display:block}
.consent-option{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(244,236,221,.1);font-size:.85rem}
.consent-option:last-child{border-bottom:none}

/* Badges */
.badge{display:inline-block;background:var(--sand-2);color:var(--navy);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:999px;margin-inline-end:6px}

/* Responsive */
@media (max-width:960px){
  .hero .container{grid-template-columns:1fr}
  .hero-visual{order:-1}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .tool-grid{grid-template-columns:1fr}
  nav.main-nav{display:none}
  .burger{display:inline-flex}
}
@media (max-width:600px){
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .hero{padding:44px 0}
  section{padding:44px 0}
  .consent-inner{flex-direction:column;align-items:stretch}
  .countdown .box{min-width:72px;padding:12px 14px}
  .countdown .box strong{font-size:1.5rem}
}
.mat-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mat-field{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;color:var(--navy);text-align:start}
.mat-field input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:var(--white);color:var(--navy);width:100%;box-sizing:border-box}
.mat-field input:focus{outline:2px solid var(--gold);outline-offset:1px}
@media (max-width:520px){.mat-fields{grid-template-columns:1fr}}
.vz-daynight{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--navy)}
.vz-daynight input[type=range]{flex:1;accent-color:var(--gold);min-width:0}
#pattern-canvas.pat-clear{background:repeating-conic-gradient(#e4dccb 0% 25%,#f6f1e6 0% 50%) 50%/20px 20px}
.related-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.related-tools strong{color:var(--navy);margin-inline-end:6px}
.glossary-link{display:inline-block;margin-top:12px;font-size:.85rem;font-weight:700;color:var(--gold)}
.cl-steps{margin:0 0 20px;padding-inline-start:1.4rem;line-height:1.65;color:var(--navy)}
.cl-steps li{margin-bottom:8px}
.cl-room{margin:18px 0 10px;display:flex;align-items:flex-end;gap:8px}
.cl-line{flex:1;border-bottom:1px solid var(--navy);height:1.2em}
.cl-table{width:100%;border-collapse:collapse;margin-top:8px}
.cl-table th{text-align:start;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);width:45%;color:var(--navy)}
.cl-fill{border-bottom:1px solid var(--navy);width:35%;min-height:2.2em}
.cl-table td{padding:10px 8px;border-bottom:1px solid var(--line)}
.cl-unit{color:var(--muted);width:20%}
.cl-tip{margin-top:14px;font-size:.9rem;color:var(--muted)}
@media print{
  .site-header,.site-footer,#consent-banner,.no-print{display:none !important}
  body{background:#fff !important}
  .quiz-card{box-shadow:none !important;border:none !important;padding:0 !important}
  .cl-table td{padding:14px 8px}
}
.cl-table td.cl-fill{border-bottom:1px solid var(--navy)}
@media (max-width:960px){
  nav.main-nav .dropdown-nav{display:block;width:100%}
  nav.main-nav .dropdown-menu{position:static;box-shadow:none;border:none;padding:6px 0 6px 8px;min-width:0;margin-top:6px;background:transparent}
  nav.main-nav .mega-menu{min-width:0}
}
.light-stage{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#222}
.light-stage canvas{display:block;width:100%;height:auto}
.light-controls{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end;margin-top:16px}
.light-controls label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--navy)}
.light-controls input[type=range]{accent-color:var(--gold);width:100%}
.light-controls select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--sand);font-family:inherit;font-size:.9rem}
.light-buttons{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:760px){.light-controls{grid-template-columns:1fr}}
.pshop{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.pshop h3{margin:0;color:var(--navy)}
.pshop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.pshop-grid .needs-card{margin-top:8px}
@media (max-width:860px){.pshop-grid{grid-template-columns:1fr}}
.howto{max-width:40rem;margin:18px auto 0;padding:14px 18px;border:1px dashed var(--gold);border-radius:12px;background:var(--white);text-align:start;font-size:.92rem}
.howto strong{display:block;color:var(--navy);margin-bottom:6px}
.howto ol{margin:0;padding-inline-start:1.3rem;color:var(--muted);line-height:1.6}
@media print{.howto{display:none}}

/* v1.23.1: kein horizontaler Seiten-Scroll auf dem Handy */
.looks-strip-wrap{max-width:100%;min-width:0}
.looks-strip{max-width:100%}
@media (max-width:720px){
  table.compare{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.tool-grid>*{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}
@media (max-width:720px){.tool-grid{grid-template-columns:minmax(0,1fr)}}
#planner-canvas{width:100%;height:auto;max-width:100%;border-radius:8px}
.shape-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
.shape-btn{min-width:0}
.shape-btn span{overflow-wrap:anywhere;hyphens:auto}
@media (min-width:961px){.dropdown-menu{max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain}}

/* v1.24.0: Vorher/Nachher-Regler */
.ba{position:relative;max-width:860px;margin:8px auto 0;aspect-ratio:16/10;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--sand);touch-action:pan-y;user-select:none}
.ba-layer{position:absolute;inset:0}
.ba-layer svg{display:block;width:100%;height:100%}
.ba-after{clip-path:inset(0 0 0 var(--pos))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(29,43,68,.25);pointer-events:none}
.ba-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ba-range:focus-visible~.ba-line span{outline:3px solid var(--gold)}
.ba-tag{position:absolute;top:12px;padding:4px 12px;border-radius:99px;background:rgba(29,43,68,.82);color:#fff;font-size:.78rem;font-weight:700;pointer-events:none}
.ba-tag-l{left:12px}.ba-tag-r{right:12px}
.ba-caption{text-align:center;color:var(--muted);font-size:.82rem;margin:10px 0 14px}

/* v1.25.0: Safari/iOS-Haertung (Praefixe + Fallbacks fuer aeltere Engines) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.site-header{-webkit-backdrop-filter:blur(8px)}
.ba{-webkit-user-select:none}
.ba-layer,.ba-range{top:0;right:0;bottom:0;left:0}
.ba-after{-webkit-clip-path:inset(0 0 0 var(--pos))}
@supports not (aspect-ratio:1/1){.ba{height:0;padding-top:62.5%}.ba-layer,.ba-range{position:absolute}}
@media (max-width:720px){select,input[type=text],input[type=number],input[type=email],textarea{font-size:16px}}

/* v1.26.0: Barrierefreiheit */
:root{--gold-ink:#8a5f1f}
.skip-link{position:absolute;inset-inline-start:8px;top:-80px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;z-index:200;text-decoration:none}
.skip-link:focus{top:8px}
main:focus{outline:none}
footer .fh{color:var(--sand);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}
.btn-gold,.mega-badge{color:var(--navy)}
.btn-gold:hover{background:var(--gold-2);color:var(--navy)}
.section-head .kicker,.kicker,.needs-label,.product-card .tag,.glossary-link,.hero .eyebrow,.mega-viewall{color:var(--gold-ink)}
.bg-navy .kicker,.bg-navy .section-head .kicker{color:var(--gold-2)}
.bg-navy .ad-disclosure{color:#b9c0cc;border-top-color:rgba(244,236,221,.25)}
.badge-on-gold,.card h3 .badge{color:var(--navy)}
.dark-box .kicker{color:var(--gold-2)}
.trust-item h3,.product-card h3{font-weight:700}
.h3-like{font-size:1.15rem}
.pshop h2{margin:0;color:var(--navy)}

/* v1.26.0: Fensterrichtung im Licht-Spiel */
.light-dir-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;font-size:.85rem;font-weight:600;color:var(--navy)}
.light-dir{display:flex;flex-wrap:wrap;gap:6px}
.light-dir-btn{font:inherit;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:999px;border:2px solid var(--line);background:var(--white);color:var(--navy);cursor:pointer}
.light-dir-btn:hover{border-color:var(--gold)}
.light-dir-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.light-dir-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.light-hint{min-height:1.4em;margin:8px 0 0;font-size:.88rem;color:var(--navy);font-weight:600}

/* v1.27.0: Shop-Auswahl */
.market-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;margin:12px 0}
.market-pick label{font-weight:700}
.market-pick select{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--white);color:var(--navy)}
.market-hint{color:var(--muted)}
.site-footer .market-pick{margin:18px 0 6px;color:rgba(244,236,221,.85)}
.site-footer .market-pick select{background:rgba(255,255,255,.08);color:var(--sand);border-color:rgba(244,236,221,.35)}
.site-footer .market-pick select option{color:#0e1b2e;background:#fff}
.site-footer .market-hint{color:rgba(244,236,221,.7)}

/* v1.27.1: Vergleichsseite */
table.compare th[scope=row]{text-align:start;font-weight:700;background:var(--sand);color:var(--navy)}
.verdicts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}
.verdicts li{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.funnel{padding:40px 0}

/* v1.28.0: Foto-Studio Kauf-Pfad */
.vz-shop{margin-top:12px}
.vz-shop-h{font-weight:800;font-size:.9rem;margin-bottom:6px;color:var(--navy)}
.vz-shop-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.vz-shop-card span{font-size:.82rem;color:var(--muted)}
.vz-shop-note{font-size:.76rem;color:var(--muted);margin:6px 0 0}

/* v1.28.1: interaktive Mess-Checkliste */
.cl-input{width:100%;font:inherit;font-size:1rem;padding:6px 4px;border:0;border-bottom:2px solid var(--gold);background:transparent;color:var(--navy);text-align:start;-moz-appearance:textfield}
.cl-input::-webkit-outer-spin-button,.cl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cl-input:focus{outline:3px solid var(--gold);outline-offset:2px;background:var(--white)}
.cl-room-input{border:0;border-bottom:1px solid var(--navy);background:transparent;font:inherit;color:var(--navy);padding:4px}
.cl-hint{color:var(--muted);font-size:.88rem;margin:6px 0}
.cl-out{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--sand);border:1px dashed var(--gold)}
.cl-out p{margin:6px 0}
.cl-out-h{font-size:1.05rem;margin:0 0 6px}
.cl-warn{color:#8a3b00;font-weight:600}
.cl-out-hint{color:var(--muted);margin:0}
.cl-table th label{font-weight:600}
@media print{.cl-input{border-bottom:0}.cl-out{background:none;border:1px solid #000}.cl-room-input{border-bottom:1px solid #000}}
.cl-table{table-layout:fixed}
.cl-input{min-width:0;box-sizing:border-box}
@media (max-width:520px){.cl-table th{width:44%;padding:10px 4px;font-size:.9rem}.cl-fill{width:38%}.cl-unit{width:18%}.cl-table td{padding:10px 4px}}
.cl-room{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cl-room-input{flex:1 1 140px;min-width:0;width:auto;max-width:100%;box-sizing:border-box}

/* v1.29.0 3D-Raum */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.r3d-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.r3d-stage{position:relative;aspect-ratio:16/10;width:100%;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#1b2433}
.r3d-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.r3d-stage canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.r3d-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fff;margin:0}
.r3d-views{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.r3d-view-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.r3d-time{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin-top:14px}
.r3d-time label{grid-column:1/-1;font-size:.85rem;font-weight:600;color:var(--navy)}
.r3d-time input[type=range]{accent-color:var(--gold);width:100%}
.r3d-hint{color:var(--muted);font-size:.8rem;margin:8px 0 0}
.r3d-panel{display:flex;flex-direction:column;gap:12px}
.r3d-fs{border:1px solid var(--line);border-radius:12px;padding:10px 14px 14px;margin:0;min-width:0;background:var(--white)}
.r3d-fs legend{font-weight:800;font-size:.85rem;color:var(--navy);padding:0 6px}
.r3d-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.r3d-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.r3d-num,.r3d-sel,.r3d-rng{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;color:var(--navy);margin-top:6px;min-width:0}
.r3d-num input,.r3d-sel select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--sand);font:inherit;font-size:.9rem}
.r3d-rng input{width:100%;accent-color:var(--gold)}
.r3d-rng[hidden],#r3d-row-motif[hidden],#r3d-row-color[hidden]{display:none}
.r3d-colors{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:.78rem;font-weight:600;color:var(--navy)}
.r3d-colors>div{display:flex;gap:8px;flex-wrap:wrap}
.r3d-color{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.r3d-color.active{border-color:var(--navy);box-shadow:0 0 0 3px var(--gold)}
.r3d-chk{display:flex;align-items:center;gap:8px;font-size:.88rem;margin-top:10px;color:var(--navy)}
.r3d-chk input{width:18px;height:18px;accent-color:var(--gold)}
.r3d-actions{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.r3d-wrap{grid-template-columns:minmax(0,1fr)}.r3d-stage{aspect-ratio:4/3}}
.r3d-msg[hidden]{display:none}
.r3d-stage-col,.r3d-panel{min-width:0}
.r3d-stage canvas{position:absolute;inset:0;width:100%;height:100%}

/* v1.29.1 Kurzfuehrung + 3D-Hilfe */
.tour-btn{margin-top:12px;font:inherit;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:999px;border:2px solid var(--gold);background:var(--white);color:var(--navy);cursor:pointer}
.tour-btn:hover{background:var(--sand)}
.tour-hl{outline:3px solid var(--gold)!important;outline-offset:6px;border-radius:12px;transition:outline-color .2s}
.tour-card{position:fixed;inset-inline-end:16px;bottom:16px;z-index:9000;width:min(360px,calc(100vw - 32px));background:#10211f;color:#eaf2f0;border-radius:14px;padding:18px 18px 16px;box-shadow:0 12px 40px rgba(0,0,0,.4);font-size:.92rem;line-height:1.5}
.tour-k{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#9fb5b1;margin-bottom:8px;padding-inline-end:28px}
.tour-h{font-size:1.1rem;margin:0 0 8px;color:#fff;font-family:inherit}
.tour-p{margin:0 0 14px;color:#d3e0dd}
.tour-x{position:absolute;inset-inline-end:10px;top:8px;width:32px;height:32px;border:0;background:transparent;color:#cfe0dc;font-size:1.5rem;line-height:1;cursor:pointer;border-radius:8px}
.tour-x:hover{background:rgba(255,255,255,.1)}
.tour-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tour-dots{display:flex;gap:6px}
.tour-dots span{width:8px;height:8px;border-radius:50%;background:#3b4f4b}
.tour-dots span.on{width:22px;border-radius:6px;background:var(--gold)}
.tour-btns{display:flex;gap:8px}
.tour-back{background:transparent!important;color:#eaf2f0!important;border-color:#4a605b!important}
.tour-card button:focus-visible,.tour-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media print{.tour-btn,.tour-card{display:none!important}}
@media (max-width:600px){.tour-card{inset-inline-end:8px;bottom:8px;width:calc(100vw - 16px)}}
.r3d-help{margin-top:26px}
.r3d-ex{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.r3d-diy{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:14px}
.r3d-diy details{border:1px solid var(--line);border-radius:12px;background:var(--white);padding:12px 16px}
.r3d-diy summary{cursor:pointer;font-weight:800;color:var(--navy)}
.r3d-diy ol{margin:10px 0 0;padding-inline-start:20px;color:var(--muted);font-size:.9rem}
.r3d-diy li{margin-bottom:6px}
.r3d-need{margin:10px 0 0;font-size:.88rem;color:var(--navy)}
.r3d-safety{margin-top:14px;padding:12px 16px;border-inline-start:4px solid var(--gold);background:var(--sand);border-radius:8px;font-size:.88rem;color:var(--navy)}

/* v1.30.0 Objekte + Zuschnitt */
.r3d-chips{display:flex;flex-wrap:wrap;gap:6px}
.r3d-obj-chip{font:inherit;font-size:.82rem;font-weight:700;padding:6px 12px;border-radius:999px;border:2px solid var(--line);background:var(--white);color:var(--navy);cursor:pointer}
.r3d-obj-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}
.r3d-obj-chip:disabled{opacity:.4;cursor:not-allowed}
.r3d-objbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.r3d-objinfo{margin:8px 0 0;font-weight:700;color:var(--navy);font-size:.88rem;min-height:1.2em}
.r3d-bom{margin:22px 0 6px;padding:16px 18px;border:2px solid var(--gold);border-radius:14px;background:var(--white)}
.r3d-bom ul{margin:10px 0 12px;padding-inline-start:20px;color:var(--navy);font-size:.95rem}
.r3d-bom li{margin-bottom:6px}
.btn[hidden]{display:none!important}

/* v1.30.1 Mobiles Menue: Vollbild-Panel, scrollbar, einheitliche Eintraege */
.dropdown-menu a.mega-item{display:flex}
@media (max-width:960px){
  html.nav-lock,html.nav-lock body{overflow:hidden}
  html.nav-lock .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--sand)}
  nav.main-nav.open-mobile{display:flex!important;position:fixed!important;top:var(--hdr-h,64px)!important;bottom:0;left:0;right:0;z-index:60;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--sand);padding:4px 20px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  nav.main-nav.open-mobile>a,nav.main-nav.open-mobile>.dropdown-nav>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0;margin:0;font-size:1.05rem;font-weight:700;color:var(--navy);opacity:1;text-align:start;border-bottom:1px solid var(--line)}
  nav.main-nav.open-mobile .dropdown-nav{display:block;width:100%}
  nav.main-nav.open-mobile .dropdown-nav[open]>summary{color:var(--gold-ink,var(--navy))}
  nav.main-nav.open-mobile .dropdown-menu{position:static;box-shadow:none;border:none;border-radius:0;background:transparent;padding:4px 0 8px;margin:0;min-width:0}
  nav.main-nav.open-mobile .dropdown-menu a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 6px;font-size:.98rem;font-weight:600;color:var(--navy);opacity:1;border-radius:10px}
  nav.main-nav.open-mobile .mega-item{align-items:center}
  nav.main-nav.open-mobile .mega-icon{width:38px;height:38px}
  nav.main-nav.open-mobile .mega-text strong{font-size:.98rem}
  nav.main-nav.open-mobile .mega-text small{font-size:.82rem}
  nav.main-nav.open-mobile .mega-viewall{display:block;margin-top:4px}
}

/* v1.31.0 Bauplan (Druck/PDF) */
.r3d-plan{display:none}
@media print{
  html.r3d-printing body>*:not(#r3d-plan){display:none!important}
  html.r3d-printing body{background:#fff!important}
  html.r3d-printing #r3d-plan{display:block!important;color:#111;font-family:inherit;padding:0;font-size:11pt;line-height:1.45}
  #r3d-plan h1{font-size:20pt;margin:4px 0}
  #r3d-plan h2{font-size:13pt;margin:16px 0 6px;border-bottom:2px solid #b8894c;padding-bottom:3px;page-break-after:avoid}
  .r3d-plan-brand{font-weight:800;color:#8a6232;font-size:10pt;letter-spacing:.04em}
  .r3d-plan-meta{color:#444;margin:0 0 10px}
  .r3d-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .r3d-plan-grid figure{margin:0;page-break-inside:avoid}
  .r3d-plan-grid img{width:100%;height:auto;border:1px solid #ccc;border-radius:6px;display:block}
  .r3d-plan-grid figcaption{font-size:9pt;color:#555;margin-top:2px}
  #r3d-plan ul,#r3d-plan ol{margin:6px 0;padding-inline-start:20px}
  #r3d-plan li{margin-bottom:4px;page-break-inside:avoid}
  .r3d-plan-note{font-size:9pt;color:#555;margin:8px 0 0;word-break:break-all}
}

/* v1.32.0 Sonnenstunden */
.sun-controls{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;margin-bottom:18px}
.sun-chart-wrap{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px;color:var(--navy)}
.sun-svg{width:100%;height:auto;display:block;max-width:640px;margin:8px auto 0}
.sun-stats{font-weight:700;margin:10px 0 6px;color:var(--navy)}
.sun-verdict{margin:0 0 14px;color:var(--muted)}
/* v1.32.0 Zusatzobjekte */
.r3d-addrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px}
.r3d-addrow select{flex:1 1 140px;min-width:0;padding:7px 8px;border-radius:8px;border:1px solid var(--border,#d8d2c4);background:var(--surface,#fff);color:inherit;font:inherit}
/* v1.33.0 Shop */
.shop-group{margin:34px 0}
.shop-group h2{margin-bottom:14px}
.shop-anchors{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}
.shop-anchors .chip{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--border,#d8d2c4);background:var(--surface,#fff);text-decoration:none;color:inherit;font-weight:600;font-size:.9rem}
.shop-card .shop-tip{font-size:.86rem;color:var(--muted);margin:8px 0 0;line-height:1.5}
.shop-how,.shop-before{margin-top:34px;padding:20px;border-radius:14px;background:var(--surface,#fff);border:1px solid var(--border,#d8d2c4)}
.shop-how ul{margin:10px 0 0;padding-inline-start:1.2em;line-height:1.7}
.shop-before-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
/* v1.33.1 Eingabefelder bleiben auf einer Linie, auch wenn Beschriftungen unterschiedlich umbrechen */
.r3d-grid,.r3d-grid2{align-items:stretch}
.r3d-num>input,.r3d-sel>select{margin-top:auto}
.r3d-num>span,.r3d-sel>span{line-height:1.25;overflow-wrap:anywhere}
/* v1.35.0 schmale Handys: Sprachknopf bleibt einzeilig */
.lang-switch>summary{white-space:nowrap}
@media(max-width:380px){.lang-switch>summary{padding:8px 10px;font-size:.85rem}.brand span{font-size:1rem}}
/* v1.35.1 sichtbarer Objekt-Katalog */
.r3d-addtitle{margin:14px 0 6px;font-weight:700;font-size:.85rem;color:var(--navy)}
.r3d-addgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.r3d-addbtn{padding:8px 8px;border-radius:10px;border:1px dashed var(--gold,#b98a3d);background:var(--sand);color:var(--navy);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;text-align:start;min-width:0;overflow-wrap:anywhere}
.r3d-addbtn:hover,.r3d-addbtn:focus-visible{background:#fff;border-style:solid}
/* v1.36.0 Merkliste + Anlaesse */
.wish-btn{margin-inline-start:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--gold,#b98a3d);background:transparent;color:var(--navy);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.wish-btn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.product-card .cta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.occ h3{margin:18px 0 10px}
#wish-list{margin:10px 0;padding-inline-start:1.2em;line-height:1.8}