/* ==========================================================================
   Startseite hell (13.10.2026): Kunde wollte weniger Blau, mehr Weiss.
   Ueberschreibt die dunklen Flaechen aus modern.css / nav-2026.css /
   chrome-2026.css. Orange bleibt Akzent. Zuruecknehmen: Datei loeschen.
   ========================================================================== */
#thg.thg-modern, #thg.thg-c26 { --thg-dark: #ffffff; --thg-dark-2: #ffffff; --thg-soft: #f7f8fa; }

/* Kopfzeile: weiss statt dunkler Verlauf */
#thg.thg-c26 .h26-header.e-con,
#thg.thg-c26 .h26-header.e-con.is-scrolled,
#thg.thg-c26.h26-solid .h26-header.e-con { background: rgba(255, 255, 255, .96); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--thg-line); }
#thg.thg-c26 .h26-header.e-con.is-scrolled { box-shadow: 0 8px 24px rgba(17, 24, 39, .08); }
#thg.thg-c26 .h26-link, #thg.thg-c26 .h26-phone .elementor-heading-title, #thg.thg-c26 .h26-phone .elementor-heading-title a { color: var(--thg-ink); }
#thg.thg-c26 .h26-link:hover { color: var(--thg-orange); }
#thg.thg-c26 .h26-burger { border-color: var(--thg-line); background: #fff; }
#thg.thg-c26 .h26-burger span { background: var(--thg-ink); }
#thg.thg-c26 .thg-lang-switch-2026__pill.is-active { background: var(--thg-orange); }

/* Hero: Foto bleibt, links heller Schleier, dunkle Schrift */
#thg.thg-modern .h-hero.e-con { background: #fff; }
#thg.thg-modern .h-hero .swiper-slide-inner { background: linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .88) 38%, rgba(255, 255, 255, .25) 70%, rgba(255, 255, 255, 0) 100%); }
#thg.thg-modern .h-hero .swiper-slide-contents { padding-top: 0; }
#thg.thg-modern .h-hero .elementor-slide-heading { color: var(--thg-ink); text-shadow: none; }
#thg.thg-modern .h-hero .h-slide-sub { color: var(--thg-muted); }
#thg.thg-modern .h-hero .h-eyebrow-badge { background: rgba(30, 64, 175, .1); border-color: rgba(30, 64, 175, .25); color: var(--thg-orange-dark); backdrop-filter: none; }
#thg.thg-modern .h-watermark .elementor-heading-title { -webkit-text-stroke: 1px rgba(17, 24, 39, .08); }

/* Vorteilsleiste: weisse Karte mit Schatten */
#thg.thg-modern .h-strip-inner.e-con { background: #fff; clip-path: none; border: 1px solid var(--thg-line); border-radius: 12px; box-shadow: 0 14px 40px rgba(17, 24, 39, .08); margin-top: -40px; }
#thg.thg-modern .h-strip-item .elementor-icon-box-title { color: var(--thg-ink); }
#thg.thg-modern .h-strip-item .elementor-icon-box-description { color: var(--thg-muted); }

/* Dunkle Sektionen (Leistungen) -> zartes Grau */
#thg.thg-modern .h-dark.e-con { background: var(--thg-soft); color: var(--thg-text); }
#thg.thg-modern .h-dark .h-title .elementor-heading-title, #thg.thg-modern .h-head-light .h-title .elementor-heading-title { color: var(--thg-ink); }
#thg.thg-modern .h-dark .h-sub { color: var(--thg-muted); }
#thg.thg-modern .h-eyebrow-light .elementor-heading-title { background: rgba(30, 64, 175, .1); color: var(--thg-orange-dark); }
#thg.thg-modern .h-services::before { background: radial-gradient(circle at 60% 50%, rgba(30, 64, 175, .10), transparent 60%); }
#thg.thg-modern .h-numlist .elementor-icon-list-item { border-bottom-color: var(--thg-line); }
#thg.thg-modern .h-numlist .elementor-icon-list-item a, #thg.thg-modern .h-numlist .elementor-icon-list-item > span { color: var(--thg-ink); }
#thg.thg-modern .h-numlist .elementor-icon-list-item a::after { color: var(--thg-muted); }
#thg.thg-modern .h-circle img { border-color: #fff; box-shadow: 0 0 0 1px rgba(30, 64, 175, .35), 0 30px 60px rgba(17, 24, 39, .15); }
#thg.thg-modern .h-steel.e-con { background: #fff; }

