/* HERBELIN Redesign - index-neu
   AUTO-GENERIERT aus indexneu.html. Alles unter .hb-redesign gescoped.
   Live-Schutz: greift nur im Wrapper der -neu-Seiten. */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

@font-face{font-family:'Monument Extended';src:url('fonts/MonumentExtended-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Monument Extended';src:url('fonts/MonumentExtended-Ultrabold.otf') format('opentype');font-weight:800;font-style:normal;font-display:swap;}


.hb-redesign{
  --navy:#0d1b2a;
  --navy-deep:#06101c;
  --gold:#c9a961;
  --gold-light:#e4d4a8;
  --ivory:#faf7f2;
  --cream:#ede8de;
  --stone:#8a8578;
  --text:#1a1a1a;
  --muted:#6b6b6b;
  --line:rgba(13,27,42,.08);
}
.hb-redesign *{margin:0;padding:0;box-sizing:border-box}
.hb-redesign{scroll-behavior:smooth}
.hb-redesign{
  font-family:'Mulish',sans-serif;
  font-weight:300;
  color:var(--text);
  background:var(--ivory);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.hb-redesign .serif{font-family:'Monument Extended',sans-serif}
.hb-redesign img{max-width:100%;display:block}
.hb-redesign a{color:inherit;text-decoration:none}
.hb-redesign .container{max-width:1360px;margin:0 auto;padding:0 32px}

/* ——— TRUST BAR ——— */
.hb-redesign .trust-ticker{
  background:var(--navy-deep);
  color:var(--ivory);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:11px 0;
  border-bottom:1px solid rgba(201,169,97,.15);
}
.hb-redesign .trust-ticker .row{
  display:flex;justify-content:center;gap:56px;flex-wrap:wrap;
}
.hb-redesign .trust-ticker span{display:inline-flex;align-items:center;gap:9px;opacity:.8}
.hb-redesign .trust-ticker svg{width:13px;height:13px;stroke:var(--gold)}

/* ——— HEADER ——— */
.hb-redesign header{
  background:var(--ivory);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(8px);
  background:rgba(250,247,242,.92);
  transition:height .35s ease, box-shadow .3s ease;
}
.hb-redesign header.scrolled{
  box-shadow:0 2px 24px rgba(13,27,42,.08);
}
.hb-redesign .header-inner{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:10px 32px;max-width:1360px;margin:0 auto;
  transition:padding .35s ease;
}
.hb-redesign header.scrolled .header-inner{
  padding:5px 32px;
}
.hb-redesign header.scrolled .logo-img{
  height:60px;
}
.hb-redesign .logo{
  position:relative;
  justify-self:center;
}
.hb-redesign .nav-left, .hb-redesign .nav-right{display:flex;gap:24px;align-items:center;font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:400}
.hb-redesign .nav-right{justify-content:flex-end}
.hb-redesign .nav-left a, .hb-redesign .nav-right a{position:relative;padding:4px 0;transition:color .3s}
.hb-redesign .nav-left a::after, .hb-redesign .nav-right a::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;
}
.hb-redesign .nav-left a:hover::after, .hb-redesign .nav-right a:hover::after{transform:scaleX(1)}
.hb-redesign .b2b-link{
  font-size:11px !important;letter-spacing:.1em !important;
  padding:8px 18px !important;
  background:var(--navy);
  color:var(--ivory) !important;
  border:1.5px solid var(--navy);
  transition:all .3s !important;
}
.hb-redesign .b2b-link:hover{background:var(--gold);color:var(--navy) !important;border-color:var(--gold)}
.hb-redesign .b2b-link::after{display:none !important}
.hb-redesign .logo{text-align:center;padding:2px 0}
.hb-redesign .logo-img{height:120px;width:auto;display:block;margin:0 auto;mix-blend-mode:multiply;transition:height .35s ease;}
.hb-redesign .cart-icon{display:inline-flex;align-items:center;gap:6px}
.hb-redesign .cart-icon svg{width:20px;height:20px;stroke:var(--text);fill:none;stroke-width:1.5}

/* ——— HERO ——— */
.hb-redesign .hero{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  color:var(--ivory);
  overflow:hidden;
  background:linear-gradient(130deg,#060f1a 0%,#0a1828 30%,#0d1b2a 55%,#0e1f30 100%);
}
/* diagonaler Gold-Sweep */
.hb-redesign .hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(118deg,transparent 38%,rgba(201,169,97,.045) 50%,transparent 62%);
}
/* untere Gold-Linie */
.hb-redesign .hero::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;z-index:10;
  background:linear-gradient(90deg,transparent,rgba(201,169,97,.4) 30%,rgba(201,169,97,.4) 70%,transparent);
}
.hb-redesign .hero-text{
  padding:140px 64px 140px 88px;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;z-index:2;
}
.hb-redesign .hero-eyebrow{
  font-size:10px;letter-spacing:.48em;text-transform:uppercase;
  color:var(--gold);margin-bottom:40px;
  display:flex;align-items:center;gap:18px;
}
.hb-redesign .hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--gold);opacity:.7}
.hb-redesign .hero h1{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(26px,3.2vw,52px);
  font-weight:400;line-height:1.14;letter-spacing:.04em;
  margin-bottom:28px;
}
.hb-redesign .hero h1 em{font-style:italic;color:var(--gold-light);font-weight:400}
.hb-redesign .hero-lead{
  font-size:15px;font-weight:300;line-height:1.85;
  color:rgba(250,247,242,.68);
  max-width:420px;margin-bottom:20px;
  letter-spacing:.01em;
}
.hb-redesign .hero-price{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(250,247,242,.45);margin-bottom:48px;
}
.hb-redesign .hero-price strong{color:var(--gold-light);font-weight:400;font-size:20px;letter-spacing:.04em;margin-right:8px}
.hb-redesign .hero-cta{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.hb-redesign .btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:16px 38px;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;
  transition:all .45s cubic-bezier(.4,0,.2,1);
  cursor:pointer;border:none;
}
.hb-redesign .btn-primary{background:var(--gold);color:var(--navy)}
.hb-redesign .btn-primary:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 16px 40px rgba(201,169,97,.28)}
.hb-redesign .btn-ghost{background:transparent;color:rgba(250,247,242,.8);border:1px solid rgba(250,247,242,.22)}
.hb-redesign .btn-ghost:hover{border-color:rgba(201,169,97,.6);color:var(--gold)}
.hb-redesign .btn svg{width:14px;height:14px;transition:transform .3s}
.hb-redesign .btn:hover svg{transform:translateX(4px)}

