/* =========================================================
   JUWELIER KOHLER — v5 (07.05.2026)
   Basis: v2.3 LIVE-Stand · Komplett-Umbau nach Kohler-Feedback
   8 Sektionen wie im Mockup · klassisch, hell, World-of-Time-Stil
   ========================================================= */

:root{
  --bg:#E4DED7;
  --paper:#FFFFFF;
  --ink:#101010;
  --ink-soft:#3D3D3D;
  --muted:#8A8478;
  --line:#E5E1D6;
  --line-soft:#F0ECE1;
  --camel:#CCA98F;
  --camel-deep:#B08F75;
  --gold:#CCAA8F;
  --gold-soft:#D4BF92;
  --whatsapp:#25D366;
  --max:1280px;
  --pad:clamp(20px,5vw,64px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.6;font-weight:400}
img,picture,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--camel);color:var(--ink)}

h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.01em;line-height:1.08;color:var(--ink)}
h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:400}
h2{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:500}
h3{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:500}
.it{font-style:italic;font-weight:400}
.meta{font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}
.meta-gold{color:var(--gold);font-weight:600;display:inline-flex;align-items:center;gap:12px}
.meta-gold::before{content:"";display:inline-block;width:28px;height:1px;background:var(--gold)}
.lead{font-family:'Cormorant Garamond',serif;font-size:clamp(1.15rem,1.4vw,1.35rem);font-style:italic;color:var(--ink-soft);line-height:1.5}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-family:'Inter',sans-serif;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,gap .25s;cursor:pointer}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-dark:hover{background:#000;gap:14px}
.btn-outline{border-color:var(--ink);color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-camel{background:var(--camel);color:var(--ink)}
.btn-camel:hover{background:var(--camel-deep);gap:14px}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1da851;color:#fff;gap:14px}
.btn-wa svg{fill:currentColor;stroke:none;width:14px;height:14px}
.btn-light{background:#fff;color:var(--ink);border-color:#fff}
.btn-light:hover{background:var(--ink);color:#fff;border-color:var(--ink);gap:14px}
.btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}

[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
[data-reveal].in{opacity:1;transform:none}

/* =========================================================
   HEADER · simplifiziert nach Kohler-Feedback
   Logo + Menü links, rechts: Suche + WhatsApp
   ========================================================= */
.header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(228,222,215,.97);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid var(--line);transition:border-color .3s,padding .3s,background .35s,box-shadow .3s;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.header.scrolled{background:rgba(228,222,215,.85);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 8px 20px -14px rgba(0,0,0,.18);padding:12px var(--pad)}
.header.is-hidden{transform:translateY(calc(-100% - 4px))}
.header-left{display:flex;align-items:center;gap:clamp(28px,4vw,52px)}
.logo{display:inline-flex;align-items:center;font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--ink);min-height:44px}
.logo img{height:44px;width:auto;display:block;object-fit:contain;transition:height .3s}
.header.scrolled .logo img{height:38px}
.header{min-height:80px}

.nav{display:flex;gap:clamp(20px,2.4vw,34px);list-style:none;align-items:center;position:static}
.nav-item{position:static}
.nav-item>a,.nav-item>button{font-family:'Inter',sans-serif;font-size:.78rem;color:var(--ink);font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:14px 2px;display:inline-flex;align-items:center;cursor:pointer;background:none;border:0;transition:color .25s;position:relative}
.nav-item>a:hover,.nav-item>button:hover,.nav-item.is-open>a,.nav-item.is-open>button{color:var(--ink)}
.nav-item>a::before,.nav-item>button::before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.nav-item>a:hover::before,.nav-item>button:hover::before,.nav-item.is-open>a::before,.nav-item.is-open>button::before{transform:scaleX(1)}

/* ===== MEGA-MENÜ ===== */
.megamenu{position:fixed;left:0;right:0;top:80px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(24px,2.4vw,36px) var(--pad) clamp(28px,2.8vw,40px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .22s ease,visibility .22s,transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px -40px rgba(0,0,0,.22);z-index:49;pointer-events:none;will-change:opacity,transform}
.nav-item.is-open .megamenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.megamenu-col,.megamenu-featured{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1)}
.nav-item.is-open .megamenu-col,.nav-item.is-open .megamenu-featured{opacity:1;transform:translateY(0)}
.nav-item.is-open .megamenu-col:nth-child(1){transition-delay:.02s}
.nav-item.is-open .megamenu-col:nth-child(2){transition-delay:.05s}
.nav-item.is-open .megamenu-col:nth-child(3){transition-delay:.08s}
.nav-item.is-open .megamenu-featured{transition-delay:.1s}

.megamenu-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,52px);align-items:start}
.megamenu-col h6{font-family:'Inter',sans-serif;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.megamenu-col h6::after{content:"";flex:1;height:1px;background:var(--line);min-width:20px}
.megamenu-col ul{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;margin:0}
.megamenu-col a,.megamenu-col button{display:block;width:100%;text-align:left;padding:10px 0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.15rem;color:var(--ink);letter-spacing:-.005em;transition:color .2s,padding-left .25s;line-height:1.25;background:none;border:0;cursor:pointer}
.megamenu-col a:hover,.megamenu-col button:hover{color:var(--gold);padding-left:6px}
.megamenu-col a small,.megamenu-col button small{display:block;font-family:'Inter',sans-serif;font-size:.74rem;color:var(--muted);margin-top:3px;font-weight:400;letter-spacing:.01em;text-transform:none}

.megamenu-featured{background:#0c0c0c;position:relative;aspect-ratio:4/3;overflow:hidden;display:block;min-height:200px}
.megamenu-featured img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.megamenu-featured:hover img{transform:scale(1.05)}
.megamenu-featured::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85) 100%)}
.megamenu-featured-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);color:rgba(255,255,255,.4)}
.megamenu-featured-ph svg{width:40%;max-width:80px;stroke:var(--gold);fill:none;stroke-width:1;opacity:.5}
.megamenu-featured .label{position:absolute;left:clamp(20px,1.6vw,28px);bottom:clamp(20px,1.6vw,26px);right:clamp(20px,1.6vw,28px);color:#fff;z-index:2;display:flex;flex-direction:column;gap:6px}
.megamenu-featured .label small{font-family:'Inter',sans-serif;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:600}
.megamenu-featured .label strong{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;line-height:1.2}
.megamenu-featured .label em{font-style:italic;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:.92rem}

.mega-backdrop{position:fixed;top:80px;left:0;right:0;bottom:0;background:rgba(10,10,10,.32);opacity:0;visibility:hidden;z-index:48;transition:opacity .25s ease,visibility .25s;pointer-events:none}
.mega-backdrop.open{opacity:1;visibility:visible}
@media(max-width:980px){.megamenu,.mega-backdrop{display:none}}

.header-right{display:flex;align-items:center;gap:14px}
.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;color:var(--ink);transition:background .25s,border-color .25s;background:none;cursor:pointer}
.icon-btn:hover{background:var(--paper);border-color:var(--line)}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.btn-wa-mini{background:#25D366;color:#fff;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;border:1px solid #25D366;transition:background .2s}
.btn-wa-mini:hover{background:#1da851;border-color:#1da851}
.btn-wa-mini svg{fill:currentColor;stroke:none;width:14px;height:14px}

.burger{display:none;flex-direction:column;gap:5px;padding:10px;z-index:51;background:none;border:0;cursor:pointer}
.burger span{width:22px;height:1px;background:var(--ink);transition:transform .3s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.m-nav{position:fixed;inset:0;background:var(--bg);z-index:49;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;padding:80px 20px 40px;overflow-y:auto}
.m-nav.open{opacity:1;visibility:visible}
.m-nav ul{list-style:none;text-align:center;display:flex;flex-direction:column;gap:18px;width:100%;max-width:340px}
.m-nav ul a,.m-nav ul button{font-family:'Cormorant Garamond',serif;font-size:1.85rem;font-weight:400;color:var(--ink);background:none;border:0;cursor:pointer;width:100%}
.m-nav .m-meta{margin-top:44px;display:flex;flex-direction:column;gap:18px;align-items:center;width:100%;max-width:300px}
body.nav-open{overflow:hidden}
@media(max-width:980px){.nav,.header-right .icon-btn-search{display:none}.burger{display:flex}.header-right{gap:8px}}

/* =========================================================
   1 · HERO · "Drei Häuser, Eine Haltung"
   Patek-Stil, hell, Video-Slot
   ========================================================= */
.hero{padding:104px 0 0;position:relative;background:var(--bg)}
.hero-text{max-width:var(--max);margin:0 auto;padding:clamp(28px,3.4vw,48px) var(--pad) clamp(40px,4.5vw,64px);display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,80px);align-items:start}
.hero-text .meta-gold{margin-bottom:24px}
.hero h1{max-width:14ch;font-weight:400;line-height:1.02;letter-spacing:-.02em}
.hero h1 em{font-style:italic;font-weight:400;color:var(--ink-soft)}
.hero-text .right{display:flex;flex-direction:column;gap:30px;padding-bottom:6px}
.hero-text .lead{max-width:44ch;color:var(--ink-soft)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.hero-media{position:relative;height:min(74vh,760px);overflow:hidden;background:var(--bg)}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media img{animation:kenburns 20s ease-in-out infinite alternate}
@keyframes kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.06) translate(-1.2%,-1%)}}
.hero-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:1}
.hero-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(28px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;color:#fff;z-index:3}
.hero-caption .meta{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hero-caption .meta::before{content:"";display:inline-block;width:26px;height:1px;background:var(--gold)}
.hero-caption .name{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(1.05rem,1.4vw,1.25rem);color:rgba(255,255,255,.95)}

@media(max-width:960px){
  .hero{padding:110px 0 0}
  .hero-text{grid-template-columns:1fr;gap:24px;padding:40px var(--pad) 56px;align-items:start}
  .hero-text .right{padding-top:0}
  .hero-media{height:62vh;min-height:420px}
}
@media(max-width:560px){.hero-caption{flex-direction:column;align-items:flex-start;gap:14px}}

/* =========================================================
   TRUST-BAR · direkt unter Hero (für mehr Trust)
   ========================================================= */
.trust-bar{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.trust-row{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2vw,32px);align-items:center}
.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-right:1px solid var(--line-soft);padding:0 12px}
.trust-item:last-child{border-right:0}
.trust-item .num{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:500;color:var(--ink);line-height:1}
.trust-item .num em{font-style:italic;color:var(--gold);font-weight:400}
.trust-item .lbl{font-family:'Inter',sans-serif;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;line-height:1.3}
.trust-item .stars{color:var(--gold);font-size:.78rem;letter-spacing:.1em;line-height:1}
.trust-item svg{width:32px;height:32px;stroke-width:1.3}
@media(max-width:900px){.trust-row{grid-template-columns:repeat(2,1fr);gap:24px 12px}.trust-item{border-right:0;border-bottom:1px solid var(--line-soft);padding:0 8px 16px}.trust-item:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}}
@media(max-width:520px){.trust-row{grid-template-columns:1fr}.trust-item{border-bottom:1px solid var(--line-soft)!important;padding:14px 0!important}.trust-item:last-child{border-bottom:0!important}}

/* =========================================================
   2 · NEUZUGÄNGE · 12 Uhren, 3 Marken-Filter, World-of-Time
   ========================================================= */
.neu{padding:clamp(80px,9vw,130px) 0;background:var(--bg);border-top:1px solid var(--line)}
.neu-head{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(28px,4vw,64px);margin:0 auto clamp(48px,5vw,72px);max-width:var(--max);padding:0 var(--pad);flex-wrap:wrap}
.neu-head .title .meta-gold{margin-bottom:14px;display:inline-flex}
.neu-head h2{max-width:16ch;font-weight:500;letter-spacing:-.015em;margin:0}
.neu-head h2 em{font-style:italic;color:var(--ink-soft)}
.neu-head .right{text-align:right;max-width:420px}
.neu-head .right p{color:var(--ink-soft);margin-bottom:18px;font-size:.94rem;line-height:1.55}
.neu-head .link{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink);padding-bottom:4px;border-bottom:1px solid var(--ink);transition:gap .25s}
.neu-head .link:hover{gap:14px}
.neu-head .link svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}

.neu-filters{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--line);margin:0 auto clamp(40px,4vw,56px);max-width:var(--max);padding:0 var(--pad);flex-wrap:nowrap}
.neu-filter{font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:18px clamp(14px,2vw,28px);background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color .25s,border-color .25s;margin-bottom:-1px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}
@media(max-width:560px){.neu-filters{flex-wrap:wrap}.neu-filter{padding:14px 12px;font-size:.7rem;letter-spacing:.16em}}
.neu-filter:hover{color:var(--ink)}
.neu-filter.is-active{color:var(--ink);border-bottom-color:var(--gold)}
.neu-filter .count{color:var(--muted);font-size:.66rem;font-weight:400;letter-spacing:.08em}
.neu-filter.is-active .count{color:var(--gold)}

.neu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,2.4vw,40px) clamp(20px,2vw,32px);max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.neu-card{display:block;color:var(--ink);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s}
.neu-card.is-hidden{display:none}
.neu-card:hover{transform:translateY(-4px)}
.neu-card-media{aspect-ratio:1/1.05;overflow:hidden;background:var(--bg);position:relative;margin-bottom:18px;border:1px solid var(--line-soft)}
.neu-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.neu-card:hover .neu-card-media img{transform:scale(1.05)}
.neu-card-tag{position:absolute;top:12px;left:12px;z-index:2;padding:5px 10px;background:rgba(255,255,255,.96);font-family:'Inter',sans-serif;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--gold);line-height:1}
.neu-card-tag.gold{background:var(--gold);color:#fff}
.neu-card-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg) 0%,#EFE9DC 100%)}
.neu-card-ph svg{width:42%;max-width:120px;opacity:.28;stroke:var(--ink-soft);fill:none;stroke-width:1}
.neu-card-body{padding:0 2px}
.neu-card .eyebrow{font-family:'Inter',sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:6px}
.neu-card h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;margin-bottom:10px;line-height:1.22;letter-spacing:-.005em}
.neu-card-foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px solid var(--line)}
.neu-card-foot .price{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:500;letter-spacing:.01em}
.neu-card-foot .badge{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}

@media(max-width:1000px){.neu-grid{grid-template-columns:repeat(2,1fr);gap:30px}}
@media(max-width:560px){.neu-grid{grid-template-columns:1fr;gap:32px;max-width:340px;margin-left:auto;margin-right:auto}.neu-head .right{text-align:left;max-width:none}.neu-head h2{max-width:none}}

/* =========================================================
   3 · ABOUT US · "Drei Häuser unter einem Dach"
   ========================================================= */
section.about{background:var(--paper);position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:5fr 7fr;min-height:clamp(540px,58vw,700px)}
.about-media{position:relative;overflow:hidden;background:var(--bg)}
.about-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
section.about:hover .about-media img{transform:scale(1.03)}
.about-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,92px) clamp(32px,5vw,88px);background:var(--paper);position:relative}
.about-body::before{content:"";position:absolute;left:0;top:clamp(48px,6vw,92px);bottom:clamp(48px,6vw,92px);width:1px;background:var(--line);opacity:.6}
.about-body .meta-gold{display:inline-flex;margin-bottom:22px}
.about-body h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:500;line-height:1.05;letter-spacing:-.015em;margin:0 0 26px;max-width:14ch}
.about-body h2 em{font-style:italic;color:var(--ink-soft)}
.about-lede{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.05rem,1.25vw,1.2rem);color:var(--ink-soft);line-height:1.55;margin:0 0 clamp(32px,4vw,42px);max-width:42ch;font-weight:400}
.about-tag{display:inline-flex;align-items:center;gap:14px;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:auto;padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
.about-tag::before{content:"";display:inline-block;width:18px;height:1px;background:var(--gold)}
@media(max-width:960px){.about-grid{grid-template-columns:1fr;min-height:auto}.about-media{min-height:clamp(280px,46vw,420px)}.about-body::before{display:none}.about-body{padding:clamp(48px,8vw,72px) var(--pad)}}

/* =========================================================
   4 · QUALITÄTSVERSPRECHEN · 3 Spalten (NEU laut Mockup)
   Echtheitsprüfung · Eigene Werkstatt · Gewährleistung
   ========================================================= */
.promise{padding:clamp(80px,9vw,130px) 0;background:var(--bg)}
.promise-head{text-align:center;max-width:680px;margin:0 auto clamp(56px,6vw,80px);padding:0 var(--pad)}
.promise-head .meta-gold{margin-bottom:18px;display:inline-flex}
.promise-head h2{font-weight:500}
.promise-grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,2.6vw,40px)}
.promise-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .35s,transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.promise-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 22px 44px -22px rgba(0,0,0,.18)}
.promise-img{aspect-ratio:1.45/1;background:linear-gradient(135deg,var(--bg) 0%,#EFE9DC 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.promise-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promise-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:1}
.promise-img-label{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:#fff;font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.6);z-index:2;background:rgba(255,255,255,.12);padding:8px 18px;backdrop-filter:blur(8px)}
.promise-img-icon{position:relative;z-index:0;color:var(--gold);opacity:.85}
.promise-img-icon svg{width:64px;height:64px;stroke:currentColor;fill:none;stroke-width:1.2}
.promise-img .ph-note{position:absolute;bottom:12px;right:14px;font-family:'Inter',sans-serif;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:500;z-index:2}
.promise-body{padding:clamp(28px,3vw,38px) clamp(26px,3vw,36px);display:flex;flex-direction:column;flex:1}
.promise-card h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:500;letter-spacing:.01em;color:var(--ink);margin-bottom:14px}
.promise-card p{color:var(--ink-soft);font-size:.92rem;line-height:1.65;margin-bottom:24px;flex:1}
.promise-card a.more{align-self:flex-start;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:500;padding-bottom:4px;border-bottom:1px solid var(--ink);transition:gap .25s,color .25s,border-color .25s;display:inline-flex;align-items:center;gap:8px}
.promise-card a.more:hover{gap:14px;color:var(--gold);border-color:var(--gold)}
@media(max-width:900px){.promise-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}

/* =========================================================
   5 · KUNDENBEWERTUNGEN · Wrist-Shots OHNE Stadtangaben (DSGVO)
   ========================================================= */
.reviews{padding:clamp(80px,9vw,130px) 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reviews-head{text-align:center;max-width:680px;margin:0 auto clamp(48px,5vw,68px);padding:0 var(--pad)}
.reviews-head .meta-gold{margin-bottom:18px;display:inline-flex}
.reviews-head h2{font-weight:500;margin-bottom:18px}
.reviews-head .gscore{display:inline-flex;align-items:center;gap:14px;font-family:'Inter',sans-serif;font-size:.84rem;color:var(--ink-soft);letter-spacing:.02em;margin-top:14px;flex-wrap:wrap;justify-content:center}
.reviews-head .gscore strong{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--ink)}
.reviews-head .gscore .stars{color:var(--gold);letter-spacing:.12em;font-size:.92rem}
.reviews-head .gscore .glogo{width:18px;height:18px}

.reviews-grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2vw,28px)}
.review-card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .3s,transform .35s;overflow:hidden}
.review-card:hover{border-color:var(--gold-soft);transform:translateY(-3px)}
.review-photo{aspect-ratio:1.05/1;overflow:hidden;background:var(--bg);position:relative}
.review-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.review-card:hover .review-photo img{transform:scale(1.05)}
.review-body{padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.review-stars{color:var(--gold);font-size:.92rem;letter-spacing:.16em}
.review-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;line-height:1.5;color:var(--ink);margin:0;flex:1}
.review-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-soft);font-family:'Inter',sans-serif;font-size:.66rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.review-meta .gicon{width:13px;height:13px}
.reviews-cta{text-align:center;margin-top:clamp(48px,5vw,64px);padding:0 var(--pad);display:flex;flex-direction:column;align-items:center;gap:18px}
.reviews-platforms{display:flex;gap:36px;align-items:center;flex-wrap:wrap;justify-content:center;font-family:'Inter',sans-serif;font-size:.78rem;color:var(--ink-soft)}
.reviews-platforms a{display:inline-flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);transition:border-color .25s,color .25s}
.reviews-platforms a:hover{border-color:var(--gold);color:var(--gold)}
.reviews-platforms .stars{color:var(--gold);letter-spacing:.1em}
.reviews-platforms strong{color:var(--ink);font-weight:600}

@media(max-width:980px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.reviews-grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}}

/* =========================================================
   6 · WISSENSWERTES · 3 Cards (Haus / Chrono24 / Social)
   ========================================================= */
.know{padding:clamp(80px,9vw,130px) 0;background:var(--bg)}
.know-head{text-align:center;max-width:640px;margin:0 auto clamp(56px,5vw,76px);padding:0 var(--pad)}
.know-head .meta-gold{margin-bottom:18px;display:inline-flex}
.know-head h2{font-weight:500}
.know-grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,2.4vw,36px)}
.know-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .35s}
.know-card:hover{border-color:var(--gold-soft);transform:translateY(-3px)}
.know-img{aspect-ratio:1.45/1;overflow:hidden;background:var(--bg);position:relative}
.know-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.know-card:hover .know-img img{transform:scale(1.04)}
.know-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5) 100%);pointer-events:none}
.know-img-label{position:absolute;left:24px;bottom:22px;color:#fff;font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.know-img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg) 0%,#EFE9DC 100%)}
.know-img-ph svg{width:42%;max-width:96px;stroke:var(--ink-soft);fill:none;stroke-width:1;opacity:.32}
.know-body{padding:clamp(24px,2.6vw,32px) clamp(24px,2.6vw,30px)}
.know-body p{color:var(--ink-soft);font-size:.92rem;line-height:1.65;margin-bottom:20px}
.know-body a{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--ink);padding-bottom:4px;border-bottom:1px solid var(--ink);display:inline-flex;align-items:center;gap:8px;transition:gap .25s,color .25s,border-color .25s}
.know-body a:hover{gap:14px;color:var(--gold);border-color:var(--gold)}
@media(max-width:900px){.know-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}

/* =========================================================
   7 · JOURNAL · Zwischen Werkstatt und Sammlertisch
   ========================================================= */
.journal{padding:clamp(80px,9vw,130px) 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 auto clamp(48px,5vw,64px);max-width:var(--max);padding:0 var(--pad);flex-wrap:wrap}
.journal-head .meta-gold{margin-bottom:14px;display:inline-flex}
.journal-head h2{font-weight:500;max-width:18ch}
.journal-head h2 em{font-style:italic;color:var(--ink-soft)}
.journal-head .link{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--ink);padding-bottom:4px;border-bottom:1px solid var(--ink);transition:gap .25s}
.journal-head .link:hover{gap:14px}
.journal-head .link svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,42px);max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.article-c{display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.article-c:hover{transform:translateY(-3px)}
.article-img{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--bg) 0%,#EFE9DC 100%);margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center}
.article-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.article-c:hover .article-img img{transform:scale(1.04)}
.article-img-ph{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--muted);font-size:1rem}
.article-c .cat{display:inline-block;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px}
.article-c h3{font-size:1.3rem;font-weight:500;line-height:1.3;margin-bottom:10px}
.article-c p{color:var(--muted);font-size:.88rem;line-height:1.55}
.article-date{display:block;margin-top:12px;font-size:.7rem;color:var(--muted);letter-spacing:.04em}
.article-more{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ink);padding-bottom:4px;border-bottom:1px solid var(--ink);transition:gap .25s,color .25s,border-color .25s}
.article-c:hover .article-more{gap:16px;color:var(--gold);border-color:var(--gold)}
.article-more svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:900px){.articles{grid-template-columns:1fr;gap:40px}}

/* =========================================================
   8 · CTA-BLOCK + FOOTER-INFOS · 2 große CTAs + Adresse etc.
   ========================================================= */
.cta-block{padding:clamp(80px,9vw,130px) 0;background:var(--bg)}
.cta-grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,2.4vw,40px);margin-bottom:clamp(60px,6vw,90px)}
.cta-card{background:var(--paper);border:1px solid var(--line);padding:clamp(40px,5vw,72px) clamp(32px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:18px;transition:border-color .3s,transform .35s,background .3s;cursor:pointer}
.cta-card:hover{border-color:var(--ink);transform:translateY(-4px);background:var(--paper)}
.cta-card .meta-gold{display:inline-flex;font-size:.66rem;margin-bottom:0}
.cta-card h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:500;line-height:1.15;color:var(--ink);max-width:18ch;letter-spacing:-.005em}
.cta-card .sub{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--ink-soft);font-size:1.02rem;font-weight:400;margin-bottom:12px}
.cta-card .btn{margin-top:14px;pointer-events:none}
@media(max-width:780px){.cta-grid{grid-template-columns:1fr}}

