/* ===== Debug-Badge: bei Bedarf entfernen ===== */
html::before{
  content:"CSS aktiv";
  position:fixed;right:6px;bottom:6px;background:#008080;color:#fff;
  padding:2px 6px;font:11px monospace;z-index:99999
}

/* ===== Basis ===== */
:root { --moxi-teal:#008080; }
@supports (color-scheme: light){ :root{ color-scheme: light; } }

html, body{ height:100%; }
body{
  background:#fff !important; /* verhindert schwarze Seite */
  color:#111;
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  font-family:"Montserrat","Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.45;margin:0;padding:0;
}

/* ===== Typografie & Silbentrennung ===== */
p,h1,h2,h3,h4,h5,h6{
  hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto;
  overflow-wrap:normal; word-break:normal;
  -webkit-hyphenate-limit-before:3;
  -webkit-hyphenate-limit-after:3;
  -webkit-hyphenate-limit-lines:2;
}
.hero h1,[class*="hero"] h1,.flex>*{ min-width:0; }

/* ===== Buttons & CTAs ===== */
.hs-button,.cta_button{
  text-transform:uppercase; letter-spacing:.02em; border-radius:8px;
  font-weight:600; cursor:pointer; transition:background .2s,color .2s,border-color .2s;
}
.hs-button--primary,.cta_button--primary,.hs-button.primary,.cta_button.primary{
  background:var(--moxi-teal) !important; border-color:var(--moxi-teal) !important; color:#fff !important;
}
.hs-button--primary:hover,.cta_button--primary:hover,.hs-button.primary:hover,.cta_button.primary:hover{
  background:#006666 !important; border-color:#006666 !important;
}

/* ===== Fallbacks ohne JS ===== */
noscript .hs-hero,noscript .hero,noscript .hero-section{ min-height:48vh;background:#000; }
noscript video{ display:none !important; }

/* =========================================================
   Header-Entfernung (ENG GEFASST NUR IM HEADER-BEREICH)
   -> Verhindert Nebeneffekte im Footer
========================================================= */
header .hs-menu-wrapper,
header nav,
header .menu-primary,
header .menu-toggle,
header .hamburger,
header .mobile-trigger,
.site-header .hs-menu-wrapper,
.site-header nav,
.site-header .menu-primary,
.site-header .menu-toggle,
.site-header .hamburger,
.site-header .mobile-trigger{
  display:none !important;
}

/* Header-Hintergrund neutralisieren, NUR im Header-Scope */
header,
.site-header,
header .dark-header,
header .dark-header__container,
header .dark-header--default,
header .dark-header--mobile,
.site-header .dark-header,
.site-header .dark-header__container{
  padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important;
}

/* Logo-Texte nur im Header ausblenden */
header .logo-company-name,
.site-header .logo-company-name,
#hs_cos_wrapper_header_hs_logo_widget .logo-company-name,
#hs_cos_wrapper_header_hs_logo_widget h1,
#hs_cos_wrapper_header_hs_logo_widget h2{
  display:none !important; visibility:hidden !important; height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;
}

/* ===== Footer-Sichtbarkeit erzwingen ===== */
footer, .site-footer, [class*="footer"]{
  display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important;
  position:relative; z-index:5; /* gegen Überlagerungen */
}

/* Footer-Layout: Menü/Links sichtbar halten */
footer .hs-menu-wrapper,
.site-footer .hs-menu-wrapper,
[class*="footer"] .hs-menu-wrapper{
  display:flex !important; flex-wrap:wrap; gap:.75rem;
}

/* Kontrast & Farben im Footer – sicher lesbar auf weißem Hintergrund */
footer, .site-footer{ background:#ffffff !important; color:#111111 !important; }
footer a, .site-footer a{ color:#111111 !important; text-decoration:underline; }

/* Alternativ (optional): Dark-Footer aktivieren
footer, .site-footer{ background:#000 !important; color:#fff !important; }
footer a, .site-footer a{ color:#fff !important; text-decoration:underline; }
*/

/* Sicherstellen, dass Dark-Header-Regeln den Footer NICHT treffen */
footer.dark-header-wrapper,
[class*="footer"] .dark-header,
[class*="footer"] .dark-header__container{
  background:inherit !important; box-shadow:none !important; border:0 !important;
}