.elementor-105617 .elementor-element.elementor-element-4a52471{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-105617 .elementor-element.elementor-element-01b6935{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* =====================================================================
   Herbst-Sale 2026 – HEADER
   Einbau: Elementor → Templates → Theme Builder → Header „Herbst-Sale Header“
           → Template bearbeiten → Erweitert → Benutzerdefiniertes CSS
   (CSS am Template = wird nur geladen, wo das Template laut Bedingungen greift)
   Werte 1:1 aus Entwurf "1 · Start Übersicht". Alles gescopt mit "html .dh-hs-header" – greift nie in Seiten-CSS (.dh-hs) ein.
   Basis-Block (Variablen, Buttons) ist in Header-, Footer- und Seiten-CSS
   identisch enthalten – bei Farbänderung bitte in allen drei Dateien ändern.
   ===================================================================== */

/* Schrift: Open Sans wird über die Seiten-CSS (css/herbstsale-seite.css) eingebunden – hier nichts nachladen. */

/* ---------- Basis ---------- */
html .dh-hs-header{
  /* Danhaus-Farben (aus der Herbst-Sale-Broschüre 10/2026 abgenommen):
     Anthrazit #3C3C3B · Grün #A1C861 · Hellgrün #E3ECC6 / #E8F0D0 – zum Umstellen nur hier ändern. */
  --hs-dark:#3c3c3b;
  --hs-dark-card:#4a4a48;
  --hs-dark-deep:#2b2b2a;
  --hs-green:#a1c861;
  --hs-green-hover:#b2d379;
  --hs-green-text:#4a6a1a;        /* Grün für Text auf Weiß/Hellgrün (Kontrast ≥ 4,5 : 1) */
  --hs-white:#ffffff;
  --hs-muted:#d6d6d1;
  --hs-text-grey:#5b5b59;
  --hs-line:#e4e4df;
  --hs-overlay:24,24,23;          /* RGB für Bild-Verläufe (Broschüre: dunkler, neutraler Verlauf) */
  --hs-black:"Open Sans",Arial,sans-serif;   /* Headlines: Open Sans Bold 700 */
  --hs-sans:"Open Sans",Arial,sans-serif;

  font-family:var(--hs-sans);
  color:var(--hs-white);
  background:var(--hs-dark);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
html .dh-hs-header *,html .dh-hs-header *::before,html .dh-hs-header *::after{box-sizing:border-box}
html .dh-hs-header img{max-width:none}
html .dh-hs-header h1,html .dh-hs-header h2,html .dh-hs-header p{color:inherit;font-family:inherit;text-transform:none;letter-spacing:normal}
html .dh-hs-header a{color:var(--hs-white)}
html .dh-hs-header a:hover{color:var(--hs-green)}
html .dh-hs-header .dh-hs-black{font-family:var(--hs-black);font-weight:700}
html .dh-hs-header .dh-hs-green{color:var(--hs-green)}
html .dh-hs-header .dh-hs-wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* ---------- Buttons ---------- */
/* ---------- Buttons ---------- */
html .dh-hs-header .dh-hs-btn,
html .dh-hs-header .dh-hs-btn:link,
html .dh-hs-header .dh-hs-btn:visited{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:0 32px;border-radius:6px;
  font-family:var(--hs-sans);font-weight:700;font-size:16px;letter-spacing:.01em;
  text-transform:none;text-decoration:none;white-space:nowrap;
  transition:background-color .15s,color .15s,border-color .15s;
}
html .dh-hs-header .dh-hs-btn--primary,
html .dh-hs-header .dh-hs-btn--primary:link,
html .dh-hs-header .dh-hs-btn--primary:visited{
  background:var(--hs-green);color:var(--hs-dark);border:0;
}
html .dh-hs-header .dh-hs-btn--primary:hover,
html .dh-hs-header .dh-hs-btn--primary:active{background:var(--hs-green-hover);color:var(--hs-dark)}
html .dh-hs-header .dh-hs-btn--outline,
html .dh-hs-header .dh-hs-btn--outline:link,
html .dh-hs-header .dh-hs-btn--outline:visited{background:transparent;border:1.5px solid var(--hs-white);color:var(--hs-white)}
html .dh-hs-header .dh-hs-btn--outline:hover,
html .dh-hs-header .dh-hs-btn--outline:active{border-color:var(--hs-green);color:var(--hs-green)}
html .dh-hs-header a:focus-visible,
html .dh-hs-header button:focus-visible{outline:3px solid var(--hs-green);outline-offset:2px}

/* ---------- Header ---------- */
/* Sticky NICHT per CSS – im Template: Container → Erweitert → Bewegungseffekte → Sticky: Oben */
html .dh-hs-header{background:var(--hs-dark);border-bottom:1px solid rgba(255,255,255,.12)}
html .dh-hs-header .dh-hs-hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
html .dh-hs-header .dh-hs-logo{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--hs-black);font-weight:700;font-size:20px}
html .dh-hs-header .dh-hs-logo img{display:block;height:44px;width:auto}
html .dh-hs-header .dh-hs-nav{display:flex;gap:6px;flex-wrap:wrap}
html .dh-hs-header .dh-hs-nav a,
html .dh-hs-header .dh-hs-nav a:visited{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;color:var(--hs-white);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
html .dh-hs-header .dh-hs-nav a:hover{color:var(--hs-green)}
html .dh-hs-header .dh-hs-nav a[aria-current="page"]{background:var(--hs-white);color:var(--hs-dark);font-weight:700}
html .dh-hs-header .dh-hs-hdr .dh-hs-hcta,
html .dh-hs-header .dh-hs-hdr .dh-hs-hcta:link,
html .dh-hs-header .dh-hs-hdr .dh-hs-hcta:visited{min-height:44px;padding:0 20px;font-size:15px;letter-spacing:.01em}

@media (max-width:640px){
  html .dh-hs-header .dh-hs-wrap{padding:0 20px}
  /* Logo oben, Navigation darunter horizontal scrollbar, CTA aus (übernimmt die Mobile-Leiste im Footer) */
  html .dh-hs-header .dh-hs-hdr .dh-hs-hcta,
  html .dh-hs-header .dh-hs-hdr .dh-hs-hcta:link,
  html .dh-hs-header .dh-hs-hdr .dh-hs-hcta:visited{display:none}
  html .dh-hs-header .dh-hs-hdr{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:10px;min-height:0}
  html .dh-hs-header .dh-hs-hdr > .dh-hs-logo{font-size:16px}
  html .dh-hs-header .dh-hs-hdr > .dh-hs-logo img{height:32px}
  html .dh-hs-header .dh-hs-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:0 -6px;scrollbar-width:none}
  html .dh-hs-header .dh-hs-nav::-webkit-scrollbar{display:none}
  html .dh-hs-header .dh-hs-nav a{flex:none;min-height:34px;padding:0 13px;font-size:13px}
}

@media (prefers-reduced-motion:reduce){
  html .dh-hs-header *{transition:none !important}
}/* End custom CSS */