.hb-redesign .hero-image{
  position:relative;
  overflow:hidden;
  background:#0a1420;
}
.hb-redesign .hero-image::before{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(6,15,26,.92) 0%, rgba(10,24,40,.5) 22%, transparent 45%),
    linear-gradient(180deg, rgba(6,15,26,.3) 0%, transparent 25%, transparent 75%, rgba(6,15,26,.5) 100%);
}
.hb-redesign .hero-image::after{
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(135deg,rgba(201,169,97,.04) 0%,transparent 50%);
}
.hb-redesign .hero-img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(1.0) contrast(1.06) saturate(1.05);
}
.hb-redesign .hero-meta{
  position:absolute;bottom:44px;left:44px;z-index:4;
  text-align:left;
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(250,247,242,.55);
  padding:20px 24px;
  border:1px solid rgba(201,169,97,.2);
  background:rgba(6,15,26,.45);
  backdrop-filter:blur(8px);
}
.hb-redesign .hero-meta .num{
  font-family:'Monument Extended',sans-serif;
  font-size:52px;font-weight:400;display:block;color:var(--gold);letter-spacing:.02em;
  line-height:1;margin-bottom:6px;
}

/* ——— USP-BAR ——— */
.hb-redesign .usp-bar{
  background:var(--cream);
  padding:36px 0;
  border-bottom:1px solid var(--line);
}
.hb-redesign .usp-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.hb-redesign .usp{display:flex;align-items:center;gap:16px;padding:0 20px;border-right:1px solid var(--line)}
.hb-redesign .usp:last-child{border-right:none}
.hb-redesign .usp-icon{
  width:44px;height:44px;flex-shrink:0;
  border-radius:50%;background:var(--navy);
  display:flex;align-items:center;justify-content:center;
}
.hb-redesign .usp-icon svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.5}
.hb-redesign .usp-text{font-size:12px;line-height:1.4}
.hb-redesign .usp-text strong{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:2px;letter-spacing:.03em}
.hb-redesign .usp-text span{color:var(--muted);font-size:11px}

/* ——— KOLLEKTIONS-HIGHLIGHTS ——— */
.hb-redesign .collections{padding:130px 0;background:var(--ivory)}
.hb-redesign .section-head{text-align:center;margin-bottom:80px}
.hb-redesign .section-eyebrow{
  font-size:11px;letter-spacing:.4em;text-transform:uppercase;
  color:var(--gold);margin-bottom:20px;
  display:inline-flex;align-items:center;gap:16px;
}
.hb-redesign .section-eyebrow::before, .hb-redesign .section-eyebrow::after{
  content:'';width:40px;height:1px;background:var(--gold);
}
.hb-redesign .section-title{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(24px,2.8vw,42px);
  font-weight:400;line-height:1.18;letter-spacing:.03em;color:var(--navy);
  margin-bottom:20px;
}
.hb-redesign .section-title em{font-style:italic;color:var(--gold)}
.hb-redesign .section-sub{
  font-size:15px;color:var(--muted);max-width:560px;margin:0 auto;
}