.cta-info{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,48px);padding-top:clamp(50px,5vw,68px);border-top:1px solid var(--line)}
.cta-info-col h4{font-family:'Inter',sans-serif;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px}
.cta-info-col p,.cta-info-col a{font-family:'Inter',sans-serif;font-size:.86rem;color:var(--ink-soft);line-height:1.7;font-weight:400}
.cta-info-col a{display:block;transition:color .25s}
.cta-info-col a:hover{color:var(--gold)}
.cta-info-col .name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--ink);font-weight:500;margin-bottom:6px;display:block}
.cta-info-col .badge{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);padding:8px 14px;font-family:'Inter',sans-serif;font-size:.7rem;color:var(--ink-soft);letter-spacing:.04em;margin-bottom:6px;margin-right:6px}
.cta-info-col .badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.cta-info-col .ratings{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.cta-info-col .rating-line{display:flex;align-items:center;gap:10px;font-size:.78rem}
.cta-info-col .rating-line svg{width:14px;height:14px}
.cta-info-col .rating-line strong{font-weight:600;color:var(--ink)}
.cta-info-col .stars{color:var(--gold);font-size:.78rem;letter-spacing:.08em}
.cta-info-col .socials{display:flex;gap:10px;margin-top:10px}
.cta-info-col .socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--ink-soft);transition:color .25s,border-color .25s,background .25s}
.cta-info-col .socials a:hover{color:#fff;background:var(--ink);border-color:var(--ink)}
.cta-info-col .socials svg{width:14px;height:14px;fill:currentColor}
@media(max-width:900px){.cta-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cta-info{grid-template-columns:1fr}}

/* Footer (schmal) */
.footer{background:var(--ink);color:#cfcdc7;padding:36px 0 28px;border-top:1px solid var(--ink)}
.footer-row{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.footer-logo img{height:34px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.footer-legal{display:flex;gap:24px;font-family:'Inter',sans-serif;font-size:.74rem;color:#9c958a;letter-spacing:.04em}
.footer-legal a{transition:color .2s}
.footer-legal a:hover{color:var(--gold)}
.footer-copy{font-family:'Inter',sans-serif;font-size:.7rem;color:#7a7468;letter-spacing:.04em;margin-top:18px;text-align:center}

/* =========================================================
   STICKY WHATSAPP
   ========================================================= */
.sticky-wa{position:fixed;right:18px;bottom:18px;z-index:40;width:56px;height:56px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .3s}
.sticky-wa:hover{transform:scale(1.06)}
.sticky-wa svg{width:26px;height:26px;fill:currentColor}
@media(min-width:980px){.sticky-wa{display:none}}
.sticky-wa{display:none !important}
/* Warenkorb-FAB ausblenden, wenn mobiles Menü oder Schnellkontakt-Drawer offen ist */
body.nav-open .kc-ui,
body:has(.m-nav.open) .kc-ui,
body:has(.contact-drawer.is-open) .kc-ui{display:none !important}
/* Breadcrumb-Navigation auf Mobil global ausblenden */
@media(max-width:980px){
  .crumbs,.pdp-crumbs,.pd-crumbs{display:none !important}
}

/* =========================================================
   MODALS · Marken-Auswahl · Suchauftrag · Verkaufen · Prozess
   ========================================================= */
.modal{position:fixed;inset:0;z-index:200;background:rgba(20,20,20,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.modal.open{opacity:1;visibility:visible}
.modal-box{background:var(--bg);max-width:780px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalIn .4s cubic-bezier(.2,.7,.2,1)}
@keyframes modalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.modal-close{position:absolute;top:18px;right:18px;width:40px;height:40px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .2s,transform .2s;z-index:5}
.modal-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.modal-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.modal-head{padding:clamp(36px,4vw,52px) clamp(32px,4vw,48px) clamp(20px,2vw,30px);background:var(--paper);border-bottom:1px solid var(--line)}
.modal-head .meta-gold{display:inline-flex;margin-bottom:14px}
.modal-head h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:500;line-height:1.15;color:var(--ink);margin-bottom:10px}
.modal-head .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;color:var(--ink-soft)}
.modal-body{padding:clamp(28px,3vw,40px) clamp(32px,4vw,48px) clamp(36px,4vw,52px)}
.modal-body p{color:var(--ink-soft);font-size:.96rem;line-height:1.7;margin-bottom:20px}
.steps{display:flex;flex-direction:column;gap:0;margin:24px 0}
.step{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line-soft)}
.step:last-child{border-bottom:0}
.step-n{flex-shrink:0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--gold);font-weight:400;line-height:1;width:36px;padding-top:2px}
.step-text h4{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;color:var(--ink);margin-bottom:6px;line-height:1.25;letter-spacing:0;text-transform:none}
.step-text p{margin-bottom:0;font-size:.92rem;line-height:1.6}
.modal-cta{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap}
.brand-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.brand-pick a{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 18px;background:var(--paper);border:1px solid var(--line);text-align:center;transition:border-color .25s,background .25s,transform .3s}
.brand-pick a:hover{border-color:var(--gold);transform:translateY(-4px);background:var(--bg)}
.brand-pick .brand-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;color:var(--ink)}
.brand-pick .brand-sub{font-family:'Inter',sans-serif;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500}
.brand-pick .brand-img{width:100%;aspect-ratio:1/1;background:var(--bg);overflow:hidden}
.brand-pick .brand-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.brand-pick{grid-template-columns:1fr;gap:10px}}

body.modal-open{overflow:hidden}

/* ============================================================
   POLISH-PASS · 13.05.2026 · Header + Hero + Typo/Spacing-Lift
   ============================================================ */

/* --- TOPBAR --- */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:51;
  background:#29171C;color:rgba(228,222,215,.85);
  font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.08em;
  padding:9px var(--pad);
  border-bottom:1px solid rgba(204,170,143,.25);
}
.topbar-inner{
  max-width:var(--max);margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:18px;flex-wrap:wrap;
}
.topbar-item{display:inline-flex;align-items:center;gap:8px}
.topbar-item svg{width:14px;height:14px;fill:none;stroke:#CCAA8F;stroke-width:1.6;flex-shrink:0}
.topbar-item polygon{fill:#CCAA8F;stroke:none}
.topbar-sep{width:1px;height:14px;background:rgba(228,222,215,.18)}
.topbar-sep-mobile{display:none}
.topbar-link{color:rgba(228,222,215,.85);text-decoration:none;transition:color .25s}
.topbar-link:hover{color:#DDC4A9}

/* Header rückt unter Topbar */
.header{top:36px}
.header.scrolled{top:0}
@media(max-width:780px){
  .topbar{font-size:.66rem;padding:7px 12px}
  .topbar-inner{gap:10px}
  .topbar-sep{display:none}
  .topbar-item:nth-child(7){display:none} /* Versand-Info auf Mobile aus */
  .topbar-item:nth-child(5){display:none} /* Werkstatt-Info auf Mobile aus */
  .topbar-sep-mobile{display:none}
}

/* --- SHOP-BUTTON IM HEADER (prominenter Eintritt zum Shop) --- */
.btn-shop{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 18px 11px 16px;
  background:linear-gradient(135deg,#CCAA8F 0%,#B08766 100%);
  color:#E4DED7;
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  border:1px solid #B08766;border-radius:2px;
  position:relative;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .35s;
  box-shadow:0 4px 14px -6px rgba(204,170,143,.5);
}
.btn-shop:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px -6px rgba(204,170,143,.7);
  background:linear-gradient(135deg,#B89A5C 0%,#9C8348 100%);
}
.btn-shop svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.btn-shop-badge{
  display:inline-flex;align-items:center;justify-content:center;
  background:#E4DED7;color:#29171C;
  font-size:.6rem;font-weight:700;letter-spacing:.08em;
  padding:3px 7px;border-radius:10px;
  margin-left:4px;
}
@media(max-width:780px){
  .btn-shop{padding:9px 13px;font-size:.66rem;letter-spacing:.14em}
  .btn-shop-badge{display:none}
  .btn-shop svg{width:13px;height:13px}
}

/* --- HEADER ETWAS LUFTIGER --- */
.header{padding:20px var(--pad);min-height:84px}
.header.scrolled{padding:14px var(--pad);min-height:64px}
.header-right{gap:16px}

/* Body-Padding wegen fixed Topbar+Header rauf */
body{padding-top:0} /* keine Verschiebung — fixed Header steht über Hero */

/* --- HERO-LIFT: mehr Atem, größere Headlines --- */
.hero{padding-top:clamp(140px,16vw,200px) !important}
.hero h1{
  font-size:clamp(2.8rem,6.5vw,5.2rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.02em !important;
  font-weight:400 !important;
}
.hero .meta-gold{
  font-size:.72rem !important;
  letter-spacing:.32em !important;
  margin-bottom:24px !important;
  display:inline-block;
}
.hero .lead{
  font-size:clamp(1.05rem,1.4vw,1.2rem) !important;
  line-height:1.7 !important;
  margin-bottom:36px !important;
}
.hero-text{gap:clamp(40px,5vw,80px) !important}
.hero-ctas{gap:14px !important;margin-top:8px}

/* --- HERO-CTAs aufgewertet --- */
.hero-ctas .btn{
  padding:14px 26px !important;
  font-size:.74rem !important;
  letter-spacing:.22em !important;
}

/* --- TYPO/SPACING GLOBAL --- */
section h2{
  font-size:clamp(2rem,3.5vw,3rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.012em !important;
}
.meta-gold{
  letter-spacing:.28em !important;
}

/* Sections etwas ruhiger */
section.neu,section.about,section.promise,section.reviews,section.know,section.journal-section{
  padding-top:clamp(90px,10vw,140px) !important;
  padding-bottom:clamp(90px,10vw,140px) !important;
}

/* Section-Heads bekommen mehr Abstand */
.neu-head,.about-head,.promise-head,.reviews-head,.know-head,.journal-head{
  margin-bottom:clamp(60px,7vw,100px) !important;
}

/* --- PROMISE-CARD-LIFT (passt zum neuen, edleren Look) --- */
.promise-card{
  border-radius:0 !important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .35s !important;
}
.promise-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 28px 56px -28px rgba(0,0,0,.22) !important;
}
.promise-img-label{
  bottom:28px !important;
  font-size:.7rem !important;
  letter-spacing:.32em !important;
  padding:9px 22px !important;
  background:rgba(0,0,0,.42) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}


/* ============================================================
   POLISH v2 · 13.05.2026
   Topbar raus, klarer Discover-CTA, Kontakt-Sidebar
   ============================================================ */

/* Topbar-Reset (für den Fall dass irgendwo noch Reste sind) */
.topbar{display:none !important}

/* Header zurück nach oben */
.header{top:0 !important}
.header.scrolled{top:0 !important}

/* WhatsApp + alter Shop-Button verstecken (durch Sidebar ersetzt) */
.btn-wa-mini{display:none !important}
.btn-shop{display:none !important}

/* --- DISCOVER-BUTTON: prominenter Gold-CTA --- */
.btn-discover{
  display:inline-flex;align-items:center;gap:11px;
  padding:13px 22px;
  background:linear-gradient(135deg,#CCAA8F 0%,#B08766 100%);
  color:#E4DED7;
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;text-decoration:none;
  border:1px solid rgba(140,115,57,.7);border-radius:1px;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .35s;
  box-shadow:0 6px 18px -8px rgba(204,170,143,.55);
}
.btn-discover:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#B89A5C 0%,#9C8348 100%);
  box-shadow:0 12px 28px -10px rgba(204,170,143,.7);
}
.btn-discover svg{
  width:14px;height:14px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .25s;
}
.btn-discover:hover svg{transform:translateX(3px)}




/* ============================================================
   NAV-RESTRUCTURE · Kaufen / Suchen / Verkaufen / Das Haus Kohler
   ============================================================ */
.megamenu-buy{width:auto;min-width:680px;max-width:760px}
.megamenu-buy .megamenu-inner-2col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,5vw,72px);
  padding:clamp(36px,4vw,48px) clamp(36px,4vw,48px);
}
.megamenu-buy .megamenu-col h6{
  margin-bottom:24px;padding-bottom:16px;
  border-bottom:1px solid rgba(204,170,143,.3);
  position:relative;
}
.megamenu-buy .megamenu-col h6::after{
  content:"";position:absolute;left:0;bottom:-1px;width:32px;height:2px;background:#CCAA8F;
}
.megamenu-buy .megamenu-col ul{display:flex;flex-direction:column;gap:18px}
.megamenu-buy .megamenu-col li > a,
.megamenu-buy .megamenu-col li > button{
  display:flex !important;flex-direction:column;gap:6px;
  padding:0 !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:1.45rem !important;
  font-weight:500 !important;
  color:#29171C !important;
  background:transparent !important;
  text-align:left;
  border:none !important;
  cursor:pointer;
  transition:color .25s,transform .25s;
  text-decoration:none;
  letter-spacing:.005em;
}
.megamenu-buy .megamenu-col li > a:hover,
.megamenu-buy .megamenu-col li > button:hover{
  color:#CCAA8F !important;
  transform:translateX(3px);
}
.megamenu-buy .megamenu-col li small{
  display:block;
  font-family:'Inter',sans-serif !important;
  font-size:.84rem !important;
  font-weight:400 !important;
  color:rgba(41,23,28,.55) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin-top:0 !important;
}

/* Nav-Items: bisschen mehr Atem zwischen den 4 Top-Items */
.nav{gap:clamp(24px,3vw,42px) !important}
.nav-item > a, .nav-item > button{
  font-family:'Inter',sans-serif;
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#29171C;
  padding:8px 2px;
  background:transparent;border:none;cursor:pointer;
  text-decoration:none;
  position:relative;
  transition:color .25s;
}
.nav-item > a::after, .nav-item > button::after{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:1px;background:#CCAA8F;
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.nav-item:hover > a, .nav-item:hover > button{color:#CCAA8F}
.nav-item:hover > a::after, .nav-item:hover > button::after{transform:scaleX(1)}


.m-nav .m-section{
  font-family:'Inter',sans-serif;font-size:.66rem;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:#CCAA8F;
  padding:14px 0 6px;
  border-bottom:1px solid rgba(204,170,143,.25);
  margin-top:10px;
  pointer-events:none;
}
.m-nav ul li:first-child.m-section{margin-top:0}


/* ============================================================
   FOOTER · übernommen von juwelierkohler.de/test
   ============================================================ */

/* Trust-Bar oberhalb des Footers */
.footer-trust{
  background:#DBD4CB;
  padding:clamp(40px,4.5vw,60px) var(--pad);
  border-top:1px solid rgba(204,170,143,.25);
  border-bottom:1px solid rgba(41,23,28,.06);
}
.footer-trust-inner{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(28px,3vw,48px);
}
.footer-trust-item{display:flex;flex-direction:column;gap:6px}
.footer-trust-item strong{
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.06em;color:#29171C;
}
.footer-trust-item span{
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:400;
  color:rgba(41,23,28,.65);line-height:1.55;
}
@media(max-width:980px){.footer-trust-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.footer-trust-inner{grid-template-columns:1fr;gap:24px}}

/* Footer-Hauptbereich */
.footer{
  background:#29171C;color:rgba(228,222,215,.85);
  padding:clamp(56px,6vw,84px) var(--pad) 0;
  font-family:'Inter',sans-serif;
}
.footer-main{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1.4fr 2.6fr;
  gap:clamp(40px,5vw,80px);
  padding-bottom:clamp(48px,5vw,72px);
  border-bottom:1px solid rgba(204,170,143,.15);
}
.footer-brand{display:flex;flex-direction:column;gap:20px}
.footer-logo img{height:46px;width:auto;filter:brightness(0) invert(1) opacity(.95)}
.footer-tagline{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:1.05rem;font-weight:400;
  line-height:1.55;color:rgba(228,222,215,.7);
  max-width:340px;margin:0;
}
.footer-socials{display:flex;gap:14px;margin-top:8px}
.footer-socials a{
  width:38px;height:38px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(228,222,215,.18);border-radius:50%;
  color:rgba(228,222,215,.85);
  transition:border-color .25s,color .25s,transform .25s;
}
.footer-socials a:hover{
  border-color:#CCAA8F;color:#CCAA8F;transform:translateY(-2px);
}
.footer-socials svg{
  width:16px;height:16px;
  fill:none;stroke:currentColor;stroke-width:1.5;
}

.footer-cols{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,3vw,48px);
}
.footer-col h6{
  font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:#CCAA8F;
  margin:0 0 18px;padding-bottom:14px;
  border-bottom:1px solid rgba(228,222,215,.1);
}
.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.footer-col a, .footer-col .footer-btn-link{
  font-family:'Inter',sans-serif;font-size:.88rem;
  color:rgba(228,222,215,.78);text-decoration:none;
  background:transparent;border:none;padding:0;cursor:pointer;
  text-align:left;letter-spacing:.01em;
  transition:color .2s,padding-left .2s;
}
.footer-col a:hover, .footer-col .footer-btn-link:hover{
  color:#CCAA8F;padding-left:4px;
}

@media(max-width:880px){
  .footer-main{grid-template-columns:1fr;gap:48px}
  .footer-cols{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .footer-cols{grid-template-columns:1fr 1fr;gap:32px}
}

/* Footer-Bottom: Copyright + Legal */
.footer-bottom{
  max-width:var(--max);margin:0 auto;
  padding:24px 0 28px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:16px;
  font-size:.76rem;color:rgba(228,222,215,.5);
  letter-spacing:.04em;
}
.footer-legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-legal a{
  color:rgba(228,222,215,.5);text-decoration:none;
  transition:color .2s;
}
.footer-legal a:hover{color:#CCAA8F}
@media(max-width:600px){
  .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left}
}


/* === WHATSAPP STICKY (klassisch, einzelner Button) === */
.wa-sticky{
  position:fixed;right:24px;bottom:24px;
  z-index:60;
  width:62px;height:62px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(37,211,102,.45),0 4px 12px rgba(0,0,0,.15);
  text-decoration:none;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
}
.wa-sticky:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 14px 32px rgba(37,211,102,.55),0 6px 16px rgba(0,0,0,.2);
}
.wa-sticky svg{width:30px;height:30px;fill:currentColor}
.wa-sticky::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  background:#25D366;opacity:.35;z-index:-1;
  animation:wa-pulse-ring 2s ease-out infinite;
}
@keyframes wa-pulse-ring{
  0%{transform:scale(1);opacity:.35}
  100%{transform:scale(1.4);opacity:0}
}
@media(max-width:780px){
  .wa-sticky{right:18px;bottom:18px;width:54px;height:54px}
  .wa-sticky svg{width:26px;height:26px}
  body{padding-bottom:0}
}


/* Featured-Card im Mega-Menu: echtes Bild statt SVG-Placeholder */
.megamenu-featured-ph{
  position:relative;overflow:hidden;
}
.megamenu-featured-ph img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.megamenu-featured:hover .megamenu-featured-ph img{transform:scale(1.06)}
.megamenu-featured-ph::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%);
  pointer-events:none;
}
.megamenu-featured .label{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  padding:18px 22px;color:#E4DED7;
}
.megamenu-featured .label small{color:#CCAA8F}
.megamenu-featured .label strong{color:#E4DED7}
.megamenu-featured .label em{color:rgba(228,222,215,.75)}


/* ============================================================
   KAUFEN-MEGA-MENU v2 · Full-Width + Brand-Preview-Panel
   ============================================================ */

/* Full-Width Mega-Menu */
.megamenu-buy{
  width:100% !important;
  min-width:100vw !important;
  max-width:none !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
}

.megamenu-buy .megamenu-inner-3col{
  display:grid;
  grid-template-columns:1fr 1fr 1.5fr;
  gap:clamp(32px,3.5vw,56px);
  padding:clamp(36px,3.5vw,52px) clamp(32px,3.5vw,56px);
  max-width:var(--max);
  margin:0 auto;
  align-items:start;
}

/* Brand-Preview-Panel rechts — Overlay mit klarem dunklen Text-Block */
.brand-preview{
  position:relative;
  background:var(--paper);
  overflow:hidden;
  aspect-ratio:1.25/1;
  min-height:0;
  box-shadow:0 12px 32px -16px rgba(0,0,0,.22);
}
.brand-preview-pane{
  position:absolute;inset:0;
  opacity:0;
  transition:opacity .4s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.brand-preview-pane > img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
}
/* Dunkler Solid-Block für Text — kein Gradient mehr */
.brand-preview-content{
  position:absolute;left:0;right:0;bottom:0;
  padding:22px 26px 24px;
  background:linear-gradient(180deg,rgba(41,23,28,0) 0%,rgba(41,23,28,.55) 35%,rgba(41,23,28,.95) 100%);
  color:#E4DED7;
}
.brand-preview-content::before{
  content:"";position:absolute;left:26px;right:26px;top:0;
  height:1px;background:rgba(204,170,143,.5);
}
.brand-preview-content .meta-gold{
  font-family:'Inter',sans-serif !important;
  color:#DDC4A9 !important;
  font-size:.66rem !important;
  letter-spacing:.3em !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  display:block;
  margin-bottom:8px;
  margin-top:4px;
  text-shadow:0 1px 8px rgba(0,0,0,.4);
}
.brand-preview-content h4{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(1.4rem,1.9vw,1.75rem);
  line-height:1.1;
  color:#E4DED7;
  margin:0 0 8px;
  letter-spacing:-.005em;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.brand-preview-content h4 em{
  font-style:italic;
  color:#DDC4A9;
  font-weight:500;
}
.brand-preview-content p{
  font-family:'Inter',sans-serif;
  font-size:.82rem;
  line-height:1.5;
  color:rgba(228,222,215,.92);
  margin:0 0 14px;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.brand-preview-cta{
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;
  background:#CCAA8F;color:#E4DED7;
  font-family:'Inter',sans-serif;
  font-size:.66rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  text-decoration:none;
  border:1px solid #CCAA8F;
  transition:background .25s,border-color .25s,gap .25s;
  box-shadow:0 4px 14px rgba(204,170,143,.35);
}
.brand-preview-cta:hover{
  background:#E4DED7;
  color:#29171C;
  border-color:#E4DED7;
  gap:13px;
}
.brand-preview-cta svg{
  width:12px;height:12px;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}

/* Mega-Menu insgesamt etwas kompakter (weniger Gap zw. Spalten) */

/* Aktive Pane je nach data-active-brand */
.megamenu-buy[data-active-brand="default"] .brand-preview-pane.is-default,
.megamenu-buy[data-active-brand="rolex"]   .brand-preview-pane.is-rolex,
.megamenu-buy[data-active-brand="ap"]      .brand-preview-pane.is-ap,
.megamenu-buy[data-active-brand="patek"]   .brand-preview-pane.is-patek{
  opacity:1;
  pointer-events:auto;
}

/* Hover-Indikator auf Brand-Links */
.megamenu-buy .brand-link{
  position:relative;
  border-left:2px solid transparent !important;
  padding-left:14px !important;
  margin-left:-14px !important;
  transition:border-color .25s,color .25s,transform .25s !important;
}
.megamenu-buy .brand-link:hover{
  border-left-color:#CCAA8F !important;
  transform:translateX(0) !important;
}

/* Mobile: Preview-Panel ausblenden, nur 2 Cols */
@media(max-width:980px){
  .megamenu-buy .megamenu-inner-3col{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }
  .brand-preview{display:none}
}
@media(max-width:600px){
  .megamenu-buy .megamenu-inner-3col{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   KAUFEN-MEGA-MENU v3 — Brand-Preview flush rechts (bis Viewport-Edge)
   ============================================================ */

/* Inner-3col: Container bleibt zentriert, aber kein Right-Padding mehr */
.megamenu-buy .megamenu-inner-3col{
  padding-right:0 !important;
  /* Spalten-Verhältnisse kann ich justieren */
  grid-template-columns:0.85fr 0.85fr 1.5fr !important;
}

/* Brand-Preview: extending to right viewport edge */
.brand-preview{
  /* Negative right-margin = Strecke vom max-Container-Edge bis Viewport-Edge */
  margin-right:calc(-1 * ((100vw - var(--max)) / 2));
  /* Damit kein Überlauf entsteht */
  max-width:none;
  /* Aspect-Ratio etwas breiter weil wir mehr Platz haben */
  aspect-ratio:1.6/1;
  /* Border-Radius ggf. nur links damit rechts flush ist */
  border-radius:0;
}

/* Bei kleineren Viewports (wo der Container schon volle Breite hat) Margin ignorieren */
@media(max-width:1380px){
  .brand-preview{margin-right:0}
}

/* Mobile: 2-Cols ohne Brand-Preview */
@media(max-width:980px){
  .megamenu-buy .megamenu-inner-3col{
    grid-template-columns:1fr 1fr !important;
    padding-right:clamp(32px,3.5vw,56px) !important;
  }
}


/* ============================================================
   KAUFEN-MEGA-MENU v4 — Brand-Preview Full-Height (kein Top/Bottom-Padding)
   ============================================================ */
.brand-preview{
  /* Aspect-Ratio raus — Höhe wird durch Grid-Stretch gesteuert */
  aspect-ratio:auto !important;
  /* Negative top/bottom margin = exakt das padding-Y des Inners */
  margin-top:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  margin-bottom:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  /* Höhe stretched über grid */
  height:auto;
  align-self:stretch;
  /* Mindesthöhe damit die Card nicht kollabiert wenn die Spalten kürzer sind */
  min-height:100%;
}

/* Grid sollte stretch erlauben */
.megamenu-buy .megamenu-inner-3col{
  align-items:stretch !important;
}

@media(max-width:980px){
  .brand-preview{
    margin-top:0 !important;
    margin-bottom:0 !important;
    aspect-ratio:1.4/1 !important;
  }
}


/* ============================================================
   GENERALISIERTES MEGA-MENU-PATTERN — gilt für Kaufen + Das Haus Kohler
   ============================================================ */

/* Das Haus Kohler bekommt selbe Full-Width Behandlung */
.megamenu-haus{
  width:100% !important;
  min-width:100vw !important;
  max-width:none !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
}

.megamenu-inner-haus{
  display:grid;
  grid-template-columns:0.85fr 0.85fr 0.85fr 1.5fr;
  gap:clamp(28px,3vw,48px);
  padding:clamp(36px,3.5vw,52px) 0 clamp(36px,3.5vw,52px) clamp(32px,3.5vw,56px);
  max-width:var(--max);
  margin:0 auto;
  align-items:stretch;
}

/* Reset des alten 3-Spalten-Layouts (überschreibt was im Original-CSS noch übrig ist) */
.megamenu-haus .megamenu-inner{
  display:grid !important;
  grid-template-columns:0.85fr 0.85fr 0.85fr 1.5fr !important;
}

/* Spalten-Inhalte gleicher Stil wie Kaufen */
.megamenu-haus .megamenu-col h6{
  margin-bottom:24px;padding-bottom:16px;
  border-bottom:1px solid rgba(204,170,143,.3);
  position:relative;
}
.megamenu-haus .megamenu-col h6::after{
  content:"";position:absolute;left:0;bottom:-1px;width:32px;height:2px;background:#CCAA8F;
}
.megamenu-haus .megamenu-col ul{display:flex;flex-direction:column;gap:18px;list-style:none;padding:0}
.megamenu-haus .megamenu-col li > a,
.megamenu-haus .megamenu-col li > button{
  display:flex !important;flex-direction:column;gap:6px;
  padding:0 !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:1.35rem !important;
  font-weight:500 !important;
  color:#29171C !important;
  background:transparent !important;
  text-align:left;
  border:none !important;
  cursor:pointer;
  transition:color .25s,transform .25s;
  text-decoration:none;
  letter-spacing:.005em;
}
.megamenu-haus .megamenu-col li > a:hover,
.megamenu-haus .megamenu-col li > button:hover{
  color:#CCAA8F !important;
  transform:translateX(3px);
}
.megamenu-haus .megamenu-col li small{
  display:block;
  font-family:'Inter',sans-serif !important;
  font-size:.8rem !important;
  font-weight:400 !important;
  color:rgba(41,23,28,.55) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin-top:0 !important;
}

/* Brand-Preview: gleiches Pattern — full-height + flush right + Bild dunkler */
.megamenu-haus .brand-preview{
  margin-right:calc(-1 * ((100vw - var(--max)) / 2));
  max-width:none;
  border-radius:0;
  aspect-ratio:auto !important;
  margin-top:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  margin-bottom:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  align-self:stretch;
  min-height:100%;
}

/* ============================================================
   BILDER DUNKLER — bessere Text-Lesbarkeit auf beiden Mega-Menus
   ============================================================ */
.brand-preview-pane > img{
  filter:brightness(0.72) saturate(1.05);
  transition:filter .4s ease;
}

/* Stärkerer Gradient-Block am unteren Bereich */
.brand-preview-content{
  background:linear-gradient(180deg,
    rgba(41,23,28,0) 0%,
    rgba(41,23,28,.55) 25%,
    rgba(41,23,28,.92) 60%,
    rgba(41,23,28,1) 100%
  ) !important;
  padding-top:60px !important;
}

/* Subtiler oberer Vignette-Effekt für den Top-Bereich */
.brand-preview::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(41,23,28,.18) 0%,transparent 35%);
  pointer-events:none;
}

/* Mobile: Preview ausblenden bei Das Haus Kohler */
@media(max-width:980px){
  .megamenu-inner-haus{
    grid-template-columns:1fr 1fr !important;
    padding-right:clamp(32px,3.5vw,56px) !important;
  }
  .megamenu-haus .brand-preview{display:none}
  .megamenu-haus .megamenu-col:nth-child(3){display:none}
}
@media(max-width:600px){
  .megamenu-inner-haus{grid-template-columns:1fr !important}
  .megamenu-haus .megamenu-col{display:flex !important}
}

@media(max-width:1380px){
  .megamenu-haus .brand-preview{margin-right:0}
}


/* ============================================================
   MEGA-MENU ITEMS — Headline + Untertitel in einer Linie
   ============================================================ */
.megamenu-buy .megamenu-col li > a,
.megamenu-buy .megamenu-col li > button,
.megamenu-haus .megamenu-col li > a,
.megamenu-haus .megamenu-col li > button{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  gap:14px !important;
  flex-wrap:wrap;
  font-size:1.25rem !important;
}
.megamenu-buy .megamenu-col li small,
.megamenu-haus .megamenu-col li small{
  display:inline-block !important;
  margin-top:0 !important;
  position:relative;
  padding-left:14px;
  font-size:.78rem !important;
  line-height:1.4 !important;
}
.megamenu-buy .megamenu-col li small::before,
.megamenu-haus .megamenu-col li small::before{
  content:"·";
  position:absolute;
  left:0;
  color:#CCAA8F;
  font-weight:600;
  font-size:1rem;
  line-height:1;
  top:50%;
  transform:translateY(-50%);
}
/* Liste-Gap etwas reduzieren da Items kürzer wirken */
.megamenu-buy .megamenu-col ul,
.megamenu-haus .megamenu-col ul{
  gap:14px !important;
}


/* ============================================================
   KAUFEN-MEGA-MENU v5 — 3 Text-Spalten + Featured (Live-Test-Stil)
   ============================================================ */

.megamenu-buy .megamenu-inner-3col{
  display:grid !important;
  grid-template-columns:0.95fr 0.95fr 0.95fr 1fr !important;
  gap:clamp(36px,3.5vw,60px) !important;
  align-items:stretch;
  padding:clamp(36px,3.5vw,52px) 0 clamp(36px,3.5vw,52px) clamp(32px,3.5vw,56px) !important;
}

/* Item-Stil zwei Zeilen (zurück) */
.megamenu-buy .megamenu-col li{
  list-style:none;
  border-bottom:1px solid rgba(41,23,28,.06);
  padding-bottom:14px;
}
.megamenu-buy .megamenu-col li:last-child{border-bottom:none;padding-bottom:0}
.megamenu-buy .megamenu-col li > a,
.megamenu-buy .megamenu-col li > button{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
  padding:6px 0 !important;
  background:transparent !important;
  border:none !important;
  text-decoration:none;
  cursor:pointer;
  text-align:left;
  width:100%;
  transition:transform .25s,color .25s;
  font-family:inherit !important;
}
.megamenu-buy .megamenu-col li > a:hover,
.megamenu-buy .megamenu-col li > button:hover{
  transform:translateX(2px);
}
.megamenu-buy .megamenu-col li .mi-title{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:1.2rem !important;
  line-height:1.2 !important;
  color:#29171C !important;
  letter-spacing:.005em !important;
  transition:color .25s;
}
.megamenu-buy .megamenu-col li > a:hover .mi-title,
.megamenu-buy .megamenu-col li > button:hover .mi-title{
  color:#CCAA8F !important;
}
.megamenu-buy .megamenu-col li small{
  display:block !important;
  font-family:'Inter',sans-serif !important;
  font-size:.78rem !important;
  font-weight:400 !important;
  color:rgba(41,23,28,.55) !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  margin:0 !important;
  padding-left:0 !important;
  line-height:1.4 !important;
}
.megamenu-buy .megamenu-col li small::before{content:none !important}

/* Aktiver Brand-Link (Default: Rolex) */
.megamenu-buy .brand-link.is-active .mi-title{
  color:#CCAA8F !important;
}
.megamenu-buy .brand-link.is-active{
  border-bottom:none;
  position:relative;
}
.megamenu-buy .brand-link.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:#29171C;
}

/* Featured-Card kompakter (kein Full-Height-Stretch mehr) */
.megamenu-buy .brand-preview-compact{
  margin-right:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  aspect-ratio:0.95/1 !important;
  min-height:0 !important;
  max-width:none;
  align-self:start;
  box-shadow:0 16px 36px -18px rgba(0,0,0,.22);
}
.megamenu-buy .brand-preview-compact .brand-preview-pane > img{
  filter:brightness(0.6) saturate(1.1);
}
.megamenu-buy .brand-preview-compact .brand-preview-content{
  padding:20px 22px 22px !important;
  background:linear-gradient(180deg,
    rgba(41,23,28,0) 0%,
    rgba(41,23,28,.45) 30%,
    rgba(41,23,28,.95) 100%
  ) !important;
}
.brand-preview-compact .brand-preview-content::before{
  display:none;
}
.megamenu-buy .brand-preview-compact .brand-preview-content .meta-gold{
  font-size:.62rem !important;
  letter-spacing:.28em !important;
  margin-bottom:8px !important;
  color:#DDC4A9 !important;
}
.megamenu-buy .brand-preview-compact .brand-preview-content h4{
  font-size:1.45rem !important;
  margin-bottom:8px !important;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.megamenu-buy .brand-preview-compact .brand-preview-content .badge-status{
  display:inline-block;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:.92rem;
  color:#DDC4A9;
  margin:0;
  padding:0;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.megamenu-buy .brand-preview-compact .brand-preview-pane{
  pointer-events:none;
}

/* Mobile: 2-Cols, ohne Featured */
@media(max-width:980px){
  .megamenu-buy .megamenu-inner-3col{
    grid-template-columns:1fr 1fr !important;
    padding-right:clamp(32px,3.5vw,56px) !important;
  }
  .megamenu-buy .brand-preview-compact{display:none}
}
@media(max-width:600px){
  .megamenu-buy .megamenu-inner-3col{grid-template-columns:1fr !important}
}

/* Aktiver Brand-Link wechselt — synchron mit brand-link Hover */
.megamenu-buy[data-active-brand="rolex"] .brand-link[data-brand="rolex"] .mi-title{color:#CCAA8F !important}
.megamenu-buy[data-active-brand="patek"] .brand-link[data-brand="patek"] .mi-title{color:#CCAA8F !important}
.megamenu-buy[data-active-brand="ap"]    .brand-link[data-brand="ap"]    .mi-title{color:#CCAA8F !important}

/* Underline auf aktivem Brand */
.megamenu-buy[data-active-brand="rolex"] .brand-link[data-brand="rolex"]::after,
.megamenu-buy[data-active-brand="patek"] .brand-link[data-brand="patek"]::after,
.megamenu-buy[data-active-brand="ap"]    .brand-link[data-brand="ap"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:#29171C;
}
.megamenu-buy .brand-link{position:relative}
.megamenu-buy .brand-link.is-active::after{display:none}


/* ============================================================
   HEADER v6 · Logo zentral · Menu links · CTA rechts
   ============================================================ */
.header.header-centered{
  padding:14px var(--pad) !important;
  min-height:88px !important;
}
.header-centered .header-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  max-width:var(--max);
  margin:0 auto;
  width:100%;
}
.header-centered .header-left{display:flex;justify-content:flex-start;align-items:center}
.header-centered .logo-centered{
  display:flex;justify-content:center;
  text-decoration:none;
}
.header-centered .logo-centered img{
  height:54px;width:auto;display:block;
  transition:height .3s;
}
.header.scrolled .logo-centered img{height:44px}
.header-centered .header-right{
  display:flex;justify-content:flex-end;align-items:center;gap:14px;
}

/* Burger nur auf mobile */
.header-centered .burger{display:none}
@media(max-width:980px){
  .header-centered .header-grid{grid-template-columns:1fr auto 1fr}
  .header-centered .nav{display:none}
  .header-centered .btn-discover{display:none}
  .header-centered .burger{display:flex}
}

/* ============================================================
   KAUFEN-MEGA-MENU v6 · 2 Spalten + Featured (kein Katalog mehr)
   ============================================================ */
.megamenu-inner-2col{
  display:grid !important;
  grid-template-columns:1.3fr 1fr 1fr !important;
  gap:clamp(36px,3.5vw,60px) !important;
  align-items:stretch;
  padding:clamp(36px,3.5vw,52px) 0 clamp(36px,3.5vw,52px) clamp(32px,3.5vw,56px) !important;
  max-width:var(--max);
  margin:0 auto;
}

/* Featured-Card im 2-col Layout rechts flush */
.megamenu-buy .megamenu-inner-2col .brand-preview-compact{
  margin-right:calc(-1 * ((100vw - var(--max)) / 2));
  aspect-ratio:auto !important;
  margin-top:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  margin-bottom:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  align-self:stretch;
  min-height:100%;
}

/* Top-Models unter Marken-Items als kleine Pill-Chips */
.megamenu-buy .top-models{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-top:10px;
}
.megamenu-buy .top-model{
  display:inline-flex;align-items:center;
  padding:5px 11px;
  font-family:'Inter',sans-serif;
  font-size:.7rem;font-weight:500;
  letter-spacing:.04em;
  color:rgba(41,23,28,.7);
  background:rgba(41,23,28,.04);
  border:1px solid rgba(204,170,143,.18);
  border-radius:1px;
  transition:color .25s,background .25s,border-color .25s;
}
.megamenu-buy .brand-link:hover .top-model{
  color:#CCAA8F;
  background:rgba(204,170,143,.08);
  border-color:rgba(204,170,143,.4);
}
.megamenu-buy .brand-link.is-active .top-model{
  background:rgba(204,170,143,.06);
  border-color:rgba(204,170,143,.3);
}

/* ============================================================
   SUCHEN-MODAL v6 · iframe links · Kontext rechts
   ============================================================ */
.modal-box-iframe{
  max-width:1100px !important;
  width:96vw !important;
  padding:0 !important;
  overflow:hidden;
  background:#E4DED7 !important;
}
.iframe-modal-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  min-height:560px;
  max-height:84vh;
}
.iframe-modal-left{
  background:#DBD4CB;
  position:relative;
}
.iframe-modal-left iframe{
  width:100%;height:100%;border:0;display:block;
  min-height:560px;
}
.iframe-modal-right{
  padding:clamp(32px,3vw,48px);
  display:flex;flex-direction:column;justify-content:center;
  background:#E4DED7;
}
.iframe-modal-right .meta-gold{
  display:block;font-size:.7rem;letter-spacing:.28em;
  color:#CCAA8F;font-weight:600;text-transform:uppercase;
  font-family:'Inter',sans-serif;margin-bottom:12px;
}
.iframe-modal-right h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(1.8rem,2.4vw,2.4rem);
  line-height:1.1;
  margin:0 0 14px;
}
.iframe-modal-right h2 em{font-style:italic;color:#CCAA8F}
.iframe-modal-right .sub{
  font-family:'Inter',sans-serif;
  font-size:.92rem;line-height:1.6;
  color:rgba(41,23,28,.65);
  margin:0 0 28px;
}
.iframe-modal-bullets{
  list-style:none;padding:0;margin:0 0 32px;
  display:flex;flex-direction:column;gap:14px;
}
.iframe-modal-bullets li{
  display:flex;flex-direction:column;gap:2px;
  padding-left:18px;position:relative;
  font-family:'Inter',sans-serif;font-size:.82rem;
  color:rgba(41,23,28,.7);
}
.iframe-modal-bullets li::before{
  content:"";position:absolute;left:0;top:8px;
  width:8px;height:8px;background:#CCAA8F;
}
.iframe-modal-bullets strong{
  color:#29171C;font-weight:600;font-size:.92rem;letter-spacing:.02em;
}
.iframe-modal-fallback{
  border-top:1px solid rgba(41,23,28,.08);
  padding-top:20px;
  display:flex;flex-direction:column;gap:8px;
}
.iframe-modal-fallback p{
  font-family:'Inter',sans-serif;font-size:.78rem;
  color:rgba(41,23,28,.55);margin:0 0 6px;
  text-transform:uppercase;letter-spacing:.12em;
}
.iframe-modal-fallback a{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:1.1rem;color:#29171C;text-decoration:none;
  transition:color .25s;
}
.iframe-modal-fallback a:hover{color:#CCAA8F}

@media(max-width:880px){
  .iframe-modal-grid{grid-template-columns:1fr;min-height:0;max-height:88vh;overflow-y:auto}
  .iframe-modal-left{min-height:420px}
}


/* ============================================================
   HEADER v7 · Split-Menu (Hermès-Stil)
   ============================================================ */
.header.header-centered{
  padding:18px var(--pad) !important;
  min-height:104px !important;
}
.header-grid-split{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center;
  gap:clamp(32px,5vw,80px);
  max-width:var(--max);
  margin:0 auto;
  width:100%;
}
.header-grid-split .nav-left{display:flex;justify-content:flex-end}
.header-grid-split .nav-right{display:flex;justify-content:flex-start}
.header-grid-split .logo-centered img{
  height:72px !important;
  width:auto;display:block;
  transition:height .35s;
}
.header.scrolled .logo-centered img{height:54px !important}

/* Menu-Items mehr Atem */
.header-grid-split .nav{
  display:flex;
  gap:clamp(28px,3.2vw,52px) !important;
  margin:0;padding:0;list-style:none;
}

/* Burger nur mobile */
.header-grid-split .burger{display:none;grid-column:3;justify-self:end}
@media(max-width:980px){
  .header-grid-split{grid-template-columns:auto 1fr auto !important}
  .header-grid-split .nav-left, .header-grid-split .nav-right{display:none !important}
  .header-grid-split .burger{display:flex}
  .header-grid-split .logo-centered{grid-column:2;justify-self:center}
}

/* Bestehende Buttons im Header ausblenden (haben wir nicht mehr) */
.header-centered .btn-discover,
.header-centered .icon-btn-search{display:none !important}


/* ============================================================
   CONTACT-DRAWER · Tab + Slide-Out Panel
   ============================================================ */

/* Sticky Tab rechts */
.contact-tab{
  position:fixed;
  right:0;top:50%;
  transform:translateY(-50%);
  z-index:55;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  width:46px;
  padding:18px 0;
  background:#29171C;color:#E4DED7;
  border:none;border-left:1px solid rgba(204,170,143,.4);
  cursor:pointer;
  box-shadow:-4px 0 14px rgba(0,0,0,.15);
  transition:background .25s,padding-right .25s;
}
.contact-tab:hover{background:#2D3D2D;padding-right:8px}
.contact-tab svg{
  width:18px;height:18px;
  fill:none;stroke:#DDC4A9;stroke-width:1.5;
  flex-shrink:0;
}
.contact-tab-label{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:'Inter',sans-serif;
  font-size:.68rem;font-weight:600;
  letter-spacing:.32em;text-transform:uppercase;
  color:#E4DED7;
  white-space:nowrap;
}

/* Backdrop */
.contact-backdrop{
  position:fixed;inset:0;
  background:rgba(41,23,28,.55);
  opacity:0;visibility:hidden;
  z-index:65;
  transition:opacity .4s ease,visibility .4s ease;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.contact-backdrop.is-open{opacity:1;visibility:visible}

/* Drawer */
.contact-drawer{
  position:fixed;
  top:0;right:0;
  height:100vh;height:100dvh;
  width:440px;max-width:96vw;
  background:#E4DED7;
  z-index:70;
  transform:translateX(100%);
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
  box-shadow:-20px 0 60px -20px rgba(0,0,0,.35);
  display:flex;flex-direction:column;
  overflow:hidden;
}
.contact-drawer.is-open{transform:translateX(0)}

.contact-drawer-close{
  position:absolute;top:18px;right:18px;
  width:42px;height:42px;
  background:transparent;border:1px solid rgba(41,23,28,.12);border-radius:50%;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
  transition:background .25s,border-color .25s,transform .25s;
}
.contact-drawer-close:hover{background:#29171C;border-color:#29171C;transform:rotate(90deg)}
.contact-drawer-close:hover svg{stroke:#E4DED7}
.contact-drawer-close svg{width:18px;height:18px;fill:none;stroke:#29171C;stroke-width:1.5}

.contact-drawer-inner{
  flex:1;
  overflow-y:auto;
  padding:clamp(24px,3vw,40px) clamp(24px,3vw,36px) clamp(28px,3vw,40px);
  -webkit-overflow-scrolling:touch;
}

.contact-drawer-head{margin-bottom:28px;padding-right:60px}
.contact-drawer-head .meta-gold{
  display:block;font-size:.7rem;letter-spacing:.3em;color:#CCAA8F;
  font-family:'Inter',sans-serif;font-weight:600;text-transform:uppercase;
  margin-bottom:10px;
}
.contact-drawer-head h2{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(1.7rem,2.8vw,2.1rem);line-height:1.1;
  margin:0;color:#29171C;letter-spacing:-.005em;
}
.contact-drawer-head h2 em{font-style:italic;color:#CCAA8F}

/* Cards */
.contact-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.contact-card{
  display:flex;align-items:center;gap:16px;
  padding:16px 18px;
  background:#E4DED7;
  border:1px solid rgba(41,23,28,.08);
  text-decoration:none;color:#29171C;
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;
}
.contact-card:hover{
  border-color:rgba(204,170,143,.5);
  box-shadow:0 8px 22px -10px rgba(0,0,0,.15);
  transform:translateY(-1px);
}
.contact-card-icon{
  width:46px;height:46px;flex-shrink:0;
  border-radius:50%;
  background:#DBD4CB;
  display:flex;align-items:center;justify-content:center;
}
.contact-card-icon svg{width:20px;height:20px;fill:none;stroke:#29171C;stroke-width:1.5}
.contact-card.is-wa .contact-card-icon{background:rgba(37,211,102,.12)}
.contact-card.is-wa .contact-card-icon svg{fill:#25D366;stroke:none}
.contact-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.contact-card-body h4{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.15rem;margin:0;color:#29171C;line-height:1.2;
}
.contact-card-body .contact-card-label{
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;
  color:#29171C;margin:0;letter-spacing:.01em;
}
.contact-card-body .contact-card-detail{
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:400;
  color:rgba(41,23,28,.6);margin:0;
}
.contact-card-arrow{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:rgba(41,23,28,.45);
  transition:transform .25s,color .25s;
}
.contact-card-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-card:hover .contact-card-arrow{transform:translateX(3px);color:#CCAA8F}

/* Service-Banner Gold */
.contact-service-banner{
  background:linear-gradient(135deg,#CCAA8F 0%,#B08766 100%);
  padding:18px 22px;
  text-align:center;
  margin-bottom:20px;
}
.contact-service-banner .meta-gold{
  display:block;
  color:#E4DED7 !important;font-size:.66rem;letter-spacing:.3em;
  font-family:'Inter',sans-serif;font-weight:600;text-transform:uppercase;
  margin-bottom:8px;opacity:.85;
}
.contact-service-links{
  display:flex;justify-content:center;align-items:center;gap:14px;
  flex-wrap:wrap;
}
.contact-service-links a,
.contact-service-links button{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-style:italic;
  color:#E4DED7;text-decoration:none;
  background:transparent;border:none;cursor:pointer;
  padding:2px 6px;
  border-bottom:1px solid rgba(228,222,215,.6);
  transition:color .25s,border-color .25s;
}
.contact-service-links a:hover,
.contact-service-links button:hover{
  color:#29171C;border-bottom-color:#29171C;
}
.contact-service-links .dot{color:rgba(228,222,215,.55);font-size:1.2rem}

/* Trust-Badges (2 nebeneinander) */
.contact-trust-badges{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.contact-trust{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:14px 12px;
  background:#E4DED7;
  border:1px solid rgba(41,23,28,.08);
  text-decoration:none;
}
.contact-trust .ct-label{
  font-family:'Inter',sans-serif;font-size:.64rem;letter-spacing:.22em;
  color:rgba(41,23,28,.6);text-transform:uppercase;font-weight:600;
}
.contact-trust .ct-stars{color:#F5B400;font-size:1rem;letter-spacing:.04em}
.contact-trust .ct-platform{
  font-family:'Inter',sans-serif;font-size:.85rem;font-weight:600;
  letter-spacing:.02em;color:#29171C;
}
.contact-trust .ct-c24-logo{
  display:inline-block;
  background:#29171C;color:#E4DED7;
  font-family:'Inter',sans-serif;font-weight:700;
  font-size:.7rem;padding:5px 9px;
  letter-spacing:.06em;
  margin-bottom:4px;
}

/* Mobile */
@media(max-width:520px){
  .contact-drawer{width:100vw;max-width:100vw}
}


/* ============================================================
   HEADER v8 · Logo links · Menu zentral · Get in touch rechts
   ============================================================ */
.header.header-v8{
  padding:18px var(--pad) !important;
  min-height:88px !important;
}
.header-grid-v8{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center;
  gap:32px;
  max-width:var(--max);
  margin:0 auto;
  width:100%;
}
.header-grid-v8 .logo-left{
  display:flex;align-items:center;
  text-decoration:none;
  flex-shrink:0;
}
.header-grid-v8 .logo-left img{
  height:54px;width:auto;display:block;
  transition:height .35s;
}
.header.scrolled .logo-left img{height:42px}

.header-grid-v8 .nav-center{
  display:flex;justify-content:center;align-items:center;
}
.header-grid-v8 .nav-center .nav{
  display:flex;
  gap:clamp(24px,2.8vw,40px);
  margin:0;padding:0;list-style:none;
}

.header-grid-v8 .header-right{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
}

/* Get in touch Button */
.btn-get-in-touch{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;
  background:#29171C;color:#E4DED7;
  font-family:'Inter',sans-serif;
  font-size:.74rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  border:1px solid #29171C;
  cursor:pointer;
  transition:background .25s,border-color .25s,color .25s,transform .25s,gap .25s;
  box-shadow:0 4px 14px -6px rgba(41,23,28,.4);
}
.btn-get-in-touch:hover{
  background:#CCAA8F;border-color:#CCAA8F;
  transform:translateY(-1px);
  gap:14px;
  box-shadow:0 8px 20px -8px rgba(204,170,143,.5);
}
.btn-get-in-touch svg{
  width:14px;height:14px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}

/* Vertikaler Contact-Tab versteckt (durch Get-in-touch ersetzt) */
.contact-tab{display:none !important}

/* Bestehende alte Buttons im Header verstecken (von v7) */
.header-v8 .btn-discover,
.header-v8 .icon-btn-search{display:none !important}

/* Burger nur mobile */
.header-grid-v8 .burger{display:none}
@media(max-width:980px){
  .header-grid-v8{grid-template-columns:auto 1fr auto !important}
  .header-grid-v8 .nav-center{display:none !important}
  .header-grid-v8 .btn-get-in-touch{display:none}
  .header-grid-v8 .burger{display:flex}
  /* Mobile: contact-tab wieder zeigen als Bottom-Right Floating */
  .contact-tab{display:flex !important;top:auto;bottom:24px;right:18px;transform:none;
    width:auto;padding:14px 18px;flex-direction:row;border-left:none;border-radius:30px;
    box-shadow:0 8px 24px rgba(0,0,0,.25);}
  .contact-tab-label{writing-mode:horizontal-tb;transform:none}
}


/* ============================================================
   CLEANUP · v8 Final Override · alle alten Header-Regeln neutralisieren
   ============================================================ */
.header-centered:not(.header-v8){display:none}
.header-grid-split,
.header-grid:not(.header-grid-v8){display:none}

/* v8 garantiert sauber */
.header.header-v8 .header-grid-v8{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center;
  gap:32px;
  max-width:var(--max);
  margin:0 auto;
  width:100%;
}

/* Topbar (alt) sicher aus */
.topbar{display:none !important}

/* Original WhatsApp Logo (mit Sprechblase) statt Outline */
.contact-card.is-wa .contact-card-icon{
  background:#25D366 !important;
}
.contact-card.is-wa .contact-card-icon svg{
  fill:#E4DED7 !important;
  stroke:none !important;
}

/* Get-in-touch Phone-Icon Strich-Style */
.btn-get-in-touch svg{
  fill:none !important;
  stroke:currentColor !important;
}


/* ============================================================
   Brand-Preview Querformat (kein Stretch mehr)
   ============================================================ */
.megamenu-buy .megamenu-inner-2col .brand-preview-compact{
  aspect-ratio:1.6/1 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-self:start !important;
  min-height:0 !important;
  height:auto !important;
  margin-right:0 !important;
}
.megamenu-haus .brand-preview-compact{
  aspect-ratio:1.6/1 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-self:start !important;
  min-height:0 !important;
  height:auto !important;
  margin-right:0 !important;
}

/* Mega-Menu-Inner: align-items wieder start für saubere oberteilte Cards */
.megamenu-buy .megamenu-inner-2col,
.megamenu-haus .megamenu-inner-haus{
  align-items:start !important;
}


/* ============================================================
   Brand-Preview FLUSH: bis zum oberen, unteren und rechten Dropdown-Rand
   ============================================================ */
.megamenu-buy .megamenu-inner-2col .brand-preview-compact,
.megamenu-haus .brand-preview-compact{
  aspect-ratio:auto !important;
  margin-top:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  margin-bottom:calc(-1 * clamp(36px, 3.5vw, 52px)) !important;
  margin-right:calc(-1 * ((100vw - var(--max)) / 2)) !important;
  align-self:stretch !important;
  height:auto !important;
  min-height:calc(100% + 2 * clamp(36px, 3.5vw, 52px)) !important;
  border-radius:0 !important;
}

/* Bei kleineren Viewports (wo Container schon volle Breite hat) Margin ignorieren */
@media(max-width:1380px){
  .megamenu-buy .megamenu-inner-2col .brand-preview-compact,
  .megamenu-haus .brand-preview-compact{
    margin-right:0 !important;
  }
}

/* Mega-Menu-Inner: align-items wieder stretch */
.megamenu-buy .megamenu-inner-2col,
.megamenu-haus .megamenu-inner-haus{
  align-items:stretch !important;
}


/* ============================================================
   FOOTER · Social Feed + WA-Channel
   ============================================================ */

/* === CHRONO24 BRAND MARK === */
.c24-mark{
  display:inline-flex;align-items:baseline;gap:0;
  font-family:'Inter',-apple-system,sans-serif;
  font-weight:800;letter-spacing:-.025em;
  background:#fff;color:#1A1A1A;
  padding:5px 9px;
  border-radius:3px;
  font-size:.82rem;
  line-height:1;
  box-shadow:0 0 0 1px rgba(0,0,0,.1);
  white-space:nowrap;
  text-decoration:none;
}
.c24-mark .c24-c{color:inherit}
.c24-mark .c24-n{color:#1DBEAF}
.c24-mark.c24-dark{background:#1A0E12;color:#E4DED7;box-shadow:none}
.c24-mark.c24-dark .c24-n{color:#1DBEAF}
.c24-mark.c24-sm{font-size:.7rem;padding:3px 7px;border-radius:2px}
.c24-mark.c24-lg{font-size:1.4rem;padding:11px 16px;border-radius:5px}
.c24-mark.c24-xl{font-size:2.2rem;padding:18px 26px;border-radius:7px;box-shadow:0 0 0 1.5px rgba(0,0,0,.12)}

/* === FOOTER SOCIAL · 3-Block-Komposition (Journal + Instagram + WA-Strip) === */
.footer-social{
  background:#D8D1C8;
  padding:clamp(72px,7vw,104px) 0 clamp(40px,4vw,56px);
  border-top:1px solid rgba(41,23,28,.06);
  overflow-x:hidden;
}
.footer-social-inner{
  max-width:1240px;margin:0 auto;padding:0 24px;
}

.fs-block{margin-bottom:clamp(56px,5vw,80px)}
.fs-block:last-child{margin-bottom:0}

.fs-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:18px;margin-bottom:28px;
}
.fs-head .fs-head-left{max-width:680px}
.fs-head .meta-gold{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.7rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold);
  font-weight:600;margin-bottom:10px;
}
.fs-head h3{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;
  letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;
}
.fs-head h3 em{font-style:italic;color:var(--gold);font-weight:500}
.fs-head .fs-sub{
  font-family:'Inter',sans-serif;font-size:.92rem;color:var(--muted);
  margin:0;max-width:620px;line-height:1.55;
}
.fs-head-cta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--ink);
  transition:color .25s,border-color .25s,gap .25s;white-space:nowrap;
}
.fs-head-cta:hover{color:var(--gold);border-color:var(--gold);gap:14px}
.fs-head-cta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* — Journal-Cards — */
.fs-journal-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);
}
.fs-journal-card{
  display:block;background:var(--cream);text-decoration:none;color:inherit;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
  border:1px solid var(--line);
}
.fs-journal-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -22px rgba(41,23,28,.35)}
.fs-journal-img{
  width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--paper);
}
.fs-journal-img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:saturate(.94)}
.fs-journal-card:hover .fs-journal-img img{transform:scale(1.04);filter:saturate(1.05)}
.fs-journal-body{padding:clamp(20px,2vw,28px)}
.fs-journal-cat{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.66rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  font-weight:600;margin-bottom:10px;
}
.fs-journal-card h4{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.25rem;line-height:1.25;color:var(--ink);
  margin:0 0 10px;letter-spacing:-.005em;
}
.fs-journal-card p{
  font-family:'Inter',sans-serif;font-size:.88rem;color:var(--muted);
  line-height:1.55;margin:0 0 16px;
}
.fs-journal-meta{
  display:flex;align-items:center;justify-content:space-between;
  font-family:'Inter',sans-serif;font-size:.72rem;color:var(--muted);
  letter-spacing:.04em;padding-top:14px;border-top:1px solid var(--line);
}
.fs-journal-more{
  display:inline-flex;align-items:center;gap:7px;color:var(--ink);
  font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;
}
.fs-journal-more svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}

/* — Instagram-Galerie volle Breite, eine Reihe — */
.fs-insta-row{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:6px;
  /* Aus dem max-width:1240px Container ausbrechen — volle Viewport-Breite */
  margin-left:calc(-50vw + 50%);
  margin-right:calc(-50vw + 50%);
  width:100vw;
  padding-left:24px;padding-right:24px;
  box-sizing:border-box;
}
.fs-insta-tile{aspect-ratio:1/1;overflow:hidden;display:block;position:relative;background:var(--cream)}
.fs-insta-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s;filter:saturate(.92)}
.fs-insta-tile:hover img{transform:scale(1.06);filter:saturate(1.1)}
.fs-insta-tile{
  display:block;aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--cream);
}
.fs-insta-tile img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s;filter:saturate(.92);
}
.fs-insta-tile:hover img{transform:scale(1.06);filter:saturate(1.1)}
.fs-preview-marker{
  font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.04em;
  color:rgba(41,23,28,.45);margin:14px 0 0;font-style:italic;text-align:center;
}
.fs-preview-marker code{font-family:'Menlo','Monaco',monospace;font-size:.78rem;
  background:rgba(204,170,143,.1);padding:2px 6px;border:1px dashed rgba(204,170,143,.4);
  color:#B08766;font-style:normal;}

/* — WhatsApp-Channel als eleganter Forest-Strip — */
.fs-wa-strip{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:32px;
  background:linear-gradient(135deg,#29171C 0%,#3A2229 100%);
  color:#E4DED7;
  padding:clamp(28px,3vw,38px) clamp(32px,4vw,48px);
  position:relative;
  border-top:2px solid #CCAA8F;
}
.fs-wa-left{
  display:flex;align-items:center;gap:22px;
  min-width:0;flex:1 1 auto;
}
.fs-wa-icon{
  width:46px;height:46px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(204,170,143,.4);
  border-radius:50%;
  background:transparent;
}
.fs-wa-icon svg{width:22px;height:22px;fill:#DDC4A9}
.fs-wa-text{min-width:0}
.fs-wa-text .fs-wa-eyebrow{
  display:block;font-family:'Inter',sans-serif;font-size:.66rem;
  letter-spacing:.28em;text-transform:uppercase;color:#DDC4A9;
  font-weight:600;margin-bottom:6px;
}
.fs-wa-text strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.4rem;color:#E4DED7;line-height:1.2;letter-spacing:-.01em;
}
.fs-wa-text strong em{font-style:italic;color:#DDC4A9;font-weight:500}
.fs-wa-text span.fs-wa-sub{
  display:block;font-family:'Inter',sans-serif;font-size:.86rem;
  color:rgba(228,222,215,.72);margin-top:6px;line-height:1.5;max-width:520px;
}
.fs-wa-cta{
  display:inline-flex;align-items:center;gap:11px;
  padding:14px 26px;
  background:#CCAA8F;color:#1A0E12 !important;
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
  transition:background .25s,gap .25s,transform .25s,color .25s;
  flex-shrink:0;border:none;
}
.fs-wa-cta:hover{background:#DDC4A9;color:#1A0E12 !important;gap:15px;transform:translateY(-1px)}
.fs-wa-cta svg{width:13px;height:13px;fill:none !important;stroke:#1A0E12 !important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Responsive */
@media(max-width:1080px){
  .fs-insta-row{grid-template-columns:repeat(7,1fr)}
}
@media(max-width:880px){
  .fs-journal-grid{grid-template-columns:1fr;gap:18px}
  .fs-insta-row{grid-template-columns:repeat(4,1fr);padding-left:16px;padding-right:16px;gap:4px}
  .fs-head{flex-direction:column;align-items:flex-start}
  .fs-wa-strip{flex-direction:column;align-items:flex-start;gap:18px}
  .fs-wa-cta{align-self:stretch;justify-content:center}
}
@media(max-width:520px){
  .fs-insta-row{grid-template-columns:repeat(3,1fr);padding-left:12px;padding-right:12px;gap:3px}
}


.preview-marker { font-family:'Inter',sans-serif; font-size:.7rem; letter-spacing:.04em;
  color:rgba(41,23,28,.45); margin:0 0 18px; font-style:italic; }
.preview-marker code { font-family:'Menlo','Monaco',monospace; font-size:.78rem;
  background:rgba(204,170,143,.1); padding:2px 6px; border:1px dashed rgba(204,170,143,.4);
  color:#B08766; font-style:normal; }


/* ============================================================
   MEGA-MENU UNIFIED · Kaufen + Das Haus Kohler · identisches Pattern
   ============================================================ */
.megamenu-buy .megamenu-inner-2col,
.megamenu-haus .megamenu-inner-haus{
  display:grid !important;
  grid-template-columns: minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) minmax(280px,1.5fr) !important;
  gap: clamp(28px,3vw,44px) !important;
  align-items:stretch !important;
  padding: clamp(36px,3.5vw,52px) clamp(36px,3.5vw,52px) clamp(36px,3.5vw,52px) clamp(36px,3.5vw,52px) !important;
}

/* Spaltentitel identisch behandeln */
.megamenu-buy .megamenu-col h6,
.megamenu-haus .megamenu-col h6{
  font-family:'Inter',sans-serif !important;
  font-size:.68rem !important;
  letter-spacing:.26em !important;
  text-transform:uppercase !important;
  color:var(--gold) !important;
  font-weight:600 !important;
  margin:0 0 18px 0 !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(204,170,143,.25) !important;
}

/* Listen-Items identisch */
.megamenu-buy .megamenu-col ul,
.megamenu-haus .megamenu-col ul{
  list-style:none !important;padding:0 !important;margin:0 !important;
}
.megamenu-buy .megamenu-col li,
.megamenu-haus .megamenu-col li{
  margin-bottom:14px !important;
}
.megamenu-buy .megamenu-col a,
.megamenu-buy .megamenu-col button,
.megamenu-haus .megamenu-col a,
.megamenu-haus .megamenu-col button{
  display:block !important;
  font-family:'Cormorant Garamond',serif !important;
  font-size:1.1rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
  text-decoration:none !important;
  line-height:1.25 !important;
  text-align:left !important;
  background:none !important;border:none !important;padding:0 !important;
  cursor:pointer !important;
  transition:color .25s !important;
  width:100% !important;
}
.megamenu-buy .megamenu-col a:hover,
.megamenu-buy .megamenu-col button:hover,
.megamenu-haus .megamenu-col a:hover,
.megamenu-haus .megamenu-col button:hover{color:var(--gold) !important;}
.megamenu-buy .megamenu-col a small,
.megamenu-buy .megamenu-col button small,
.megamenu-haus .megamenu-col a small,
.megamenu-haus .megamenu-col button small{
  display:block !important;
  font-family:'Inter',sans-serif !important;
  font-size:.74rem !important;
  letter-spacing:.02em !important;
  color:var(--muted) !important;
  font-weight:400 !important;
  margin-top:3px !important;
  text-transform:none !important;
}

/* Brand-Preview rechts immer sichtbar, beide Mega-Menus gleich */
.megamenu-buy .brand-preview-compact,
.megamenu-haus .brand-preview-compact{
  position:relative !important;
  overflow:hidden !important;
  background:var(--paper) !important;
  margin:calc(-1 * clamp(36px,3.5vw,52px)) !important;
  margin-left:0 !important;
  align-self:stretch !important;
  min-height:280px !important;
}
.megamenu-buy .brand-preview-pane,
.megamenu-haus .brand-preview-pane{
  position:relative !important;
  width:100% !important;height:100% !important;
  min-height:280px !important;
}
.megamenu-buy .brand-preview-pane > img,
.megamenu-haus .brand-preview-pane > img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;
  display:block !important;
  filter:brightness(.7) !important;
}
.megamenu-buy .brand-preview-content,
.megamenu-haus .brand-preview-content{
  position:absolute !important;
  bottom:24px !important;left:24px !important;right:24px !important;
  color:#E4DED7 !important;
  z-index:2 !important;
}
.megamenu-buy .brand-preview-content .meta-gold,
.megamenu-haus .brand-preview-content .meta-gold{
  display:block !important;
  font-family:'Inter',sans-serif !important;
  font-size:.66rem !important;letter-spacing:.26em !important;
  text-transform:uppercase !important;color:#DDC4A9 !important;
  font-weight:600 !important;margin-bottom:8px !important;
}
.megamenu-buy .brand-preview-content h4,
.megamenu-haus .brand-preview-content h4{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;font-size:1.5rem !important;
  color:#E4DED7 !important;margin:0 0 6px !important;line-height:1.15 !important;
}
.megamenu-buy .brand-preview-content h4 em,
.megamenu-haus .brand-preview-content h4 em{
  font-style:italic !important;color:#DDC4A9 !important;
}
.megamenu-buy .brand-preview-content .badge-status,
.megamenu-haus .brand-preview-content .badge-status{
  font-family:'Inter',sans-serif !important;font-size:.74rem !important;
  font-style:italic !important;color:rgba(228,222,215,.78) !important;
  margin:0 !important;
}

/* Haus-Mega-Menu: Preview-Pane immer sichtbar (kein Brand-Switching) */
.megamenu-haus .brand-preview-pane.is-default{
  display:block !important;opacity:1 !important;
}

/* Kaufen-Mega-Menu: Brand-Switching beibehalten — die unified-CSS überschreibt nicht das display-Toggling */
.megamenu-buy .brand-preview-pane{display:none !important;}
.megamenu-buy[data-active-brand="default"] .brand-preview-pane.is-default,
.megamenu-buy[data-active-brand="rolex"]   .brand-preview-pane.is-rolex,
.megamenu-buy[data-active-brand="ap"]      .brand-preview-pane.is-ap,
.megamenu-buy[data-active-brand="patek"]   .brand-preview-pane.is-patek{
  display:block !important;
}

/* Mobile: Grid auf 1 Spalte */
@media(max-width:980px){
  .megamenu-buy .megamenu-inner-2col,
  .megamenu-haus .megamenu-inner-haus{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .megamenu-buy .brand-preview-compact,
  .megamenu-haus .brand-preview-compact{
    margin:0 !important;min-height:200px !important;
  }
}



/* === WA-STRIP TIGHTER LAYOUT === */
.fs-wa-strip{
  max-width:1080px !important;
  margin:0 auto !important;
  justify-content:flex-start !important;
  gap:clamp(24px,3vw,48px) !important;
  padding:clamp(24px,2.5vw,32px) clamp(28px,3vw,40px) !important;
}
.fs-wa-strip .fs-wa-left{flex:0 1 auto !important;min-width:0 !important;max-width:640px !important;}
.fs-wa-strip .fs-wa-cta{margin-left:auto !important;}


/* === CTA-Card mit Hintergrundbild === */
.cta-card.cta-card--bg{
  position:relative;
  overflow:hidden;
  border:none !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  min-height:340px;
  color:#E4DED7 !important;
  isolation:isolate;
}
.cta-card.cta-card--bg::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(160deg, rgba(26,14,18,.55) 0%, rgba(26,14,18,.75) 100%);
  z-index:0;
  transition:background .35s;
}
.cta-card.cta-card--bg:hover::before{
  background:linear-gradient(160deg, rgba(26,14,18,.45) 0%, rgba(26,14,18,.7) 100%);
}
.cta-card.cta-card--bg > *{position:relative;z-index:1}
.cta-card.cta-card--bg .meta-gold{color:#DDC4A9 !important;}
.cta-card.cta-card--bg h3{color:#E4DED7 !important;}
.cta-card.cta-card--bg h3 em{color:#DDC4A9 !important;font-style:italic}
.cta-card.cta-card--bg .sub{color:rgba(228,222,215,.85) !important;}
.cta-card.cta-card--bg .btn{
  background:#E4DED7 !important;
  color:#29171C !important;
  border:none !important;
}
.cta-card.cta-card--bg .btn:hover{
  background:#DDC4A9 !important;
  color:#29171C !important;
}
.cta-card.cta-card--bg .btn svg{stroke:#29171C !important;fill:none !important;}
.cta-card.cta-card--bg:hover{border-color:transparent !important;}


/* ============================================================
   FOOTER V2 · Trust-Reihe + WA-Strip + Cols (im dunklen Footer integriert)
   ============================================================ */
.footer-v2{padding:0 !important;}
.footer-v2 > *{padding-left:clamp(20px,3vw,40px);padding-right:clamp(20px,3vw,40px);}

/* Trust-Reihe oben */
.footer-trust-row{
  background:rgba(204,170,143,.08);
  border-bottom:1px solid rgba(204,170,143,.18);
  padding-top:clamp(28px,3vw,40px) !important;
  padding-bottom:clamp(28px,3vw,40px) !important;
}
.footer-trust-row-inner{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(20px,2.5vw,36px);
}
.ftr-item{
  display:flex;align-items:flex-start;gap:14px;
  color:rgba(228,222,215,.78);
}
.ftr-item svg{width:22px;height:22px;flex-shrink:0;color:#DDC4A9;margin-top:2px}
.ftr-item strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.02rem;color:#E4DED7;line-height:1.25;letter-spacing:-.005em;
  margin-bottom:4px;
}
.ftr-item span{
  display:block;font-family:'Inter',sans-serif;font-size:.78rem;
  color:rgba(228,222,215,.6);line-height:1.5;
}

/* WhatsApp-Channel-Strip im Footer */
.footer-wa-row{
  background:rgba(204,170,143,.04);
  border-bottom:1px solid rgba(204,170,143,.1);
  padding-top:clamp(20px,2vw,28px) !important;
  padding-bottom:clamp(20px,2vw,28px) !important;
}
.footer-wa-inner{
  max-width:var(--max);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(20px,3vw,40px);flex-wrap:wrap;
}
.ftr-wa-left{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0;max-width:780px}
.ftr-wa-icon{
  width:42px;height:42px;flex-shrink:0;border-radius:50%;
  border:1px solid rgba(204,170,143,.4);
  display:flex;align-items:center;justify-content:center;
}
.ftr-wa-icon svg{width:20px;height:20px;fill:#DDC4A9}
.ftr-wa-text{min-width:0}
.ftr-wa-eyebrow{
  display:block;font-family:'Inter',sans-serif;font-size:.62rem;
  letter-spacing:.26em;text-transform:uppercase;color:#DDC4A9;
  font-weight:600;margin-bottom:4px;
}
.ftr-wa-text strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.05rem;color:#E4DED7;line-height:1.35;letter-spacing:-.005em;
}
.ftr-wa-text strong em{font-style:italic;color:#DDC4A9;font-weight:500}
.ftr-wa-cta{
  display:inline-flex;align-items:center;gap:10px;flex-shrink:0;
  padding:11px 22px;background:#CCAA8F;color:#1A0E12 !important;
  font-family:'Inter',sans-serif;font-size:.7rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
  transition:background .25s,gap .25s;
}
.ftr-wa-cta:hover{background:#DDC4A9;gap:14px}
.ftr-wa-cta svg{width:12px;height:12px;fill:none;stroke:#1A0E12;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Footer-Main + Bottom Spacing */
.footer-v2 .footer-main{
  padding-top:clamp(40px,4vw,56px) !important;
  padding-bottom:clamp(36px,3.5vw,48px) !important;
}
.footer-v2 .footer-bottom{
  padding-top:clamp(20px,2vw,28px) !important;
  padding-bottom:clamp(20px,2vw,28px) !important;
  border-top:1px solid rgba(255,255,255,.08);
}

/* Mobile */
@media(max-width:880px){
  .footer-trust-row-inner{grid-template-columns:repeat(2,1fr);gap:24px}
  .footer-wa-inner{flex-direction:column;align-items:flex-start}
  .ftr-wa-cta{align-self:stretch;justify-content:center}
}
@media(max-width:520px){
  .footer-trust-row-inner{grid-template-columns:1fr}
}


/* === MUC STUDIOS · Schwester-Marken-Link im Header und Footer === */
.nav-item-sister{margin-left:18px;padding-left:20px;border-left:1px solid rgba(204,170,143,.25)}
.muc-link{
  display:flex !important;flex-direction:column;align-items:flex-start;gap:0 !important;
  text-decoration:none !important;line-height:1.1 !important;
  padding:6px 0 !important;color:var(--ink) !important;
  transition:color .25s;
}
.muc-link:hover{color:var(--gold) !important;}
.muc-eyebrow{
  font-family:'Inter',sans-serif;font-size:.58rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  margin-bottom:3px;
}
.muc-name{
  font-family:'Cormorant Garamond',serif;font-size:.98rem;font-weight:500;
  letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;
}
.muc-arrow{width:10px;height:10px;flex-shrink:0;opacity:.75}

/* Footer Schwester-Marken-Link */
.footer-sister-link{
  display:block;
  margin-top:24px;padding:14px 16px;
  border:1px solid rgba(204,170,143,.25);
  background:rgba(204,170,143,.04);
  text-decoration:none !important;
  transition:background .25s,border-color .25s;
}
.footer-sister-link:hover{
  background:rgba(204,170,143,.1);
  border-color:rgba(204,170,143,.5);
}
.footer-sister-eyebrow{
  display:block;font-family:'Inter',sans-serif;font-size:.6rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:#DDC4A9;
  margin-bottom:4px;
}
.footer-sister-name{
  display:flex;align-items:center;gap:7px;
  font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;
  color:#E4DED7;letter-spacing:-.005em;line-height:1.1;
  margin-bottom:5px;
}
.footer-sister-name svg{width:12px;height:12px;flex-shrink:0;opacity:.7;stroke:currentColor}
.footer-sister-sub{
  display:block;font-family:'Inter',sans-serif;font-size:.74rem;
  color:rgba(228,222,215,.55);line-height:1.45;
}

/* Mobile: MUC im Mega-Menu? Erstmal nur im Burger sichtbar lassen */
@media(max-width:980px){
  .nav-item-sister{display:none}
}


/* === MUC STUDIOS V2 · Header-Pill rechts neben Get-in-touch === */
.header-muc-pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px 8px 16px;
  border:1px solid rgba(204,170,143,.3);
  background:rgba(204,170,143,.04);
  text-decoration:none !important;
  color:var(--ink) !important;
  transition:background .25s,border-color .25s,gap .25s,transform .2s;
  border-radius:2px;
  flex-shrink:0;
}
.header-muc-pill:hover{
  background:rgba(204,170,143,.12);
  border-color:rgba(204,170,143,.55);
  gap:14px;
  transform:translateY(-1px);
}
.muc-pill-label{display:flex;flex-direction:column;line-height:1.05;gap:2px}
.muc-pill-eyebrow{
  font-family:'Inter',sans-serif;font-size:.55rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
}
.muc-pill-name{
  font-family:'Cormorant Garamond',serif;font-size:.96rem;font-weight:500;
  letter-spacing:-.005em;color:var(--ink);
}
.muc-pill-arrow{
  width:11px;height:11px;flex-shrink:0;color:var(--gold);
  stroke:currentColor;
}

/* Mobile: Pill-Eyebrow ausblenden, nur Name kompakt */
@media(max-width:980px){
  .header-muc-pill{padding:8px 11px;}
  .muc-pill-eyebrow{display:none}
  .muc-pill-name{font-size:.85rem}
}
@media(max-width:640px){
  .header-muc-pill{display:none}
}

/* === FOOTER SISTER CARD V2 · prominenter, mit Mark-Element rechts === */
.footer-sister-card{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:24px;
  margin-top:28px;padding:22px 24px;
  border:1px solid rgba(204,170,143,.3);
  background:linear-gradient(135deg, rgba(204,170,143,.06) 0%, rgba(204,170,143,.02) 100%);
  text-decoration:none !important;
  transition:background .35s, border-color .35s, transform .25s;
  position:relative;overflow:hidden;
}
.footer-sister-card::before{
  content:"";position:absolute;top:0;left:0;width:3px;height:100%;
  background:linear-gradient(180deg, #DDC4A9 0%, #B08766 100%);
  transform:scaleY(0);transform-origin:top;transition:transform .35s;
}
.footer-sister-card:hover{
  background:linear-gradient(135deg, rgba(204,170,143,.14) 0%, rgba(204,170,143,.06) 100%);
  border-color:rgba(204,170,143,.55);
}
.footer-sister-card:hover::before{transform:scaleY(1)}
.fsc-side{display:flex;flex-direction:column;gap:5px;min-width:0}
.fsc-eyebrow{
  font-family:'Inter',sans-serif;font-size:.6rem;font-weight:600;
  letter-spacing:.26em;text-transform:uppercase;color:#DDC4A9;
}
.fsc-name-row{display:flex;align-items:center;gap:9px}
.fsc-name{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.4rem;color:#E4DED7;letter-spacing:-.01em;line-height:1;
}
.fsc-arrow{
  width:13px;height:13px;flex-shrink:0;color:#DDC4A9;
  stroke:currentColor;transition:transform .25s;
}
.footer-sister-card:hover .fsc-arrow{transform:translate(2px,-2px)}
.fsc-tagline{
  display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.95rem;color:rgba(228,222,215,.78);line-height:1.35;margin-top:4px;
}
.fsc-dot{color:#DDC4A9;font-style:normal;margin:0 4px;opacity:.6}
.fsc-meta{
  display:block;font-family:'Inter',sans-serif;font-size:.7rem;
  color:rgba(228,222,215,.45);letter-spacing:.04em;margin-top:6px;
}
.fsc-mark{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:14px 16px;flex-shrink:0;
  background:rgba(26,14,18,.5);
  border:1px solid rgba(204,170,143,.25);
}
.fsc-mark-letters{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.5rem;color:#DDC4A9;letter-spacing:.05em;line-height:1;
}
.fsc-mark-sub{
  font-family:'Inter',sans-serif;font-size:.55rem;font-weight:600;
  letter-spacing:.32em;text-transform:uppercase;
  color:rgba(228,222,215,.55);margin-top:6px;
}

@media(max-width:640px){
  .footer-sister-card{grid-template-columns:1fr;gap:16px}
  .fsc-mark{align-self:flex-start}
}


/* === HERO META-GOLD · kompakter Eyebrow === */
.hero .meta-gold{
  letter-spacing:.14em !important;
  font-size:.7rem !important;
  text-transform:uppercase !important;
  gap:14px !important;
  display:inline-flex !important;
  align-items:center !important;
}
.hero .meta-gold::before{
  width:36px !important;
  height:1px !important;
  background:var(--gold) !important;
  flex-shrink:0;
}


/* === MORE-LINK V2 · prominenter, klar erkennbar als Action === */
.promise-card a.more{
  align-self:flex-start !important;
  font-family:'Inter',sans-serif !important;
  font-size:.72rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  color:var(--ink) !important;
  text-decoration:none !important;
  padding:11px 18px 11px 0 !important;
  border-bottom:1px solid var(--gold) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  transition:gap .25s, color .25s, border-color .25s, padding .25s !important;
  margin-top:18px !important;
}
.promise-card a.more:hover{
  gap:16px !important;
  color:var(--gold) !important;
  border-color:var(--gold-deep, #B08766) !important;
  padding-right:8px !important;
}
.promise-card a.more svg{
  width:13px !important;
  height:13px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transition:transform .25s !important;
}
.promise-card a.more:hover svg{
  transform:translateX(2px) !important;
}


/* === TRUST-STRIP · helle Leiste über der Instagram-Sektion === */
.trust-strip{
  background:#D8D1C8;
  padding:clamp(40px,4vw,56px) clamp(20px,3vw,40px);
  border-bottom:1px solid rgba(204,170,143,.18);
}
.trust-strip-inner{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(20px,2.5vw,36px);
}
.trust-strip .ftr-item{
  display:flex;align-items:flex-start;gap:14px;
  color:var(--ink-soft);
}
.trust-strip .ftr-item svg{
  width:22px;height:22px;flex-shrink:0;color:var(--gold);margin-top:2px;
}
.trust-strip .ftr-item strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.05rem;color:var(--ink);line-height:1.25;letter-spacing:-.005em;
  margin-bottom:4px;
}
.trust-strip .ftr-item span{
  display:block;font-family:'Inter',sans-serif;font-size:.78rem;
  color:var(--ink-mute);line-height:1.5;
}

@media(max-width:880px){
  .trust-strip-inner{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:520px){
  .trust-strip-inner{grid-template-columns:1fr}
}


/* === META-GOLD GLOBAL · einheitlicher Eyebrow-Style überall === */
.meta-gold{
  letter-spacing:.14em !important;
  font-size:.7rem !important;
  text-transform:uppercase !important;
  gap:14px !important;
  display:inline-flex !important;
  align-items:center !important;
}
.meta-gold::before{
  content:"" !important;
  width:36px !important;
  height:1px !important;
  background:var(--gold) !important;
  flex-shrink:0 !important;
  display:inline-block !important;
}
/* Ausnahme: kleinere meta-gold in Karten/Mega-Menu sollen Linie nicht haben */
.cta-card .meta-gold::before,
.megamenu-buy .meta-gold::before,
.megamenu-haus .meta-gold::before,
.brand-preview-content .meta-gold::before,
.know-card .meta-gold::before,
.fs-journal-cat::before{
  display:none !important;
}
.cta-card .meta-gold,
.megamenu-buy .meta-gold,
.megamenu-haus .meta-gold,
.brand-preview-content .meta-gold,
.know-card .meta-gold{
  gap:0 !important;
}


/* === TRUST-STRIP V2 · mittleres Forest, nicht zu dunkel === */
.trust-strip{
  background:#3A2229 !important;
  padding:clamp(40px,4vw,52px) clamp(20px,3vw,40px) !important;
  border-top:1px solid rgba(204,170,143,.2) !important;
  border-bottom:1px solid rgba(204,170,143,.2) !important;
}
.trust-strip-inner{
  max-width:var(--max);margin:0 auto !important;
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;
  gap:clamp(20px,2.5vw,36px) !important;
}
.trust-strip .ftr-item{
  display:flex !important;align-items:flex-start !important;gap:14px !important;
  color:rgba(228,222,215,.78) !important;
}
.trust-strip .ftr-item svg{
  width:22px !important;height:22px !important;flex-shrink:0;
  color:#DDC4A9 !important;margin-top:2px;
}
.trust-strip .ftr-item strong{
  display:block !important;font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;font-size:1.05rem !important;
  color:#E4DED7 !important;line-height:1.25 !important;
  letter-spacing:-.005em !important;margin-bottom:4px !important;
}
.trust-strip .ftr-item span{
  display:block !important;font-family:'Inter',sans-serif !important;
  font-size:.78rem !important;color:rgba(228,222,215,.6) !important;
  line-height:1.5 !important;
}

@media(max-width:880px){
  .trust-strip-inner{grid-template-columns:repeat(2,1fr) !important;gap:24px !important}
}
@media(max-width:520px){
  .trust-strip-inner{grid-template-columns:1fr !important}
}


/* === CTA-BLOCK V2 · volle Viewport-Breite, keine seitlichen Lücken === */
.cta-block{
  padding:0 !important;
  margin:0 !important;
  background:var(--cream) !important;
}
.cta-grid{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
}
/* Karten edge-to-edge, höher damit das Bild Atem hat */
.cta-card.cta-card--bg{
  min-height:clamp(380px,38vw,520px) !important;
  padding:clamp(48px,5vw,72px) clamp(48px,6vw,96px) !important;
  border:none !important;
  border-right:1px solid rgba(204,170,143,.25) !important;
}
.cta-card.cta-card--bg:last-child{
  border-right:none !important;
}
/* Mobile: gestackt */
@media(max-width:780px){
  .cta-grid{grid-template-columns:1fr !important}
  .cta-card.cta-card--bg{
    min-height:clamp(280px,40vw,360px) !important;
    border-right:none !important;
    border-bottom:1px solid rgba(204,170,143,.25) !important;
  }
  .cta-card.cta-card--bg:last-child{border-bottom:none !important;}
}


/* === CTA-CARD V2 · Edle Hover-Animation === */
/* Translate-Y raus, Image-Zoom über background-size, Tiefe via Overlay + Button-Akzent */
.cta-card.cta-card--bg{
  transition:none !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  /* Smoother BG-Size für Pseudo-Zoom */
  background-size:104% !important;
  transition:background-size 1s cubic-bezier(.2,.8,.2,1) !important;
}
.cta-card.cta-card--bg:hover{
  background-size:115% !important;
  transform:none !important;
}

/* Overlay leicht intensivieren beim Hover (Tiefe statt Aufhellung) */
.cta-card.cta-card--bg::before{
  background:linear-gradient(160deg, rgba(26,14,18,.5) 0%, rgba(26,14,18,.78) 100%) !important;
  transition:background .5s cubic-bezier(.2,.8,.2,1), opacity .5s !important;
}
.cta-card.cta-card--bg:hover::before{
  background:linear-gradient(160deg, rgba(26,14,18,.4) 0%, rgba(26,14,18,.72) 100%) !important;
}

/* Button: Pfeil bewegt sich rechts, Hintergrund glüht leicht gold */
.cta-card.cta-card--bg .btn{
  transition:background .35s, color .35s, gap .35s, box-shadow .35s !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}
.cta-card.cta-card--bg .btn svg{
  transition:transform .4s cubic-bezier(.2,.8,.2,1) !important;
  width:13px !important;height:13px !important;
}
.cta-card.cta-card--bg:hover .btn{
  background:#DDC4A9 !important;
  color:#1A0E12 !important;
  gap:14px !important;
  box-shadow:0 8px 24px -8px rgba(204,170,143,.4) !important;
}
.cta-card.cta-card--bg:hover .btn svg{
  transform:translateX(4px) !important;
  stroke:#1A0E12 !important;
}

/* Gold-Akzent-Linie unten — kommt beim Hover langsam von links rein */
.cta-card.cta-card--bg::after{
  content:"" !important;
  position:absolute !important;
  left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg, #DDC4A9 0%, #B08766 100%);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .6s cubic-bezier(.2,.8,.2,1) !important;
  z-index:2;
}
.cta-card.cta-card--bg:hover::after{
  transform:scaleX(1) !important;
}

/* Headline-Subtle-Shift: Italic-Gold-Em bekommt subtilen Highlight bei Hover */
.cta-card.cta-card--bg h3 em{
  transition:color .35s !important;
}
.cta-card.cta-card--bg:hover h3 em{
  color:#E0CD9B !important;
}


/* === INSTAGRAM GALERIE · echte Full-Viewport-Width === */
.fs-insta-row{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:6px !important;
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:880px){
  .fs-insta-row{grid-template-columns:repeat(4,1fr) !important;gap:4px !important}
}
@media(max-width:520px){
  .fs-insta-row{grid-template-columns:repeat(3,1fr) !important;gap:3px !important}
}

/* === WHATSAPP-STRIP V3 · Logo prominenter, Akzente in WA-Grün === */
.footer-wa-row{
  background:rgba(37,211,102,.04) !important;
  border-top:1px solid rgba(37,211,102,.25) !important;
  border-bottom:1px solid rgba(37,211,102,.25) !important;
}
.ftr-wa-icon{
  width:54px !important;height:54px !important;
  background:#25D366 !important;
  border:none !important;
  box-shadow:0 0 0 4px rgba(37,211,102,.18), 0 6px 18px -8px rgba(37,211,102,.6) !important;
}
.ftr-wa-icon svg{
  width:28px !important;height:28px !important;
  fill:#1A0E12 !important;
}
.ftr-wa-eyebrow{
  color:#25D366 !important;
}
.ftr-wa-cta{
  background:#25D366 !important;
  color:#1A0E12 !important;
}
.ftr-wa-cta:hover{
  background:#1FB855 !important;
  color:#1A0E12 !important;
  box-shadow:0 8px 24px -8px rgba(37,211,102,.5) !important;
}
.ftr-wa-cta svg{
  stroke:#1A0E12 !important;
}


/* ============================================================
   GLOBAL HOVER ANIMATIONS V2
   · Image-Zoom + Tiefen-Overlay + Gold-Akzent-Linie + Button-Glow
   ============================================================ */

/* === KARTEN MIT BILDERN: Image-Zoom + Gold-Linie unten === */
.neu-card,
.brand-card,
.promise-card,
.know-card,
.brand-pick,
.contact-card,
.review-card,
.fs-insta-tile,
.article-c{
  position:relative !important;
  overflow:hidden !important;
  transform:none !important;
  transition:box-shadow .4s cubic-bezier(.2,.8,.2,1), border-color .4s !important;
}

/* Image-Zoom auf alle inner img-Elemente */
.neu-card img,
.brand-card img,
.promise-card img,
.know-card img,
.brand-pick img,
.contact-card img,
.fs-insta-tile img,
.article-c img,
.promise-img img,
.neu-img img,
.brand-img img,
.know-img img,
.fs-journal-img img{
  transition:transform .9s cubic-bezier(.2,.8,.2,1), filter .4s !important;
  transform:scale(1) !important;
}
.neu-card:hover img,
.brand-card:hover img,
.promise-card:hover img,
.know-card:hover img,
.brand-pick:hover img,
.contact-card:hover img,
.fs-insta-tile:hover img,
.article-c:hover img,
.promise-card:hover .promise-img img,
.neu-card:hover .neu-img img,
.brand-card:hover .brand-img img,
.know-card:hover .know-img img{
  transform:scale(1.06) !important;
  filter:saturate(1.08) !important;
}

/* Translation entfernen (kein billiges Lift mehr) */
.neu-card:hover,
.brand-card:hover,
.promise-card:hover,
.know-card:hover,
.brand-pick:hover,
.contact-card:hover,
.review-card:hover,
.article-c:hover{
  transform:none !important;
}

/* Gold-Akzent-Linie unten beim Hover */
.neu-card::after,
.brand-card::after,
.promise-card::after,
.know-card::after,
.brand-pick::after,
.contact-card::after,
.article-c::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg, #DDC4A9 0%, #B08766 100%);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
  z-index:3;
  pointer-events:none;
}
.neu-card:hover::after,
.brand-card:hover::after,
.promise-card:hover::after,
.know-card:hover::after,
.brand-pick:hover::after,
.contact-card:hover::after,
.article-c:hover::after{
  transform:scaleX(1);
}

/* Subtle Box-Shadow Lift statt translateY */
.neu-card:hover,
.brand-card:hover,
.promise-card:hover,
.know-card:hover,
.contact-card:hover{
  box-shadow:0 18px 40px -28px rgba(41,23,28,.35) !important;
}

/* === BUTTONS: Gold-Glow + Pfeil-Animation === */
.btn,
.btn-dark,
.btn-outline{
  transition:background .35s, color .35s, border-color .35s, gap .3s, box-shadow .35s, transform .25s !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}
.btn svg,
.btn-dark svg,
.btn-outline svg{
  transition:transform .4s cubic-bezier(.2,.8,.2,1) !important;
}
.btn:hover svg,
.btn-dark:hover svg,
.btn-outline:hover svg{
  transform:translateX(4px) !important;
}
.btn:hover,
.btn-dark:hover{
  background:#DDC4A9 !important;
  color:#1A0E12 !important;
  border-color:#DDC4A9 !important;
  gap:14px !important;
  box-shadow:0 8px 24px -8px rgba(204,170,143,.45) !important;
  transform:none !important;
}
.btn-outline:hover{
  background:rgba(204,170,143,.08) !important;
  color:#B08766 !important;
  border-color:#DDC4A9 !important;
  gap:14px !important;
  box-shadow:0 6px 20px -10px rgba(204,170,143,.3) !important;
}
.btn:hover svg,
.btn-dark:hover svg{
  stroke:#1A0E12 !important;
}

/* === LINKS MIT PFEIL: nur Pfeil + Color-Shift === */
.more,
.fs-head-cta,
.cta-info-col a,
.brand-preview-content a,
.know-body a,
.muc-link,
.footer-sister-card{
  transition:color .3s, gap .3s, border-color .3s !important;
}
.more svg,
.fs-head-cta svg,
.cta-info-col a svg,
.brand-preview-content a svg,
.know-body a svg{
  transition:transform .35s cubic-bezier(.2,.8,.2,1) !important;
}
.more:hover svg,
.fs-head-cta:hover svg,
.cta-info-col a:hover svg,
.brand-preview-content a:hover svg,
.know-body a:hover svg{
  transform:translateX(3px) !important;
}

/* === IT-ALIC-EM in Headlines: Color-Shift bei Card-Hover === */
.neu-card h3 em,
.brand-card h3 em,
.promise-card h3 em,
.know-card h3 em,
.article-c h3 em,
.contact-card h3 em{
  transition:color .35s !important;
}
.neu-card:hover h3 em,
.brand-card:hover h3 em,
.promise-card:hover h3 em,
.know-card:hover h3 em,
.article-c:hover h3 em,
.contact-card:hover h3 em{
  color:#E0CD9B !important;
}



/* ============================================================
   MEGA-MENU FINAL · Kaufen + Das Haus Kohler · 100% identisch
   ============================================================ */

/* Alle Bullet/List-Marker zwangs-aus für beide Mega-Menus */
.megamenu-buy .megamenu-col ul,
.megamenu-haus .megamenu-col ul{
  list-style:none !important;
  padding:0 !important;margin:0 !important;
  display:flex !important;flex-direction:column !important;gap:0 !important;
}
.megamenu-buy .megamenu-col ul::before,
.megamenu-buy .megamenu-col li::before,
.megamenu-buy .megamenu-col small::before,
.megamenu-buy .megamenu-col .mi-title::before,
.megamenu-haus .megamenu-col ul::before,
.megamenu-haus .megamenu-col li::before,
.megamenu-haus .megamenu-col small::before,
.megamenu-haus .megamenu-col .mi-title::before{
  content:none !important;display:none !important;
}

/* Item-Container: separator-Linie oben, kein gap auf ul, Item-Padding gleich */
.megamenu-buy .megamenu-col li,
.megamenu-haus .megamenu-col li{
  margin:0 !important;
  position:relative !important;
  border-top:1px solid rgba(204,170,143,.08) !important;
}
.megamenu-buy .megamenu-col li:first-child,
.megamenu-haus .megamenu-col li:first-child{
  border-top:none !important;
}

/* Link/Button: identische Typografie + Layout */
.megamenu-buy .megamenu-col li > a,
.megamenu-buy .megamenu-col li > button,
.megamenu-haus .megamenu-col li > a,
.megamenu-haus .megamenu-col li > button{
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;gap:5px !important;
  padding:14px 0 !important;width:100% !important;
  font-family:'Cormorant Garamond',serif !important;font-weight:500 !important;
  color:var(--ink) !important;text-decoration:none !important;
  background:none !important;border:none !important;text-align:left !important;
  cursor:pointer !important;
  position:relative !important;
  transition:color .3s cubic-bezier(.2,.8,.2,1), padding-left .3s cubic-bezier(.2,.8,.2,1) !important;
}

/* Titel */
.megamenu-buy .megamenu-col .mi-title,
.megamenu-haus .megamenu-col .mi-title{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;font-size:1.1rem !important;
  color:inherit !important;line-height:1.2 !important;
  letter-spacing:-.005em !important;
  display:block !important;
  transition:color .3s !important;
}

/* Subline */
.megamenu-buy .megamenu-col small,
.megamenu-haus .megamenu-col small{
  display:block !important;
  font-family:'Inter',sans-serif !important;font-weight:400 !important;
  font-size:.78rem !important;letter-spacing:.01em !important;
  color:var(--muted) !important;line-height:1.45 !important;
  text-transform:none !important;
  margin:0 !important;padding:0 !important;
}
.megamenu-buy .megamenu-col small::before,
.megamenu-haus .megamenu-col small::before{
  content:none !important;display:none !important;
}

/* HOVER · konsistent mit Footer-Stil: Color-Shift + slide-right + Gold-Akzent-Linie */
.megamenu-buy .megamenu-col li > a:hover,
.megamenu-buy .megamenu-col li > button:hover,
.megamenu-haus .megamenu-col li > a:hover,
.megamenu-haus .megamenu-col li > button:hover{
  color:#CCAA8F !important;
  padding-left:14px !important;
  transform:none !important;
}
.megamenu-buy .megamenu-col li > a:hover .mi-title,
.megamenu-buy .megamenu-col li > button:hover .mi-title,
.megamenu-haus .megamenu-col li > a:hover .mi-title,
.megamenu-haus .megamenu-col li > button:hover .mi-title{
  color:#CCAA8F !important;
}

/* Gold-Akzent-Linie links beim Hover (statt Pfeil — passt zu Text-Items) */
.megamenu-buy .megamenu-col li > a::before,
.megamenu-buy .megamenu-col li > button::before,
.megamenu-haus .megamenu-col li > a::before,
.megamenu-haus .megamenu-col li > button::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;top:50% !important;
  width:0;height:1px;
  background:#DDC4A9 !important;
  transform:translateY(-50%) !important;
  transition:width .35s cubic-bezier(.2,.8,.2,1) !important;
  display:block !important;
}
.megamenu-buy .megamenu-col li > a:hover::before,
.megamenu-buy .megamenu-col li > button:hover::before,
.megamenu-haus .megamenu-col li > a:hover::before,
.megamenu-haus .megamenu-col li > button:hover::before{
  width:8px !important;
}

/* is-active (Rolex aktiv beim Kaufen-Hover) */
.megamenu-buy .megamenu-col a.brand-link.is-active,
.megamenu-buy .megamenu-col a.brand-link.is-active .mi-title{
  color:#CCAA8F !important;
}
.megamenu-buy .megamenu-col a.brand-link.is-active::before{
  width:8px !important;
}



/* ============================================================
   NEUZUGÄNGE · Produktkarten-Hover (eigenes Pattern, nicht generisch)
   ============================================================ */

/* Globalen Card-Hover für .neu-card überschreiben */
.neu-card{
  position:relative !important;
  overflow:hidden !important;
  transform:none !important;
  transition:border-color .35s, box-shadow .4s !important;
  isolation:isolate !important;
}
.neu-card::after{display:none !important;content:none !important;}

/* Media-Bereich: ruhiger Image-Zoom + dezenter Dark-Overlay-Wash */
.neu-card .neu-card-media{
  position:relative !important;
  overflow:hidden !important;
}
.neu-card .neu-card-media::after{
  content:"" !important;
  position:absolute !important;inset:0;
  background:linear-gradient(180deg, rgba(26,14,18,0) 60%, rgba(26,14,18,.18) 100%);
  opacity:0;transition:opacity .4s cubic-bezier(.2,.8,.2,1) !important;
  pointer-events:none;z-index:1;
}
.neu-card:hover .neu-card-media::after{opacity:1 !important;}

.neu-card .neu-card-media img,
.neu-card .neu-card-ph{
  transition:transform .7s cubic-bezier(.2,.8,.2,1) !important;
  transform:scale(1) !important;
}
.neu-card:hover .neu-card-media img,
.neu-card:hover .neu-card-ph{
  transform:scale(1.08) !important;
  filter:none !important;
}

/* Tag (Sammlerstück / Rarität): leichter Slide bei Hover */
.neu-card .neu-card-tag{
  transition:transform .35s cubic-bezier(.2,.8,.2,1), background .3s !important;
  z-index:2;position:relative;
}
.neu-card:hover .neu-card-tag{
  transform:translateY(-2px) !important;
}

/* Body: Preis bekommt subtilen Gold-Highlight bei Hover */
.neu-card .neu-card-body{
  transition:background .3s !important;
}
.neu-card .price{
  transition:color .3s !important;
}
.neu-card:hover .price{
  color:#B08766 !important;
}

/* Badge "Sofort" bekommt Gold-Glow bei Hover */
.neu-card .badge{
  transition:background .3s, color .3s, border-color .3s !important;
}
.neu-card:hover .badge{
  background:rgba(204,170,143,.12) !important;
  color:#B08766 !important;
  border-color:rgba(204,170,143,.4) !important;
}

/* Karte selbst: Gold-Border-Akzent statt Akzent-Linie unten */
.neu-card:hover{
  border-color:rgba(204,170,143,.4) !important;
  box-shadow:0 22px 48px -28px rgba(41,23,28,.4), 0 0 0 1px rgba(204,170,143,.15) !important;
  transform:none !important;
}

/* Headline-Em-Color bleibt; aber Headline insgesamt subtle Color-Shift */
.neu-card h3{transition:color .3s !important;}
.neu-card:hover h3{color:#29171C !important;}



/* ============================================================
   BRAND-PICK · "Drei Häuser" — eigenes elegantes Hover-Pattern
   ============================================================ */

/* Generisches Karten-Pattern für brand-pick komplett deaktivieren */
.brand-pick{
  position:relative !important;
  border:none !important;
  background:transparent !important;
  transform:none !important;
  transition:none !important;
}
.brand-pick::after{display:none !important;content:none !important;}

/* Inner-Anchor wird die Karte */
.brand-pick > a{
  display:block !important;
  text-decoration:none !important;
  color:inherit !important;
  position:relative;
  padding:18px 18px 28px !important;
  background:var(--cream) !important;
  border:1px solid var(--line) !important;
  transition:border-color .35s, background .35s, box-shadow .4s !important;
  overflow:hidden !important;
}

/* Image-Container: streng overflow:hidden für sauberen Zoom */
.brand-pick .brand-img{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:24px !important;
  aspect-ratio:1/1 !important;
  background:var(--paper) !important;
}
.brand-pick .brand-img img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;display:block !important;
  transition:transform .8s cubic-bezier(.2,.8,.2,1), filter .4s !important;
  transform:scale(1) !important;
  filter:saturate(.96) !important;
}

/* Brand-Name + Sub: zentriert, klar */
.brand-pick .brand-name{
  display:block !important;
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;font-size:1.7rem !important;
  text-align:center !important;color:var(--ink) !important;
  letter-spacing:-.005em !important;line-height:1.1 !important;
  margin-bottom:10px !important;
  transition:color .3s !important;
}
.brand-pick .brand-sub{
  display:inline-flex !important;align-items:center !important;
  gap:8px !important;
  font-family:'Inter',sans-serif !important;
  font-size:.7rem !important;font-weight:600 !important;
  letter-spacing:.24em !important;text-transform:uppercase !important;
  color:var(--ink-mute) !important;
  position:relative;
  text-align:center;
  width:100%;
  justify-content:center;
  transition:color .35s, gap .35s !important;
}
.brand-pick .brand-sub::after{
  content:"→" !important;display:inline-block !important;
  font-size:.85rem !important;
  opacity:0;
  transform:translateX(-6px) !important;
  transition:opacity .35s cubic-bezier(.2,.8,.2,1), transform .35s cubic-bezier(.2,.8,.2,1) !important;
}

/* === HOVER-STATES === */
.brand-pick > a:hover{
  border-color:rgba(204,170,143,.35) !important;
  background:#E4DED7 !important;
  box-shadow:0 28px 56px -32px rgba(41,23,28,.4), 0 0 0 1px rgba(204,170,143,.08) !important;
}
.brand-pick > a:hover .brand-img img{
  transform:scale(1.06) !important;
  filter:saturate(1.05) !important;
}
.brand-pick > a:hover .brand-name{
  color:#B08766 !important;
}
.brand-pick > a:hover .brand-sub{
  color:#B08766 !important;
  gap:14px !important;
}
.brand-pick > a:hover .brand-sub::after{
  opacity:1 !important;
  transform:translateX(0) !important;
}



/* === FOOTER V2 OVERRIDE · gewinnt gegen alte styles.css .footer === */
footer.footer.footer-v2{
  padding:0 !important;
  border-top:none !important;
  background:var(--ink) !important;
}
footer.footer.footer-v2 *{box-sizing:border-box !important;}

/* Trust-Strip + Footer-Social davor: keine Konflikte mit alten Pages-Stilen */
section.trust-strip{
  background:#3A2229 !important;
  margin:0 !important;
}
section.footer-social{
  background:#D8D1C8 !important;
  margin:0 !important;
}


/* === NEU-CARD-IMG · echte Bilder statt Platzhalter === */
.neu-card .neu-card-media{
  position:relative !important;overflow:hidden !important;
  aspect-ratio:1/1 !important;
  background:var(--paper) !important;
  margin:0 !important;
}
.neu-card .neu-card-img{
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  object-fit:cover !important;display:block !important;
  transition:transform .7s cubic-bezier(.2,.8,.2,1) !important;
  transform:scale(1) !important;
  filter:saturate(.96) !important;
}
.neu-card:hover .neu-card-img{
  transform:scale(1.08) !important;
  filter:saturate(1.05) !important;
}
.neu-card .neu-card-tag{
  position:absolute !important;top:14px !important;left:14px !important;
  z-index:3 !important;
}


/* === DRAWER SISTER CARD · MUC Studios in der Kontakt-Sidebar === */
.drawer-sister-card{
  display:block !important;
  margin-top:18px !important;
  padding:18px 20px !important;
  background:linear-gradient(135deg, rgba(204,170,143,.08) 0%, rgba(204,170,143,.02) 100%) !important;
  border:1px solid rgba(204,170,143,.3) !important;
  text-decoration:none !important;
  color:inherit !important;
  position:relative;
  overflow:hidden;
  transition:background .35s, border-color .35s !important;
}
.drawer-sister-card::before{
  content:"";
  position:absolute;left:0;top:0;width:3px;height:100%;
  background:linear-gradient(180deg, #DDC4A9 0%, #B08766 100%);
  transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.drawer-sister-card:hover{
  background:linear-gradient(135deg, rgba(204,170,143,.16) 0%, rgba(204,170,143,.06) 100%) !important;
  border-color:rgba(204,170,143,.55) !important;
}
.drawer-sister-card:hover::before{transform:scaleY(1)}
.dsc-eyebrow{
  font-family:'Inter',sans-serif;font-size:.6rem;font-weight:600;
  letter-spacing:.26em;text-transform:uppercase;color:#B08766;
  margin-bottom:12px;
}
.dsc-content{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.dsc-name-row{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.dsc-mark{
  flex-shrink:0;
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.4rem;color:#B08766;letter-spacing:.04em;line-height:1;
  padding:8px 12px;
  background:rgba(204,170,143,.1);
  border:1px solid rgba(204,170,143,.25);
}
.dsc-text{min-width:0}
.dsc-text strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.1rem;color:var(--ink);letter-spacing:-.005em;line-height:1.2;
}
.dsc-text span{
  display:block;font-family:'Inter',sans-serif;font-size:.74rem;
  color:var(--muted);line-height:1.4;margin-top:3px;
}
.dsc-arrow{
  width:14px;height:14px;flex-shrink:0;color:#B08766;
  stroke:currentColor;transition:transform .25s;
}
.drawer-sister-card:hover .dsc-arrow{transform:translate(2px,-2px)}

/* MUC-Pill im Header soll nicht mehr sichtbar sein, falls noch irgendwo */
.header-muc-pill{display:none !important;}


/* === FOOTER COLS · 4 Spalten (3 Nav + Schwester-Marke) === */
.footer-cols{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr 1.4fr !important;
  gap:clamp(28px,3vw,48px) !important;
}

.footer-col-sister h6{
  color:#DDC4A9 !important;
}
.footer-sister-link{
  display:flex !important;flex-direction:column;gap:6px;
  text-decoration:none !important;color:inherit !important;
  padding:14px 16px !important;
  border:1px solid rgba(204,170,143,.3);
  background:rgba(204,170,143,.04);
  margin-top:6px;
  position:relative;overflow:hidden;
  transition:background .35s, border-color .35s !important;
}
.footer-sister-link::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;
  background:linear-gradient(180deg, #DDC4A9 0%, #B08766 100%);
  transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.footer-sister-link:hover{
  background:rgba(204,170,143,.12) !important;
  border-color:rgba(204,170,143,.55) !important;
}
.footer-sister-link:hover::before{transform:scaleY(1)}
.fsl-name{
  display:flex;align-items:center;gap:8px;
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.2rem;color:#E4DED7;letter-spacing:-.005em;line-height:1.1;
}
.fsl-name svg{width:11px;height:11px;flex-shrink:0;opacity:.7;stroke:currentColor;color:#DDC4A9}
.fsl-sub{
  display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:.95rem;color:rgba(228,222,215,.78);line-height:1.35;
}
.fsl-meta{
  display:block;font-family:'Inter',sans-serif;font-size:.7rem;
  color:rgba(228,222,215,.45);letter-spacing:.04em;margin-top:3px;
}

@media(max-width:980px){
  .footer-cols{grid-template-columns:1fr 1fr !important}
}
@media(max-width:520px){
  .footer-cols{grid-template-columns:1fr !important}
}



/* === FOOTER SOCIAL · KEIN ABSTAND zu WhatsApp drunter === */
section.footer-social{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* === WHATSAPP-STRIP DEZENTER · Gold zurück, Grün nur als Akzent === */
.footer-wa-row{
  background:rgba(204,170,143,.04) !important;
  border-top:1px solid rgba(204,170,143,.18) !important;
  border-bottom:1px solid rgba(204,170,143,.18) !important;
}
.ftr-wa-icon{
  width:44px !important;height:44px !important;
  background:transparent !important;
  border:1px solid rgba(37,211,102,.55) !important;
  box-shadow:none !important;
  border-radius:50% !important;
}
.ftr-wa-icon svg{
  width:22px !important;height:22px !important;
  fill:#25D366 !important;
}
.ftr-wa-eyebrow{
  color:#DDC4A9 !important;
}
.ftr-wa-cta{
  background:#CCAA8F !important;
  color:#1A0E12 !important;
  border:none !important;
}
.ftr-wa-cta:hover{
  background:#DDC4A9 !important;
  color:#1A0E12 !important;
  box-shadow:0 8px 24px -8px rgba(204,170,143,.4) !important;
}
.ftr-wa-cta svg{
  stroke:#1A0E12 !important;
}


/* ============================================================
   BRAND HERO V2 · LP-Hero polish für AP / Patek / Rolex
   ============================================================ */
.brand-hero{
  position:relative !important;
  height:auto !important;
  min-height:88vh !important;
  overflow:hidden !important;
  background:#1A0E12 !important;
  color:#E4DED7 !important;
  display:flex !important;align-items:center !important;
  padding:clamp(100px,10vw,140px) 0 clamp(60px,6vw,90px) !important;
  isolation:isolate !important;
}
.brand-hero > img{
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  object-fit:cover !important;
  object-position:right center !important;
  opacity:.85 !important;
  z-index:0 !important;
}
.brand-hero::after{
  content:"" !important;
  position:absolute !important;inset:0 !important;
  background:
    linear-gradient(90deg, rgba(26,14,18,.92) 0%, rgba(26,14,18,.72) 40%, rgba(26,14,18,.35) 75%, rgba(26,14,18,.1) 100%),
    linear-gradient(180deg, rgba(26,14,18,.3) 0%, rgba(26,14,18,.55) 100%) !important;
  z-index:1 !important;
}
.brand-hero-inner{
  position:relative !important;z-index:2 !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:0 clamp(20px,4vw,48px) !important;
  width:100% !important;
  display:flex !important;flex-direction:column !important;
  justify-content:flex-end !important;
}

/* Breadcrumbs subtiler */
.brand-hero .crumbs{
  color:rgba(228,222,215,.55) !important;
  margin-bottom:clamp(28px,3vw,40px) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.7rem !important;letter-spacing:.12em !important;
  text-transform:uppercase !important;font-weight:500 !important;
}
.brand-hero .crumbs a{color:rgba(228,222,215,.55) !important;text-decoration:none !important;transition:color .25s !important;}
.brand-hero .crumbs a:hover{color:#DDC4A9 !important;}
.brand-hero .crumbs .sep{color:rgba(228,222,215,.25) !important;margin:0 8px !important;}

/* Eyebrow */
.brand-hero .meta-gold{
  color:#DDC4A9 !important;
  margin-bottom:20px !important;
  display:inline-flex !important;
  font-size:.7rem !important;
  letter-spacing:.18em !important;
}
.brand-hero .meta-gold::before{
  background:#DDC4A9 !important;
  width:36px !important;
}

/* Headline */
.brand-hero h1{
  color:#E4DED7 !important;
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(2.4rem,5vw,4.2rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.015em !important;
  max-width:14ch !important;
  margin:0 0 28px !important;
  text-shadow:0 4px 30px rgba(0,0,0,.45) !important;
}
.brand-hero h1 em{
  font-style:italic !important;color:#DDC4A9 !important;font-weight:500 !important;
}

/* Lead */
.brand-hero .lead{
  color:rgba(228,222,215,.85) !important;
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-size:clamp(1.15rem,1.5vw,1.4rem) !important;
  line-height:1.55 !important;
  max-width:52ch !important;
  margin:0 0 40px !important;
  text-shadow:0 2px 16px rgba(0,0,0,.4) !important;
}

/* CTAs */
.brand-hero-ctas{
  display:flex !important;gap:14px !important;
  flex-wrap:wrap !important;margin-top:0 !important;
}
.brand-hero-ctas .btn{
  padding:16px 28px !important;
  font-family:'Inter',sans-serif !important;font-size:.74rem !important;
  letter-spacing:.18em !important;text-transform:uppercase !important;
  font-weight:600 !important;text-decoration:none !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  border:1px solid transparent !important;
  transition:background .35s, color .35s, border-color .35s, gap .3s, box-shadow .35s !important;
  cursor:pointer !important;
}
.brand-hero-ctas .btn svg{
  width:13px !important;height:13px !important;
  fill:none !important;stroke:currentColor !important;
  stroke-width:1.6 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
  transition:transform .35s !important;
}
.brand-hero-ctas .btn:hover svg{transform:translateX(4px) !important;}

/* Light-Button (Primary) */
.brand-hero-ctas .btn-light{
  background:#E4DED7 !important;color:#1A0E12 !important;border:none !important;
}
.brand-hero-ctas .btn-light:hover{
  background:#DDC4A9 !important;color:#1A0E12 !important;
  gap:14px !important;
  box-shadow:0 12px 32px -10px rgba(221,196,169,.4) !important;
}
.brand-hero-ctas .btn-light svg{stroke:#1A0E12 !important;}

/* Outline-Light-Button (Secondary) */
.brand-hero-ctas .btn-outline-light{
  background:transparent !important;
  color:#E4DED7 !important;
  border:1px solid rgba(228,222,215,.45) !important;
}
.brand-hero-ctas .btn-outline-light:hover{
  background:rgba(221,196,169,.1) !important;
  color:#DDC4A9 !important;
  border-color:#DDC4A9 !important;
  gap:14px !important;
}

/* Mobile */
@media(max-width:880px){
  .brand-hero{min-height:78vh !important;padding:90px 0 60px !important;}
  .brand-hero > img{object-position:center !important;}
  .brand-hero::after{
    background:
      linear-gradient(180deg, rgba(26,14,18,.55) 0%, rgba(26,14,18,.85) 100%) !important;
  }
  .brand-hero .lead{font-size:1.05rem !important;}
}


/* === INSTAGRAM GALERIE FINAL · 6 Bilder, KEIN Gap === */
.fs-insta-row{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:0 !important;
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:880px){
  .fs-insta-row{grid-template-columns:repeat(3,1fr) !important;gap:0 !important}
}
@media(max-width:520px){
  .fs-insta-row{grid-template-columns:repeat(2,1fr) !important;gap:0 !important}
}














/* === FOOTER · KL MARK · gleicher Stil wie WA-Bar === */
.footer-kl-mark{
  display:flex;justify-content:center;align-items:center;
  padding:24px 0 26px !important;
  background:rgba(204,170,143,.04) !important;
  border-top:1px solid rgba(204,170,143,.18) !important;
}
.footer-kl-pill{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 14px;
  background:transparent;
  text-decoration:none;
}
.kl-pill-logo{
  height:24px;width:auto;display:block;
  filter:brightness(0) invert(1) opacity(.55);
  transition:filter .35s;
  position:relative;
  z-index:2;
}
.footer-kl-pill:hover .kl-pill-logo{
  filter:brightness(0) invert(1) opacity(.95);
}
.kl-pill-text{
  position:absolute;
  right:calc(100% - 8px);
  top:50%;
  transform:translateY(-50%) translateX(8px);
  font-family:'Inter',sans-serif;
  font-size:.66rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
  color:#DDC4A9;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s cubic-bezier(.2,.8,.2,1), transform .4s cubic-bezier(.2,.8,.2,1);
}
.footer-kl-pill:hover .kl-pill-text{
  opacity:1;
  transform:translateY(-50%) translateX(-6px);
}


/* === NEU-CARD HOVER V3 · cleaner, klarer Lift + Image-Zoom === */
.neu-card{
  position:relative !important;
  overflow:hidden !important;
  transform:translateY(0) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .4s cubic-bezier(.2,.8,.2,1), border-color .35s !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  isolation:isolate !important;
}
.neu-card::after{display:none !important;content:none !important;}

.neu-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 28px 56px -28px rgba(41,23,28,.35) !important;
  border-color:rgba(204,170,143,.25) !important;
}

/* Image-Zoom — fokussiert, klar */
.neu-card .neu-card-media{
  position:relative !important;overflow:hidden !important;
  aspect-ratio:1/1 !important;background:var(--paper) !important;margin:0 !important;
}
.neu-card .neu-card-media img,
.neu-card .neu-card-img{
  transition:transform .65s cubic-bezier(.2,.8,.2,1) !important;
  transform:scale(1) !important;filter:none !important;
}
.neu-card:hover .neu-card-media img,
.neu-card:hover .neu-card-img{
  transform:scale(1.06) !important;filter:none !important;
}
/* Kein Dark-Wash mehr — zu unruhig */
.neu-card .neu-card-media::after{display:none !important;content:none !important;}

/* Tag bleibt fix — kein Wackeln */
.neu-card .neu-card-tag{
  transition:none !important;
  transform:none !important;
  z-index:3 !important;position:absolute !important;top:14px !important;left:14px !important;
}

/* Preis: subtile Color-Shift auf Gold */
.neu-card .price{
  transition:color .3s !important;
}
.neu-card:hover .price{
  color:#B08766 !important;
}

/* Badge bleibt unverändert — keine zusätzlichen Color-Shifts */
.neu-card .badge{transition:none !important;}
.neu-card:hover .badge{
  background:initial !important;color:initial !important;border-color:initial !important;
}

/* Headline ohne Color-Shift bei Hover */
.neu-card h3{transition:none !important;}
.neu-card:hover h3{color:var(--ink) !important;}



/* === NEU-CARD · sauberes Padding im Body === */
.neu-card .neu-card-body{
  padding:24px 24px 0 !important;
}
.neu-card .neu-card-body .eyebrow{
  display:block !important;
  font-family:'Inter',sans-serif !important;
  font-size:.66rem !important;font-weight:600 !important;
  letter-spacing:.2em !important;text-transform:uppercase !important;
  color:var(--ink-mute) !important;
  margin-bottom:10px !important;
}
.neu-card .neu-card-body h3{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:1.3rem !important;
  line-height:1.25 !important;
  color:var(--ink) !important;
  margin:0 0 18px !important;
  letter-spacing:-.005em !important;
}
.neu-card .neu-card-foot{
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  padding:18px 24px 22px !important;
  margin:0 -24px !important;
  border-top:1px solid var(--line) !important;
}
.neu-card .neu-card-foot .price{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.2rem !important;
  font-weight:500 !important;
  color:var(--ink) !important;
  letter-spacing:-.005em !important;
}
.neu-card .neu-card-foot .badge{
  font-family:'Inter',sans-serif !important;
  font-size:.66rem !important;font-weight:600 !important;
  letter-spacing:.2em !important;text-transform:uppercase !important;
  color:var(--gold-deep, #B08766) !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}



/* === IFRAME-MODAL · Sidebar polish === */
.iframe-modal-right{
  display:flex !important;
  flex-direction:column !important;
  background:var(--cream) !important;
  padding:clamp(36px,3.5vw,52px) clamp(28px,2.8vw,40px) !important;
  gap:32px !important;
}
.imr-head .meta-gold{
  display:inline-flex !important;
  font-size:.7rem !important;letter-spacing:.18em !important;
  margin-bottom:18px !important;
}
.imr-head h2{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(1.7rem,2.3vw,2.1rem) !important;
  line-height:1.1 !important;letter-spacing:-.01em !important;
  color:var(--ink) !important;margin:0 0 16px !important;
}
.imr-head h2 em{font-style:italic !important;color:var(--gold) !important;font-weight:500 !important;}
.imr-head .sub{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.05rem !important;line-height:1.55 !important;
  color:var(--ink-soft) !important;margin:0 !important;
}

/* Feature-Cards */
.imr-features{
  display:flex;flex-direction:column;gap:14px;
  padding:20px 22px;
  background:#fff;
  border:1px solid var(--line);
}
.imr-feat{
  display:flex;align-items:flex-start;gap:14px;
  padding:6px 0;
}
.imr-feat-icon{
  width:36px;height:36px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(204,170,143,.1);
  border-radius:50%;
  color:var(--gold-deep);
}
.imr-feat-icon svg{width:18px;height:18px;stroke:currentColor}
.imr-feat-text{flex:1;min-width:0}
.imr-feat-text strong{
  display:block;font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:1.05rem;color:var(--ink);line-height:1.25;margin-bottom:2px;
  letter-spacing:-.005em;
}
.imr-feat-text span{
  display:block;font-family:'Inter',sans-serif;font-size:.78rem;
  color:var(--ink-mute);line-height:1.4;
}

/* Direkt-Sprechen-Block */
.imr-direct{
  display:flex;flex-direction:column;gap:10px;
  padding-top:24px;border-top:1px solid var(--line);
  margin-top:auto;
}
.imr-direct-label{
  font-family:'Inter',sans-serif;font-size:.66rem;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-deep);font-weight:600;
  margin-bottom:6px;
}
.imr-direct-btn{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  background:#fff;
  border:1px solid var(--line);
  font-family:'Inter',sans-serif;font-size:.92rem;font-weight:500;
  color:var(--ink);text-decoration:none;
  letter-spacing:.02em;
  transition:background .25s,border-color .25s,color .25s,gap .25s,box-shadow .35s;
}
.imr-direct-btn svg{width:18px;height:18px;flex-shrink:0;color:var(--gold-deep);transition:color .25s}
.imr-direct-btn-tel:hover{
  background:#1A0E12 !important;color:#E4DED7 !important;border-color:#1A0E12 !important;gap:14px;
  box-shadow:0 8px 24px -10px rgba(41,23,28,.4);
}
.imr-direct-btn-tel:hover svg{color:#DDC4A9 !important;}
.imr-direct-btn-wa{
  border-color:rgba(37,211,102,.4) !important;
}
.imr-direct-btn-wa:hover{
  background:#25D366 !important;color:#1A0E12 !important;border-color:#25D366 !important;gap:14px;
  box-shadow:0 8px 24px -10px rgba(37,211,102,.4);
}
.imr-direct-btn-wa svg{color:#25D366 !important}
.imr-direct-btn-wa:hover svg{color:#1A0E12 !important}

@media(max-width:880px){
  .iframe-modal-right{padding:28px 24px !important;}
}


/* === FOOTER-HARMONIE V2 · Spalten konsistent, Sektionen glatter === */

/* WA-Bar gleicher Background wie Footer-Main → wirkt als zusammenhängender Block */
.footer-wa-row{
  background:rgba(204,170,143,.05) !important;
  border-top:1px solid rgba(204,170,143,.15) !important;
  border-bottom:1px solid rgba(204,170,143,.15) !important;
}

/* Footer-Cols: 4 Spalten gleich, kein Sister-Card-Sprung mehr */
.footer-cols{
  grid-template-columns:1fr 1fr 1fr 1fr !important;
  gap:clamp(28px,3vw,40px) !important;
  align-items:start !important;
}

/* Schwester-Marken-Spalte als normale Col mit dezentem Akzent */
.footer-col-sister h6{
  color:#DDC4A9 !important;
}
.footer-col-sister ul{
  list-style:none !important;padding:0 !important;margin:0 !important;
}
.footer-col-sister li{margin:0 !important}

/* Sister-Link: klare Cormorant-Headline + dezente Subline drunter */
.fsl-link{
  display:inline-flex !important;flex-direction:column !important;
  gap:5px !important;text-decoration:none !important;
  padding:0 !important;background:none !important;border:none !important;
  font-family:'Inter',sans-serif !important;font-size:.88rem !important;
  color:rgba(228,222,215,.78) !important;letter-spacing:.01em !important;
  transition:color .25s, padding-left .25s !important;
  position:relative !important;
}
.fsl-link::after{display:none !important;content:none !important;}
.fsl-link:hover{
  color:#DDC4A9 !important;
  padding-left:5px !important;
}
.fsl-arrow{
  width:10px !important;height:10px !important;
  display:inline-block;margin-left:6px;vertical-align:middle;
  color:#DDC4A9 !important;stroke:currentColor !important;
  transition:transform .25s !important;opacity:.75;
}
.fsl-link:hover .fsl-arrow{transform:translate(2px,-2px) !important;opacity:1}
.fsl-sublabel{
  display:block !important;
  font-family:'Inter',sans-serif !important;font-size:.72rem !important;
  font-weight:400 !important;letter-spacing:.02em !important;
  color:rgba(228,222,215,.45) !important;
  margin-top:1px !important;
}

/* Mobile */
@media(max-width:980px){
  .footer-cols{grid-template-columns:1fr 1fr !important}
}
@media(max-width:520px){
  .footer-cols{grid-template-columns:1fr !important}
}


/* === NEW PALETTE V2 · Burgund/Apricot/Cream + Schwarz/Weiß === */
:root{
  --cream: #E4DED7 !important;
  --paper: #DBD4CB !important;
  --ink: #29171C !important;
  --ink-soft: rgba(41,23,28,.70) !important;
  --ink-mute: rgba(41,23,28,.50) !important;
  --line: rgba(41,23,28,.10) !important;
  --gold: #CCAA8F !important;
  --gold-soft: #DDC4A9 !important;
  --gold-deep: #B08766 !important;
  --forest: #29171C !important;
  --bg: #E4DED7 !important;
  --muted: rgba(41,23,28,.50) !important;
  --line-soft: rgba(41,23,28,.06) !important;
}


/* === KONTRAST V2 · Mehr Weiß, klarere Lesbarkeit === */
:root{
  /* Cream und Paper bleiben für markierte Sektionen, aber Body wird WEIß */
  --bg-white: #FFFFFF !important;
  --bg-warm: #FAF7F2 !important;
}

/* Body: WEISS statt Cream — gibt allen Text-Sektionen klare Lesbarkeit */
body{
  background:#FFFFFF !important;
}

/* Hauptsektionen: weißer Hintergrund für maximale Lesbarkeit */
section.about,
section.promise,
section.reviews,
section.know,
section.journal,
section.cta-block,
section.neu,
section.brand-pick-section,
section.brand-grid,
section.brand-trio{
  background:#FFFFFF !important;
}

/* Cards bekommen warmen Cream als Background-Akzent (statt Weiß-auf-Weiß-Verlust) */
.promise-card,
.know-card,
.review-card,
.cta-info-col{
  background:#FAF7F2 !important;
  border:1px solid rgba(41,23,28,.08) !important;
}

/* Trust-Strip: weißer Cream-Ton für mehr Kontrast als zuvor */
.trust-strip,
.footer-trust-row{
  background:#FAF7F2 !important;
}
.trust-strip .ftr-item strong,
.footer-trust-row .ftr-item strong{
  color:#29171C !important;
}
.trust-strip .ftr-item span,
.footer-trust-row .ftr-item span{
  color:rgba(41,23,28,.65) !important;
}

/* Text-Hierarchie verstärken: Soft-Texte werden klarer */
:root{
  --ink-soft: rgba(41,23,28,.78) !important;
  --ink-mute: rgba(41,23,28,.58) !important;
}

/* Body-Text größer + dunkler */
body, p{
  color:#29171C !important;
}
p.kicker, p.sub, .sub, .lead{
  color:rgba(41,23,28,.75) !important;
}

/* Eyebrows mit klarem Apricot — gut lesbar auf weiß */
.meta-gold{
  color:#B08766 !important;
}
.meta-gold::before{
  background:#CCAA8F !important;
}

/* Footer-Trust-Strip — heller Background für Lesbarkeit */
.trust-strip{
  background:#FAF7F2 !important;
  border-top:1px solid rgba(204,170,143,.25) !important;
  border-bottom:1px solid rgba(204,170,143,.25) !important;
}
.trust-strip .ftr-item svg{
  color:#B08766 !important;
}

/* Footer-Main Background bleibt dunkel-Burgund, aber Text-Kontraste hochziehen */
footer.footer.footer-v2{
  background:#1A0E12 !important;
}
.footer-col h6{
  color:#DDC4A9 !important;
}
.footer-col a, .footer-col .footer-btn-link{
  color:rgba(228,222,215,.85) !important;
}
.footer-col a:hover, .footer-col .footer-btn-link:hover{
  color:#CCAA8F !important;
}
.footer-tagline{
  color:rgba(228,222,215,.7) !important;
}
.footer-copy{
  color:rgba(228,222,215,.55) !important;
}

/* Buttons mit Schwarz-statt-Burgund für maximalen Kontrast */
.btn.btn-dark{
  background:#000000 !important;
  color:#FFFFFF !important;
}
.btn.btn-dark:hover{
  background:#CCAA8F !important;
  color:#000000 !important;
}

/* Headlines mit reinem Schwarz für scharfen Kontrast */
h1, h2, h3, h4{
  color:#29171C !important;
}
h1 em, h2 em, h3 em, h4 em{
  color:#B08766 !important;
}

/* Hero-Section: weißer Background-Akzent für die rechte Text-Spalte */
.hero{
  background:#FFFFFF !important;
}


/* === MUC LOGO · in Footer-Spalte und Drawer === */
.fsl-link-logo{
  display:flex !important;flex-direction:column !important;
  gap:8px !important;align-items:flex-start !important;
}
.fsl-logo-img{
  display:block !important;
  height:32px !important;width:auto !important;
  filter:brightness(0) invert(1) opacity(.85) !important;
  transition:opacity .25s, filter .25s !important;
  margin-bottom:4px !important;
}
.fsl-link-logo:hover .fsl-logo-img{
  opacity:1 !important;
  filter:brightness(0) invert(1) opacity(1) !important;
}
.fsl-arrow-row{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  font-family:'Inter',sans-serif !important;font-size:.7rem !important;
  font-weight:600 !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;color:#DDC4A9 !important;
}

/* Drawer Sister-Card mit Logo */
.dsc-logo-img{
  height:36px !important;width:auto !important;
  display:block !important;
  filter:none !important;
  max-width:180px !important;
}
.drawer-sister-card .dsc-tagline{
  display:block;
  font-family:'Inter',sans-serif;font-size:.74rem;
  color:rgba(41,23,28,.55);letter-spacing:.04em;
  margin-top:14px;
}

/* MUC-Landing Hero: großes Logo statt Wortmark */
.muc-hero h1{position:relative}


/* === TRUST-STRIP V3 · Weiß auf Burgund — maximaler Kontrast === */
.trust-strip{
  background:#29171C !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.trust-strip .ftr-item{
  color:#FFFFFF !important;
}
.trust-strip .ftr-item svg{
  color:#FFFFFF !important;
  stroke:#FFFFFF !important;
}
.trust-strip .ftr-item strong{
  color:#FFFFFF !important;
  font-weight:500 !important;
}
.trust-strip .ftr-item span{
  color:rgba(255,255,255,.72) !important;
}

/* WhatsApp-Bar im gleichen Stil — wenn dunkel */
.footer-wa-row{
  background:#29171C !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.ftr-wa-eyebrow{
  color:#FFFFFF !important;
  opacity:.8;
}
.ftr-wa-text strong{
  color:#FFFFFF !important;
}
.ftr-wa-text strong em{
  color:#DDC4A9 !important;
}
.ftr-wa-text .fs-wa-sub,
.ftr-wa-text span.fs-wa-sub{
  color:rgba(255,255,255,.72) !important;
}
.ftr-wa-icon{
  border-color:rgba(37,211,102,.6) !important;
}
.ftr-wa-icon svg{
  fill:#25D366 !important;
}


/* === MEGA-MENU + DRAWER + MODALS · Weißer Background für klare Lesbarkeit === */

/* Mega-Menu generell weiß statt Paper-Beige */
.megamenu{
  background:#FFFFFF !important;
  border-top:1px solid rgba(204,170,143,.25) !important;
  border-bottom:1px solid rgba(41,23,28,.06) !important;
}
.megamenu-buy,
.megamenu-haus{
  background:#FFFFFF !important;
}

/* Brand-Preview-Box im Mega-Menu: bleibt mit Bild, kein Background-Issue */

/* Item-Trennlinien in Mega-Menu dezenter */
.megamenu-buy .megamenu-col li,
.megamenu-haus .megamenu-col li{
  border-top-color:rgba(41,23,28,.06) !important;
}

/* Contact-Drawer: weißer Background */
.contact-drawer{
  background:#FFFFFF !important;
}
.contact-card{
  background:#FFFFFF !important;
  border:1px solid rgba(41,23,28,.08) !important;
}
.contact-card:hover{
  background:#FAF7F2 !important;
  border-color:rgba(204,170,143,.4) !important;
}

/* Iframe-Modal-Sidebar weiß */
.iframe-modal-right{
  background:#FFFFFF !important;
}
.imr-features{
  background:#FAF7F2 !important;
}

/* Modal-Box generell weiß */
.modal-box,
.modal-box-iframe{
  background:#FFFFFF !important;
}

/* Drawer-Sister-Card: kein Cream-Tint mehr (war fast unlesbar) */
.drawer-sister-card{
  background:#29171C !important;
  border-color:rgba(204,170,143,.4) !important;
}
.drawer-sister-card .dsc-eyebrow{
  color:#DDC4A9 !important;
}
.drawer-sister-card .dsc-tagline{
  color:rgba(255,255,255,.65) !important;
}
.drawer-sister-card .dsc-arrow{
  color:#DDC4A9 !important;
}
.drawer-sister-card .dsc-logo-img{
  filter:brightness(0) invert(1) !important;
}
.drawer-sister-card:hover{
  background:#3A2229 !important;
  border-color:rgba(204,170,143,.7) !important;
}



/* === FOOTER MAIN · 5 gleich breite Spalten (Brand + 4 Cols) === */
.footer-v2 .footer-main{
  display:grid !important;
  grid-template-columns:repeat(5, 1fr) !important;
  gap:clamp(28px,3vw,44px) !important;
  align-items:start !important;
  max-width:var(--max,1280px) !important;
  margin:0 auto !important;
  padding:clamp(48px,5vw,68px) clamp(24px,3vw,40px) !important;
}
.footer-v2 .footer-brand{
  display:flex !important;flex-direction:column !important;gap:18px !important;
}
.footer-v2 .footer-cols{
  display:contents !important;
}
.footer-v2 .footer-col{
  margin:0 !important;
}

/* MUC-Logo in Sister-Spalte etwas größer & sauberer */
.fsl-link-logo .fsl-logo-img{
  height:38px !important;
  max-width:100% !important;
  margin-bottom:14px !important;
}

/* Mobile */
@media(max-width:1080px){
  .footer-v2 .footer-main{grid-template-columns:repeat(3,1fr) !important;gap:36px !important}
  .footer-v2 .footer-cols{display:contents !important}
}
@media(max-width:680px){
  .footer-v2 .footer-main{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:440px){
  .footer-v2 .footer-main{grid-template-columns:1fr !important}
}


/* === KONTAKT-KARTEN · weiße Cards für klare Lesbarkeit === */
.contact-card,
.contact-cards .contact-card,
section.contact .contact-card{
  background:#FFFFFF !important;
  border:1px solid rgba(41,23,28,.1) !important;
  transition:border-color .35s, box-shadow .4s, background .35s !important;
}
.contact-card:hover{
  background:#FFFFFF !important;
  border-color:rgba(204,170,143,.5) !important;
  box-shadow:0 18px 40px -28px rgba(41,23,28,.25) !important;
}

/* Buttons in den Karten dunkel-Burgund mit weißem Text für klaren CTA */
.contact-card .btn,
.contact-card a.btn,
section.contact .btn{
  background:#29171C !important;
  color:#FFFFFF !important;
  border:1px solid #29171C !important;
}
.contact-card .btn:hover{
  background:#CCAA8F !important;
  color:#29171C !important;
  border-color:#CCAA8F !important;
}


/* === HEADER · WEIßER HINTERGRUND + Mobile-Optimierung === */
.header,
.header.header-v8,
header.header{
  background:#FFFFFF !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-bottom:1px solid rgba(41,23,28,.08) !important;
}
.header.scrolled{
  background:#FFFFFF !important;
  box-shadow:0 8px 20px -14px rgba(41,23,28,.12) !important;
}

/* === BURGER MIT MENÜ-TEXT (Mobile) === */
.burger{
  display:none;align-items:center;gap:9px;
  background:none;border:none;cursor:pointer;
  padding:8px 12px 8px 8px;
}
.burger-lines{display:inline-flex;flex-direction:column;gap:4px;width:22px}
.burger-lines span{display:block;width:100%;height:2px;background:#29171C;transition:transform .3s,opacity .3s}
.burger-label{
  font-family:'Inter',sans-serif;font-size:.74rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:#29171C;
}
.burger[aria-expanded="true"] .burger-lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] .burger-lines span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] .burger-lines span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:980px){
  .burger{display:inline-flex !important;}
  /* Burger oben rechts — wird automatisch durch header-right grid */
  .header-right{order:2;justify-content:flex-end !important;}
}

/* === NEUZUGÄNGE · 2 Spalten auf Mobile === */
@media(max-width:880px){
  .neu-grid,
  section.neu .neu-grid,
  .neu .neu-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }
  .neu-card .neu-card-body{padding:14px 14px 0 !important}
  .neu-card .neu-card-body h3{font-size:1rem !important}
  .neu-card .neu-card-foot{padding:12px 14px !important;margin:0 -14px !important}
  .neu-card .neu-card-foot .price{font-size:.95rem !important}
  .neu-card .neu-card-tag{font-size:.6rem !important;padding:4px 8px !important;top:8px !important;left:8px !important}
}

/* === BEWERTUNGEN · CAROUSEL === */
.reviews-grid,
section.reviews .reviews-grid{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  gap:18px !important;
  padding:8px 24px 24px !important;
  margin:0 -24px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(204,170,143,.4) transparent;
}
.reviews-grid::-webkit-scrollbar{height:6px}
.reviews-grid::-webkit-scrollbar-thumb{background:rgba(204,170,143,.4);border-radius:3px}
.reviews-grid::-webkit-scrollbar-track{background:transparent}
.reviews-grid > .review-card,
.reviews-grid article{
  scroll-snap-align:start !important;
  flex:0 0 clamp(280px,32vw,380px) !important;
  min-width:0;
}
@media(max-width:680px){
  .reviews-grid > .review-card,
  .reviews-grid article{
    flex:0 0 85vw !important;
  }
}

/* Carousel-Hint: Pfeile/Cue */
.reviews-cta::before{
  content:"← scrollen für mehr →";
  display:block;text-align:center;
  font-family:'Inter',sans-serif;font-size:.66rem;
  letter-spacing:.22em;text-transform:uppercase;
  color:rgba(41,23,28,.45);margin-bottom:18px;
}



/* === JOURNAL · CAROUSEL === */
.journal-grid,
section.journal .journal-grid,
.journal-row{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  gap:24px !important;
  padding:8px 24px 24px !important;
  margin:0 -24px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(204,170,143,.4) transparent;
}
.journal-grid::-webkit-scrollbar,
.journal-row::-webkit-scrollbar{height:6px}
.journal-grid::-webkit-scrollbar-thumb,
.journal-row::-webkit-scrollbar-thumb{background:rgba(204,170,143,.4);border-radius:3px}
.journal-grid::-webkit-scrollbar-track,
.journal-row::-webkit-scrollbar-track{background:transparent}
.journal-grid > .article-c,
.journal-grid > article,
.journal-row > .article-c,
.journal-row > article{
  scroll-snap-align:start !important;
  flex:0 0 clamp(320px,30vw,420px) !important;
  min-width:0;
}
@media(max-width:680px){
  .journal-grid > .article-c,
  .journal-grid > article,
  .journal-row > .article-c,
  .journal-row > article{
    flex:0 0 85vw !important;
  }
}

/* Carousel-Hint (Journal) — entfernt auf Wunsch */



/* === REVIEWS · CAROUSEL VOLLE VIEWPORT-BREITE === */
.reviews-grid,
section.reviews .reviews-grid{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  gap:18px !important;
  padding:8px clamp(20px,4vw,48px) 24px !important;
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(204,170,143,.4) transparent;
  box-sizing:border-box !important;
}
.reviews-grid::-webkit-scrollbar{height:6px}
.reviews-grid::-webkit-scrollbar-thumb{background:rgba(204,170,143,.4);border-radius:3px}
.reviews-grid::-webkit-scrollbar-track{background:transparent}
.reviews-grid > .review-card,
.reviews-grid > article{
  scroll-snap-align:start !important;
  flex:0 0 clamp(300px,28vw,400px) !important;
  min-width:0;
}
@media(max-width:680px){
  .reviews-grid > .review-card,
  .reviews-grid > article{
    flex:0 0 80vw !important;
  }
}

/* === JOURNAL · CAROUSEL VOLLE VIEWPORT-BREITE (analog) === */
.journal-grid,
section.journal .journal-grid,
.journal-row{
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
  padding:8px clamp(20px,4vw,48px) 24px !important;
  box-sizing:border-box !important;
}


/* === TRUST-BAR · KOMPAKTER auf MOBILE === */
@media(max-width:880px){
  .trust-bar{
    padding:18px 0 !important;
  }
  .trust-row{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px 8px !important;
    padding:0 14px !important;
  }
  .trust-item{
    padding:10px 6px !important;
    gap:3px !important;
    border-right:none !important;
    border-bottom:1px solid var(--line-soft, rgba(41,23,28,.06)) !important;
  }
  .trust-item:nth-last-child(-n+2){
    border-bottom:none !important;padding-bottom:4px !important;
  }
  .trust-item .num,
  .trust-item .num em{
    font-size:1.1rem !important;
    line-height:1.1 !important;
    margin-bottom:0 !important;
  }
  .trust-item .stars{
    font-size:.62rem !important;
    letter-spacing:.06em !important;
  }
  .trust-item .lbl{
    font-size:.56rem !important;
    letter-spacing:.14em !important;
    line-height:1.2 !important;
  }
  .trust-item svg{
    width:16px !important;height:16px !important;
  }
  .trust-item .c24-mark,
  .trust-item .c24-mark.c24-dark{
    font-size:.6rem !important;
    padding:2px 5px !important;
  }
  .trust-item .num em{
    font-size:.86rem !important;
  }
}

/* Noch kompakter auf sehr kleinen Screens */
@media(max-width:420px){
  .trust-row{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px 6px !important;
  }
  .trust-item{
    padding:8px 4px !important;
  }
}


/* === NEUZUGÄNGE · MOBILE EDGE-TO-EDGE === */
@media(max-width:880px){
  section.neu,
  .neu{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .neu-grid,
  section.neu .neu-grid,
  .neu .neu-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  .neu-card{
    border-left:none !important;
    border-right:none !important;
  }
  .neu-card:nth-child(odd){
    border-left:none !important;
  }
  /* Headline der Section behält sein Padding */
  section.neu .neu-head,
  .neu .neu-head{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  /* Filter behält Padding */
  .neu-filters{
    padding:0 14px 14px !important;
  }
}


/* === MOBILER HEADER · Optimierung === */
@media(max-width:980px){
  /* Header-Grid auf Mobile: Logo links, Aktions-Bereich rechts */
  .header.header-v8,
  .header-v8{
    padding:10px 0 !important;
  }
  .header-grid,
  .header-grid-v8{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:0 14px !important;
    max-width:none !important;
  }

  /* Logo links — kompakter */
  .logo-left,
  .header.header-v8 .logo,
  .header-v8 .logo{
    flex:0 0 auto !important;
  }
  .logo-left img,
  .header.header-v8 .logo img,
  .header-v8 .logo img{
    height:36px !important;
    width:auto !important;
  }

  /* Center-Nav verstecken — nur Burger zeigt Menü */
  .nav-center,
  .nav-center .nav{
    display:none !important;
  }

  /* Right-Bereich: Get-in-touch + Burger nebeneinander */
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
  }

  /* Get-in-touch auf Mobile: nur Icon, kein Text */
  .btn-get-in-touch{
    padding:9px 11px !important;
    font-size:0 !important;
    line-height:0 !important;
    background:transparent !important;
    color:#29171C !important;
    border:1px solid rgba(41,23,28,.15) !important;
    border-radius:50% !important;
    width:38px !important;height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
  }
  .btn-get-in-touch svg{
    width:16px !important;height:16px !important;
    fill:#29171C !important;
    margin:0 !important;
  }

  /* Burger mit Menü-Text */
  .burger{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:8px 12px !important;
    background:#29171C !important;
    color:#FFFFFF !important;
    border:none !important;
    border-radius:0 !important;
  }
  .burger-lines span{background:#FFFFFF !important;}
  .burger-label{
    color:#FFFFFF !important;
    font-size:.7rem !important;
    letter-spacing:.18em !important;
  }
}

/* Sehr klein: Get-in-touch ggf. ausblenden für Platz */
@media(max-width:420px){
  .btn-get-in-touch{
    width:34px !important;height:34px !important;
    padding:7px !important;
  }
  .burger{padding:7px 10px !important;}
  .burger-label{font-size:.65rem !important;letter-spacing:.16em !important;}
  .logo-left img,
  .header-v8 .logo img{height:32px !important;}
}


/* === MOBILE NAV · DROPDOWN unter dem Header === */
@media(max-width:980px){
  /* m-nav als Dropdown unter Header — kein Side-Drawer mehr */
  .m-nav{
    position:fixed !important;
    top:64px !important;
    left:0 !important;right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    max-height:calc(100vh - 64px) !important;
    overflow-y:auto !important;
    background:#FFFFFF !important;
    border-top:1px solid rgba(41,23,28,.1) !important;
    box-shadow:0 24px 32px -16px rgba(41,23,28,.18) !important;
    transform:translateY(-12px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:opacity .35s cubic-bezier(.2,.8,.2,1), transform .35s cubic-bezier(.2,.8,.2,1), visibility .35s !important;
    padding:24px 0 28px !important;
    z-index:48 !important;
  }
  .m-nav.open{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
  }
  .m-nav ul{
    list-style:none !important;
    margin:0 !important;padding:0 !important;
    display:flex !important;flex-direction:column !important;gap:0 !important;
  }
  .m-nav li{
    margin:0 !important;
    border-bottom:1px solid rgba(41,23,28,.05) !important;
  }
  .m-nav li:last-child{border-bottom:none !important;}
  .m-nav a,
  .m-nav button{
    display:block !important;
    width:100% !important;
    padding:18px 24px !important;
    font-family:'Cormorant Garamond',serif !important;
    font-weight:500 !important;font-size:1.25rem !important;
    color:#29171C !important;text-decoration:none !important;
    background:transparent !important;border:none !important;
    text-align:left !important;cursor:pointer !important;
    transition:color .25s, background .25s, padding-left .25s !important;
    letter-spacing:-.005em !important;
    line-height:1.2 !important;
  }
  .m-nav a:hover,
  .m-nav button:hover{
    color:#B08766 !important;
    background:rgba(204,170,143,.06) !important;
    padding-left:30px !important;
  }
  .m-nav .m-meta{
    margin-top:18px !important;
    padding:18px 24px 0 !important;
    border-top:1px solid rgba(41,23,28,.08) !important;
    display:flex !important;flex-direction:column !important;gap:14px !important;
  }
  .m-nav .m-meta a,
  .m-nav .btn-wa-mini{
    padding:14px 18px !important;
    font-family:'Inter',sans-serif !important;
    font-size:.78rem !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    font-weight:600 !important;
  }
  .m-nav .btn-wa-mini{
    background:#25D366 !important;color:#0D1615 !important;
    text-align:center !important;
  }

  /* Backdrop hinter dem Dropdown */
  .mega-backdrop{
    background:rgba(41,23,28,.4) !important;
    z-index:47 !important;
  }
  .mega-backdrop.open{
    opacity:1 !important;visibility:visible !important;
  }
  body.nav-open .mega-backdrop{
    opacity:1 !important;visibility:visible !important;
  }
}


/* === REVIEWS · Abstände kompakter + Navigation im Brand-Stil === */
section.reviews{
  padding-top:clamp(48px,5vw,72px) !important;
  padding-bottom:clamp(40px,4vw,64px) !important;
}
.reviews-grid,
section.reviews .reviews-grid{
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:24px !important;
  margin-bottom:24px !important;
}
.reviews-grid > .review-card,
.reviews-grid > article{
  margin:0 !important;
}

/* Carousel-Navigation als echte Pfeil-Buttons (Brand-Stil) */
.reviews-cta::before{
  content:none !important;
}
.reviews-nav{
  display:flex;align-items:center;justify-content:center;
  gap:24px;margin:8px auto 0;
}
.reviews-nav-btn{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  border:1px solid rgba(41,23,28,.2);
  color:#29171C;cursor:pointer;
  transition:background .25s,border-color .25s,color .25s,transform .2s;
  border-radius:50%;
}
.reviews-nav-btn:hover{
  background:#29171C;border-color:#29171C;color:#FFFFFF;
}
.reviews-nav-btn svg{
  width:14px;height:14px;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.reviews-nav-counter{
  font-family:'Inter',sans-serif;
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  font-weight:600;color:rgba(41,23,28,.6);
  min-width:60px;text-align:center;
}


/* === PROCESS-RAIL · Slider statt Grid + Cleane UX === */
.process-rail{
  padding:clamp(56px,5vw,80px) 0 !important;
  background:#FFFFFF !important;
}
.process-rail-head{
  text-align:center !important;
  max-width:680px;margin:0 auto 36px !important;
  padding:0 24px !important;
}
.process-rail-head h2{margin-bottom:8px !important;}

/* Cards in horizontalem Scroll-Carousel */
.process-rail-grid,
.process-rail-row,
section.process-rail .process-grid{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  gap:18px !important;
  padding:8px clamp(20px,4vw,48px) 24px !important;
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-right:calc(-50vw + 50%) !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(204,170,143,.4) transparent;
  box-sizing:border-box !important;
}
.process-rail-grid::-webkit-scrollbar,
.process-rail-row::-webkit-scrollbar{height:6px}
.process-rail-grid::-webkit-scrollbar-thumb,
.process-rail-row::-webkit-scrollbar-thumb{background:rgba(204,170,143,.4);border-radius:3px}

/* Proc-Card neu */
.proc-card{
  flex:0 0 clamp(280px,26vw,360px) !important;
  scroll-snap-align:start !important;
  background:#FFFFFF !important;
  border:1px solid rgba(41,23,28,.08) !important;
  display:flex !important;flex-direction:column !important;
  overflow:hidden !important;
  position:relative !important;
  min-width:0 !important;
  transition:border-color .3s, box-shadow .35s !important;
}
.proc-card:hover{
  border-color:rgba(204,170,143,.4) !important;
  box-shadow:0 18px 40px -28px rgba(41,23,28,.25) !important;
}
.proc-card-img,
.proc-card > img{
  position:relative !important;
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:var(--paper) !important;
}
.proc-card-img img,
.proc-card > img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;display:block !important;
  transition:transform .65s cubic-bezier(.2,.8,.2,1) !important;
}
.proc-card:hover .proc-card-img img,
.proc-card:hover > img{transform:scale(1.04) !important;}

/* Roman-Numeral oben rechts WEG */
.proc-card .step-roman,
.proc-card .roman,
.proc-card .number-roman{display:none !important;}

.proc-card-body{
  padding:24px 24px 28px !important;
  flex:1 !important;
  display:flex !important;flex-direction:column !important;
  gap:8px !important;
}
.proc-card-eyebrow{
  display:inline-block !important;
  font-family:'Inter',sans-serif !important;
  font-size:.66rem !important;font-weight:600 !important;
  letter-spacing:.22em !important;text-transform:uppercase !important;
  color:#B08766 !important;
  margin-bottom:6px !important;
}
.proc-card h3{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:1.2rem !important;
  line-height:1.2 !important;
  color:#29171C !important;
  margin:0 0 8px !important;
  letter-spacing:-.005em !important;
}
.proc-card h3 em{font-style:italic !important;color:#B08766 !important;font-weight:500 !important;}
.proc-card p{
  font-family:'Inter',sans-serif !important;
  font-size:.86rem !important;
  line-height:1.55 !important;
  color:rgba(41,23,28,.72) !important;
  margin:0 !important;
}

/* Mobile */
@media(max-width:680px){
  .proc-card{flex:0 0 80vw !important;}
}

/* Process-Navigation (Pfeile + Counter) */
.process-rail-nav{
  display:flex;align-items:center;justify-content:center;
  gap:24px;margin:24px auto 0;
}
.process-rail-nav .nav-btn{
  width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(41,23,28,.2);
  background:transparent;color:#29171C;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .25s,border-color .25s,color .25s;
}
.process-rail-nav .nav-btn:hover{background:#29171C;border-color:#29171C;color:#FFFFFF;}
.process-rail-nav .nav-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.process-rail-nav .nav-counter{
  font-family:'Inter',sans-serif;font-size:.7rem;
  letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:rgba(41,23,28,.6);min-width:60px;text-align:center;
}


/* ============================================================
   HERO-VEREINHEITLICHUNG · Konsistente Farben + Layout für ALLE Pages
   ============================================================ */

/* === PAGE-HERO V2 · für werkstatt, journal, kontakt, kundenstimmen, qualitaet, alle-uhren, versand === */
.page-hero{
  padding:130px 0 0 !important;
  background:#FFFFFF !important;
  position:relative !important;
}
.page-hero-inner,
.page-hero-grid{
  max-width:1240px !important;
  margin:0 auto !important;
  padding:clamp(48px,5vw,80px) clamp(20px,3vw,48px) clamp(48px,5vw,72px) !important;
}

/* Mit Bild: 2-Spalten-Grid, Text links, Bild rechts (wie Index) */
.page-hero.with-image .page-hero-grid{
  display:grid !important;
  grid-template-columns:1.1fr 1fr !important;
  gap:clamp(40px,5vw,80px) !important;
  align-items:center !important;
}
.page-hero.with-image .text{display:flex !important;flex-direction:column !important;}
.page-hero.with-image .img{
  position:relative !important;
  aspect-ratio:4/5 !important;
  overflow:hidden !important;
  background:var(--paper) !important;
}
.page-hero.with-image .img img{
  width:100% !important;height:100% !important;
  object-fit:cover !important;display:block !important;
}

/* Ohne Bild: Center-Layout, Text mittig */
.page-hero:not(.with-image) .page-hero-inner{
  text-align:left !important;
}

/* Crumbs konsistent */
.page-hero .crumbs{
  font-family:'Inter',sans-serif !important;
  font-size:.7rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(41,23,28,.55) !important;
  margin-bottom:clamp(20px,2.5vw,30px) !important;
  font-weight:500 !important;
}
.page-hero .crumbs a{color:rgba(41,23,28,.55) !important;text-decoration:none !important;transition:color .25s !important;}
.page-hero .crumbs a:hover{color:#B08766 !important;}
.page-hero .crumbs .sep{margin:0 8px !important;color:rgba(41,23,28,.25) !important;}

/* Eyebrow konsistent */
.page-hero .meta-gold{
  display:inline-flex !important;
  margin-bottom:18px !important;
  color:#B08766 !important;
  font-size:.7rem !important;
  letter-spacing:.18em !important;
}

/* Headline */
.page-hero h1{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(2.2rem,4.5vw,3.6rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.015em !important;
  color:#29171C !important;
  max-width:18ch !important;
  margin:0 0 24px !important;
}
.page-hero h1 em{
  font-style:italic !important;
  color:#B08766 !important;
  font-weight:500 !important;
}

/* Lead */
.page-hero .lead{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:clamp(1.15rem,1.5vw,1.4rem) !important;
  line-height:1.55 !important;
  color:rgba(41,23,28,.78) !important;
  max-width:60ch !important;
  margin:0 0 32px !important;
}

/* CTAs */
.page-hero-ctas{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:0 !important;
}
.page-hero-ctas .btn{
  padding:14px 24px !important;
  font-family:'Inter',sans-serif !important;
  font-size:.72rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  transition:background .35s, color .35s, gap .3s, box-shadow .35s !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.page-hero-ctas .btn-dark{
  background:#29171C !important;color:#FFFFFF !important;border:1px solid #29171C !important;
}
.page-hero-ctas .btn-dark:hover{
  background:#CCAA8F !important;color:#29171C !important;border-color:#CCAA8F !important;gap:14px !important;
  box-shadow:0 8px 24px -10px rgba(204,170,143,.5) !important;
}
.page-hero-ctas .btn-outline{
  background:transparent !important;color:#29171C !important;border:1px solid rgba(41,23,28,.25) !important;
}
.page-hero-ctas .btn-outline:hover{
  border-color:#B08766 !important;color:#B08766 !important;background:rgba(204,170,143,.06) !important;gap:14px !important;
}
.page-hero-ctas .btn svg{width:13px !important;height:13px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.6 !important;stroke-linecap:round !important;}

/* Mobile */
@media(max-width:880px){
  .page-hero{padding-top:90px !important;}
  .page-hero.with-image .page-hero-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .page-hero.with-image .img{aspect-ratio:16/10 !important;}
  .page-hero h1{font-size:clamp(1.8rem,7vw,2.4rem) !important;}
  .page-hero .lead{font-size:1.05rem !important;}
}

/* === Brand-Hero auch konsistent ziehen (war schon V2) === */
.brand-hero{background:#1A0E12 !important;}
.brand-hero h1 em{color:#DDC4A9 !important;}


/* === REVIEWS · Padding-Fix · keine Lücke rechts === */
.reviews-grid,
section.reviews .reviews-grid,
.journal-grid,
.journal-row,
.process-rail-grid,
.process-rail-row{
  padding-right:0 !important;
  scroll-padding-left:clamp(20px,4vw,48px) !important;
}
/* Erste Card bekommt Margin-Left damit das padding-left dem ersten Snap-Punkt entspricht */
.reviews-grid > *:first-child,
.journal-grid > *:first-child,
.journal-row > *:first-child,
.process-rail-grid > *:first-child,
.process-rail-row > *:first-child{
  margin-left:0 !important;
}
/* Letzte Card bekommt Margin-Right damit der Carousel sauber abschließt */
.reviews-grid > *:last-child,
.journal-grid > *:last-child,
.journal-row > *:last-child,
.process-rail-grid > *:last-child,
.process-rail-row > *:last-child{
  margin-right:clamp(20px,4vw,48px) !important;
}


/* === REVIEWS-HEAD V2 · Google + Chrono24 nebeneinander === */
.reviews-head-platforms{
  display:inline-flex;align-items:center;gap:24px;
  margin-top:16px;flex-wrap:wrap;justify-content:center;
}
.rh-platform{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;color:#29171C;
  transition:opacity .25s;
}
.rh-platform:hover{opacity:.7;}
.rh-platform .glogo{width:22px;height:22px;flex-shrink:0;}
.rh-platform strong{
  font-family:'Cormorant Garamond',serif;font-size:1.1rem;
  font-weight:500;color:#29171C;letter-spacing:-.005em;
}
.rh-platform .stars{color:#B08766;font-size:.82rem;letter-spacing:.06em;}
.rh-platform-label{
  font-family:'Inter',sans-serif;font-size:.78rem;
  color:rgba(41,23,28,.62);letter-spacing:.02em;
}
.rh-divider{
  width:1px;height:24px;background:rgba(41,23,28,.15);
}
@media(max-width:680px){
  .reviews-head-platforms{flex-direction:column;gap:12px;}
  .rh-divider{display:none;}
}


/* === PROCESS-RAIL · BOXED · zentriert mit max-width === */
.process-rail-grid,
.process-rail-row,
section.process-rail .process-grid{
  width:auto !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:8px clamp(20px,3vw,40px) 24px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.process-rail-grid > *:first-child,
.process-rail-row > *:first-child,
section.process-rail .process-grid > *:first-child{
  margin-left:0 !important;
}
.process-rail-grid > *:last-child,
.process-rail-row > *:last-child,
section.process-rail .process-grid > *:last-child{
  margin-right:0 !important;
}

/* Pfeil-Navigation auch zentriert in der Box */
.process-rail-nav{
  max-width:1240px !important;
  margin:24px auto 0 !important;
  padding:0 clamp(20px,3vw,40px) !important;
}


/* === REVIEWS + JOURNAL · BOXED · zentriert mit max-width === */
.reviews-grid,
section.reviews .reviews-grid,
.journal-grid,
section.journal .journal-grid,
.journal-row{
  width:auto !important;
  max-width:1240px !important;
  margin:24px auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:8px clamp(20px,3vw,40px) 24px !important;
}
.reviews-grid > *:first-child,
.journal-grid > *:first-child,
.journal-row > *:first-child{
  margin-left:0 !important;
}
.reviews-grid > *:last-child,
.journal-grid > *:last-child,
.journal-row > *:last-child{
  margin-right:0 !important;
}

/* Pfeil-Navigation auch zentriert in der Box */
.reviews-nav{
  max-width:1240px !important;
  margin:24px auto 0 !important;
  padding:0 clamp(20px,3vw,40px) !important;
}


/* === REVIEWS-HEAD-PLATFORMS · IMMER in einer Zeile === */
.reviews-head-platforms{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(14px,2vw,28px) !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
}
.rh-divider{display:inline-block !important;width:1px !important;height:24px !important;background:rgba(41,23,28,.15) !important;}

/* Auf engen Screens nicht column, sondern kompakter (Label ggf. kleiner) */
@media(max-width:680px){
  .reviews-head-platforms{
    flex-direction:row !important;
    gap:14px !important;
  }
  .rh-platform .rh-platform-label{
    display:none !important;
  }
  .rh-divider{display:inline-block !important;}
}
@media(max-width:420px){
  .reviews-head-platforms{gap:10px !important;}
  .rh-platform strong{font-size:.95rem !important;}
  .rh-platform .stars{font-size:.7rem !important;}
}


/* ====================================================================
   BRAND-PAGE POLISH · 2026-05-14
   Patches für Rolex / Patek / AP nach Kilians 5-Punkte-Brief
   1. weißer Hintergrund
   2. Mosaic edge-to-edge (keine Lücken/Streifen)
   3. Versprechen-Boxen sichtbar weiß auf hellem Sektion-BG
   4. Gap zwischen Versprechen + CTA schließen
   5. Process-Rail überall boxed (max-width 1240)
   ==================================================================== */

/* 1) Weißer Hintergrund — Brand-Page Body + Standard-Sektionen */
body.brand-page,
body.brand-page section.section,
body.brand-page section.cta-block,
body.brand-page section.mosaic{
  background:#FFFFFF !important;
}
body.brand-page .split.alt{
  background:#FFFFFF !important;
  border-top:none !important;
  border-bottom:none !important;
}

/* 2) Mosaic edge-to-edge · 3 Bilder ohne Gaps + ohne Section-BG-Streifen */
body.brand-page section.mosaic.brand-mosaic-edge,
body.brand-page section.mosaic.is-edge{
  padding:0 !important;
  background:#FFFFFF !important;
}
body.brand-page section.mosaic.brand-mosaic-edge .mosaic-grid,
body.brand-page section.mosaic.is-edge .mosaic-grid{
  max-width:none !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
  grid-template-columns:repeat(3,1fr) !important;
}
body.brand-page section.mosaic.brand-mosaic-edge .mosaic-tile,
body.brand-page section.mosaic.is-edge .mosaic-tile{
  aspect-ratio:1 !important;
  background:transparent !important;
}
body.brand-page section.mosaic.brand-mosaic-edge .mosaic-tile img,
body.brand-page section.mosaic.is-edge .mosaic-tile img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
@media(max-width:760px){
  body.brand-page section.mosaic.brand-mosaic-edge .mosaic-grid,
  body.brand-page section.mosaic.is-edge .mosaic-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

/* 3) Versprechen · Section auf cream, Cards weiß mit Schatten */
body.brand-page section.feature-promise{
  background:#F4F1EA !important;
  border-top:none !important;
  border-bottom:none !important;
  padding-top:clamp(56px,5vw,80px) !important;
  padding-bottom:0 !important;
}
body.brand-page section.feature-promise .feature-grid{
  padding-bottom:clamp(56px,5vw,80px) !important;
}
body.brand-page section.feature-promise .feature-card{
  background:#FFFFFF !important;
  border:1px solid rgba(41,23,28,.06) !important;
  box-shadow:0 14px 30px -22px rgba(41,23,28,.18) !important;
}

/* 4) Gap schließen · CTA bündig an Versprechen anschließen */
body.brand-page section.feature-promise + section.cta-block,
body.brand-page section.cta-block.brand-cta-tight{
  padding-top:0 !important;
  margin-top:0 !important;
}
body.brand-page section.feature-promise + section.cta-block .cta-grid,
body.brand-page section.cta-block.brand-cta-tight .cta-grid{
  padding-top:clamp(40px,4vw,60px) !important;
}

/* 5) Process-Rail · BOXED auch wenn HTML .proc-rail nutzt */
section.process-rail .proc-rail{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  gap:18px !important;
  width:auto !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:8px clamp(20px,3vw,40px) 24px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(204,170,143,.4) transparent !important;
  box-sizing:border-box !important;
}
section.process-rail .proc-rail::-webkit-scrollbar{height:6px;}
section.process-rail .proc-rail::-webkit-scrollbar-thumb{background:rgba(204,170,143,.4);border-radius:3px;}
section.process-rail .proc-rail > .proc-card{
  flex:0 0 clamp(280px,26vw,360px) !important;
  scroll-snap-align:start !important;
  background:#FFFFFF !important;
  border:1px solid rgba(41,23,28,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  position:relative !important;
}
section.process-rail .proc-rail > .proc-card:first-child{margin-left:0 !important;}
section.process-rail .proc-rail > .proc-card:last-child{margin-right:0 !important;}
@media(max-width:760px){
  section.process-rail .proc-rail > .proc-card{flex:0 0 80vw !important;}
}


/* ====================================================================
   BRAND-PAGE · GAP-FIX · cream durchgängig vom Versprechen → CTA
   Kein weißer Streifen mehr zwischen Versprechen-Boxen und CTA-Block
   ==================================================================== */
body.brand-page section.feature-promise{
  padding-top:clamp(56px,5vw,80px) !important;
  padding-bottom:clamp(40px,4vw,56px) !important;
  background:#F4F1EA !important;
  margin-bottom:0 !important;
}
body.brand-page section.feature-promise .feature-grid{
  padding-bottom:0 !important;
}
body.brand-page section.feature-promise + section.cta-block{
  background:#F4F1EA !important;
  padding-top:0 !important;
  padding-bottom:clamp(56px,5vw,80px) !important;
  margin-top:0 !important;
  border-top:none !important;
}
body.brand-page section.feature-promise + section.cta-block .cta-grid{
  padding-top:0 !important;
}


/* ====================================================================
   BRAND-PAGE · GAP-FIX V2 · Trust-Strip + CTA wirklich nahtlos
   ==================================================================== */

/* CTA-Block bekommt cream — IMMER auf brand-page, unabhängig vom Sibling */
body.brand-page section.cta-block,
body.brand-page section.cta-block#kontakt{
  background:#F4F1EA !important;
  padding-top:0 !important;
  padding-bottom:clamp(56px,5vw,80px) !important;
  margin-top:0 !important;
  border-top:none !important;
}
body.brand-page section.cta-block .cta-grid{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* Versprechen-Section endet wirklich bündig — keine ungewollten margins */
body.brand-page section.feature-promise{
  margin-bottom:0 !important;
  border-bottom:none !important;
  padding-bottom:clamp(40px,4vw,56px) !important;
}
body.brand-page section.feature-promise + section.cta-block{
  margin-top:-1px !important; /* gegen sub-pixel Lücke */
}

/* Trust-Strip schließt direkt an CTA an — keine cream/weiß Lücke davor */
body.brand-page section.cta-block + section.trust-strip,
body.brand-page section.trust-strip{
  margin-top:0 !important;
  border-top:none !important;
}


/* ====================================================================
   VERKAUFEN-MODAL · 2-spaltig · 2026-05-14
   Links: 5 Schritte · Rechts: involve.me Formular als iframe
   ==================================================================== */

/* Breiteres Modal-Box für das 2-Spalten-Layout */
.modal#verkaufen-modal .modal-box{
  max-width:1180px !important;
  width:calc(100vw - 40px) !important;
  max-height:92vh !important;
}

/* Body als 2-Spalten Grid: Steps links, Formular rechts */
.modal#verkaufen-modal .modal-body-2col{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) !important;
  gap:0 !important;
  padding:0 !important;
  align-items:stretch !important;
}

/* Linke Spalte: Steps mit Padding */
.modal#verkaufen-modal .vk-steps-col{
  padding:clamp(28px,3vw,40px) clamp(28px,3vw,40px) clamp(28px,3vw,40px) clamp(32px,4vw,48px) !important;
  background:#FAFAF6 !important;
  border-right:1px solid rgba(41,23,28,.10) !important;
  overflow-y:auto !important;
}
.modal#verkaufen-modal .vk-steps-col .vk-intro{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.1rem !important;
  color:#29171C !important;
  line-height:1.5 !important;
  margin:0 0 22px !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(41,23,28,.10) !important;
}
.modal#verkaufen-modal .vk-steps-col .vk-intro strong{
  display:block !important;
  font-weight:500 !important;
  font-size:1.25rem !important;
  color:#29171C !important;
  margin-bottom:6px !important;
}
.modal#verkaufen-modal .vk-steps-col .steps{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
.modal#verkaufen-modal .vk-steps-col .step{
  display:grid !important;
  grid-template-columns:32px 1fr !important;
  gap:14px !important;
  align-items:start !important;
}
.modal#verkaufen-modal .vk-steps-col .step-n{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.4rem !important;
  color:#B08766 !important;
  line-height:1 !important;
  padding-top:2px !important;
}
.modal#verkaufen-modal .vk-steps-col .step-text h4{
  font-family:'Inter',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  color:#29171C !important;
  margin:0 0 4px !important;
  line-height:1.3 !important;
}
.modal#verkaufen-modal .vk-steps-col .step-text p{
  font-family:'Inter',sans-serif !important;
  font-size:.84rem !important;
  color:rgba(41,23,28,.72) !important;
  line-height:1.55 !important;
  margin:0 !important;
}

/* Rechte Spalte: iframe-Container */
.modal#verkaufen-modal .vk-form-col{
  background:#FFFFFF !important;
  display:flex !important;
  flex-direction:column !important;
  position:relative !important;
  min-height:560px !important;
}
.modal#verkaufen-modal .vk-form-col iframe{
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  border:0 !important;
  display:block !important;
  flex:1 1 auto !important;
}
.modal#verkaufen-modal .vk-form-col-fallback{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:40px !important;
  text-align:center !important;
  color:rgba(41,23,28,.55) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.85rem !important;
  pointer-events:none !important;
}
.modal#verkaufen-modal .vk-form-col-fallback .vk-fb-link{
  pointer-events:auto !important;
  font-family:'Inter',sans-serif !important;
  font-size:.74rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  color:#29171C !important;
  text-decoration:none !important;
  border-bottom:1px solid #B08766 !important;
  padding-bottom:2px !important;
}

/* Modal-Head bleibt full-width oben drüber */
.modal#verkaufen-modal .modal-head{
  border-bottom:1px solid rgba(41,23,28,.10) !important;
}

/* Mobile: Spalten untereinander */
@media(max-width:880px){
  .modal#verkaufen-modal .modal-body-2col{
    grid-template-columns:1fr !important;
  }
  .modal#verkaufen-modal .vk-steps-col{
    border-right:none !important;
    border-bottom:1px solid rgba(41,23,28,.10) !important;
    padding:24px 24px 28px !important;
  }
  .modal#verkaufen-modal .vk-form-col{
    min-height:680px !important;
  }
  .modal#verkaufen-modal .vk-form-col iframe{
    min-height:680px !important;
  }
}


/* ====================================================================
   SUCHAUFTRAG-MODAL · iframe-Funnel direkt eingebettet · 2026-05-14
   ==================================================================== */

.modal#suchauftrag-modal .modal-box{
  max-width:980px !important;
  width:calc(100vw - 40px) !important;
  max-height:92vh !important;
  display:flex !important;
  flex-direction:column !important;
}
.modal#suchauftrag-modal .modal-head{
  border-bottom:1px solid rgba(41,23,28,.10) !important;
  padding:clamp(28px,3vw,40px) clamp(28px,3vw,40px) clamp(18px,2vw,24px) !important;
  flex:0 0 auto !important;
}
.modal#suchauftrag-modal .modal-body-iframe{
  padding:0 !important;
  background:#FFFFFF !important;
  position:relative !important;
  flex:1 1 auto !important;
  min-height:620px !important;
  overflow:hidden !important;
}
.modal#suchauftrag-modal .modal-body-iframe iframe{
  width:100% !important;
  height:100% !important;
  min-height:620px !important;
  border:0 !important;
  display:block !important;
}
.modal#suchauftrag-modal .sa-iframe-fallback{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:40px !important;
  text-align:center !important;
  color:rgba(41,23,28,.55) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.85rem !important;
  pointer-events:none !important;
  background:#FAFAF6 !important;
}
.modal#suchauftrag-modal .sa-iframe-fallback .sa-fb-link{
  pointer-events:auto !important;
  font-family:'Inter',sans-serif !important;
  font-size:.74rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  color:#29171C !important;
  text-decoration:none !important;
  border-bottom:1px solid #B08766 !important;
  padding-bottom:2px !important;
}
.modal#suchauftrag-modal .modal-body-iframe iframe{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:680px){
  .modal#suchauftrag-modal .modal-body-iframe,
  .modal#suchauftrag-modal .modal-body-iframe iframe{
    min-height:680px !important;
  }
}


/* ====================================================================
   FAQ-SECTION · Marken-Hub-Pages · 2026-05-14
   Themengruppen mit Accordion · Premium clean · cream BG
   ==================================================================== */

section.brand-faq{
  background:#FFFFFF !important;
  padding:clamp(72px,7vw,120px) 0 !important;
}
.brand-faq-inner{
  max-width:1080px !important;
  margin:0 auto !important;
  padding:0 clamp(20px,4vw,48px) !important;
}
.brand-faq-head{
  text-align:center !important;
  max-width:680px !important;
  margin:0 auto clamp(40px,4vw,60px) !important;
}
.brand-faq-head h2{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(2rem,3.4vw,2.8rem) !important;
  line-height:1.1 !important;
  letter-spacing:-.01em !important;
  color:#29171C !important;
  margin:14px 0 14px !important;
}
.brand-faq-head h2 em{
  font-style:italic !important;
  color:#B08766 !important;
  font-weight:500 !important;
}
.brand-faq-head .lead{
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.1rem !important;
  color:rgba(41,23,28,.72) !important;
}

/* Topic-Tabs (oben, horizontal scrollbar) */
.brand-faq-topics{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  margin-bottom:40px !important;
}
.brand-faq-topic{
  padding:10px 18px !important;
  font-family:'Inter',sans-serif !important;
  font-size:.74rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  background:transparent !important;
  border:1px solid rgba(41,23,28,.18) !important;
  color:#29171C !important;
  cursor:pointer !important;
  transition:background .25s,color .25s,border-color .25s !important;
}
.brand-faq-topic:hover{border-color:#B08766 !important;color:#B08766 !important;}
.brand-faq-topic.is-active{
  background:#29171C !important;
  border-color:#29171C !important;
  color:#FFFFFF !important;
}

/* Topic-Panels */
.brand-faq-panel{
  display:none !important;
}
.brand-faq-panel.is-active{display:block !important;}
.brand-faq-panel h3{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:clamp(1.5rem,2.2vw,1.8rem) !important;
  color:#29171C !important;
  margin:0 0 24px !important;
  padding-bottom:16px !important;
  border-bottom:1px solid rgba(41,23,28,.10) !important;
}

/* Accordion-Items */
.faq-list{
  display:flex !important;
  flex-direction:column !important;
}
.faq-item{
  border-bottom:1px solid rgba(41,23,28,.10) !important;
}
.faq-q{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  padding:22px 4px !important;
  background:transparent !important;
  border:none !important;
  text-align:left !important;
  cursor:pointer !important;
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:1.18rem !important;
  color:#29171C !important;
  letter-spacing:-.005em !important;
  transition:color .25s !important;
}
.faq-q:hover{color:#B08766 !important;}
.faq-q-icon{
  flex:0 0 24px !important;
  width:24px !important;height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(41,23,28,.20) !important;
  border-radius:50% !important;
  color:#29171C !important;
  font-family:serif !important;
  font-size:1.1rem !important;
  line-height:1 !important;
  transition:background .25s,color .25s,border-color .25s,transform .35s !important;
}
.faq-item.is-open .faq-q-icon{
  background:#29171C !important;
  color:#FFFFFF !important;
  border-color:#29171C !important;
  transform:rotate(45deg) !important;
}
.faq-a{
  max-height:0 !important;
  overflow:hidden !important;
  transition:max-height .4s cubic-bezier(.2,.8,.2,1),padding .4s !important;
}
.faq-item.is-open .faq-a{
  max-height:600px !important;
  padding:0 4px 26px !important;
}
.faq-a p{
  font-family:'Inter',sans-serif !important;
  font-size:.95rem !important;
  line-height:1.7 !important;
  color:rgba(41,23,28,.75) !important;
  margin:0 0 12px !important;
}
.faq-a p:last-child{margin-bottom:0 !important;}
.faq-a a{
  color:#29171C !important;
  text-decoration:none !important;
  border-bottom:1px solid #B08766 !important;
  padding-bottom:1px !important;
}
.faq-a a:hover{color:#B08766 !important;}

@media(max-width:680px){
  .brand-faq-topics{justify-content:flex-start !important;overflow-x:auto !important;flex-wrap:nowrap !important;padding-bottom:8px !important;}
  .brand-faq-topic{flex:0 0 auto !important;}
  .faq-q{font-size:1.05rem !important;padding:18px 4px !important;}
}

/* === CTA-CARDS · Text unten-links (ruhigerer Bildbereich, Mitte zu unruhig) === */
.cta-card.cta-card--bg{
  justify-content:flex-end !important;   /* Inhalt an den unteren Bildrand */
  align-items:flex-start !important;     /* linksbündig */
}
.cta-card.cta-card--bg::before{
  background:linear-gradient(to top, rgba(26,14,18,.88) 0%, rgba(26,14,18,.55) 38%, rgba(26,14,18,.16) 100%) !important;
}
.cta-card.cta-card--bg:hover::before{
  background:linear-gradient(to top, rgba(26,14,18,.82) 0%, rgba(26,14,18,.46) 42%, rgba(26,14,18,.10) 100%) !important;
}

/* === BRANDPICK-MODAL · Bilder randlos (weißer Rand weg) === */
.brand-pick > a{ padding:0 0 26px !important; }
.brand-pick .brand-img{ margin-bottom:22px !important; }
.brand-pick .brand-name{ padding:0 14px !important; }
.brand-pick .brand-sub{ padding:0 14px !important; }

/* ============================================================
   CONTACT-DRAWER · volle Höhe ohne Scrollen + bessere Service-Farben
   ============================================================ */
/* Service-Banner: dunkles Burgund + helle Schrift (war zu kontrastarm) */
.contact-service-banner{
  background:linear-gradient(135deg,#2C1A1F 0%,#1A0E12 100%) !important;
  padding:14px 20px !important;
  margin-bottom:14px !important;
}
.contact-service-banner .meta-gold{
  color:#DDC4A9 !important; opacity:1 !important; margin-bottom:6px !important;
}
.contact-service-links a,
.contact-service-links button{
  color:#F4F1EA !important;
  border-bottom-color:rgba(221,196,169,.55) !important;
  font-size:1.3rem !important;
}
.contact-service-links a:hover,
.contact-service-links button:hover{
  color:#DDC4A9 !important; border-bottom-color:#DDC4A9 !important;
}
.contact-service-links .dot{ color:rgba(221,196,169,.6) !important; }

/* Drawer-Inhalt kompakter, damit er auf volle Bildschirmhöhe passt (kein Scrollen) */
.contact-drawer-inner{
  padding:clamp(18px,2.4vw,30px) clamp(20px,2.6vw,32px) clamp(18px,2.4vw,28px) !important;
  display:flex !important; flex-direction:column !important;
  overflow-y:auto;
}
.contact-drawer-head{ margin-bottom:16px !important; }
.contact-cards{ gap:8px !important; margin-bottom:12px !important; }
.contact-card{ padding:11px 16px !important; gap:13px !important; }
.contact-card-icon{ width:40px !important; height:40px !important; flex:0 0 40px !important; }
.drawer-sister-card{ margin-top:0 !important; margin-bottom:14px !important; padding:13px 18px !important; }
.contact-trust{ padding:11px 10px !important; }
/* Trust-Badges ans untere Ende schieben, falls Platz übrig */
.contact-trust-badges{ margin-top:auto !important; }

/* === Trust-Leiste schließt global direkt an CTA an — keine helle Lücke darüber === */
section.cta-block,
body.brand-page section.feature-promise + section.cta-block{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}
section.cta-block + section.trust-strip{
  margin-top:0 !important;
  border-top:none !important;
}

/* === involve.me Embed im Suchauftrag-Modal (ersetzt das alte iframe) === */
.modal#suchauftrag-modal .modal-body-iframe .involveme_embed{
  width:100% !important;
  height:100% !important;
  min-height:620px !important;
  display:block !important;
}
.modal#suchauftrag-modal .modal-body-iframe .involveme_embed iframe{
  width:100% !important;
  height:100% !important;
  min-height:620px !important;
  border:0 !important;
  display:block !important;
}

/* === involve.me Embed im Verkaufen-Modal (ersetzt das alte iframe) === */
.modal#verkaufen-modal .vk-form-col .involveme_embed{
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  display:block !important;
}
.modal#verkaufen-modal .vk-form-col .involveme_embed iframe{
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  border:0 !important;
  display:block !important;
}

/* === Modals Suchauftrag + Verkaufen: 95% Bildschirm, Embed füllt komplett === */
.modal#suchauftrag-modal .modal-box,
.modal#verkaufen-modal .modal-box{
  width:95vw !important;
  max-width:95vw !important;
  height:95vh !important;
  max-height:95vh !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 !important;
}
.modal#suchauftrag-modal .modal-body,
.modal#verkaufen-modal .modal-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.modal#suchauftrag-modal .modal-body-iframe,
.modal#verkaufen-modal .modal-body-2col{
  height:100% !important;
  min-height:0 !important;
}
.modal#suchauftrag-modal .modal-body-iframe .involveme_embed,
.modal#verkaufen-modal .vk-form-col .involveme_embed{
  height:100% !important;
  min-height:0 !important;
}
.modal#suchauftrag-modal .modal-body-iframe .involveme_embed iframe,
.modal#verkaufen-modal .vk-form-col .involveme_embed iframe{
  height:100% !important;
  min-height:0 !important;
}
/* Steps-Spalte bei Verkaufen scrollbar machen (sonst clippt bei kleinen Höhen) */
.modal#verkaufen-modal .vk-steps-col{
  overflow-y:auto !important;
  max-height:100% !important;
}
/* Close-Button über dem Modal-Inhalt platzieren */
.modal#suchauftrag-modal .modal-close,
.modal#verkaufen-modal .modal-close{
  position:absolute !important;
  top:14px !important; right:14px !important;
  z-index:5 !important;
}

/* === Chrono24 Trusted-Seller-Badge (echte Grafik) === */
/* In Trust-Bar (kompakt, neben num/stars) */
.trust-item .c24-badge{
  width:auto !important;
  height:85px !important;
  display:block !important;
}
/* In Reviews-Plattformen (etwas größer, neben "4,9 ★★★★★ ...") */
.rh-platform .c24-badge{
  width:auto !important;
  height:48px !important;
  display:inline-block !important;
  flex-shrink:0;
}
/* Im Contact-Drawer (Badge alleine, zentriert in der Card) */
.contact-trust.contact-trust-c24{
  padding:8px 10px !important;
  align-items:center !important;
  justify-content:center !important;
}
.contact-trust-badge{
  width:auto !important;
  height:72px !important;
  display:block !important;
}

/* === Verkaufen-Modal: iframe füllt jetzt das ganze modal-body (steps-col raus) === */
.modal#verkaufen-modal .modal-body-iframe iframe,
.modal#suchauftrag-modal .modal-body-iframe iframe{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border:0 !important;
  display:block !important;
}

/* === Alte Fallback-Divs neutralisieren, falls noch irgendwo (z.B. cached) === */
.sa-iframe-fallback,
.vk-form-col-fallback,
.sa-fb-link,
.vk-fb-link{
  display:none !important;
}

/* === Mobile: Funnel-Popups Vollbild (100% statt 95%) === */
@media (max-width: 780px){
  .modal#suchauftrag-modal .modal-box,
  .modal#verkaufen-modal .modal-box{
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100dvh !important;       /* dynamic viewport, Safari mobile */
    max-height:100vh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
  }
}

/* === Trust-Bar Icons: refined === */
.trust-item svg:not(.glogo){
  width:32px !important;
  height:32px !important;
  stroke-width:1.3 !important;
}

/* === Reviews-Plattformen: Google + Chrono24 in EINER Reihe, kompakter === */
.reviews-head:has(.reviews-head-platforms){
  max-width:1100px !important;   /* Platz für beide nebeneinander */
}
.reviews-head-platforms{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(28px,4vw,52px) !important;
  margin-top:10px !important;
}
.rh-platform{
  gap:6px !important;     /* Logo dichter am Text */
}
@media (max-width: 720px){
  /* auf mobile darf wrap wieder rein, sonst zu eng */
  .reviews-head-platforms{ flex-wrap:wrap !important; gap:14px !important; }
}

/* ===== MOBILE-FEINSCHLIFF (Kohler · Juni 2026) ===== */
@media(max-width:980px){
  /* Header kompakt */
  .header,.header.scrolled{padding-left:16px !important;padding-right:16px !important}
  .header-grid-v8 .header-right{gap:10px !important}

  /* Burger: sauberes Icon mit weißen Linien, kein Label */
  .burger#burger{display:inline-flex !important;align-items:center !important;justify-content:center !important;
    width:46px !important;height:42px !important;padding:0 !important;gap:0 !important;
    background:#29171C !important;border:none !important;border-radius:4px !important}
  .burger#burger .burger-label{display:none !important}
  .burger#burger .burger-lines{display:flex !important;flex-direction:column !important;gap:5px !important;
    width:20px !important;height:auto !important;background:none !important}
  .burger#burger .burger-lines span{display:block !important;width:20px !important;height:2px !important;
    background:#FFFFFF !important;border-radius:2px !important;opacity:1 !important}

  /* Dropdown sauber unter dem Header (robust gegen Scroll-Zustand) */
  .m-nav{display:block !important;position:fixed !important;inset:0 !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
    width:100% !important;height:100vh !important;height:100dvh !important;max-height:none !important;
    padding-top:92px !important;padding-bottom:30px !important;overflow-y:auto !important;
    background:#F7F2EA !important;border-top:none !important;align-items:stretch !important;justify-content:flex-start !important}
  .m-nav .m-meta{align-items:stretch !important;max-width:none !important;margin-top:18px !important}

  /* Floating-Buttons entzerren: KONTAKT-Pille raus (Kontakt via Menü/Telefon/WhatsApp) */
  .contact-tab{display:none !important}
  .sticky-wa{right:16px !important;bottom:16px !important}
}

/* ===== MOBILE-NAV · mehrstufig & edel (Kohler) ===== */
@media(max-width:980px){
  .m-nav{background:#F7F2EA !important;padding:92px 0 30px !important}

  /* Highlight-Karte oben */
  .m-nav .m-feature{display:flex !important;align-items:center !important;gap:14px !important;
    margin:2px 16px 12px !important;padding:12px !important;background:#fff !important;
    border:1px solid var(--line) !important;text-decoration:none !important;box-shadow:0 10px 26px -20px rgba(26,18,14,.5)}
  .m-nav .m-feature img{width:60px !important;height:60px !important;object-fit:cover !important;flex:0 0 auto !important}
  .m-nav .m-feature-txt{display:flex !important;flex-direction:column !important;flex:1 !important;text-align:left !important;padding:0 !important}
  .m-nav .m-feature-ey{font-family:'Inter',sans-serif !important;font-size:.56rem !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#B08766 !important;font-weight:600 !important}
  .m-nav .m-feature-h{font-family:'Cormorant Garamond',serif !important;font-size:1.15rem !important;color:var(--ink) !important;margin-top:3px !important;line-height:1.1 !important}
  .m-nav .m-feature-arr{width:20px !important;height:20px !important;stroke:#B08766 !important;fill:none !important;stroke-width:1.6 !important;flex:0 0 auto !important}

  /* Akkordeon-Gruppen */
  .m-nav .m-acc{border-top:1px solid rgba(41,23,28,.08) !important}
  .m-nav .m-grp{border-bottom:1px solid rgba(41,23,28,.08) !important}
  .m-nav .m-grp-head{display:flex !important;align-items:center !important;justify-content:space-between !important;
    width:100% !important;padding:17px 20px !important;background:none !important;border:none !important;cursor:pointer !important;
    font-family:'Inter',sans-serif !important;font-size:.66rem !important;letter-spacing:.26em !important;
    text-transform:uppercase !important;color:#B08766 !important;font-weight:600 !important;text-align:left !important}
  .m-nav .m-grp-head svg{width:18px !important;height:18px !important;stroke:#B08766 !important;fill:none !important;stroke-width:1.8 !important;transition:transform .3s !important}
  .m-nav .m-grp.open .m-grp-head svg{transform:rotate(180deg) !important}
  .m-nav .m-grp-body{overflow:hidden !important;max-height:0 !important;transition:max-height .45s cubic-bezier(.2,.8,.2,1) !important}
  .m-nav .m-grp.open .m-grp-body{max-height:640px !important}

  /* Zeilen mit Unterzeile */
  .m-nav .m-row{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:3px !important;
    width:100% !important;padding:13px 20px 14px 28px !important;text-decoration:none !important;text-align:left !important;
    background:none !important;border:none !important;border-top:1px solid rgba(41,23,28,.06) !important;cursor:pointer !important;
    transition:background .2s, padding-left .2s !important}
  .m-nav .m-grp-body .m-row:first-child{border-top:none !important}
  .m-nav .m-row:active,.m-nav .m-row:hover{background:rgba(204,170,143,.12) !important;padding-left:34px !important}
  .m-nav .m-row-t{font-family:'Cormorant Garamond',serif !important;font-size:1.3rem !important;font-weight:500 !important;color:var(--ink) !important;line-height:1.1 !important;letter-spacing:0 !important}
  .m-nav .m-row-s{font-family:'Inter',sans-serif !important;font-size:.71rem !important;color:var(--muted) !important;letter-spacing:.02em !important;text-transform:none !important}

  /* Kontakt-Fuß */
  .m-nav .m-foot{margin:22px 16px 0 !important;padding-top:20px !important;border-top:1px solid rgba(41,23,28,.1) !important;display:flex !important;flex-direction:column !important;gap:11px !important}
  .m-nav .m-foot a{display:flex !important;align-items:center !important;justify-content:center !important;gap:11px !important;
    padding:14px 16px !important;text-decoration:none !important;font-family:'Inter',sans-serif !important;font-size:.74rem !important;
    letter-spacing:.14em !important;text-transform:uppercase !important;font-weight:600 !important;border:none !important}
  .m-nav .m-foot-wa{background:#25D366 !important;color:#0D1615 !important}
  .m-nav .m-foot-wa svg{width:18px !important;height:18px !important;fill:#0D1615 !important}
  .m-nav .m-foot-tel{background:var(--ink) !important;color:#F4EFE7 !important}
  .m-nav .m-foot-tel svg{width:16px !important;height:16px !important;fill:none !important;stroke:#CCAA8F !important;stroke-width:1.7 !important}
  .m-nav .m-foot-addr{font-family:'Inter',sans-serif !important;font-size:.67rem !important;color:var(--muted) !important;text-align:center !important;line-height:1.5 !important;letter-spacing:.02em !important;margin-top:4px !important}
}

/* ===== Neuzugänge: alle Karten exakt gleich hoch (Feedback Esra) ===== */
.neu-card{display:flex !important;flex-direction:column !important}
.neu-card .neu-card-body{flex:1 1 auto;display:flex;flex-direction:column}
.neu-card .neu-card-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.05rem}
.neu-card .neu-card-foot{margin-top:auto}

/* === Funnel-Popups (Suchauftrag/Verkaufen/Kontakt): Dialog auf Inhaltshöhe statt Vollbild === */
.modal#suchauftrag-modal .modal-box,
.modal#verkaufen-modal .modal-box,
.modal#kontaktform-modal .modal-box{
  height:auto !important; max-height:92vh !important; display:block !important;
}
.modal#suchauftrag-modal .modal-body-iframe,
.modal#verkaufen-modal .modal-body-iframe,
.modal#kontaktform-modal .modal-body-iframe{
  flex:0 0 auto !important; height:auto !important; min-height:0 !important; overflow:hidden !important;
}
.modal#suchauftrag-modal .modal-body-iframe iframe,
.modal#verkaufen-modal .modal-body-iframe iframe,
.modal#kontaktform-modal .modal-body-iframe iframe{
  height:clamp(560px,64vh,620px) !important; min-height:0 !important; display:block !important;
}
@media(max-width:760px){
  .modal#suchauftrag-modal .modal-box,
  .modal#verkaufen-modal .modal-box,
  .modal#kontaktform-modal .modal-box{ max-height:94vh !important; }
  .modal#suchauftrag-modal .modal-body-iframe iframe,
  .modal#verkaufen-modal .modal-body-iframe iframe,
  .modal#kontaktform-modal .modal-body-iframe iframe{ height:calc(94vh - 96px) !important; }
}

/* === Schnellkontakt-Drawer: gleichmäßige Abstände + passt auf 100vh (Laptop) === */
.contact-drawer{height:100vh !important;height:100dvh !important;top:0 !important;bottom:0 !important}
.contact-drawer-inner{
  display:flex !important;flex-direction:column !important;
  gap:clamp(10px,1.5vh,16px) !important;
  height:100% !important;overflow-y:auto !important;
  justify-content:flex-start !important;
  padding:clamp(20px,3vh,34px) clamp(22px,2vw,32px) clamp(18px,2.5vh,28px) !important;
}
.contact-drawer-inner > *{margin:0 !important}
.contact-drawer-head{padding-right:60px !important}
.contact-cards{gap:clamp(8px,1.2vh,12px) !important}
.contact-card{padding:clamp(11px,1.4vh,15px) 16px !important}
.contact-trust-badges{margin-top:0 !important}   /* kein Auto-Push mehr */

/* Schnellkontakt: kompakter, damit auf Laptop komplett in 100vh passt */
.contact-drawer-head{margin-bottom:0 !important}
.contact-drawer-head h2{font-size:clamp(1.5rem,2.8vw,1.95rem) !important;line-height:1.12 !important}
.contact-card{padding:10px 15px !important}
.contact-card-icon{width:38px !important;height:38px !important;flex:0 0 38px !important}
.contact-card-icon svg{width:18px !important;height:18px !important}
.contact-service-banner{padding:13px 18px !important}
.contact-trust-badges{gap:10px !important}
.contact-trust{padding:9px 10px !important}
.contact-trust-badge,.contact-trust-badge.c24-badge{height:50px !important}
.contact-trust .ct-stars{font-size:1rem !important;margin:2px 0 !important}

/* Schnellkontakt: finale Kompaktierung für 100vh auf Laptop */
.contact-drawer-inner{gap:clamp(8px,1.1vh,13px) !important;padding-top:clamp(18px,2.4vh,28px) !important;padding-bottom:clamp(16px,2vh,24px) !important}
.contact-card{padding:8px 15px !important;gap:12px !important}
.contact-card-body h4{font-size:.98rem !important;line-height:1.2 !important;margin:0 0 1px !important}
.contact-card-label{font-size:.72rem !important;line-height:1.25 !important;margin:0 0 1px !important}
.contact-card-detail{font-size:.82rem !important;line-height:1.25 !important}
.contact-service-banner{padding:11px 18px !important}
.contact-trust-badge,.contact-trust-badge.c24-badge{height:44px !important}
.contact-trust .ct-stars{font-size:.95rem !important}

/* ============================================================
   JOURNAL/ARTIKEL FEINSCHLIFF (14.07.26)
   ============================================================ */
/* Breadcrumb-Leiste global ausblenden (überall) */
.crumbs,.pdp-crumbs,.pd-crumbs{display:none !important}

/* Artikel-Hero: Rahmen/Cream-Kasten entfernen + Bild größer */
section.article > .article-img{
  aspect-ratio:auto !important;
  display:block !important;
  background:none !important;
  max-width:1180px !important;
  margin:clamp(28px,3.5vw,48px) auto 0 !important;
  padding:0 var(--pad) !important;
}
section.article > .article-img > .article-img-inner{
  aspect-ratio:3/2 !important;
  background:none !important;
}


/* ============================================================
   FUNNEL-POPUP (Suchen/Verkaufen) — clean, 16.07.26
   Box umhüllt die native involve.me-Höhe (kein weißer Rand),
   mobil scrollbar. involve.me steuert die iframe-Höhe selbst.
   ============================================================ */
#suchauftrag-modal.modal,
#verkaufen-modal.modal{ padding:24px !important; }

.modal#suchauftrag-modal .modal-box,
.modal#verkaufen-modal .modal-box{
  width:min(1040px,94vw) !important;
  max-width:min(1040px,94vw) !important;
  height:auto !important;
  max-height:90vh !important;
  border-radius:14px !important;
  overflow:hidden !important;
  margin:0 auto !important;
  display:flex !important; flex-direction:column !important;
  padding:0 !important;
  background:#F4EFE7 !important;
}
.modal#suchauftrag-modal .modal-body,
.modal#verkaufen-modal .modal-body{
  flex:0 1 auto !important;
  min-height:0 !important; height:auto !important;
  padding:0 !important; margin:0 !important;
  overflow-y:auto !important; overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}
.modal#suchauftrag-modal .involveme_embed,
.modal#verkaufen-modal .involveme_embed{ width:100% !important; display:block !important; }
.modal#suchauftrag-modal .involveme_embed iframe,
.modal#verkaufen-modal .involveme_embed iframe{
  width:100% !important; border:0 !important; display:block !important;
  /* KEINE Höhe erzwingen — involve.me setzt die native Höhe (kein Rand) */
}

/* Mobil: Vollbild-Popup, Funnel scrollbar */
@media(max-width:680px){
  #suchauftrag-modal.modal,#verkaufen-modal.modal{ padding:0 !important; }
  .modal#suchauftrag-modal .modal-box,
  .modal#verkaufen-modal .modal-box{
    width:100vw !important; max-width:100vw !important;
    height:100dvh !important; max-height:100dvh !important;
    border-radius:0 !important;
  }
  .modal#suchauftrag-modal .modal-body,
  .modal#verkaufen-modal .modal-body{
    flex:1 1 auto !important; height:100% !important; max-height:100dvh !important;
    overflow-y:auto !important;
  }
}

/* ============================================================
   MOBILE-MENÜ STABILISIEREN — 16.07.26
   Kein Rubber-Band/Wackeln, kein horizontales Verschieben,
   Seite dahinter fest gesperrt.
   ============================================================ */
@media(max-width:980px){
  /* Root + Body hart sperren solange Menü offen */
  html:has(.m-nav.open){ overflow:hidden !important; overscroll-behavior:none !important; }
  body.nav-open{ overflow:hidden !important; overscroll-behavior:none !important; touch-action:none !important; }
  /* Menü selbst: eigenes Scroll-Feld, kein Chaining, kein Horizontal-Pan */
  .m-nav{
    width:100vw !important; max-width:100vw !important;
    overflow-x:hidden !important; overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }
  .m-nav.open{ touch-action:pan-y !important; }
  .m-nav > *{ max-width:100% !important; }
}

/* ============================================================
   ESRA-FEEDBACK 16.07.26 — Blocksatz, Verkauft-Rot, Filter, Nav
   ============================================================ */
/* "Verkauft"-Badge in Rot */
.badge.badge-sold{ color:#B23A2E !important; border-color:#B23A2E !important; }
/* Filter-Zähler ausblenden ("ohne Zahlen") */
.neu-filter .count{ display:none !important; }

/* "Verkauft"-Badge zuverlässig ROT (höhere Spezifität als Gold-Regeln) */
.neu-card .neu-card-foot .badge.badge-sold,
.neu-card:hover .neu-card-foot .badge.badge-sold,
.watch-card .watch-foot .badge.badge-sold,
.watch-foot .badge.badge-sold,
.neu-card-foot .badge.badge-sold{
  color:#B23A2E !important; border-color:#B23A2E !important;
}

/* Feinschliff Esra: Label ohne Umbruch */
.promise-img-label{ white-space:nowrap !important; }