.elementor-934 .elementor-element.elementor-element-14ec17a:not(.elementor-motion-effects-element-type-background), .elementor-934 .elementor-element.elementor-element-14ec17a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-934 .elementor-element.elementor-element-14ec17a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-934 .elementor-element.elementor-element-14ec17a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS *//* ============================================================
   karstenlehnen.de — Custom CSS
   Einzufügen in: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* 1. Astra Theme: h1/h2 Farb-Override neutralisieren */
#kl-wrap h1,
#kl-wrap h2,
#kl-wrap h3,
#kl-wrap .hero-name,
#kl-wrap .col-heading {
  color: #ffffff !important;
}

/* Lehnen. bleibt orange */
#kl-wrap .hero-name .line2 {
  color: #EF5E18 !important;
}

/* 2. Body/Page-Hintergrund: Theme-Weiß überschreiben */
body,
html,
.elementor-page,
#page,
#content,
.site,
main,
.elementor {
  background: #0f1117 !important;
}

/* 3. Elementor-Section um den Footer: Navy-Hintergrund entfernen */
.elementor-top-section:has(footer),
.elementor-section:has(footer),
.elementor-section:has(.footer-logo) {
  background: #0a0c10 !important;
  background-color: #0a0c10 !important;
}

/* 4. Footer-Logo: volle Sichtbarkeit (war 0.45 opacity) */
.footer-logo img {
  opacity: 0.55 !important;
}

/* 5. Elementor Container-Overrides */
.elementor-widget-html,
.elementor-widget-container,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* 6. Tile hover: Orange statt gedimmtes Weiß */
#kl-wrap .tile:hover {
  background: rgba(239, 94, 24, 0.12) !important;
}
#kl-wrap .tile:hover::before {
  border-color: rgba(239, 94, 24, 0.7) !important;
}

/* 8. Silbentrennung deaktivieren — WordPress fügt ­ automatisch ein */
#kl-wrap * {
  hyphens: none !important;
  -webkit-hyphens: none !important;
}
#kl-wrap a.tile:hover,
#kl-wrap a.tile:hover .tile-main-text,
#kl-wrap a.tile:hover .tile-sub,
#kl-wrap a.tile:hover .tile-eye {
  color: inherit !important;
}/* End custom CSS */