.hb-redesign .collections-grid{
  display:grid;grid-template-columns:repeat(12,1fr);gap:24px;
}
.hb-redesign .coll-card{
  position:relative;overflow:hidden;
  background:var(--navy);
  cursor:pointer;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.hb-redesign .coll-card:nth-child(1){grid-column:span 7;grid-row:span 2;min-height:640px}
.hb-redesign .coll-card:nth-child(2){grid-column:span 5;min-height:310px}
.hb-redesign .coll-card:nth-child(3){grid-column:span 5;min-height:310px}
.hb-redesign .coll-card:nth-child(4){grid-column:span 12;min-height:420px}

.hb-redesign .coll-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.2s cubic-bezier(.4,0,.2,1);
}
.hb-redesign .coll-card:hover img{transform:scale(1.06)}
.hb-redesign .coll-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,27,42,.15) 0%,rgba(13,27,42,.85) 100%);
  transition:opacity .5s;
}
.hb-redesign .coll-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:40px 48px;color:var(--ivory);z-index:2;
}
.hb-redesign .coll-content .eyebrow{
  font-size:10px;letter-spacing:.35em;text-transform:uppercase;
  color:var(--gold-light);margin-bottom:12px;
}
.hb-redesign .coll-content h3{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(18px,1.8vw,28px);
  font-weight:400;letter-spacing:.06em;
  margin-bottom:10px;
}
.hb-redesign .coll-content p{
  font-size:14px;color:rgba(250,247,242,.75);margin-bottom:20px;max-width:380px;
}
.hb-redesign .coll-link{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;
  color:var(--gold);padding-bottom:4px;border-bottom:1px solid var(--gold);
  transition:all .3s;
}
.hb-redesign .coll-card:hover .coll-link{gap:16px}

/* ——— UHRENFINDER ——— */
.hb-redesign .finder{
  background:var(--navy);color:var(--ivory);
  padding:140px 0;
  position:relative;overflow:hidden;
}
.hb-redesign .finder::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 20% 0%,rgba(201,169,97,.08) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 100%,rgba(201,169,97,.06) 0%,transparent 50%);
}
.hb-redesign .finder-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.hb-redesign .finder-text .section-eyebrow{color:var(--gold)}
.hb-redesign .finder-text h2{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(22px,2.8vw,44px);
  font-weight:400;line-height:1.16;letter-spacing:.03em;margin-bottom:24px;
}
.hb-redesign .finder-text h2 em{font-style:italic;color:var(--gold-light)}
.hb-redesign .finder-text p{
  font-size:16px;color:rgba(250,247,242,.75);margin-bottom:36px;line-height:1.7;
  max-width:460px;
}

.hb-redesign .finder-widget{
  background:rgba(250,247,242,.04);
  border:1px solid rgba(201,169,97,.2);
  padding:48px;
  backdrop-filter:blur(10px);
}
.hb-redesign .finder-step{margin-bottom:32px}
.hb-redesign .finder-step-label{
  font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px;
}
.hb-redesign .finder-step-label .num{
  width:24px;height:24px;border-radius:50%;border:1px solid var(--gold);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;color:var(--gold);
}
.hb-redesign .finder-options{display:flex;gap:10px;flex-wrap:wrap}
.hb-redesign .finder-chip{
  padding:12px 22px;
  background:transparent;
  border:1px solid rgba(250,247,242,.2);
  color:var(--ivory);
  font-size:12px;letter-spacing:.1em;font-weight:400;
  cursor:pointer;transition:all .3s;
  font-family:'Mulish',sans-serif;
}
.hb-redesign .finder-chip:hover, .hb-redesign .finder-chip.active{
  background:var(--gold);color:var(--navy);border-color:var(--gold);
}
.hb-redesign .finder-submit{
  width:100%;margin-top:16px;justify-content:center;
}

/* ——— MANUFAKTUR ——— */
.hb-redesign .heritage{padding:140px 0;background:var(--cream)}
.hb-redesign .heritage-inner{
  display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;
}
.hb-redesign .heritage-image{position:relative;aspect-ratio:4/5;overflow:hidden}
.hb-redesign .heritage-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.08)}
.hb-redesign .heritage-image::before{
  content:'1947';
  position:absolute;bottom:-40px;left:-20px;
  font-family:'Monument Extended',sans-serif;
  font-size:220px;font-weight:300;line-height:1;
  color:var(--gold);opacity:.15;z-index:0;letter-spacing:-.02em;
}
.hb-redesign .heritage-content .section-eyebrow{color:var(--gold)}
.hb-redesign .heritage-content h2{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(22px,2.6vw,40px);
  font-weight:400;line-height:1.18;letter-spacing:.03em;color:var(--navy);
  margin-bottom:28px;
}
.hb-redesign .heritage-content h2 em{font-style:italic;color:var(--gold)}
.hb-redesign .heritage-content > p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:20px}

