.elementor-105621 .elementor-element.elementor-element-fcf7754{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--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-105621 .elementor-element.elementor-element-d009a60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-105621{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.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 – FOOTER + Mobile-CTA-Leiste
   Einbau: Elementor → Templates → Theme Builder → Footer „Herbst-Sale Footer“
           → 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-foot" – 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-foot{
  /* 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-foot *,html .dh-hs-foot *::before,html .dh-hs-foot *::after{box-sizing:border-box}
html .dh-hs-foot img{max-width:none}
html .dh-hs-foot h1,html .dh-hs-foot h2,html .dh-hs-foot p{color:inherit;font-family:inherit;text-transform:none;letter-spacing:normal}
html .dh-hs-foot a{color:var(--hs-white)}
html .dh-hs-foot a:hover{color:var(--hs-green)}
html .dh-hs-foot .dh-hs-black{font-family:var(--hs-black);font-weight:700}
html .dh-hs-foot .dh-hs-green{color:var(--hs-green)}
html .dh-hs-foot .dh-hs-footer .dh-hs-wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* ---------- Buttons ---------- */
/* ---------- Buttons ---------- */
html .dh-hs-foot .dh-hs-btn,
html .dh-hs-foot .dh-hs-btn:link,
html .dh-hs-foot .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-foot .dh-hs-btn--primary,
html .dh-hs-foot .dh-hs-btn--primary:link,
html .dh-hs-foot .dh-hs-btn--primary:visited{
  background:var(--hs-green);color:var(--hs-dark);border:0;
}
html .dh-hs-foot .dh-hs-btn--primary:hover,
html .dh-hs-foot .dh-hs-btn--primary:active{background:var(--hs-green-hover);color:var(--hs-dark)}
html .dh-hs-foot .dh-hs-btn--outline,
html .dh-hs-foot .dh-hs-btn--outline:link,
html .dh-hs-foot .dh-hs-btn--outline:visited{background:transparent;border:1.5px solid var(--hs-white);color:var(--hs-white)}
html .dh-hs-foot .dh-hs-btn--outline:hover,
html .dh-hs-foot .dh-hs-btn--outline:active{border-color:var(--hs-green);color:var(--hs-green)}
html .dh-hs-foot a:focus-visible,
html .dh-hs-foot button:focus-visible{outline:3px solid var(--hs-green);outline-offset:2px}


/* ---------- Footer + Mobile-Leiste ---------- */
html .dh-hs-foot .dh-hs-footer{background:var(--hs-dark-deep);color:var(--hs-muted);padding:44px 0}
html .dh-hs-foot .dh-hs-footer .dh-hs-wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px;line-height:1.7}
html .dh-hs-foot .dh-hs-footer .dh-hs-logo{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--hs-black);font-weight:700;font-size:18px;color:var(--hs-white)}
html .dh-hs-foot .dh-hs-footer .dh-hs-logo img{display:block;height:56px;width:auto}
html .dh-hs-foot .dh-hs-footer__addr{margin-top:8px}
html .dh-hs-foot .dh-hs-footer__legal{max-width:620px}
html .dh-hs-foot .dh-hs-footer a{color:var(--hs-white);text-decoration:underline}
html .dh-hs-foot .dh-hs-footer a:hover{color:var(--hs-green)}
html .dh-hs-foot .dh-hs-footer a.dh-hs-logo{text-decoration:none}

@media (max-width:640px){
  html .dh-hs-foot .dh-hs-footer .dh-hs-wrap{padding:0 20px}
  html .dh-hs-foot .dh-hs-btn,
  html .dh-hs-foot .dh-hs-btn:link,
  html .dh-hs-foot .dh-hs-btn:visited{min-height:50px;padding:0 20px;font-size:15px;width:100%}
  html .dh-hs-foot .dh-hs-footer .dh-hs-wrap{font-size:11px}
}

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