/* Ergänzungen: Werkstatt, Vorher/Nachher, Standorte, mobile Leiste, DSGVO-Karten */
html,body{overflow-x:clip}

/* ---------- Werkstatt ---------- */
.ws{--ink:#26261f;--acc:#9d343a;--mut:#6c685d;background:#eeece6;color:var(--ink);font-family:'DM Sans',sans-serif;padding:clamp(64px,7vw,112px) clamp(16px,4vw,64px)}
.ws-wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,80px);align-items:center}
.ws-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--acc);font-size:10px;font-weight:700;letter-spacing:.16em}
.ws-dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(157,52,58,.5);animation:wsPulse 2.2s infinite}
@keyframes wsPulse{70%{box-shadow:0 0 0 9px rgba(157,52,58,0)}100%{box-shadow:0 0 0 0 rgba(157,52,58,0)}}
.ws h2{margin:0;font:500 clamp(36px,4.2vw,66px)/1 'Manrope',sans-serif;letter-spacing:-.05em}
.ws h2 em{font-style:normal;color:var(--acc)}
.ws-lead{margin:18px 0 0;max-width:430px;font-size:15px;line-height:1.6;color:var(--mut)}
.ws-chapters{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(38,38,31,.12)}
.ws-chapters li{border-bottom:1px solid rgba(38,38,31,.12)}
.ws-chapters button{position:relative;width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:15px 0 16px;background:none;border:0;text-align:left;color:var(--ink);cursor:pointer}
.ws-n{font:700 11px/1.6 'DM Sans',sans-serif;letter-spacing:.08em;color:#a29d90;transition:color .3s}
.ws-t b{display:block;font:600 17px/1.3 'Manrope',sans-serif;letter-spacing:-.02em;color:#8d887c;transition:color .3s}
.ws-t small{display:grid;grid-template-rows:0fr;font-size:13px;line-height:1.5;color:var(--mut);transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s;opacity:0;overflow:hidden}
.ws-chapters button.on .ws-t small{grid-template-rows:1fr;opacity:1;margin-top:3px}
.ws-chapters button.on .ws-t b,.ws-chapters button.done .ws-t b{color:var(--ink)}
.ws-chapters button.on .ws-n{color:var(--acc)}
.ws-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.ws-bar i{position:absolute;inset:0;background:var(--acc);transform-origin:left;transform:scaleX(var(--p,0))}
.ws-chapters button:not(.on) .ws-bar i{transform:scaleX(0)}
.ws-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.ws-cta{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--acc);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(157,52,58,.25);transition:transform .3s,background .3s}
.ws-cta:hover{transform:translateY(-2px);background:#b13b42}
.ws-link{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1.5px solid rgba(38,38,31,.25);padding-bottom:2px}
.ws-link:hover{border-color:var(--acc);color:var(--acc)}

.ws-stage{position:relative;aspect-ratio:16/11;border-radius:22px;overflow:hidden;background:#1e1d19;box-shadow:0 40px 80px -30px rgba(40,34,24,.35)}
.ws-film,.ws-compare{position:absolute;inset:0;transition:opacity .6s}
.ws-stage[data-mode="film"] .ws-compare,.ws-stage[data-mode="compare"] .ws-film{opacity:0;pointer-events:none}
.ws-stage[data-mode="compare"] .ws-caption{opacity:0}
.ws-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease}
.ws-slide.on{opacity:1;z-index:1}
.ws-slide img,.ws-slide video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 6.5s linear}
.ws-slide.on img,.ws-slide.on video{transform:scale(1)}
.ws-film::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(18,17,14,.62),transparent 42%);pointer-events:none}
.ws-caption{position:absolute;left:clamp(16px,2.4vw,28px);bottom:clamp(16px,2.2vw,26px);z-index:3;display:flex;flex-direction:column;gap:6px;color:#fff;transition:opacity .4s}
.ws-cap-n{font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.75)}
.ws-cap-t{font:600 clamp(22px,2.3vw,34px)/1.05 'Manrope',sans-serif;letter-spacing:-.035em}
.ws-switch{position:absolute;top:14px;left:14px;z-index:4;display:flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.ws-switch button{height:34px;padding:0 15px;border-radius:999px;border:0;background:none;font:600 12.5px 'DM Sans',sans-serif;color:#3a382f;cursor:pointer;transition:background .3s,color .3s}
.ws-switch button[aria-selected="true"]{background:#1f1f19;color:#fff}
.ws-note{position:absolute;right:14px;top:18px;z-index:4;padding:6px 10px;border-radius:999px;background:rgba(18,17,14,.45);backdrop-filter:blur(10px);color:rgba(255,255,255,.85);font-size:10px;font-weight:600;letter-spacing:.06em}

/* Vergleich */
.ws-compare{--pos:50%;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.ws-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ws-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ws-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.25);pointer-events:none}
.ws-handle span{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ws-handle svg{width:22px;height:22px;fill:none;stroke:#26261f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ws-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.ws-range::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:100vh}
.ws-tag{position:absolute;bottom:16px;z-index:2;padding:7px 12px;border-radius:999px;background:rgba(18,17,14,.5);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.ws-tag.l{left:16px}.ws-tag.r{right:16px}

@media (max-width:980px){
  .ws-wrap{grid-template-columns:1fr}
  .ws-stage{order:-1;aspect-ratio:4/3.4;margin:0 -16px;border-radius:0}
  .ws-copy{display:contents}
  .ws-wrap>.ws-copy>*{grid-column:1}
  .ws-eyebrow{order:-3}.ws h2{order:-2}.ws-lead{order:-1;margin-top:-8px}
  .ws-chapters{margin-top:4px}
}
@media (max-width:620px){
  .ws{padding:56px 16px}
  .ws-switch button{padding:0 12px;font-size:12px}
  .ws-chapters button{padding:12px 0 13px}
  .ws-t b{font-size:15.5px}
  .ws-actions{gap:14px}
  .ws-cta{width:100%;justify-content:center}
}

/* Vergleich auf Referenzseite */
.ba-sec{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,96px) clamp(16px,4vw,64px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px);align-items:center;font-family:'DM Sans',sans-serif;color:#26261f}
.ba-sec .eyebrow{margin:0 0 12px;color:#9d343a;font-size:10px;font-weight:700;letter-spacing:.16em}
.ba-sec h2{margin:0;font:500 clamp(30px,3.4vw,52px)/1.04 'Manrope',sans-serif;letter-spacing:-.045em}
.ba-sec h2 em{font-style:normal;color:#9d343a}
.ba-sec p.lead{margin:16px 0 0;font-size:15px;line-height:1.6;color:#6c685d;max-width:420px}
.ba-sec .ws-compare{position:relative;inset:auto;aspect-ratio:16/10;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(40,34,24,.35)}
.ba-sec small.ba-note{display:block;margin-top:14px;font-size:12px;color:#8d887c}
@media (max-width:980px){.ba-sec{grid-template-columns:1fr}.ba-sec .ws-compare{margin:0 -16px;border-radius:0;aspect-ratio:4/3.2}}

/* ---------- Kontakt: Standorte ---------- */
.loc-grid{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,64px) clamp(56px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);font-family:'DM Sans',sans-serif;color:#26261f}
.loc{display:grid;grid-template-rows:auto 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 0 rgba(38,38,31,.06),0 30px 60px -36px rgba(40,34,24,.3)}
.loc-map{position:relative;aspect-ratio:16/9;background:#e7e3d9}
.loc-body{padding:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-content:start}
.loc-body .loc-head{grid-column:1/-1}
.loc-body .k{display:block;margin-bottom:8px;color:#9d343a;font-size:10px;font-weight:700;letter-spacing:.16em}
.loc-body h2{margin:0;font:600 clamp(22px,2vw,30px)/1.1 'Manrope',sans-serif;letter-spacing:-.035em}
.loc-body h2 small{display:block;margin-top:6px;font:500 13px/1.4 'DM Sans',sans-serif;letter-spacing:0;color:#6c685d}
.loc-body dl{margin:0}
.loc-body dt{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8d887c;text-transform:uppercase;margin-bottom:6px}
.loc-body dd{margin:0;font-size:14.5px;line-height:1.6}
.loc-body dd a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(38,38,31,.2)}
.loc-body dd a:hover{color:#9d343a;border-color:#9d343a}
.loc-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}
.loc-actions a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;background:#f2efe7;color:#26261f;transition:background .25s}
.loc-actions a:hover{background:#e7e2d6}
.loc-actions a.wa{background:#1f7a4d;color:#fff}
.loc-actions a.pri{background:#9d343a;color:#fff}
.loc-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-quick{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,64px) clamp(28px,3vw,40px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-family:'DM Sans',sans-serif}
.contact-quick a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#fff;color:#26261f;text-decoration:none;box-shadow:0 1px 0 rgba(38,38,31,.06);transition:transform .3s,box-shadow .3s}
.contact-quick a:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(40,34,24,.25)}
.contact-quick i{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f2efe7;color:#9d343a}
.contact-quick a.wa i{background:#1f7a4d;color:#fff}
.contact-quick a.pri i{background:#9d343a;color:#fff}
.contact-quick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-quick b{display:block;font:600 15px/1.2 'Manrope',sans-serif;letter-spacing:-.015em}
.contact-quick small{display:block;font-size:12px;color:#6c685d;margin-top:2px}
@media (max-width:1100px){.loc-grid{grid-template-columns:1fr}.contact-quick{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.loc-body{grid-template-columns:1fr}.contact-quick a{padding:12px;gap:10px}.contact-quick i{width:36px;height:36px}.contact-quick b{font-size:13.5px}.contact-quick small{font-size:11px}}

/* Karte mit Einwilligung */
.map-consent{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;background:
  repeating-linear-gradient(0deg,transparent 0 39px,rgba(38,38,31,.05) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(38,38,31,.05) 39px 40px),#ebe7dd}
.map-consent>div{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px}
.map-consent .pin{width:44px;height:44px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9d343a;box-shadow:0 10px 20px rgba(157,52,58,.3);display:grid;place-items:center}
.map-consent .pin::after{content:"";width:14px;height:14px;border-radius:50%;background:#fff}
.map-consent p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#6c685d}
.map-consent button{min-height:42px;padding:0 18px;border-radius:999px;border:0;background:#1f1f19;color:#fff;font:700 12.5px 'DM Sans',sans-serif;cursor:pointer}
.map-consent.loaded{padding:0;background:none}
.map-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Angebot: Termin ---------- */
.full-quote .seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.full-quote .seg label{position:relative;display:block;cursor:pointer}
.full-quote .seg input{position:absolute;opacity:0;pointer-events:none}
.full-quote .seg span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(38,38,31,.16);font-size:13px;font-weight:600;color:#26261f;transition:background .25s,color .25s,box-shadow .25s}
.full-quote .seg input:checked+span{background:#1f1f19;color:#fff;box-shadow:none}
.full-quote .seg input:focus-visible+span{outline:2px solid #9d343a;outline-offset:2px}
.full-quote fieldset{border:0;margin:0;padding:0;min-width:0}
.full-quote legend{padding:0;margin-bottom:8px}
.drop{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:18px;border-radius:16px;border:1.5px dashed rgba(38,38,31,.25);background:rgba(255,255,255,.55);text-align:center;cursor:pointer;transition:border-color .25s,background .25s}
.drop:hover,.drop.over{border-color:#9d343a;background:#fff}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop b{font:600 15px 'Manrope',sans-serif}
.drop svg{width:26px;height:26px;fill:none;stroke:#9d343a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.drop-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.drop-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:10px}
.quote-send{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quote-send button{min-height:54px}
.quote-send .alt{background:#fff!important;color:#26261f!important;box-shadow:inset 0 0 0 1px rgba(38,38,31,.2)!important}
@media (max-width:520px){.quote-send{grid-template-columns:1fr}}

/* ---------- Mobile Aktionsleiste ---------- */
@media (max-width:1140px){
  body[data-page="home"] nav.dock,nav.dock,.quick-actions{display:none!important}
  .mobile-bar.mb2{position:fixed!important;z-index:70!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;top:auto!important;display:grid!important;grid-template-columns:1fr 1fr 1.25fr;gap:6px;padding:6px;border-radius:22px;background:rgba(28,27,22,.82);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 18px 40px rgba(20,18,12,.28),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;width:auto!important;height:auto!important;border:0!important}
  .mobile-bar.mb2 a{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:16px;color:#f3efe6!important;font:600 13px 'DM Sans',sans-serif!important;text-decoration:none;background:rgba(255,255,255,.07);letter-spacing:0!important}
  .mobile-bar.mb2 a span{display:inline!important;font:inherit!important}
  .mobile-bar.mb2 svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bar.mb2 a:nth-child(2) svg{color:#5fd39a}
  .mobile-bar.mb2 a.mb-cta{background:#9d343a;color:#fff!important;box-shadow:0 8px 18px rgba(157,52,58,.35)}
  html.sn-open .mobile-bar.mb2,html.is-loading .mobile-bar.mb2{transform:translateY(140%);opacity:0}
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .cookie-box{left:10px!important;right:10px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;max-width:none!important;width:auto!important;z-index:75!important;flex-wrap:wrap!important}
}
@media (min-width:1141px){.mobile-bar.mb2{display:none!important}}
/* horizontale Scroller statt Überlauf */
@media (max-width:620px){
  .g3-filter{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;max-width:100%;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .g3-filter::-webkit-scrollbar{display:none}
  .g3-filter button{flex:none}
  .showroom-rooms{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .showroom-rooms::-webkit-scrollbar{display:none}
  .showroom-rooms li{flex:none}
}

/* ---------- Cookie-Hinweis kompakt ---------- */
.cookie-box{font-family:'DM Sans',sans-serif;background:rgba(30,29,24,.92)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px!important;box-shadow:0 24px 60px rgba(20,18,12,.35),inset 0 0 0 1px rgba(255,255,255,.08)!important}
.cookie-box b{font:600 15px 'Manrope',sans-serif;letter-spacing:-.01em}
.cookie-box p{line-height:1.5}
.cookie-box button{font:700 12.5px 'DM Sans',sans-serif!important;min-height:42px}
.cookie-box button[data-cookie=necessary]{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.cookie-box button[data-cookie=all]{background:#9d343a!important}
.cookie-box a{opacity:.75}
@media (min-width:1141px){.cookie-box{left:20px!important;right:auto!important;bottom:20px!important;width:420px!important;flex-wrap:wrap!important;padding:20px 22px!important;z-index:85!important}.cookie-box div{flex-basis:100%!important}}

.ws-scn{position:absolute;inset:0}
.ws-film::after{background:linear-gradient(0deg,rgba(18,17,14,.75),transparent 34%)!important}
.ws-slide .scn svg{inset:2% 4% 14%;width:92%;height:84%}
/* Leistungsseiten: Illustration statt Video */
.sub-visual .scn{position:absolute;inset:0}
.sub-visual .scn svg{inset:6% 5% 12%;width:90%;height:82%}
.sub-visual>img{width:100%;height:100%;object-fit:cover;display:block}
.sub-visual span{z-index:2}

/* Übergang hell → dunkel: beginnt in der Mitte des Schranks und läuft in die Galerie */
:root{--cab-fade:linear-gradient(180deg,#f2f0e8 0%,#e9e6de 10%,#dbd8cf 20%,#cbc7be 32%,#b8b3aa 44%,#9d988f 54%,#7c776f 63%,#5b5750 72%,#403c36 81%,#2b2823 90%,#1e1c18 100%)}
.cabinet-band.cab-fade{background-image:var(--cab-fade)!important;background-repeat:no-repeat!important;background-size:100% var(--fadeL,400px)!important;background-position:0 var(--fadeTop,100%)!important}
#kuechenwelten.g3.cab-fade{
  --F:clamp(200px,17vw,280px);
  padding-top:clamp(4px,1vw,14px)!important;
  background-image:var(--cab-fade),linear-gradient(180deg,#1e1c18 0px,#1e1c18 200px,rgba(30,28,24,0) 560px),radial-gradient(70% 55% at 50% 58%,#3a352d 0%,#221f1a 55%,#171512 100%)!important;
  background-size:100% var(--fadeL,400px),100% 100%,100% 100%!important;
  background-position:0 calc(-1 * var(--lift,0px)),0 0,0 0!important;
  background-repeat:no-repeat!important;background-color:#171512!important}
@media (max-width:620px){#kuechenwelten.g3.cab-fade{--F:170px}}

/* Aufnahme-Karte 3 nicht über dem Scroll-Hinweis */
@media (min-width:1141px){body[data-page="home"] #studio .process-card[data-phase="3"]{top:57%!important}}

/* Hero-Karten über dem Video: nur ein kurzer Text mit Icon */
body[data-page="home"] #studio .process-card{width:auto!important;max-width:none!important;padding:10px 16px 10px 10px!important;border-radius:999px!important}
body[data-page="home"] #studio .process-card .card-face{display:flex!important;align-items:center;gap:10px}
body[data-page="home"] #studio .process-card .card-top{display:contents!important}
body[data-page="home"] #studio .process-card .card-kicker,body[data-page="home"] #studio .process-card p,body[data-page="home"] #studio .process-card .card-chapters,body[data-page="home"] #studio .process-card .card-cta{display:none!important}
body[data-page="home"] #studio .process-card svg{order:-1;flex:none;width:34px!important;height:34px!important;padding:8px;border-radius:50%;background:#9d343a;stroke:#fff!important;color:#fff;fill:none;stroke-width:1.8;margin:0!important;box-sizing:border-box}
body[data-page="home"] #studio .process-card h2{margin:0!important;font:600 16px/1.1 'Manrope',sans-serif!important;letter-spacing:-.02em;white-space:nowrap}
@media (max-width:620px){body[data-page="home"] #studio .process-card{padding:8px 14px 8px 8px!important}body[data-page="home"] #studio .process-card svg{width:30px!important;height:30px!important;padding:7px}body[data-page="home"] #studio .process-card h2{font-size:14px!important}}

/* Unter dem Schrank: kein Text, kein Leerraum – Galerie schließt direkt an */
.cabinet-band .cabinet-cta{display:none!important}
.cabinet-band .cab-pin{padding-bottom:0!important}
.cabinet-band .cab-stage{margin-bottom:0!important}

/* ---------- Galerie: Auftritt beim Scrollen ---------- */
.g3.g3-enter{--gp:0;--e:calc(1 - var(--gp))}
.g3.g3-enter .g3-head .eyebrow{opacity:clamp(0,calc(var(--gp) * 3 - .2),1);transform:translateY(calc(var(--e) * 18px));letter-spacing:calc(.16em + var(--e) * .3em)}
.g3.g3-enter h2 .gl{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.g3.g3-enter h2 .gl>span{display:inline-block;--q:clamp(0,calc((var(--gp) - var(--k) * .12) * 2.6),1);transform:translateY(calc((1 - var(--q)) * 105%)) rotate(calc((1 - var(--q)) * 4deg));transform-origin:0 100%}
.g3.g3-enter .g3-filter button{--q:clamp(0,calc((var(--gp) - .25 - var(--k) * .05) * 3.5),1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 16px)) scale(calc(.94 + var(--q) * .06))}
.g3.g3-enter .g3-stage{
  --se:calc(1 - var(--sp,0));
  transform-origin:50% 0%;
  transform:translateY(calc(var(--se) * 160px)) rotateX(calc(var(--se) * 30deg)) scale(calc(.78 + var(--sp,0) * .22));
  clip-path:inset(calc(var(--se) * 16%) calc(var(--se) * 24%) -40% calc(var(--se) * 24%) round calc(var(--se) * 44px));
  filter:blur(calc(var(--se) * 8px)) brightness(calc(.5 + var(--sp,0) * .5));
  will-change:transform,clip-path}
.g3.g3-enter .g3-foot,.g3.g3-enter .g3-hint{opacity:clamp(0,calc(var(--sp,0) * 2.5 - 1.4),1)}
@media (max-width:620px){.g3.g3-enter .g3-stage{transform:translateY(calc(var(--se) * 90px)) rotateX(calc(var(--se) * 24deg)) scale(calc(.84 + var(--sp,0) * .16));clip-path:inset(calc(var(--se) * 10%) calc(var(--se) * 14%) -40% calc(var(--se) * 14%) round calc(var(--se) * 28px))}}

/* ---------- Startseite: Hero & Schrank auf Weiß statt Creme ---------- */
html:has(body[data-page="home"]),body[data-page="home"]{background:#fff!important}
body[data-page="home"] #studio{background:#fff!important}
body[data-page="home"] #studio .shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 21%,rgba(255,255,255,0) 57%),linear-gradient(0deg,#fff 3%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 80%,#fff 99%)!important}
@media (max-width:600px){body[data-page="home"] #studio .shade{background:linear-gradient(180deg,#fff 12%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 65%,#fff 83%)!important}}
body[data-page="home"] #studio::before{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.7) 45%,rgba(255,255,255,0) 100%)!important}
body[data-page="home"] .cabinet-band{--paper:#fff;background-color:#fff!important}
.intro-loader{background:#fff!important}
.intro-loader.fly{background-color:rgba(255,255,255,0)!important}
:root{--cab-fade:linear-gradient(180deg,#fff 0%,#f1f0ee 10%,#e2e0dc 20%,#cfccc6 32%,#b8b4ad 44%,#9d988f 54%,#7c776f 63%,#5b5750 72%,#403c36 81%,#2b2823 90%,#1e1c18 100%)!important}

/* ---------- Insel + echte Kundenstimmen ---------- */
.isl-anchor{display:block;position:relative;top:-80px;height:0}
.isl{font-family:'DM Sans',sans-serif;color:#26261f;max-width:520px}
.isl .eyebrow{color:#9d343a!important;font-weight:700}
.isl h2{margin-bottom:22px!important}
.isl-score{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 16px 10px 12px;border-radius:999px;background:#fff;color:#26261f;text-decoration:none;box-shadow:0 1px 0 rgba(38,38,31,.06),0 14px 30px -18px rgba(40,34,24,.35);transition:transform .3s,box-shadow .3s}
.isl-score:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(40,34,24,.35)}
.isl-g{width:22px;height:22px;flex:none}
.isl-score b{font:700 20px/1 'Manrope',sans-serif;letter-spacing:-.02em}
.isl-stars{display:flex;gap:1px}.isl-stars svg{width:14px;height:14px;fill:#f5b301}
.isl-score small{font-size:12.5px;color:#6c685d;white-space:nowrap}
.isl-score i{font-style:normal;color:#9d343a;font-size:13px;margin-left:2px}
.isl-reviews{position:relative;display:grid;margin-top:22px}
.isl-rev{grid-area:1/1;margin:0;padding:22px 24px 20px;border-radius:22px;background:#fff;box-shadow:0 1px 0 rgba(38,38,31,.05),0 30px 60px -36px rgba(40,34,24,.4);opacity:0;transform:translateY(18px) scale(.98);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none;position:relative}
.isl-rev.on{opacity:1;transform:none;pointer-events:auto}
.isl-rev.out{opacity:0;transform:translateY(-14px) scale(.98)}
.isl-q{position:absolute;right:20px;top:4px;font:700 74px/1 Georgia,serif;color:rgba(157,52,58,.14)}
.isl-rev blockquote{margin:0;font:500 clamp(15px,1.15vw,17.5px)/1.55 'Manrope',sans-serif;letter-spacing:-.01em;color:#2b2a24}
.isl-rev figcaption{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;margin-top:16px}
.isl-av{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#9d343a;color:#fff;font-weight:700;font-size:14px}
.isl-rev figcaption b{font-size:14px}
.isl-rev figcaption small{font-size:12px;color:#8d887c}
.isl-nav{display:flex;gap:6px;margin-top:14px}
.isl-nav i{width:22px;height:3px;border-radius:3px;background:rgba(38,38,31,.15);transition:background .3s,width .3s}
.isl-nav i.on{width:38px;background:#9d343a}
.isl-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.isl-facts li{padding:8px 13px;border-radius:999px;background:rgba(38,38,31,.06);font-size:12.5px;font-weight:600;color:#3a382f}
.isl-facts li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#9d343a;margin-right:8px;vertical-align:1px}
.isl-actions{display:flex;align-items:center;gap:18px;margin-top:22px}
.isl-cta{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border-radius:999px;background:#9d343a;color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(157,52,58,.25);transition:transform .3s,background .3s}
.isl-cta:hover{transform:translateY(-2px);background:#b13b42}
.isl-tel{font-size:14px;font-weight:700;color:#26261f;text-decoration:none}
.isl .island-progress{margin-top:22px}
.island-story .scroll-instruction,.island-story .detail-readout,.island-story .process-steps{display:none!important}
@media (max-width:1100px){
  .isl{max-width:none}
  .isl h2{margin-bottom:12px!important}
  .isl-reviews{margin-top:14px}
  .isl-rev{padding:16px 18px 14px;border-radius:18px}
  .isl-rev blockquote{font-size:14px;line-height:1.5}
  .isl-rev figcaption{margin-top:10px}
  .isl-facts{display:none}
  .isl-actions{margin-top:14px}
  .isl .island-progress{display:none}
  .isl-q{font-size:56px}
}
@media (max-width:620px){
  .isl-score{padding:8px 12px 8px 10px;gap:8px}.isl-score small{font-size:11.5px}.isl-score b{font-size:18px}.isl-stars svg{width:12px;height:12px}
  .isl-actions{display:none}
}

/* Galerie: Spiegelung entfernt, weicher Schatten; nach dem Öffnen kein Zuschnitt mehr */
.g3 .g3-panel{-webkit-box-reflect:below 12px radial-gradient(120% 52% at 50% 100%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,0) 100%)!important}
.g3 .g3-stage::after{content:"";position:absolute;left:18%;right:18%;bottom:6%;height:60px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.45),transparent 70%);filter:blur(10px);pointer-events:none;z-index:-1}
.g3.g3-enter.g3-open .g3-stage{clip-path:none!important;filter:none!important;transform:none!important}
.g3 .g3-hint{display:none!important}

/* Galerie-Pfeile: höher, über den Spiegelungen */
.g3 .g3-ctrl{position:relative;z-index:6;transform:translateY(calc(-1 * clamp(80px,7.6vw,118px)))}
.g3 .g3-ctrl button{background:rgba(20,18,14,.35)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media (max-width:620px){.g3 .g3-ctrl{transform:translateY(-64px)}}

/* Dock (gleiches Aussehen) mit den Kontakt-Buttons: Anrufen · WhatsApp · Angebot */
.dock a{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:82px;padding:12px 9px;background:none;color:#b5b8b1;border-radius:19px;transition:.3s;text-decoration:none}
.dock a span{font-size:11px}
.dock a:hover{color:#fff;background:#ffffff08}
.dock a.active{background:#ffffff12;color:#fff}
.dock a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dock a.dk-wa svg{color:#5fd39a}
.dock a.dk-offer svg{color:#e2777c}
@media (min-width:1141px){body[data-page="home"].story-active .dock,body[data-page="home"].benefits-active .dock{display:flex!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}}

.dock .dk-sep{align-self:stretch;width:1px;margin:10px 4px;background:rgba(255,255,255,.14)}
.dock a.dk-nav.here{color:#fff;background:#ffffff0d}
.dock a.dk-nav.here::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#e2777c}

/* 360°-Vorschau: nur ein Button – Stationen erst im geöffneten Rundgang */
.showroom-preview .showroom-rooms,.showroom-preview .showroom-video{display:none!important}

/* Geöffneter 360°-Rundgang: Header und Dock ausblenden */
html.tour-open .sn,html.tour-open .site-nav{opacity:0!important;pointer-events:none!important;transform:translateY(-120%)!important;transition:opacity .3s,transform .4s!important}
html.tour-open .dock,html.tour-open .mobile-bar{opacity:0!important;pointer-events:none!important}

/* 360°: klarer Öffnen-Button + ganze Vorschau klickbar */
.showroom-start.sr-open{display:inline-flex!important;align-items:center;gap:14px;min-height:64px!important;padding:8px 26px 8px 8px!important;border-radius:999px!important;background:#fff!important;color:#26261f!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.55)!important;transition:transform .3s,box-shadow .3s}
.showroom-start.sr-open:hover{transform:translateY(-2px) scale(1.02)}
.sr-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#9d343a;color:#fff;flex:none;position:relative}
.sr-ico::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(157,52,58,.45);animation:srPulse 2s infinite}
@keyframes srPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.sr-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.showroom-start.sr-open:hover .sr-ico svg{transform:scale(1.15)}
.sr-txt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.2}
.sr-txt b{font:700 16px 'Manrope',sans-serif;letter-spacing:-.01em}
.sr-txt small{font:500 12.5px 'DM Sans',sans-serif;color:#6c685d;margin-top:3px}
.showroom-stage:not(.is-open) .showroom-preview{cursor:zoom-in}
@media (max-width:620px){.showroom-start.sr-open{min-height:56px!important;padding:6px 18px 6px 6px!important;gap:10px}.sr-ico{width:44px;height:44px}.sr-txt b{font-size:15px}.sr-txt small{font-size:11.5px}}

/* Header oben: Logos etwas weiter nach rechts */
@media (min-width:1141px){.sn:not(.is-scrolled):not(.is-stuck){padding-left:clamp(22px,2.8vw,48px)!important}}

/* ---------- Info-Leiste oben ---------- */
.topinfo{position:relative;z-index:85;font:500 12.5px/1 'DM Sans',sans-serif;color:#4a473e;border-bottom:1px solid rgba(38,38,31,.08);background:rgba(255,255,255,.7)}
body:not([data-page="home"]) .topinfo{background:#f5f2eb}
.ti-in{max-width:1500px;margin:0 auto;height:38px;padding:0 clamp(16px,3vw,48px);display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.ti-i{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap}
a.ti-i:hover{color:#9d343a}
.ti-i svg{width:15px;height:15px;fill:none;stroke:#9d343a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ti-hours i{font-style:normal;color:#c4c0b6;margin:0 4px}
.ti-live{margin-left:auto;font-weight:700;color:#8d887c}
.ti-live b{width:8px;height:8px;border-radius:50%;background:#c4c0b6}
.ti-live.on{color:#1f7a4d}
.ti-live.on b{background:#2fb36b;box-shadow:0 0 0 0 rgba(47,179,107,.5);animation:tiPulse 2s infinite}
@keyframes tiPulse{70%{box-shadow:0 0 0 7px rgba(47,179,107,0)}100%{box-shadow:0 0 0 0 rgba(47,179,107,0)}}
/* Startseite: Header sitzt unter der Leiste */
body[data-page="home"].has-topinfo .topinfo{position:absolute;left:0;right:0;top:0}
body[data-page="home"].has-topinfo .sn:not(.is-stuck){top:calc(38px + 10px)!important}
html.is-loading .topinfo{opacity:0}
.topinfo{transition:opacity .5s}
html.tour-open .topinfo{opacity:0;pointer-events:none}
@media (max-width:1140px){.ti-hours,.ti-tel{display:none}}
@media (max-width:620px){.topinfo{font-size:11.5px}.ti-in{height:34px;gap:10px}.ti-addr span{max-width:150px;overflow:hidden;text-overflow:ellipsis}body[data-page="home"].has-topinfo .sn:not(.is-stuck){top:calc(34px + 8px)!important}}
@media (max-width:620px){body[data-page="home"].has-topinfo #studio{padding-top:28px!important}}

/* Telefonnummer nicht doppelt: Anrufen ist in der festen Leiste unten */
.sn .sn-tel{display:none!important}

/* Öffnungsstatus kompakt im Header statt Info-Leiste */
.topinfo{display:none!important}
.ohs{position:relative;font-family:'DM Sans',sans-serif}
.ohs-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(38,38,31,.12);font:700 12.5px 'DM Sans',sans-serif;color:#8d887c;cursor:pointer;white-space:nowrap}
.ohs-chip.on{color:#1f7a4d}
.ohs-chip b,.ohs-st b{width:8px;height:8px;border-radius:50%;background:#c4c0b6;flex:none}
.ohs-chip.on b,.ohs-st.on b{background:#2fb36b;animation:tiPulse 2s infinite}
.ohs-pop{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:16px;border-radius:18px;background:#fbf9f4;box-shadow:0 24px 50px rgba(30,26,18,.18),0 0 0 1px rgba(38,38,31,.07);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .25s,visibility .25s;z-index:70}
.ohs-pop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.ohs.open .ohs-pop{opacity:1;visibility:visible;transform:none}
.ohs-pop p,.ohs-pop a{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:13.5px;line-height:1.45;color:#26261f;text-decoration:none}
.ohs-pop svg{width:16px;height:16px;margin-top:2px;fill:none;stroke:#9d343a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ohs-st{align-items:center!important;font-weight:700;color:#8d887c!important}
.ohs-st.on{color:#1f7a4d!important}
.ohs-pop .ohs-route{margin:4px 0 0;justify-content:center;padding:10px;border-radius:999px;background:#1f1f19;color:#fff!important;font-weight:700;font-size:13px}
body[data-page="home"].has-topinfo .sn:not(.is-stuck){top:14px!important}
@media (max-width:620px){body[data-page="home"].has-topinfo #studio{padding-top:0!important}.ohs-chip span{display:none}.ohs-chip{width:42px;padding:0;justify-content:center}.ohs-pop{right:-90px}}

/* Loader: schlicht weiß */
.intro-loader{background:#fff!important}
.intro-loader.fly{background:rgba(255,255,255,0)!important}

/* 3D-Auftritt nach dem Loader (weich) */
body[data-page="home"] #studio .scene{transition:rotate 2.2s cubic-bezier(.16,.84,.24,1),translate 2.2s cubic-bezier(.16,.84,.24,1),scale 2.2s cubic-bezier(.16,.84,.24,1)}
html:not(.il-open) body[data-page="home"] #studio .scene{rotate:x 14deg;translate:0 70px -300px;scale:.92}
body[data-page="home"] #studio .intro{perspective:1000px}
body[data-page="home"] #studio .hero-title{transform-origin:0 100%;transition:rotate 1.4s cubic-bezier(.2,.9,.25,1) .3s,translate 1.4s cubic-bezier(.2,.9,.25,1) .3s}
html:not(.il-open) body[data-page="home"] #studio .hero-title{rotate:x -40deg;translate:0 30px}
body[data-page="home"] #studio .hero-steps{transition:translate 1.2s cubic-bezier(.2,.9,.25,1) .6s}
html:not(.il-open) body[data-page="home"] #studio .hero-steps{translate:0 26px}
body[data-page="home"] #studio .hero-proof{perspective:900px}
body[data-page="home"] #studio .hp-tile{transform-origin:0 50%;transition:rotate 1.3s cubic-bezier(.2,.9,.25,1),translate 1.3s cubic-bezier(.2,.9,.25,1)}
body[data-page="home"] #studio .hp-tile:nth-child(1){transition-delay:.8s}body[data-page="home"] #studio .hp-tile:nth-child(2){transition-delay:.95s}
html:not(.il-open) body[data-page="home"] #studio .hp-tile{rotate:y 55deg;translate:30px 0}
body[data-page="home"] .dock{transition:translate 1s cubic-bezier(.2,.9,.25,1) 1.2s,opacity .6s ease 1.2s}
html:not(.il-open) body[data-page="home"] .dock{translate:0 120px;opacity:0}
html:not(.il-open) body[data-page="home"] #studio .process-card{opacity:0!important}
@media (prefers-reduced-motion:reduce){body[data-page="home"] #studio .scene,body[data-page="home"] #studio .hero-title,body[data-page="home"] #studio .hp-tile{transition:none}}

/* ===== Nur ein Logo (DanKüchen) ===== */
.sn .nav-mess-logo,.sn .nav-brand>i,.intro-loader .il-mess,.intro-loader .il-x{display:none!important}

/* ===== Loader = Schranktür, die sich öffnet ===== */
.intro-loader{background:transparent!important;perspective:2200px;perspective-origin:30% 50%;overflow:hidden}
.il-door{position:absolute;inset:0;z-index:0;transform-origin:0 50%;
  background:radial-gradient(120% 90% at 30% 40%,#ffffff 0%,#f7f6f2 60%,#efede7 100%);
  box-shadow:inset -1px 0 0 rgba(38,38,31,.06);
  transition:transform 1.5s cubic-bezier(.7,0,.2,1),box-shadow 1.5s ease;backface-visibility:hidden}
.il-handle{position:absolute;right:clamp(28px,4vw,64px);top:50%;width:clamp(7px,.6vw,10px);height:clamp(150px,24vh,240px);margin-top:calc(clamp(150px,24vh,240px) / -2);border-radius:999px;
  background:linear-gradient(90deg,#8d8a83 0%,#e9e7e1 35%,#ffffff 50%,#bdbab3 75%,#7f7c75 100%);
  box-shadow:6px 8px 14px rgba(30,26,18,.18),0 0 0 1px rgba(38,38,31,.08)}
.intro-loader .il-brand,.intro-loader .il-bar,.intro-loader .il-tag{position:relative;z-index:2}
.intro-loader .il-bar,.intro-loader .il-tag{position:absolute}
.intro-loader.fly .il-door{transform:rotateY(-96deg);box-shadow:inset -1px 0 0 rgba(38,38,31,.06),40px 0 120px rgba(20,16,10,.35)}
.intro-loader.fly .il-handle{opacity:.9}
@media (prefers-reduced-motion:reduce){.il-door{transition:none}}

/* Tür & 3D-Szene entfernt: Video steht sofort im ersten Bild da */
.il-door{display:none!important}
.intro-loader{background:#fff!important}
.intro-loader.fly{background:rgba(255,255,255,0)!important}
html:not(.il-open) body[data-page="home"] #studio .scene{rotate:none!important;translate:none!important;scale:none!important}
body[data-page="home"] #studio .scene{transition:none!important}
body[data-page="home"] #studio .scene video{opacity:1!important}

/* ===== Loader: zwei echte Schranktüren, die nach außen aufschwingen ===== */
.intro-loader{background:transparent!important;perspective:1800px;perspective-origin:50% 50%;overflow:hidden}
.intro-loader.fly{background:transparent!important}
.il-doors{position:absolute;inset:0;z-index:0;display:flex;background:#1b1a17}
.il-d{position:relative;flex:1;height:100%;transition:transform 1.6s cubic-bezier(.62,0,.18,1),filter 1.6s ease;
  background:linear-gradient(180deg,#f3efe7 0%,#ebe5da 100%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 0 120px rgba(120,100,70,.08)}
.il-d.l{transform-origin:0 50%;margin-right:3px}
.il-d.r{transform-origin:100% 50%}
/* Kassette/Rahmen der Front */
.il-d::before{content:"";position:absolute;inset:clamp(26px,4vw,56px);border-radius:4px;
  box-shadow:inset 2px 2px 4px rgba(90,70,40,.18),inset -2px -2px 4px rgba(255,255,255,.9),0 0 0 1px rgba(255,255,255,.6)}
/* Griffe an der Mittelfuge */
.il-d i{position:absolute;top:50%;width:12px;height:clamp(120px,22vh,220px);transform:translateY(-50%);border-radius:6px;
  background:linear-gradient(90deg,#2b2925,#55514a 45%,#2b2925);box-shadow:3px 6px 12px rgba(0,0,0,.25)}
.il-d.l i{right:clamp(20px,2.6vw,40px)}
.il-d.r i{left:clamp(20px,2.6vw,40px)}
.intro-loader.fly .il-d.l{transform:rotateY(-108deg);filter:brightness(.78)}
.intro-loader.fly .il-d.r{transform:rotateY(108deg);filter:brightness(.78)}
.intro-loader.fly .il-doors{background:transparent;transition:background .3s}
/* Logo liegt mittig über der Fuge auf einer kleinen Plakette */
.intro-loader .il-brand{position:relative;z-index:3;padding:18px 30px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(40,30,15,.18)}
.intro-loader.fly .il-brand{background:transparent;box-shadow:none;transition:background .3s,box-shadow .3s}
.intro-loader .il-bar,.intro-loader .il-tag{z-index:3}
@media (max-width:620px){.il-d::before{inset:18px}.il-d i{width:9px}}

/* Logo direkt auf den Fronten – teilt sich an der Fuge, wenn die Türen aufgehen */
.intro-loader .il-brand{opacity:0!important;background:none!important;box-shadow:none!important}
.il-d{overflow:hidden;--lw:clamp(260px,30vw,460px)}
.il-lg{position:absolute;top:50%;width:var(--lw);height:auto;transform:translateY(-50%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 -1px 0 rgba(90,60,30,.12));opacity:0;animation:ilLg .9s cubic-bezier(.2,.8,.2,1) .2s forwards}
.il-d.l .il-lg{left:calc(100% + 1.5px - var(--lw) / 2)}
.il-d.r .il-lg{left:calc(-1.5px - var(--lw) / 2)}
@keyframes ilLg{from{opacity:0;transform:translateY(-44%)}to{opacity:1;transform:translateY(-50%)}}
.il-d i{top:30%!important;height:clamp(90px,16vh,160px)!important}
html.is-loading .sn .nav-brand{visibility:visible!important;opacity:0}
.sn .nav-brand{transition:opacity .8s ease .5s}
@media (max-width:620px){.il-d{--lw:72vw}}

/* Logo schwebt frei über den Türen und fliegt beim Öffnen in den Header */
.il-lg{display:none!important}
.intro-loader .il-brand{opacity:1!important;background:none!important;box-shadow:none!important;padding:0!important}
.intro-loader .il-dan{filter:drop-shadow(0 10px 18px rgba(60,40,20,.22)) drop-shadow(0 2px 3px rgba(60,40,20,.15))}
html.is-loading .sn .nav-brand{visibility:hidden!important}
.il-d i{top:50%!important;height:clamp(120px,22vh,220px)!important}
.intro-loader .il-brand{margin-top:clamp(-260px,-28vh,-160px)}
.il-d i{top:60%!important}

/* ===== Trend-Fronten: grifflos, gerillte Eiche (Fluted), Gola-Griffmulde ===== */
.il-d i{display:none!important}
.il-d::before{display:none!important}
.il-doors{background:#141210!important}
.il-d{margin-right:0!important;
  background:
    linear-gradient(180deg,#2a2621 0,#2a2621 26px,rgba(0,0,0,.35) 26px,rgba(0,0,0,0) 40px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0 2px,rgba(255,255,255,0) 2px 9px,rgba(60,35,10,.16) 9px 11px,rgba(60,35,10,0) 11px 14px),
    linear-gradient(90deg,rgba(255,240,215,.0),rgba(255,240,215,.10) 50%,rgba(0,0,0,.06)),
    linear-gradient(180deg,#c9a57a 0%,#b98f62 55%,#a87d52 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)!important}
.il-d.l{box-shadow:inset -2px 0 0 rgba(0,0,0,.28),inset 0 -1px 0 rgba(0,0,0,.25)!important}
.il-d.r{box-shadow:inset 2px 0 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25)!important}
.intro-loader.fly .il-d.l,.intro-loader.fly .il-d.r{filter:brightness(.6)!important}
/* Logo mittig, hell auf Holz */
.intro-loader .il-brand{margin-top:0!important;padding:22px 34px!important;border-radius:16px!important;background:rgba(250,247,240,.94)!important;box-shadow:0 30px 60px rgba(40,25,10,.35)!important;backdrop-filter:blur(6px)}
.intro-loader.fly .il-brand{background:transparent!important;box-shadow:none!important}
.intro-loader .il-dan{filter:none!important}
.intro-loader .il-bar{background:rgba(255,255,255,.25)!important}
.intro-loader .il-bar i{background:#fff!important}
.intro-loader .il-tag{color:rgba(255,248,235,.85)!important}
.intro-loader.fly .il-doors{background:transparent!important}

/* ===== Eine Tür (Drehtür), cremefarben mit Kassette – öffnet seitlich, Logo mittig auf der Tür ===== */
.il-doors{background:transparent!important}
.il-d.r{display:none!important}
.il-d.l{flex:1;margin:0!important;transform-origin:0 50%;
  background:linear-gradient(180deg,#f3efe7 0%,#ebe5da 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 0 160px rgba(120,100,70,.08)!important}
.il-d.l::before{display:block!important;content:"";position:absolute;inset:clamp(28px,4vw,60px);border-radius:4px;
  box-shadow:inset 2px 2px 4px rgba(90,70,40,.18),inset -2px -2px 4px rgba(255,255,255,.9),0 0 0 1px rgba(255,255,255,.6)}
.il-d.l i{display:block!important;left:auto!important;right:clamp(46px,6vw,96px)!important;top:50%!important;height:clamp(140px,26vh,260px)!important;width:12px!important;transform:translateY(-50%)}
.intro-loader.fly .il-d.l{transform:rotateY(-105deg)!important;filter:brightness(.8)!important}
.intro-loader{perspective-origin:20% 50%!important}
/* Logo frei mittig auf der Tür */
.intro-loader .il-brand{padding:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none}
.intro-loader .il-dan{filter:drop-shadow(0 1px 0 rgba(255,255,255,.9)) drop-shadow(0 8px 16px rgba(60,40,20,.15))!important}
.intro-loader .il-bar{background:rgba(38,38,31,.1)!important}
.intro-loader .il-bar i{background:#9d343a!important}
.intro-loader .il-tag{color:#8d887c!important}
/* Mattweiß mit ganz leichter Holzmaserung */
.il-d.l{background:
  repeating-linear-gradient(91deg,rgba(150,120,80,0) 0 22px,rgba(150,120,80,.035) 22px 24px,rgba(150,120,80,0) 24px 57px,rgba(150,120,80,.025) 57px 58px,rgba(150,120,80,0) 58px 96px),
  repeating-linear-gradient(89.3deg,rgba(130,100,60,0) 0 140px,rgba(130,100,60,.03) 140px 146px,rgba(130,100,60,0) 146px 260px),
  linear-gradient(180deg,#fdfdfb 0%,#f6f5f2 100%)!important}

/* Mobile Leiste im gleichen Stil wie das Dock (Icon oben, Text unten) */
@media (max-width:1140px){
  .mobile-bar.mb2{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;padding:6px!important;border-radius:24px!important;background:#242821ed!important;border:1px solid #ffffff33!important;box-shadow:0 20px 50px #0006!important;backdrop-filter:blur(28px)!important}
  .mobile-bar.mb2 a{flex-direction:column!important;gap:5px!important;min-height:58px!important;border-radius:19px!important;background:none!important;color:#b5b8b1!important;font:500 11px 'DM Sans',sans-serif!important;box-shadow:none!important}
  .mobile-bar.mb2 a svg{width:21px!important;height:21px!important}
  .mobile-bar.mb2 a.mb-cta{background:#ffffff12!important;color:#fff!important}
  .mobile-bar.mb2 a.mb-cta svg{color:#e2777c}
}

/* Über uns */
.about-page .ab-split{max-width:1300px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(16px,4vw,64px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;font-family:'DM Sans',sans-serif;color:#26261f}
.about-page .ab-split.rev .ab-img{order:2}
.about-page .ab-img{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 80px -40px rgba(40,34,24,.45)}
.about-page .ab-img img{width:100%;height:100%;object-fit:cover;display:block}
.about-page .ab-txt .eyebrow{color:#9d343a;font-size:10.5px;font-weight:700;letter-spacing:.16em;margin:0 0 12px}
.about-page .ab-txt h2,.about-page .ab-cta h2{margin:0 0 18px;font:500 clamp(30px,3.2vw,48px)/1.05 'Manrope',sans-serif;letter-spacing:-.045em}
.about-page .ab-txt h2 em,.about-page .ab-cta h2 em{font-style:normal;color:#9d343a}
.about-page .ab-txt p{font-size:15.5px;line-height:1.7;color:#5c584e;margin:0 0 14px;max-width:520px}
.about-page .ab-facts{max-width:1300px;margin:clamp(20px,3vw,40px) auto;padding:0 clamp(16px,4vw,64px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-family:'DM Sans',sans-serif}
.about-page .ab-facts div{background:#fff;border-radius:20px;padding:22px;box-shadow:0 1px 0 rgba(38,38,31,.06)}
.about-page .ab-facts b{display:block;font:600 clamp(32px,3.4vw,48px)/1 'Manrope',sans-serif;letter-spacing:-.04em;color:#26261f}
.about-page .ab-facts span{display:block;margin-top:8px;font-size:13px;color:#6c685d}
.about-page .ab-cta{max-width:1300px;margin:0 auto;padding:clamp(40px,6vw,90px) clamp(16px,4vw,64px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;font-family:'DM Sans',sans-serif;color:#26261f}
.about-page .ab-cta div{display:flex;gap:10px;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border-radius:999px;background:#fff;color:#26261f;font-weight:700;font-size:14px;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(38,38,31,.15)}
.ab-btn.pri{background:#9d343a;color:#fff;box-shadow:0 12px 26px -12px rgba(157,52,58,.6)}
@media (max-width:900px){.about-page .ab-split{grid-template-columns:1fr}.about-page .ab-split.rev .ab-img{order:0}.about-page .ab-facts{grid-template-columns:1fr 1fr}}
.legal-body{max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,64px) clamp(56px,6vw,96px);font-family:'DM Sans',sans-serif;color:#26261f}
.legal-body h2{font:600 18px 'Manrope',sans-serif;margin:28px 0 8px}
.legal-body p{font-size:15px;line-height:1.7;color:#4a473e;margin:0}
.legal-body a{color:#9d343a}

/* ===== Mobil: Video oben, Schritte direkt darunter, dann Titel, dann Karten ===== */
@media (max-width:620px){
  body[data-page="home"] #studio{display:flex!important;flex-direction:column!important;padding-top:0!important}
  body[data-page="home"] #studio .scene{order:-1!important;position:relative!important;inset:auto!important;width:100vw!important;margin:0!important;height:56vh!important;min-height:340px;max-height:520px;aspect-ratio:auto!important}
  body[data-page="home"] #studio .scene img,body[data-page="home"] #studio .scene video{width:100%!important;height:100%!important;object-fit:cover!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0%,#000 74%,transparent 100%)!important}
  body[data-page="home"] #studio::before{height:110px!important;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 55%,rgba(255,255,255,0) 100%)!important}
  body[data-page="home"] #studio .intro{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:-34px 0 0!important;padding:0 20px!important;display:flex!important;flex-direction:column;z-index:3}
  body[data-page="home"] #studio .hero-steps{order:-1;margin:0 0 18px!important}
  body[data-page="home"] #studio .hero-title{order:0;margin:0!important;font-size:clamp(34px,9.6vw,42px)!important}
  body[data-page="home"] #studio .hero-proof{order:1;margin-top:22px!important}
  body[data-page="home"] #studio .process-card{bottom:auto!important;top:calc(56vh - 120px)!important}
  body[data-page="home"] #studio .scroll-cue{display:none!important}
}
/* Mobil: Karten flach, damit sie über der festen Leiste ins erste Bild passen */
@media (max-width:620px){
  body[data-page="home"] #studio .scene{height:50vh!important;min-height:300px}
  body[data-page="home"] #studio .hero-steps{margin-bottom:12px!important}
  body[data-page="home"] #studio .hero-title{font-size:clamp(30px,8.6vw,38px)!important;line-height:1.05!important}
  body[data-page="home"] #studio .hero-proof{margin-top:14px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important}
  body[data-page="home"] #studio .hp-tile{width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:10px 12px!important;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border-radius:16px!important}
  body[data-page="home"] #studio .hp-tile .hp-arrow{display:none!important}
  body[data-page="home"] #studio .hp-tile>*{margin:0!important}
  body[data-page="home"] #studio .hp-tile .hr-g,body[data-page="home"] #studio .hp-tile .hs-ic{grid-row:span 2;width:30px!important;height:30px!important}
  body[data-page="home"] #studio .hp-tile .hp-big{font-size:20px!important;line-height:1!important}
  body[data-page="home"] #studio .hp-tile .hp-mid{font-size:14px!important;line-height:1.1!important}
  body[data-page="home"] #studio .hp-tile .hr-stars svg{width:11px!important;height:11px!important}
  body[data-page="home"] #studio .hp-tile small,body[data-page="home"] #studio .hp-tile p,body[data-page="home"] #studio .hp-tile .hp-sub{font-size:10.5px!important;line-height:1.25!important}
}
@media (max-width:620px){
  body[data-page="home"] #studio .hp-tile{display:flex!important;flex-wrap:wrap;align-items:center;gap:3px 8px!important;padding:11px 12px!important}
  body[data-page="home"] #studio .hp-tile .hr-g,body[data-page="home"] #studio .hp-tile .hs-ic{position:static!important;width:24px!important;height:24px!important;flex:none;border-radius:7px}
  body[data-page="home"] #studio .hp-tile .hs-ic svg{width:14px!important;height:14px!important}
  body[data-page="home"] #studio .hp-tile .hr-stars{display:flex;gap:1px}
  body[data-page="home"] #studio .hp-tile small{flex-basis:100%;font-size:10.5px!important;color:#6c685d}
  body[data-page="home"] #studio .hp-tile br{display:none}
  body[data-page="home"] #studio .hp-tile .hp-mid{font-size:13.5px!important}
}
@media (max-width:620px) and (max-height:720px){body[data-page="home"] #studio .scene{height:44vh!important;min-height:260px}}
@media (max-width:620px){
  body[data-page="home"] #studio .hp-tile{flex-direction:row!important;justify-content:flex-start!important;align-content:center!important;height:auto!important}
  body[data-page="home"] #studio .hp-tile small{order:9;margin-top:2px!important}
  body[data-page="home"] #studio .hp-tile .hp-mid br{display:inline!important}
  body[data-page="home"] #studio .hp-tile .hp-mid{line-height:1.1!important}
  body[data-page="home"] #studio .process-card{top:110px!important}
}
@media (max-width:620px){body[data-page="home"] #studio .hp-tile small br{display:none!important}body[data-page="home"] #studio .hp-tile small br::after{content:" "}body[data-page="home"] #studio .hp-tile small{white-space:normal}}
@media (max-width:620px){.sn .nav-dan-logo{height:54px!important;width:auto!important;max-width:58vw}}
@media (max-width:620px){html body .sn .nav-brand img.nav-dan-logo,html body .sn:not(.is-scrolled):not(.is-stuck) .nav-brand img.nav-dan-logo{height:56px!important;width:auto!important;max-width:60vw!important}}
/* Mobil: Insel kompakter – Inhalt mittig im Bild, kürzerer Scrollweg */
@media (max-width:620px){
  .island-story{height:190svh!important}
  .island-sticky{justify-content:center!important;padding:76px 16px 104px!important;min-height:0!important}
  .island-visual{margin-top:0!important}
}
@media (max-width:620px){
  .island-sticky{justify-content:flex-start!important;padding:84px 16px 96px!important}
  .island-heading,.island-footnote{display:none!important}
  .island-visual{width:calc(100% + 60px)!important;margin:0 -30px!important}
  .island-copy{padding-top:6px!important}
  .isl h2{margin-bottom:10px!important}
}
@media (max-width:620px) and (min-height:760px){
  .island-visual{width:calc(100% + 90px)!important;margin:8px -45px 6px!important}
  .isl-facts{display:flex!important;margin-top:14px!important;gap:6px!important}
  .isl-facts li{font-size:11.5px!important;padding:7px 10px!important}
}
@media (max-width:620px){
  .island-sticky{height:100svh!important}
  .island-composition{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  .island-visual{flex:1 1 auto!important;min-height:150px;display:flex!important;align-items:center;justify-content:center;margin:0 -30px!important;width:auto!important}
  .island-visual canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
  .island-copy{flex:none!important}
}
@media (max-width:620px){
  #kuechenwelten.g3{padding-bottom:12px!important}
  .island-sticky{padding-top:72px!important;padding-bottom:92px!important}
  .island-story{margin-bottom:-92px!important}
  .showroom{padding-top:0!important;position:relative;z-index:2}
}
.about-page .ab-gal-wrap{max-width:1300px;margin:clamp(20px,3vw,40px) auto 0;padding:0 clamp(16px,4vw,64px);font-family:'DM Sans',sans-serif}
.about-page .ab-gal-wrap .eyebrow{color:#9d343a;font-size:10.5px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}
.about-page .ab-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.about-page .ab-gal figure{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#e7e3d9}
.about-page .ab-gal figure:nth-child(1),.about-page .ab-gal figure:nth-child(6){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.about-page .ab-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.about-page .ab-gal figure:hover img{transform:scale(1.04)}
@media (max-width:700px){.about-page .ab-gal{grid-template-columns:1fr 1fr}.about-page .ab-gal figure:nth-child(1),.about-page .ab-gal figure:nth-child(6){grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}
.about-page .ab-gal{grid-template-columns:2fr 1fr 1fr!important}
.about-page .ab-gal figure:nth-child(1){grid-column:auto!important;grid-row:span 2!important}
.about-page .ab-gal figure:nth-child(6){grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important}
.about-page .ab-brands{max-width:1300px;margin:clamp(28px,4vw,48px) auto 0;padding:0 clamp(16px,4vw,64px);font-family:'DM Sans',sans-serif}
.about-page .ab-brands .eyebrow{color:#9d343a;font-size:10.5px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}
.about-page .ab-brands div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.about-page .ab-brands img{width:100%;height:84px;object-fit:contain;padding:18px 22px;box-sizing:border-box;background:#fff;border-radius:16px;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply;transition:filter .3s,opacity .3s}
.about-page .ab-brands img:hover{filter:none;opacity:1}
@media (max-width:700px){.about-page .ab-gal{grid-template-columns:1fr 1fr!important}.about-page .ab-gal figure:nth-child(1){grid-column:span 2!important;grid-row:auto!important;aspect-ratio:4/3}.about-page .ab-brands div{grid-template-columns:repeat(3,1fr)}.about-page .ab-brands img{height:64px;padding:12px}}

/* ================= Über uns – neu ================= */
.uu{--ink:#26261f;--acc:#9d343a;font-family:'DM Sans',sans-serif;color:var(--ink)}
.uu .uu-k{margin:0 0 14px;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--acc)}
.uu h2{margin:0;font:500 clamp(30px,3.4vw,52px)/1.03 'Manrope',sans-serif;letter-spacing:-.045em}
.uu h2 em,.uu h1 em{font-style:normal;color:var(--acc)}
.uu-hero{position:relative;min-height:min(92svh,860px);display:flex;align-items:flex-end;overflow:hidden;margin:-1px 0 0;background:#1b1a17;color:#fff}
.uu-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:uuZoom 14s ease-out forwards}
@keyframes uuZoom{to{transform:scale(1)}}
.uu-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,16,12,.88) 0%,rgba(18,16,12,.35) 50%,rgba(18,16,12,.15) 100%)}
.uu-hero-in{position:relative;z-index:1;width:100%;max-width:1300px;margin:0 auto;padding:clamp(28px,5vw,72px) clamp(16px,4vw,64px) clamp(48px,7vw,96px)}
.uu-hero .uu-k{color:#f2b9b6}
.uu-hero h1{margin:0;font:500 clamp(46px,7.4vw,112px)/.95 'Manrope',sans-serif;letter-spacing:-.06em}
.uu-hero h1 em{color:#e7a39f}
.uu-lead{max-width:560px;margin:22px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:rgba(255,255,255,.82)}
.uu-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.uu-chips span{display:flex;align-items:baseline;gap:8px;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font-size:13px;color:rgba(255,255,255,.85)}
.uu-chips b{font:600 20px 'Manrope',sans-serif;color:#fff;letter-spacing:-.02em}
.uu-down{position:absolute;right:clamp(16px,4vw,64px);bottom:clamp(48px,7vw,96px);z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);text-decoration:none;font-size:20px;animation:uuBob 2s ease-in-out infinite}
@keyframes uuBob{50%{transform:translateY(6px)}}
.uu-duo{max-width:1300px;margin:0 auto;padding:clamp(56px,7vw,110px) clamp(16px,4vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,30px);align-items:stretch}
.uu-card{border-radius:28px;padding:clamp(26px,3.4vw,48px);display:flex;flex-direction:column}
.uu-card.mess{background:linear-gradient(160deg,#c9a57a,#a87d52);color:#fff}
.uu-card.mess .uu-k{color:#fff3df}
.uu-card.dan{background:#fff;box-shadow:0 1px 0 rgba(38,38,31,.06),0 40px 80px -50px rgba(40,34,24,.4)}
.uu-card p{font-size:15.5px;line-height:1.65;margin:18px 0 0;opacity:.9}
.uu-card ul{list-style:none;padding:0;margin:auto 0 0;padding-top:26px;display:grid;gap:10px}
.uu-card li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px}
.uu-card li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");opacity:.18}
.uu-x{align-self:center;font:300 clamp(40px,5vw,72px)/1 'DM Sans',sans-serif;color:var(--acc)}
.uu-time{background:#1f1e1a;color:#f3efe6;padding:clamp(56px,7vw,110px) clamp(16px,4vw,64px)}
.uu-time .uu-k{max-width:1300px;margin:0 auto 28px;color:#e7a39f}
.uu-time ol{list-style:none;max-width:1300px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.uu-time ol::before{content:"";position:absolute;left:0;right:0;top:44px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.15),#9d343a)}
.uu-time li{position:relative;padding-right:24px}
.uu-time b{display:block;font:500 clamp(36px,4vw,60px)/1 'Manrope',sans-serif;letter-spacing:-.05em;color:#fff}
.uu-time li::after{content:"";position:absolute;left:0;top:38px;width:14px;height:14px;border-radius:50%;background:#1f1e1a;box-shadow:inset 0 0 0 2px #9d343a}
.uu-time li.now::after{background:#9d343a;box-shadow:0 0 0 6px rgba(157,52,58,.25)}
.uu-time span{display:block;margin-top:44px;font-size:14.5px;line-height:1.55;color:rgba(243,239,230,.7);max-width:240px}
.uu-show{padding:clamp(56px,7vw,110px) 0}
.uu-show-h{max-width:1300px;margin:0 auto 28px;padding:0 clamp(16px,4vw,64px)}
.uu-gal{max-width:1300px;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.1vw,16px)}
.uu-gal figure{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#e7e3d9;isolation:isolate}
.uu-gal figure::after{content:"";position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(transparent,rgba(16,16,14,.72));opacity:.9;pointer-events:none;transition:opacity .4s}
.uu-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.uu-gal figcaption{position:absolute;z-index:2;left:clamp(14px,1.4vw,22px);right:clamp(14px,1.4vw,22px);bottom:clamp(12px,1.3vw,20px);color:#fff;font:600 clamp(12px,1.05vw,14.5px)/1.35 'DM Sans',sans-serif;letter-spacing:.005em;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.uu-gal figure:hover img{transform:scale(1.045)}
.uu-gal .g1{grid-column:span 4;aspect-ratio:16/10}
.uu-gal .g2{grid-column:span 2;aspect-ratio:3/4}
.uu-gal .g3,.uu-gal .g4,.uu-gal .g5{grid-column:span 2;aspect-ratio:4/3}
.uu-brands{padding:0 0 clamp(48px,6vw,90px);text-align:center}
.uu-brandlist{list-style:none;margin:18px auto 0;padding:0 clamp(16px,4vw,64px);max-width:1040px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 10px}
.uu-brandlist li{padding:11px 20px;border-radius:999px;background:rgba(31,30,26,.045);box-shadow:inset 0 0 0 1px rgba(31,30,26,.1);font:600 14px/1 'Manrope',sans-serif;letter-spacing:.01em;color:#3a3832}
.uu-brandnote{max-width:560px;margin:22px auto 0;padding:0 24px;font-size:14px;line-height:1.6;color:#6c685d}
.uu-cta{max-width:1300px;margin:0 auto clamp(56px,6vw,96px);padding:clamp(36px,5vw,64px);border-radius:32px;background:#9d343a;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.uu-cta h2 em{color:#ffd9d4}
.uu-cta div{display:flex;gap:10px;flex-wrap:wrap}
.uu-btn{display:inline-flex;align-items:center;min-height:54px;padding:0 24px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.uu-btn.pri{background:#fff;color:#9d343a;box-shadow:none}
body[data-page="ueber-uns"] .sn{position:fixed!important;left:clamp(10px,2.2vw,32px);right:clamp(10px,2.2vw,32px);top:14px}
@media (max-width:900px){
  .uu-duo{grid-template-columns:1fr}.uu-x{justify-self:center}
  .uu-time ol{grid-template-columns:1fr;gap:28px}.uu-time ol::before{left:6px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .uu-time li{padding-left:34px}.uu-time li::after{top:12px}.uu-time span{margin-top:8px}
  .uu-cta{margin:0 16px 120px;border-radius:24px}
  .uu-down{display:none}
}
/* Über uns – Korrekturen */
.uu-time ol::before{top:82px!important}
.uu-time li::after{top:76px!important}
.uu-time span{margin-top:40px!important}
.uu-card li::before{content:"✓"!important;-webkit-mask:none!important;background:none!important;opacity:1!important;width:auto!important;height:auto!important;font-weight:800;color:inherit}
.uu-card.dan li::before{color:#9d343a}
.uu-hero::after{background:linear-gradient(90deg,rgba(18,16,12,.85) 0%,rgba(18,16,12,.55) 45%,rgba(18,16,12,.1) 100%),linear-gradient(0deg,rgba(18,16,12,.6),transparent 40%)!important}
@media (max-width:900px){.uu-time ol::before{top:0!important}.uu-time li::after{top:12px!important}.uu-time span{margin-top:8px!important}}
.uu-time ol{grid-template-columns:repeat(3,1fr)!important}@media (max-width:900px){.uu-time ol{grid-template-columns:1fr!important}}
/* Über uns – Hero ruhig: weiß, Text links, Foto als Rahmen rechts */
.uu-hero{background:#fff!important;color:#26261f!important;min-height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1300px;margin:0 auto!important;padding:clamp(120px,12vw,160px) clamp(16px,4vw,64px) clamp(48px,6vw,80px);overflow:visible!important}
.uu-hero::after{display:none!important}
.uu-hero-bg{position:relative!important;inset:auto!important;order:2;width:100%!important;height:auto!important;aspect-ratio:4/3.4;border-radius:28px;animation:none!important;transform:none!important;box-shadow:0 40px 80px -40px rgba(40,34,24,.45)}
.uu-hero-in{padding:0!important;max-width:none!important}
.uu-hero .uu-k{color:#9d343a!important}
.uu-hero h1{font-size:clamp(42px,5.4vw,84px)!important;color:#26261f}
.uu-hero h1 em{color:#9d343a!important}
.uu-lead{color:#5c584e!important}
.uu-chips span{background:#f4f2ed!important;box-shadow:none!important;color:#6c685d!important;backdrop-filter:none!important}
.uu-chips b{color:#26261f!important}
.uu-down{display:none!important}
body[data-page="ueber-uns"] .sn{position:sticky!important;left:auto;right:auto}
@media (max-width:900px){.uu-hero{grid-template-columns:1fr;padding-top:24px}.uu-hero-bg{order:0}}
.uu-hero{background:transparent!important;padding-top:clamp(40px,5vw,72px)!important}
/* Küchenmodelle */
.km{max-width:1300px;margin:0 auto;padding:clamp(48px,6vw,96px) clamp(16px,4vw,64px);font-family:'DM Sans',sans-serif;color:#26261f}
.km-h{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:28px}
.km-h .eyebrow{grid-column:1/-1;margin:0;color:#9d343a;font-size:10.5px;font-weight:700;letter-spacing:.16em}
.km-h h2{margin:0;font:500 clamp(30px,3.4vw,52px)/1.03 'Manrope',sans-serif;letter-spacing:-.045em}
.km-h h2 em{font-style:normal;color:#9d343a}
.km-h p{margin:0;font-size:15px;line-height:1.65;color:#6c685d}
.km-g{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.km-c{display:flex;flex-direction:column;padding:22px;border-radius:20px;background:#fff;box-shadow:0 1px 0 rgba(38,38,31,.06);transition:transform .3s,box-shadow .3s}
.km-c:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(40,34,24,.35)}
.km-n{font-size:11px;font-weight:700;letter-spacing:.1em;color:#a29d90}
.km-c h3{margin:18px 0 6px;font:600 22px/1.1 'Manrope',sans-serif;letter-spacing:-.03em}
.km-c p{margin:0 0 20px;font-size:14px;color:#6c685d;flex:1}
.km-c div{display:flex;gap:14px;align-items:center}
.km-ask{font-weight:700;font-size:13px;color:#9d343a;text-decoration:none}
.km-more{font-size:13px;color:#6c685d}
@media (max-width:900px){.km-h{grid-template-columns:1fr}.km-g{grid-template-columns:1fr 1fr}}

/* Über uns – Schauraum-Galerie responsiv */
@media (max-width:1100px){
  .uu-gal{grid-template-columns:repeat(4,minmax(0,1fr))}
  .uu-gal .g1{grid-column:span 4;aspect-ratio:16/9}
  .uu-gal .g2{grid-column:span 2;aspect-ratio:4/3}
  .uu-gal .g3,.uu-gal .g4{grid-column:span 2}
  .uu-gal .g5{grid-column:span 4;aspect-ratio:16/9}
}
@media (max-width:700px){
  .uu-gal{grid-template-columns:1fr;gap:12px}
  .uu-gal figure{grid-column:1/-1!important}
  .uu-gal .g1,.uu-gal .g2,.uu-gal .g3,.uu-gal .g4,.uu-gal .g5{aspect-ratio:4/3}
  .uu-brandlist li{padding:10px 16px;font-size:13px}
}

/* ============ Footer (neu) ============ */
.ftx{background:#17171450;background:#171714;color:#f3efe6;font-family:'DM Sans',system-ui,sans-serif;padding:clamp(52px,6vw,88px) clamp(18px,5vw,72px) 0;margin:0}
.ftx *{box-sizing:border-box}
.ftx-top{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.45fr .85fr .85fr 1.15fr;gap:clamp(28px,3.4vw,56px)}
.ftx-brand>img{width:auto;height:46px;object-fit:contain;object-position:left center;display:block}
.ftx-brand>p{margin:20px 0 0;max-width:360px;font-size:14.5px;line-height:1.65;color:rgba(243,239,230,.62)}
.ftx-proof{list-style:none;display:flex;gap:26px;margin:24px 0 0;padding:0}
.ftx-proof b{display:block;font:500 26px/1 'Manrope',sans-serif;letter-spacing:-.04em;color:#fff}
.ftx-proof span{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:rgba(243,239,230,.48);max-width:130px}
.ftx-social{display:flex;gap:8px;margin-top:26px}
.ftx-social a{padding:9px 16px;border-radius:999px;font-size:12.5px;font-weight:600;color:rgba(243,239,230,.8);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(243,239,230,.18);transition:background .25s,color .25s}
.ftx-social a:hover{background:rgba(243,239,230,.1);color:#fff}
.ftx-col h3{margin:0 0 16px;font:600 12px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,230,.42)}
.ftx-col>a{display:block;margin:0 0 10px;font-size:14.5px;line-height:1.45;color:rgba(243,239,230,.84);text-decoration:none;transition:color .2s}
.ftx-col>a:hover{color:#fff}
.ftx-contact .ftx-adr{margin-bottom:16px;font:500 15px/1.5 'Manrope',sans-serif;color:#fff}
.ftx-contact .ftx-adr span{display:block;margin-top:6px;font:600 12px/1 'DM Sans',sans-serif;color:#d98a84}
.ftx-line{display:flex;align-items:center;gap:10px;margin-bottom:9px!important;font-size:14.5px}
.ftx-line i{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:rgba(243,239,230,.09);font-style:normal;font-size:12px;color:#d98a84}
.ftx-hours{margin:14px 0 0;font-size:13px;color:rgba(243,239,230,.52)}
.ftx-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ftx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font:700 13.5px/1 'DM Sans',sans-serif;text-decoration:none;color:#f3efe6;box-shadow:inset 0 0 0 1px rgba(243,239,230,.22);transition:background .25s,transform .25s}
.ftx-btn:hover{background:rgba(243,239,230,.1)}
.ftx-btn.pri{background:#9d343a;color:#fff;box-shadow:none}
.ftx-btn.pri:hover{background:#b03b42}
.ftx-bar{max-width:1300px;margin:clamp(36px,4vw,56px) auto 0;padding:20px 0 calc(26px + env(safe-area-inset-bottom));border-top:1px solid rgba(243,239,230,.12);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.ftx-bar p{margin:0;font-size:12.5px;color:rgba(243,239,230,.45)}
.ftx-bar .footer-legal{display:flex;flex-wrap:wrap;gap:18px}
.ftx-bar .footer-legal a{font-size:12.5px;color:rgba(243,239,230,.6);text-decoration:none}
.ftx-bar .footer-legal a:hover{color:#fff}
@media (max-width:1080px){
  .ftx-top{grid-template-columns:1fr 1fr;gap:34px 28px}
  .ftx-brand{grid-column:1/-1}
  .ftx-contact{grid-column:1/-1}
}
@media (max-width:600px){
  .ftx{padding-left:20px;padding-right:20px}
  .ftx-top{grid-template-columns:1fr;gap:30px}
  .ftx-proof{gap:20px}
  .ftx-bar{padding-bottom:calc(104px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start}
  .ftx-btn{flex:1 1 140px}
}
.ftx .ftx-col>a.ftx-line{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.ftx .ftx-proof span{max-width:160px}
.ftx .ftx-brand>img{height:52px}
.ftx .ftx-contact .ftx-adr{display:block}
@media (max-width:600px){
  .ftx .ftx-col:not(.ftx-contact){display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .ftx .ftx-col:not(.ftx-contact) h3{grid-column:1/-1}
  .ftx .ftx-col>a{margin-bottom:12px}
}

/* ============ Leistungsseiten: Fotostrecke + Illustration ============ */
.ls-shots{max-width:1300px;margin:0 auto;padding:clamp(40px,5vw,78px) clamp(18px,5vw,76px) 0}
.ls-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,2vw,28px);flex-wrap:wrap}
.ls-head h2{margin:0;font:500 clamp(28px,3.4vw,46px)/1.06 'Manrope',sans-serif;letter-spacing:-.035em;color:#24231f}
.ls-head .eyebrow{margin:0 0 6px}
.ls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.1vw,16px)}
.ls-grid figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#e7e3d9;aspect-ratio:3/2;isolation:isolate}
.ls-grid figure::after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(transparent,rgba(16,16,14,.74));pointer-events:none}
.ls-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.ls-grid figure:hover img{transform:scale(1.05)}
.ls-grid figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;font:600 clamp(11.5px,.95vw,13.5px)/1.35 'DM Sans',sans-serif;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.ls-note{max-width:1300px;margin:14px auto 0;font-size:13px;color:#8a867a}
.ls-scene{max-width:1300px;margin:0 auto;padding:clamp(34px,4vw,64px) clamp(18px,5vw,76px) clamp(10px,2vw,24px)}
.ls-scene-in{border-radius:26px;background:#f1ede4;padding:clamp(22px,3vw,44px)}
.ls-scene-in h2{margin:4px 0 clamp(14px,2vw,26px);font:500 clamp(22px,2.6vw,34px)/1.12 'Manrope',sans-serif;letter-spacing:-.03em;color:#24231f}
.ls-scene-art{min-height:clamp(220px,26vw,380px)}
.ls-scene-art svg{width:100%;height:auto;display:block}
@media (max-width:1100px){
  .ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .ls-grid{grid-template-columns:1fr}
  .ls-head{display:block}
  .ls-scene-in{padding:20px 16px;border-radius:20px}
}
.ls-head{display:block}
.ls-head h2{max-width:22ch}

/* Fotostrecke: größere Kacheln */
.ls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.3vw,20px)}
.ls-grid figure{aspect-ratio:16/10;border-radius:22px}
.ls-grid.c3 figure:first-child{grid-column:1/-1;aspect-ratio:21/9}
.ls-grid figcaption{left:clamp(16px,1.6vw,26px);right:clamp(16px,1.6vw,26px);bottom:clamp(14px,1.5vw,22px);font-size:clamp(14px,1.15vw,17px);line-height:1.3;letter-spacing:-.005em}
.ls-grid figure::after{height:50%}
.ls-note{font-size:14px;margin-top:18px}
@media (max-width:1100px){.ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .ls-grid{grid-template-columns:1fr}
  .ls-grid.c3 figure:first-child{grid-column:auto;aspect-ratio:16/10}
  .ls-grid figcaption{font-size:14.5px}
}

/* ============ Werkstatt-Block auf Leistungsseiten ============ */
.ls-werk{background:#171714;color:#f3efe6;margin-top:clamp(40px,5vw,78px)}
.ls-werk-in{max-width:1300px;margin:0 auto;padding:clamp(44px,5.5vw,86px) clamp(18px,5vw,76px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(28px,3.6vw,60px);align-items:center}
.ls-werk-copy .eyebrow{color:#d98a84;margin:0 0 14px}
.ls-werk-copy h2{margin:0 0 18px;font:500 clamp(30px,3.6vw,52px)/1.04 'Manrope',sans-serif;letter-spacing:-.04em;color:#fff}
.ls-werk-copy h2 em{font-style:normal;color:#d98a84}
.ls-werk-copy>p{margin:0;font-size:clamp(14.5px,1.15vw,16.5px);line-height:1.7;color:rgba(243,239,230,.66);max-width:46ch}
.ls-werk-facts{list-style:none;display:flex;flex-wrap:wrap;gap:14px 30px;margin:26px 0 0;padding:0}
.ls-werk-facts b{display:block;font:500 clamp(20px,1.9vw,26px)/1 'Manrope',sans-serif;letter-spacing:-.03em;color:#fff}
.ls-werk-facts span{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:rgba(243,239,230,.48);max-width:150px}
.ls-werk-link{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;padding:0 22px;border-radius:999px;font:700 13.5px/1 'DM Sans',sans-serif;text-decoration:none;color:#f3efe6;box-shadow:inset 0 0 0 1px rgba(243,239,230,.24);transition:background .25s}
.ls-werk-link:hover{background:rgba(243,239,230,.1)}
.ls-werk-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.1vw,16px)}
.ls-werk-shots figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#2a2824;aspect-ratio:4/3;isolation:isolate}
.ls-werk-shots figure:first-child{grid-column:1/-1;aspect-ratio:2/1}
.ls-werk-shots figure::after{content:"";position:absolute;inset:auto 0 0 0;height:56%;background:linear-gradient(transparent,rgba(10,10,9,.8));pointer-events:none}
.ls-werk-shots img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.ls-werk-shots figure:hover img{transform:scale(1.05)}
.ls-werk-shots figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;font:600 clamp(12px,1vw,14px)/1.3 'DM Sans',sans-serif;text-shadow:0 1px 14px rgba(0,0,0,.5)}
@media (max-width:900px){
  .ls-werk-in{grid-template-columns:1fr;gap:30px}
  .ls-werk-shots figure:first-child{aspect-ratio:16/9}
}
@media (max-width:560px){
  .ls-werk-shots{grid-template-columns:1fr}
  .ls-werk-shots figure,.ls-werk-shots figure:first-child{aspect-ratio:16/10}
  .ls-werk-facts{gap:12px 22px}
}

/* SEO-Block DanKüche Wien (16.10.) */
.seo-wien{padding:clamp(56px,8vw,110px) clamp(18px,5vw,72px);background:#f5f2eb;color:#1f1b18}.seo-wien-in{max-width:1180px;margin:0 auto}.seo-wien h2{margin:.35em 0 .8em;font-size:clamp(28px,3.4vw,46px);line-height:1.08;letter-spacing:-.025em}.seo-wien h2 em{font-style:normal;color:#9d2a2f}.seo-wien-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,56px)}.seo-wien-cols p{margin:0;font-size:16px;line-height:1.7;color:#4a433d}.seo-wien-cols a{color:#9d2a2f;font-weight:600}.seo-wien-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}.seo-wien-links a{padding:11px 16px;border-radius:999px;border:1px solid rgba(31,27,24,.16);font-size:14px;font-weight:600;color:#1f1b18;text-decoration:none}.seo-wien-links a:first-child{background:#9d2a2f;border-color:#9d2a2f;color:#fff}@media(max-width:760px){.seo-wien-cols{grid-template-columns:1fr}}

/* Mess-Logo im Header + Marken-Band (16.10.) */
.sn .nav-brand .nav-mess-logo{display:block!important}.sn .nav-brand>i{display:block!important;width:1px;height:30px;background:rgba(31,27,24,.22);font-size:0!important;opacity:1!important}@media (max-width:600px){.sn .nav-brand>i{height:22px}.sn .nav-brand{gap:7px!important}}.mess-brand{padding:clamp(56px,8vw,110px) clamp(18px,5vw,72px);background:#1c1916;color:#f3ede3}.mb-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:clamp(28px,6vw,90px);align-items:center}.mb-logo{width:100%;height:auto;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.mess-brand .eyebrow{color:#d8a873}.mess-brand h2{margin:.35em 0 .7em;font-size:clamp(30px,3.8vw,52px);line-height:1.05;letter-spacing:-.025em;color:#fff}.mess-brand h2 em{font-style:normal;color:#e0a46c}.mb-copy>p:not(.eyebrow){margin:0;max-width:58ch;font-size:17px;line-height:1.7;color:rgba(243,237,227,.78)}.mb-link{display:inline-flex;gap:10px;align-items:center;margin-top:26px;padding:13px 20px;border-radius:999px;background:#9d2a2f;color:#fff;text-decoration:none;font-weight:600;font-size:15px}@media(max-width:760px){.mb-in{grid-template-columns:1fr}.mb-logo{max-width:220px}}

/* Karte auf der Startseite (16.10.) */
.seo-wien .map-consent{position:relative;margin-top:30px;min-height:clamp(300px,32vw,440px);border-radius:24px;overflow:hidden;background:#e9e4da repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 2px 64px);display:grid;place-items:center;text-align:center}

/* Mess-Band mit Werkstatt-Foto (16.10.) */
.mb2 .mb-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}.mb2 .mb-logo{width:150px;max-width:150px;margin-bottom:26px;border-radius:10px}.mb2 .mb-copy{align-self:center}.mb-points{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.mb-points li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(243,237,227,.12);color:rgba(243,237,227,.72);font-size:15px}.mb-points b{color:#fff;font-weight:600;min-width:150px}.mb-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:420px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}.mb-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mb-photo figcaption{position:absolute;left:18px;bottom:18px;right:18px;display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(20,17,14,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px}.mb-photo figcaption span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e0a46c}@media(max-width:760px){.mb2 .mb-in{grid-template-columns:1fr}.mb-photo{min-height:300px}.mb-points b{min-width:0}.mb-points li{grid-template-columns:1fr}}
.kz-sw li{width:64px;overflow-wrap:anywhere;hyphens:auto}

/* Werkstatt-Foto kleiner (16.10.) */
.mb2 .mb-in{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center}.mb-photo{min-height:0;aspect-ratio:4/5;max-height:440px;max-width:420px;justify-self:end;width:100%}@media(max-width:760px){.mb-photo{aspect-ratio:4/3;max-height:none;max-width:none;justify-self:stretch}}

/* Mess-Band v3: Logo groß, Text kurz, Foto klein (16.10.) */
.mb3 .mb-in{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr) minmax(220px,320px);gap:clamp(28px,4vw,64px);align-items:center}.mb3 .mb-logo{width:100%;max-width:none;margin:0;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.mb3 .mb-copy>p:not(.eyebrow){max-width:40ch}.mb3 h2{font-size:clamp(30px,3.2vw,46px)}.mb3 .mb-photo{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/5;min-height:0;box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}.mb3 .mb-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mb3 .mb-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(20,17,14,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:13px}.mb3 .mb-photo figcaption span{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e0a46c}@media(max-width:1000px){.mb3 .mb-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mb3 .mb-photo{grid-column:1/-1;aspect-ratio:16/9}}@media(max-width:760px){.mb3 .mb-in{grid-template-columns:1fr}.mb3 .mb-logo{max-width:280px}}