.hb-redesign .heritage-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:40px;margin-top:48px;padding-top:48px;
  border-top:1px solid var(--line);
}
.hb-redesign .stat .num{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(30px,3.2vw,40px);font-weight:300;color:var(--gold);
  line-height:1;margin-bottom:8px;
}
.hb-redesign .stat .label{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);
}

/* ——— NEUHEITEN ——— */
.hb-redesign .neuheiten{padding:100px 0;background:var(--cream);border-top:1px solid var(--line)}
.hb-redesign .neuheiten-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--navy);color:var(--gold);
  font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  padding:5px 12px;margin-bottom:48px;
}
.hb-redesign .neuheiten-badge::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ——— BESTSELLER ——— */
.hb-redesign .bestseller{padding:130px 0;background:var(--ivory)}
.hb-redesign .products-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:32px;
}
.hb-redesign .product{
  background:transparent;cursor:pointer;position:relative;
  transition:transform .4s;
}
.hb-redesign .product-img{
  aspect-ratio:1;background:var(--cream);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative;
  margin-bottom:24px;
}
.hb-redesign .product-img img{
  width:88%;height:88%;object-fit:contain;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.hb-redesign .product:hover .product-img img{transform:scale(1.05)}
.hb-redesign .product-badge{
  position:absolute;top:16px;left:16px;
  background:var(--navy);color:var(--gold);
  padding:5px 12px;font-size:9px;letter-spacing:.25em;text-transform:uppercase;
}
.hb-redesign .product-quick{
  position:absolute;bottom:0;left:0;right:0;
  background:var(--navy);color:var(--ivory);
  padding:14px;text-align:center;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;
  transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.hb-redesign .product:hover .product-quick{transform:translateY(0)}
.hb-redesign .product-family{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--stone);margin-bottom:6px}
.hb-redesign .product h4{font-family:'Monument Extended',sans-serif;font-size:15px;font-weight:400;color:var(--navy);margin-bottom:8px;letter-spacing:.05em}
.hb-redesign .product-price{font-size:14px;font-weight:500;color:var(--navy)}
.hb-redesign .product-price small{color:var(--muted);font-weight:300;margin-left:4px}

.hb-redesign .bestseller-cta{text-align:center;margin-top:72px}
.hb-redesign .btn-outline{
  background:transparent;color:var(--navy);border:1px solid var(--navy);
}
.hb-redesign .btn-outline:hover{background:var(--navy);color:var(--ivory)}

/* ——— HÄNDLER SECTION ——— */
.hb-redesign .dealer-section{
  background:var(--navy);color:var(--ivory);
  padding:110px 0 80px;
  position:relative;overflow:hidden;
}
.hb-redesign .dealer-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 80% 50%,rgba(201,169,97,.06) 0%,transparent 55%),
    radial-gradient(ellipse at 10% 80%,rgba(201,169,97,.04) 0%,transparent 45%);
}
.hb-redesign .dealer-inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;
}
.hb-redesign .dealer-text .section-eyebrow{color:var(--gold)}
.hb-redesign .dealer-text h2{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(22px,2.8vw,42px);
  font-weight:400;line-height:1.14;letter-spacing:.03em;
  margin-bottom:20px;
}
.hb-redesign .dealer-text h2 em{font-style:italic;color:var(--gold-light)}
.hb-redesign .dealer-text > p{
  font-size:15px;color:rgba(250,247,242,.7);
  line-height:1.8;max-width:460px;margin-bottom:40px;
}
.hb-redesign .dealer-stats{
  display:flex;gap:48px;margin-bottom:44px;
}
.hb-redesign .dealer-stat .num{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(36px,3.5vw,52px);font-weight:400;
  color:var(--gold);display:block;line-height:1;margin-bottom:6px;
}
.hb-redesign .dealer-stat .label{
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(250,247,242,.5);
}
.hb-redesign .dealer-cta{display:flex;gap:16px;flex-wrap:wrap}

/* Karte Placeholder */
.hb-redesign .dealer-map{
  position:relative;
  background:rgba(250,247,242,.03);
  border:1px solid rgba(201,169,97,.18);
  min-height:420px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;
}
.hb-redesign .dealer-map-bg{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  opacity:.06;
}
.hb-redesign .dealer-map-bg svg{width:70%;height:70%}
.hb-redesign .dealer-map-dots{
  position:absolute;inset:0;
}
.hb-redesign .dot{
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 12px rgba(201,169,97,.6);
}
.hb-redesign .dot::after{
  content:'';position:absolute;
  inset:-4px;border-radius:50%;
  border:1px solid rgba(201,169,97,.3);
  animation:ripple 2.5s ease-out infinite;
}
@keyframes ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.5);opacity:0}}
.hb-redesign .dealer-map-label{
  position:relative;z-index:2;text-align:center;
}
.hb-redesign .dealer-map-label .map-badge{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(201,169,97,.3);
  padding:10px 20px;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(250,247,242,.6);
  margin-bottom:16px;
}
.hb-redesign .dealer-map-label p{
  font-size:12px;color:rgba(250,247,242,.4);letter-spacing:.05em;
}
.hb-redesign .dealer-cities{
  position:absolute;bottom:24px;left:24px;right:24px;
  display:flex;gap:8px;flex-wrap:wrap;
}
.hb-redesign .city-tag{
  font-size:9px;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(250,247,242,.45);
  padding:4px 10px;
  border:1px solid rgba(250,247,242,.1);
}