/* Projekt-CTA: heller Schleier statt Navy */
#thg.thg-modern .h-cta-card.e-con::before { background: linear-gradient(100deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 55%, rgba(255, 255, 255, .45) 100%); }
#thg.thg-modern .h-cta-card .h-title .elementor-heading-title { color: var(--thg-ink); }
#thg.thg-modern .h-cta-card.e-con { border: 1px solid var(--thg-line); }

/* Kennzahlen: weisse Karte, Zahlen orange */
#thg.thg-modern .h-kpis.e-con { background: #fff; border: 1px solid var(--thg-line); box-shadow: 0 14px 40px rgba(17, 24, 39, .06); }
#thg.thg-modern .h-kpi.e-con { border-bottom-color: var(--thg-line); }
#thg.thg-modern .h-kpi.e-con:nth-child(odd) { border-right-color: var(--thg-line); }
#thg.thg-modern .h-kpi-v .elementor-heading-title { color: var(--thg-orange); }
#thg.thg-modern .h-kpi-l .elementor-heading-title { color: var(--thg-muted); }

/* Produktkacheln: Beschriftung auf weissem Feld unter dem Bild */
#thg.thg-modern .h-tile.elementor-widget, #thg.thg-modern .h-tile .elementor-widget-container { background: #fff; border: 1px solid var(--thg-line); transition: transform .25s, box-shadow .25s; }
#thg.thg-modern .h-tile.elementor-widget:hover { transform: translateY(-4px); box-shadow: var(--thg-shadow-hover); }
#thg.thg-modern .h-tile .elementor-widget-container { border: 0; }
#thg.thg-modern .h-tile .elementor-image-box-content { position: static; padding: 14px 18px 18px; background: #fff; }
#thg.thg-modern .h-tile .elementor-image-box-title, #thg.thg-modern .h-tile .elementor-image-box-title a { color: var(--thg-ink); }
#thg.thg-modern .h-tile .elementor-image-box-description { color: var(--thg-muted); }
#thg.thg-modern .h-tile:hover .elementor-image-box-img img { opacity: 1; }
@media (max-width: 640px) { #thg.thg-modern .h-tile .elementor-image-box-content { padding: 10px 12px 12px; } }

/* Fusszeile: hell */
#thg.thg-c26 .thg-footer-2026.e-con { background: var(--thg-soft); color: var(--thg-muted); border-top: 1px solid var(--thg-line); }
#thg.thg-c26 .thg-footer-2026__col .elementor-heading-title { color: var(--thg-ink) !important; }
#thg.thg-c26 .thg-footer-2026__claim p, #thg.thg-c26 .thg-footer-2026__claim .elementor-text-editor { color: var(--thg-ink); }
#thg.thg-c26 .thg-footer-2026__address p, #thg.thg-c26 .thg-footer-2026__address .elementor-text-editor { color: var(--thg-muted); }
#thg.thg-c26 .thg-footer-2026 .thg-menu-list-2026 a, #thg.thg-c26 .thg-footer-2026__contact-list .elementor-icon-list-item a, #thg.thg-c26 .thg-footer-2026__contact-list .elementor-icon-list-item span.elementor-icon-list-text { color: #4b5563 !important; }
#thg.thg-c26 .thg-footer-2026 .thg-menu-list-2026 a:hover, #thg.thg-c26 .thg-footer-2026__contact-list .elementor-icon-list-item a:hover { color: var(--thg-orange) !important; }
#thg.thg-c26 .thg-footer-2026__bottom.e-con { border-top-color: var(--thg-line); }
#thg.thg-c26 .thg-footer-2026__logo-tile.e-con { background: transparent; padding: 0; }

/* Dunkler Button (orangenes Band) war var(--thg-dark) -> jetzt weiss mit oranger Schrift */
#thg.thg-modern .h-btn-dark .elementor-button { background: #fff; color: var(--thg-orange-dark); box-shadow: 0 8px 20px rgba(17, 24, 39, .12); }
#thg.thg-modern .h-btn-dark .elementor-button:hover { background: var(--thg-ink); color: #fff; }

/* Vorteilsleiste mobil: Eintraege volle Breite (die Widget-Regel am Ende von modern.css galt auch mobil) */
@media (max-width: 1024px) { #thg.thg-modern .h-strip-item.elementor-widget { --width: 100%; width: 100%; } }