.hb-redesign .payment-row{
  margin-top:72px;padding-top:48px;
  border-top:1px solid rgba(250,247,242,.1);
  text-align:center;
}
.hb-redesign .payment-row .label{
  font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--stone);margin-bottom:24px;
}
.hb-redesign .payment-methods{
  display:flex;justify-content:center;gap:24px;flex-wrap:wrap;align-items:center;
}
.hb-redesign .pay{
  padding:10px 20px;
  background:rgba(250,247,242,.06);
  border:1px solid rgba(250,247,242,.1);
  font-size:11px;letter-spacing:.15em;font-weight:500;
  color:rgba(250,247,242,.8);
}
.hb-redesign .trusted-shops-placeholder{
  margin-top:40px;padding:24px;
  border:1px dashed var(--gold);
  max-width:360px;margin-left:auto;margin-right:auto;
  text-align:center;font-size:11px;letter-spacing:.15em;
  color:var(--gold);text-transform:uppercase;
}

/* ——— NEWSLETTER ——— */
.hb-redesign .newsletter{padding:120px 0;background:var(--cream);text-align:center}
.hb-redesign .newsletter-inner{max-width:620px;margin:0 auto}
.hb-redesign .newsletter h2{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(20px,2.4vw,36px);
  font-weight:400;letter-spacing:.03em;color:var(--navy);margin-bottom:20px;line-height:1.2;
}
.hb-redesign .newsletter h2 em{font-style:italic;color:var(--gold)}
.hb-redesign .newsletter p{color:var(--muted);margin-bottom:36px}
.hb-redesign .newsletter-form{
  display:flex;gap:12px;max-width:480px;margin:0 auto;
}
.hb-redesign .newsletter input{
  flex:1;padding:18px 24px;border:1px solid var(--line);
  background:var(--ivory);font-family:'Mulish',sans-serif;font-size:14px;color:var(--text);
  outline:none;transition:border-color .3s;
}
.hb-redesign .newsletter input:focus{border-color:var(--gold)}
.hb-redesign .newsletter-note{font-size:11px;color:var(--stone);margin-top:16px;letter-spacing:.05em}

/* ——— PRE-FOOTER B2B BANNER ——— */
.hb-redesign .b2b-banner{
  background:linear-gradient(100deg,#06101c 0%,#0d1b2a 50%,#0a1520 100%);
  border-top:1px solid rgba(201,169,97,.25);
  border-bottom:1px solid rgba(201,169,97,.25);
  padding:52px 0;
}
.hb-redesign .b2b-banner-inner{
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.hb-redesign .b2b-banner-text .eyebrow{
  font-size:10px;letter-spacing:.35em;text-transform:uppercase;
  color:var(--gold);margin-bottom:12px;
}
.hb-redesign .b2b-banner-text h3{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(18px,2vw,28px);font-weight:400;
  color:var(--ivory);letter-spacing:.03em;margin-bottom:8px;
}
.hb-redesign .b2b-banner-text p{font-size:13px;color:rgba(250,247,242,.55);max-width:480px;line-height:1.6}
.hb-redesign .b2b-banner-actions{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}
.hb-redesign .btn-b2b-login{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 28px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;
  background:var(--gold);color:var(--navy);
  transition:all .3s;cursor:pointer;
}
.hb-redesign .btn-b2b-login:hover{background:var(--gold-light)}
.hb-redesign .btn-b2b-register{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 28px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:400;
  background:transparent;color:var(--ivory);
  border:1px solid rgba(250,247,242,.25);
  transition:all .3s;cursor:pointer;
}
.hb-redesign .btn-b2b-register:hover{border-color:var(--gold);color:var(--gold)}

/* ——— FOOTER ——— */
.hb-redesign footer{background:var(--navy-deep);color:var(--ivory);padding:80px 0 0}
.hb-redesign .footer-top{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;
  gap:40px;padding-bottom:60px;
  border-bottom:1px solid rgba(250,247,242,.08)
}
.hb-redesign .footer-brand img.footer-logo{
  height:48px;width:auto;
  filter:brightness(0) invert(1);
  margin-bottom:22px;opacity:.88;
}
.hb-redesign .footer-brand p{font-size:13px;color:rgba(250,247,242,.48);line-height:1.75;max-width:280px;margin-bottom:22px}
.hb-redesign .footer-contact{font-size:13px;color:rgba(250,247,242,.65)}
.hb-redesign .footer-contact a{display:block;margin-bottom:8px;transition:color .3s}
.hb-redesign .footer-contact a:first-child{font-size:15px;color:var(--gold-light);font-weight:500;letter-spacing:.02em}
.hb-redesign .footer-contact a:hover{color:var(--gold)}
.hb-redesign .footer-social{display:flex;gap:12px;margin-top:22px}
.hb-redesign .footer-social a{
  width:36px;height:36px;border:1px solid rgba(250,247,242,.15);
  display:flex;align-items:center;justify-content:center;
  transition:all .3s;
}
.hb-redesign .footer-social a:hover{border-color:var(--gold);background:rgba(201,169,97,.1)}
.hb-redesign .footer-social svg{width:15px;height:15px;stroke:rgba(250,247,242,.55);fill:none;stroke-width:1.5}
.hb-redesign .footer-col h5{
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:22px;font-weight:500;
}
.hb-redesign .footer-col ul{list-style:none}
.hb-redesign .footer-col li{margin-bottom:12px}
.hb-redesign .footer-col a{font-size:13px;color:rgba(250,247,242,.55);transition:color .3s;line-height:1.4}
.hb-redesign .footer-col a:hover{color:var(--ivory)}
/* B2B Spalte hervorgehoben */
.hb-redesign .footer-col-b2b{
  border-left:1px solid rgba(201,169,97,.2);
  padding-left:32px;
}
.hb-redesign .footer-col-b2b h5{color:var(--gold)}
.hb-redesign .btn-footer-b2b{
  display:block;width:100%;
  padding:11px 16px;margin-bottom:10px;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;
  font-family:'Mulish',sans-serif;
  transition:all .3s;cursor:pointer;
}
.hb-redesign .btn-footer-login{background:var(--gold);color:var(--navy);font-weight:600;}
.hb-redesign .btn-footer-login:hover{background:var(--gold-light)}
.hb-redesign .btn-footer-reg{background:transparent;color:rgba(250,247,242,.7);border:1px solid rgba(201,169,97,.35);font-weight:400;}
.hb-redesign .btn-footer-reg:hover{border-color:var(--gold);color:var(--gold)}
.hb-redesign .footer-b2b-note{font-size:11px;color:rgba(250,247,242,.35);line-height:1.5;margin-top:16px}
.hb-redesign .footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  padding:28px 0;font-size:12px;color:rgba(250,247,242,.35);
  border-top:1px solid rgba(250,247,242,.06);
}
.hb-redesign .footer-bottom-links{display:flex;gap:28px;flex-wrap:wrap}
.hb-redesign .footer-bottom-links a{color:rgba(250,247,242,.35);transition:color .3s}
.hb-redesign .footer-bottom-links a:hover{color:var(--gold)}

/* ——— ANFRAGE MODAL ——— */
.hb-redesign .modal-overlay{
  position:fixed;inset:0;z-index:1000;
  background:rgba(6,15,26,.85);
  backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:opacity .35s ease;
}
.hb-redesign .modal-overlay.open{opacity:1;pointer-events:all}
.hb-redesign .modal{
  background:var(--navy);
  border:1px solid rgba(201,169,97,.25);
  width:100%;max-width:560px;
  padding:52px;
  position:relative;
  transform:translateY(24px);
  transition:transform .35s ease;
}
.hb-redesign .modal-overlay.open .modal{transform:translateY(0)}
.hb-redesign .modal-close{
  position:absolute;top:20px;right:20px;
  background:none;border:none;cursor:pointer;
  color:rgba(250,247,242,.4);font-size:22px;line-height:1;
  transition:color .3s;padding:4px;
}
.hb-redesign .modal-close:hover{color:var(--gold)}
.hb-redesign .modal-eyebrow{
  font-size:10px;letter-spacing:.4em;text-transform:uppercase;
  color:var(--gold);margin-bottom:12px;
}
.hb-redesign .modal h3{
  font-family:'Monument Extended',sans-serif;
  font-size:clamp(18px,2vw,26px);font-weight:400;
  color:var(--ivory);letter-spacing:.03em;margin-bottom:8px;
}
.hb-redesign .modal-sub{font-size:13px;color:rgba(250,247,242,.5);margin-bottom:32px;line-height:1.6}
.hb-redesign .modal-form{display:flex;flex-direction:column;gap:14px}
.hb-redesign .modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hb-redesign .modal-field{display:flex;flex-direction:column;gap:6px}
.hb-redesign .modal-field label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.45)}
.hb-redesign .modal-field input, .hb-redesign .modal-field textarea, .hb-redesign .modal-field select{
  background:rgba(250,247,242,.04);
  border:1px solid rgba(250,247,242,.12);
  color:var(--ivory);
  padding:12px 16px;
  font-family:'Mulish',sans-serif;font-size:13px;
  outline:none;transition:border-color .3s;
  width:100%;
}
.hb-redesign .modal-field input:focus, .hb-redesign .modal-field textarea:focus, .hb-redesign .modal-field select:focus{border-color:rgba(201,169,97,.5)}
.hb-redesign .modal-field textarea{resize:vertical;min-height:90px}
.hb-redesign .modal-field select option{background:var(--navy);color:var(--ivory)}
.hb-redesign .modal-submit{
  margin-top:8px;
  background:var(--gold);color:var(--navy);
  border:none;padding:16px 32px;
  font-family:'Mulish',sans-serif;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  cursor:pointer;transition:all .3s;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.hb-redesign .modal-submit:hover{background:var(--gold-light)}

/* ——— RESPONSIVE ——— */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-image{min-height:420px;order:-1}
  .hero-text{padding:60px 32px}
  .collections-grid{grid-template-columns:1fr}
  .coll-card:nth-child(n){grid-column:span 1;min-height:320px}
  .finder-inner{grid-template-columns:1fr;gap:48px}
  .heritage-inner{grid-template-columns:1fr;gap:48px}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:48px}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .footer-col-b2b{border-left:none;padding-left:0;border-top:1px solid rgba(201,169,97,.2);padding-top:32px}
  .usp-grid{grid-template-columns:repeat(2,1fr)}
  .usp:nth-child(2){border-right:none}
}
@media(max-width:640px){
  .nav-left,.nav-right{display:none}
  .header-inner{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .trust-grid,.footer-top,.usp-grid{grid-template-columns:1fr}
  .usp{border-right:none;border-bottom:1px solid var(--line);padding-bottom:20px}
  .newsletter-form{flex-direction:column}
  .heritage-stats{grid-template-columns:1fr;gap:24px}
  .finder-widget{padding:28px}
  .hero-text{padding:48px 24px}
  .container{padding:0 20px}
}


/* --- Flatsome-Overrides (Theme-Styles im Wrapper neutralisieren) --- */
.hb-redesign h1,.hb-redesign h2,.hb-redesign h3,.hb-redesign h4,.hb-redesign h5,.hb-redesign h6{color:inherit;}
.hb-redesign .hero h1{color:var(--ivory);}
.hb-redesign .hero h1 em{color:var(--gold-light);}
.hb-redesign a,.hb-redesign a.btn{text-decoration:none;box-shadow:none;}
.hb-redesign a.btn:hover{text-decoration:none;}
.hb-redesign svg{box-sizing:content-box;vertical-align:middle;}

/* Flatsome-Klassenkollisionen aufheben (Flatsome nutzt gleiche Klassennamen) */
.hb-redesign .section-title{display:block !important;text-align:inherit;border:0 !important;}
.hb-redesign .section-title:before,.hb-redesign .section-title:after{content:none !important;display:none !important;}
.hb-redesign .section-title,.hb-redesign .section-title em{font-family:'Monument Extended',sans-serif !important;}
.hb-redesign h2.section-title b{display:none !important;}

/* --- Lesbarkeit: Fliesstext groesser (Gold-Label/Eyebrows bleiben klein) --- */
.hb-redesign{font-size:17px;}
.hb-redesign p,.hb-redesign li{font-size:17px;line-height:1.75;}
.hb-redesign .hero-lead{font-size:18px;line-height:1.8;max-width:480px;}
.hb-redesign .section-sub{font-size:18px;}
.hb-redesign .finder-text p{font-size:18px;}
.hb-redesign .heritage-content > p{font-size:18px;}
.hb-redesign .dealer-text > p{font-size:17px;}
.hb-redesign .coll-content p{font-size:16px;}
.hb-redesign .newsletter p{font-size:17px;}
.hb-redesign .b2b-banner-text p{font-size:15px;}
.hb-redesign .footer-brand p{font-size:15px;}
.hb-redesign .footer-col a,.hb-redesign .footer-contact{font-size:15px;}
.hb-redesign .footer-contact a:first-child{font-size:17px;}
.hb-redesign .product h4{font-size:17px;}
.hb-redesign .product-price{font-size:16px;}
/* USP-Box bleibt auf Originalgröße (Wunsch Kunde: wie vorher) */

/* --- Lesbarkeit: kleine Uppercase-Label/Badges auf lesbares Minimum --- */
.hb-redesign .neuheiten-badge{font-size:12px;letter-spacing:.2em;padding:7px 16px;}
.hb-redesign .section-eyebrow{font-size:14px;letter-spacing:.24em;font-weight:700;}
.hb-redesign .hero-eyebrow{font-size:13px;letter-spacing:.3em;font-weight:700;}
.hb-redesign .hero-price{font-size:14px;}
.hb-redesign .hero-meta{font-size:12px;}
.hb-redesign .product-family{font-size:12px;}
.hb-redesign .product-badge{font-size:11px;}
.hb-redesign .product-quick{font-size:13px;}
.hb-redesign .finder-step-label{font-size:13px;}
.hb-redesign .finder-chip{font-size:14px;}
.hb-redesign .stat .label{font-size:13px;}
.hb-redesign .dealer-stat .label{font-size:12px;}
.hb-redesign .map-badge{font-size:12px;}
.hb-redesign .city-tag{font-size:11px;}
.hb-redesign .payment-row .label{font-size:13px;}
.hb-redesign .pay{font-size:13px;}
.hb-redesign .newsletter-note{font-size:13px;}
.hb-redesign .footer-col h5{font-size:13px;letter-spacing:.22em;}
.hb-redesign .footer-bottom,.hb-redesign .footer-bottom-links a{font-size:13px;}
.hb-redesign .btn,.hb-redesign a.btn{font-size:13px;}

/* ===== Produktkacheln: Flatsome [ux_products] ans Redesign angleichen ===== */
.hb-redesign .product-small.col{padding-bottom:0}
.hb-redesign .product-small .box,
.hb-redesign .product-small .box.has-hover:hover{background:transparent;border:0;box-shadow:none}
.hb-redesign .product-small .box-image{background:var(--cream);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.hb-redesign .product-small .box-image img{mix-blend-mode:multiply;padding:13% 11%;background:transparent;transition:transform .5s ease}
.hb-redesign .product-small:hover .box-image img{transform:scale(1.04)}
.hb-redesign .product-small .box-text{padding:16px 2px 0;text-align:left;background:transparent}
.hb-redesign .product-small .name,
.hb-redesign .product-small .product-title{margin:0 0 6px;text-transform:none}
.hb-redesign .product-small .name a,
.hb-redesign .product-small .product-title a,
.hb-redesign .product-small .woocommerce-loop-product__title{font-family:'Monument Extended',sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:.05em;color:var(--navy)!important;text-transform:none!important}
.hb-redesign .product-small .name a:hover,
.hb-redesign .product-small .product-title a:hover{color:var(--gold)!important}
.hb-redesign .product-small .price,
.hb-redesign .product-small .price .amount{color:var(--navy)!important;font-size:15px;font-weight:500}
.hb-redesign .product-small .price del,
.hb-redesign .product-small .price del .amount{color:var(--muted)!important;font-weight:300}
.hb-redesign .product-small .price ins{text-decoration:none}
/* runde "Neu"-Blase -> eckiges Gold-Label */
.hb-redesign .badge-container{margin:10px}
.hb-redesign .badge-container .badge.badge-circle .badge-inner,
.hb-redesign .badge-container .badge .badge-inner{border-radius:3px!important;background:var(--gold)!important;color:var(--navy)!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;line-height:1!important;padding:6px 9px!important;font-family:'Mulish',sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;box-shadow:none}
.hb-redesign .badge.onsale .badge-inner{background:var(--navy)!important;color:var(--ivory)!important}
/* Add-to-Cart dezent, Gold/Navy */
.hb-redesign .product-small .add-to-cart-grid{display:inline-block;margin-top:12px;border:1px solid var(--navy)!important;border-radius:2px;color:var(--navy)!important;background:transparent!important;font-family:'Mulish',sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;padding:9px 16px!important}
.hb-redesign .product-small .add-to-cart-grid:hover{background:var(--navy)!important;color:var(--ivory)!important}
.hb-redesign .product-small .add-to-cart-grid .cart-icon,
.hb-redesign .product-small .image-tools,
.hb-redesign .product-small .quick-view{display:none!important}

/* === Cross-Kollektions-Nav (18.06.2026) === */
.hb-redesign .koll-cross{background:#f2f2f2;padding:76px 0}
.hb-redesign .koll-cross .kc-head{text-align:center;margin-bottom:42px}
.hb-redesign .kc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;max-width:1120px;margin:0 auto;padding:0 20px}
.hb-redesign .kc-tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#fff;border:1px solid #e7e2d8;border-radius:10px;padding:14px 10px 16px;transition:transform .2s,box-shadow .2s}
.hb-redesign .kc-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,27,42,.10)}
.hb-redesign .kc-thumb{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#f7f5f0;display:flex;align-items:center;justify-content:center}
.hb-redesign .kc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hb-redesign .kc-name{margin-top:12px;font-family:'Monument Extended',sans-serif;font-size:12.5px;letter-spacing:.05em;color:#0d1b2a;text-transform:uppercase;text-align:center}
@media(max-width:900px){.hb-redesign .kc-grid{grid-template-columns:repeat(2,1fr);gap:12px}}