/* ============================================================
   DARK MODE OVERRIDES - Inline-Fix Klassen
   Ergänzt die dark-mode.css um Overrides für alle Klassen
   die aus Inline-Styles extrahiert wurden.
   ============================================================ */

/* --- CARDS --- */
[data-theme="dark"] .card-elevated,
[data-theme="dark"] .card-elevated-lg,
[data-theme="dark"] .card-standard,
[data-theme="dark"] .card-feature,
[data-theme="dark"] .card-feature-lg,
[data-theme="dark"] .card-feature-xl,
[data-theme="dark"] .card-feature-hover,
[data-theme="dark"] .card-bordered,
[data-theme="dark"] .card-light,
[data-theme="dark"] .card-light-bordered,
[data-theme="dark"] .card-light-lg {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow-sm) !important;
  color: var(--dm-text) !important;
}

[data-theme="dark"] .card-input-item {
  background: var(--dm-bg-input) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* --- SECTIONS --- */
[data-theme="dark"] .sec-bg-white,
[data-theme="dark"] .sec-bg-light,
[data-theme="dark"] .sec-bg-grid {
  background-color: var(--dm-bg) !important;
  background-image: none !important;
}

[data-theme="dark"] .sec-bg-grid {
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}

[data-theme="dark"] .sec-bg-dark,
[data-theme="dark"] .sec-bg-dark-alt {
  background-color: var(--dm-bg-alt) !important;
}

/* --- HEADINGS --- */
[data-theme="dark"] .heading-section,
[data-theme="dark"] .heading-section-md,
[data-theme="dark"] .heading-section-lg,
[data-theme="dark"] .heading-subsection,
[data-theme="dark"] .heading-card,
[data-theme="dark"] .heading-card-sm,
[data-theme="dark"] .heading-card-lg,
[data-theme="dark"] .heading-item,
[data-theme="dark"] .heading-item-sm,
[data-theme="dark"] .heading-item-flex,
[data-theme="dark"] .heading-feature,
[data-theme="dark"] .heading-label {
  color: var(--dm-text) !important;
}

/* --- TEXT --- */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-dark-alt,
[data-theme="dark"] .text-dark-bold-sm,
[data-theme="dark"] .text-dark-xs,
[data-theme="dark"] .text-dark-md,
[data-theme="dark"] .text-dark-mt,
[data-theme="dark"] .text-dark-slate {
  color: var(--dm-text) !important;
}
/* Ausnahme: In grünen Sektionen bleibt Text dunkel */
[data-theme="dark"] .sec-accent-padded .text-dark,
[data-theme="dark"] .sec-accent-padded .text-dark-alt,
[data-theme="dark"] .sec-accent-padded .text-dark-bold-sm,
[data-theme="dark"] .sec-accent-padded .text-dark-xs,
[data-theme="dark"] .sec-accent-padded .text-dark-md,
[data-theme="dark"] .sec-accent-padded .text-dark-mt,
[data-theme="dark"] .sec-accent-padded .text-dark-slate,
[data-theme="dark"] .sec-accent-padded h1,
[data-theme="dark"] .sec-accent-padded h2,
[data-theme="dark"] .sec-accent-padded h3,
[data-theme="dark"] .sec-accent-padded h4,
[data-theme="dark"] .sec-accent-padded p,
[data-theme="dark"] .sec-accent-padded li,
[data-theme="dark"] .sec-accent-padded span,
[data-theme="dark"] .sec-accent-padded strong {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

[data-theme="dark"] .text-prose,
[data-theme="dark"] .text-prose-sm,
[data-theme="dark"] .text-prose-lg,
[data-theme="dark"] .text-body,
[data-theme="dark"] .text-body-lg {
  color: var(--dm-text-secondary) !important;
}

[data-theme="dark"] .text-quote {
  color: var(--dm-text-secondary) !important;
  border-left-color: var(--dm-primary) !important;
}

/* --- BADGES --- */
[data-theme="dark"] .badge-green,
[data-theme="dark"] .badge-green-sm,
[data-theme="dark"] .badge-green-md,
[data-theme="dark"] .badge-green-alt {
  background: rgba(102,255,126,0.12) !important;
  color: var(--dm-primary) !important;
}

[data-theme="dark"] .badge-blue,
[data-theme="dark"] .badge-blue-label {
  background: rgba(59,130,246,0.12) !important;
  color: #93c5fd !important;
}

[data-theme="dark"] .badge-dark-label {
  color: var(--dm-text) !important;
}

[data-theme="dark"] .badge-outline,
[data-theme="dark"] .badge-square {
  background: rgba(255,255,255,0.06) !important;
  color: var(--dm-text) !important;
}

[data-theme="dark"] .badge-info {
  background: rgba(59,130,246,0.12) !important;
  color: #93c5fd !important;
}

/* --- BUTTONS --- */
[data-theme="dark"] .btn-dark {
  background: var(--dm-primary) !important;
  color: #111827 !important;
}

[data-theme="dark"] .btn-accent {
  background: var(--dm-primary) !important;
  color: #111827 !important;
}

[data-theme="dark"] .btn-filter {
  background: var(--dm-bg-card) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* --- LINKS --- */
[data-theme="dark"] .link-dark,
[data-theme="dark"] .link-dark-bold {
  color: var(--dm-primary) !important;
}

/* --- ICONS --- */
[data-theme="dark"] .icon-box-gradient {
  background: linear-gradient(135deg, rgba(102,255,126,0.12), rgba(16,185,129,0.08)) !important;
}

[data-theme="dark"] .icon-bg-accent { background: rgba(102,255,126,0.08) !important; }
[data-theme="dark"] .icon-bg-blue { background: rgba(59,130,246,0.08) !important; }
[data-theme="dark"] .icon-bg-green { background: rgba(16,185,129,0.08) !important; }
[data-theme="dark"] .icon-bg-purple { background: rgba(139,92,246,0.08) !important; }
[data-theme="dark"] .icon-bg-amber { background: rgba(245,158,11,0.08) !important; }
[data-theme="dark"] .icon-bg-cyan { background: rgba(6,182,212,0.08) !important; }
[data-theme="dark"] .icon-bg-orange { background: rgba(249,115,22,0.08) !important; }
[data-theme="dark"] .icon-bg-pink { background: rgba(236,72,153,0.08) !important; }

/* --- LISTS --- */
[data-theme="dark"] .list-item-bordered {
  color: var(--dm-text-secondary) !important;
  border-bottom-color: var(--dm-border) !important;
}

/* --- BORDERS --- */
[data-theme="dark"] .border-dark {
  border-color: var(--dm-border-strong) !important;
}

[data-theme="dark"] .card-accent,
[data-theme="dark"] .card-accent-sm {
  border-color: rgba(102,255,126,0.2) !important;
}

/* --- GRIDS (keep structure, adapt colors) --- */
[data-theme="dark"] .grid-2,
[data-theme="dark"] .grid-3 {
  color: var(--dm-text) !important;
}

/* === ADDITIONAL DARK MODE OVERRIDES (v471b) === */

/* Text classes */
[data-theme="dark"] .text-slate-lg,
[data-theme="dark"] .text-slate-lg-mb,
[data-theme="dark"] .text-body-mt,
[data-theme="dark"] .text-slate-center,
[data-theme="dark"] .text-body-xs-mb,
[data-theme="dark"] .text-muted-base,
[data-theme="dark"] .text-light-muted,
[data-theme="dark"] .text-muted-mt,
[data-theme="dark"] .text-center-lead,
[data-theme="dark"] .text-center-lead-narrow,
[data-theme="dark"] .text-center-lead-720,
[data-theme="dark"] .text-center-lead-720-sm,
[data-theme="dark"] .text-manrope-center,
[data-theme="dark"] .text-manrope-lead,
[data-theme="dark"] .flex-item-text-sm,
[data-theme="dark"] .widget-text-muted { color: var(--dm-text-secondary, #a0aec0); }

[data-theme="dark"] .text-black,
[data-theme="dark"] .heading-hero-alt { color: var(--dm-text, #e8ecf0); }

[data-theme="dark"] .badge-blue-square { background-color: rgba(59,130,246,0.15); color: #93c5fd; }

/* Backgrounds */
[data-theme="dark"] .bg-green-400 { background: #22c55e; }
[data-theme="dark"] .bg-green-500 { background: #16a34a; }
[data-theme="dark"] .bg-slate-400 { background: #64748b; }
[data-theme="dark"] .bg-accent-30 { background: rgba(102,255,126,0.15); }
[data-theme="dark"] .sec-accent-padded { background: #66FF7E !important; }

/* Card accent */
[data-theme="dark"] .card-accent-span { background: #1a3a2a; }

/* Footer */
[data-theme="dark"] .footer-link-muted { color: #a0aec0; }
[data-theme="dark"] .footer-cta-btn,
[data-theme="dark"] .footer-cta-btn span {
  background: #66ff7e !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

/* ===== Funktionen-Seite: Vergleichstabelle Dark-Mode ===== */
[data-theme="dark"] .fn-table-wrap {
    background: var(--dm-bg-card, #1e2a3a) !important;
    border-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}
[data-theme="dark"] .fn-table thead th {
    background: var(--dm-bg-elevated, #253345) !important;
    color: var(--dm-text, #e0e0e0) !important;
    border-bottom-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}
[data-theme="dark"] .fn-table thead .plan-price {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-table tbody tr {
    border-bottom-color: var(--dm-border, rgba(255,255,255,0.06)) !important;
}
[data-theme="dark"] .fn-table tbody tr:hover {
    background: rgba(102,255,126,0.04) !important;
}
[data-theme="dark"] .fn-table tbody td {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-table tbody td:first-child {
    color: var(--dm-text, #e0e0e0) !important;
}
[data-theme="dark"] .fn-table .fn-table__category td {
    background: var(--dm-bg-elevated, #253345) !important;
    color: var(--dm-text, #e0e0e0) !important;
}

/* Funktionen-Seite: CSS-Variablen Dark-Mode Override */
[data-theme="dark"] .fn-grid-bg,
[data-theme="dark"] [class*="fn-"] {
    --fn-bg: #0f1a2a;
    --fn-bg-alt: #1e2a3a;
    --fn-grid-color: rgba(255,255,255,0.04);
    --fn-border: rgba(255,255,255,0.1);
    --fn-text: #e0e0e0;
    --fn-text-secondary: #a0aec0;
    --fn-card-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.15);
    --fn-card-shadow-hover: 0 4px 12px rgba(0,0,0,0.3), 0 8px 32px rgba(0,0,0,0.2);
}

/* Funktionen: Kalkulator im Dark-Mode */
[data-theme="dark"] .fn-calculator {
    background: var(--dm-bg-card, #1e2a3a) !important;
    border-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}
[data-theme="dark"] .fn-calculator__tabs {
    background: rgba(255,255,255,0.05) !important;
}
[data-theme="dark"] .fn-calculator__tab {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__tab.active {
    background: var(--dm-bg-elevated, #253345) !important;
    color: #66ff7e !important;
}
[data-theme="dark"] .fn-calculator__flexi-info {
    background: rgba(102,255,126,0.05) !important;
    border-color: rgba(102,255,126,0.15) !important;
}
[data-theme="dark"] .fn-calculator__flexi-rate {
    color: var(--dm-text, #e0e0e0) !important;
}
[data-theme="dark"] .fn-calculator__flexi-min,
[data-theme="dark"] .fn-calculator__flexi-limit {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__support-note {
    background: rgba(102,255,126,0.05) !important;
    border-color: rgba(102,255,126,0.15) !important;
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__option {
    border-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}
[data-theme="dark"] .fn-calculator__option-label {
    color: var(--dm-text, #e0e0e0) !important;
}
[data-theme="dark"] .fn-calculator__option-price {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__scale-title {
    color: var(--dm-text, #e0e0e0) !important;
}
[data-theme="dark"] .fn-calculator__scale-desc {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__scale-features li {
    color: var(--dm-text, #e0e0e0) !important;
    border-bottom-color: var(--dm-border, rgba(255,255,255,0.06)) !important;
}
[data-theme="dark"] .fn-calculator__toggle-label {
    color: var(--dm-text-secondary, #a0aec0) !important;
}
[data-theme="dark"] .fn-calculator__toggle-label.active {
    color: var(--dm-text, #e0e0e0) !important;
}
[data-theme="dark"] .fn-calculator__toggle-switch {
    background: rgba(255,255,255,0.15) !important;
}
[data-theme="dark"] .fn-calculator__toggle-switch.active {
    background: #66ff7e !important;
}

/* Funktionen: Pricing Cards Dark-Mode */
[data-theme="dark"] .fn-pricing-card {
    background: var(--dm-bg-card, #1e2a3a) !important;
    border-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}
[data-theme="dark"] .fn-pricing-card__disclaimer {
    color: var(--dm-text-secondary, #a0aec0) !important;
    border-top-color: var(--dm-border, rgba(255,255,255,0.1)) !important;
}

/* === FIX: Preise in Giftgrün (#66FF7E) im Dark-Mode === */

/* Preisboxen: Preis-Amount grün */
[data-theme="dark"] .fn-pricing-card__price .amount,
[data-theme="dark"] .fn-pricing-card__price .currency {
    color: #66FF7E !important;
}

/* Tabellen-Header: Preise grün */
[data-theme="dark"] .fn-table thead .plan-price {
    color: #66FF7E !important;
}

/* Kalkulator: Ergebnispreis grün (ist schon über var(--fn-accent), aber sicherheitshalber) */
[data-theme="dark"] .fn-calculator__result-price {
    color: #66FF7E !important;
}

/* Kalkulator: Flexi-Rate Preis grün */
[data-theme="dark"] .fn-calculator__flexi-rate strong {
    color: #66FF7E !important;
}

/* Kalkulator: Tabs aktiv grün */
[data-theme="dark"] .fn-calculator__tabs {
    background: #1e2a3a !important;
}
[data-theme="dark"] .fn-calculator__tab {
    color: #a0aec0 !important;
}
[data-theme="dark"] .fn-calculator__tab:hover {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-calculator__tab.active {
    background: #253345 !important;
    color: #66FF7E !important;
}

/* Kalkulator: Flexi-Info Box */
[data-theme="dark"] .fn-calculator__flexi-info {
    background: #1a2535 !important;
    border-color: rgba(102,255,126,0.2) !important;
}
[data-theme="dark"] .fn-calculator__flexi-rate {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-calculator__flexi-min,
[data-theme="dark"] .fn-calculator__flexi-limit {
    color: #a0aec0 !important;
}

/* Kalkulator: Support-Note */
[data-theme="dark"] .fn-calculator__support-note {
    background: #1a2535 !important;
    border-color: rgba(102,255,126,0.2) !important;
    color: #a0aec0 !important;
}
[data-theme="dark"] .fn-calculator__support-note strong {
    color: #66FF7E !important;
}

/* Kalkulator: Scale-Info */
[data-theme="dark"] .fn-calculator__scale-title {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-calculator__scale-desc {
    color: #a0aec0 !important;
}
[data-theme="dark"] .fn-calculator__scale-features li {
    color: #c8c8d4 !important;
    border-bottom-color: rgba(255,255,255,0.06) !important;
}

/* Tabelle: Kategoriezeilen dunkler Hintergrund */
[data-theme="dark"] .fn-table .fn-table__category td {
    background: #1a2535 !important;
    color: #66FF7E !important;
    font-weight: 700;
}

/* Pricing-Card: Disclaimer */
[data-theme="dark"] .fn-pricing-card__disclaimer {
    color: #a0aec0 !important;
    border-top-color: rgba(255,255,255,0.1) !important;
}

/* fn-price-individual (scale.maas "Individuell") auch grün */
[data-theme="dark"] .fn-price-individual {
    color: #66FF7E !important;
}

/* === FIX: Tabellen-Kategoriezeilen Dark-Mode === */
[data-theme="dark"] .cat-row td {
    background: #1a2535 !important;
    color: #66FF7E !important;
}

/* === FIX: Tabellen-Header (th) schönerer Hintergrund === */
[data-theme="dark"] .fn-table thead th {
    background: #0f1a2a !important;
    border-bottom: 2px solid rgba(102,255,126,0.3) !important;
}

/* Kalkulator: Option-Price grün */
[data-theme="dark"] .fn-calculator__option-price {
    color: #66FF7E !important;
}

/* === FIX: Modal Dark-Mode === */
[data-theme="dark"] .fn-modal {
    background: #1a2535 !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .fn-modal__header {
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .fn-modal__title {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-modal__category {
    color: #66FF7E !important;
}
[data-theme="dark"] .fn-modal__close {
    background: #253345 !important;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-modal__close:hover {
    background: #2d3f52 !important;
}
[data-theme="dark"] .fn-modal__close svg {
    stroke: #e0e0e0 !important;
}
[data-theme="dark"] .fn-modal__desc {
    color: #c8c8d4 !important;
}
[data-theme="dark"] .fn-modal__availability {
    border-top-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .fn-modal__badge {
    background: rgba(102,255,126,0.1) !important;
    color: #66FF7E !important;
}
[data-theme="dark"] .fn-modal__badge--inactive {
    background: rgba(255,255,255,0.05) !important;
    color: #6b7280 !important;
}
[data-theme="dark"] .fn-modal-overlay {
    background: rgba(0,0,0,0.7) !important;
}

/* === FIX: Sicherheits-Kacheln Dark-Mode === */
[data-theme="dark"] .fn-security-card {
    background: #1a2535 !important;
    border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .fn-security-card:hover {
    border-color: #66FF7E !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3), 0 8px 32px rgba(0,0,0,0.2) !important;
}
[data-theme="dark"] .fn-security-card__title {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-security-card__desc {
    color: #a0aec0 !important;
}
[data-theme="dark"] .fn-security-card__icon img {
    /* Dark-Varianten werden per JS geladen (icon-*-dark.svg) - kein Filter nötig */
    filter: none;
}
[data-theme="dark"] .fn-security-section {
    background: #0f1a2a !important;
}
[data-theme="dark"] .fn-security-carousel {
    scrollbar-color: #253345 transparent;
}
[data-theme="dark"] .fn-security-nav__btn {
    background: #1e2a3a !important;
    border-color: rgba(255,255,255,0.15) !important;
}
[data-theme="dark"] .fn-security-nav__btn:hover {
    background: #253545 !important;
    border-color: #66FF7E !important;
}
[data-theme="dark"] .fn-security-nav__btn svg {
    color: #e0e0e0 !important;
}
[data-theme="dark"] .fn-security-dot {
    background: rgba(255,255,255,0.2) !important;
}
[data-theme="dark"] .fn-security-dot.active {
    background: #66FF7E !important;
}
/* === Honeypot-Feld verstecken === */
.lt-contact__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* === FAQ-Sektion Light Mode Fix === */

/* === Preise schwarz im Light Mode === */
html:not([data-theme="dark"]) .fn-pricing-card__price .amount,
html[data-theme="light"] .fn-pricing-card__price .amount {
  color: #111827 !important;
}
html:not([data-theme="dark"]) .fn-pricing-card__price .currency,
html[data-theme="light"] .fn-pricing-card__price .currency {
  color: #6b7280 !important;
}

/* === FIX v492: sec-mikrooev Dark Mode (wie maasmaker.at) === */
/* Im Dark Mode: dunkler Hintergrund, weiße Überschriften, hellgraue Absätze */
[data-theme="dark"] #sec-mikrooev {
  background: rgb(26, 26, 36) !important;
}
[data-theme="dark"] #sec-mikrooev h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
[data-theme="dark"] #sec-mikrooev .text-dark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
[data-theme="dark"] #sec-mikrooev strong,
[data-theme="dark"] #sec-mikrooev .text-dark-md {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
[data-theme="dark"] #sec-mikrooev p,
[data-theme="dark"] #sec-mikrooev .text-dark-mt {
  color: #a1a1aa !important;
  -webkit-text-fill-color: #a1a1aa !important;
}
[data-theme="dark"] #sec-mikrooev .badge-dark-label {
  color: #a1a1aa !important;
  -webkit-text-fill-color: #a1a1aa !important;
}
[data-theme="dark"] #sec-mikrooev svg {
  stroke: #ffffff !important;
}

/* === FIX v492: sec-mikrooev Light Mode (grüner bg wie maasmaker.at) === */
#sec-mikrooev {
  background: #66FF7E;
  padding: 6rem 0;
}

/* === FIX v493: Kontaktsektion Dark Mode = GRÜNER Hintergrund (wie maasmaker.at) === */
/* Erhöhte Spezifität um section:not(.sec-accent-padded) zu überschreiben */
[data-theme="dark"] section.lt-contact,
[data-theme="dark"] #kontakt.lt-contact,
[data-theme="dark"] section#kontakt {
  background: #66ff7e !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__info h2,
[data-theme="dark"] #kontakt .lt-contact__info h2 {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__info p,
[data-theme="dark"] #kontakt .lt-contact__info p {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__details li,
[data-theme="dark"] #kontakt .lt-contact__details li {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__details-icon,
[data-theme="dark"] #kontakt .lt-contact__details-icon {
  color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__details li a,
[data-theme="dark"] #kontakt .lt-contact__details li a {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form,
[data-theme="dark"] #kontakt .lt-contact__form {
  background: #1e1e26 !important;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px) !important;
  background-size: 24px 24px !important;
  border-color: #3a3a44 !important;
  border-radius: 20px;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-card,
[data-theme="dark"] #kontakt .lt-contact__form-card {
  background: #1e1e26 !important;
  border-color: #3a3a44 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group label,
[data-theme="dark"] #kontakt .lt-contact__form-group label {
  color: #e0e0e0 !important;
  -webkit-text-fill-color: #e0e0e0 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group input,
[data-theme="dark"] section.lt-contact .lt-contact__form-group textarea,
[data-theme="dark"] section.lt-contact .lt-contact__form-group select,
[data-theme="dark"] #kontakt .lt-contact__form-group input,
[data-theme="dark"] #kontakt .lt-contact__form-group textarea,
[data-theme="dark"] #kontakt .lt-contact__form-group select {
  background: #2a2a32 !important;
  color: #e0e0e0 !important;
  border-color: rgba(255,255,255,0.14) !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group input::placeholder,
[data-theme="dark"] section.lt-contact .lt-contact__form-group textarea::placeholder,
[data-theme="dark"] #kontakt .lt-contact__form-group input::placeholder,
[data-theme="dark"] #kontakt .lt-contact__form-group textarea::placeholder {
  color: #777 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group input:focus,
[data-theme="dark"] section.lt-contact .lt-contact__form-group textarea:focus,
[data-theme="dark"] section.lt-contact .lt-contact__form-group select:focus,
[data-theme="dark"] #kontakt .lt-contact__form-group input:focus,
[data-theme="dark"] #kontakt .lt-contact__form-group textarea:focus,
[data-theme="dark"] #kontakt .lt-contact__form-group select:focus {
  border-color: #66ff7e !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group--checkbox label,
[data-theme="dark"] #kontakt .lt-contact__form-group--checkbox label {
  color: #c0c0c0 !important;
  -webkit-text-fill-color: #c0c0c0 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__form-group--checkbox a,
[data-theme="dark"] #kontakt .lt-contact__form-group--checkbox a {
  color: #66ff7e !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__submit,
[data-theme="dark"] section.lt-contact button[type="submit"],
[data-theme="dark"] #kontakt .lt-contact__submit,
[data-theme="dark"] #kontakt button[type="submit"] {
  background: #66ff7e !important;
  color: #000 !important;
  border-color: #66ff7e !important;
  width: 100% !important;
  border-radius: 100px !important;
  padding: 14px 28px !important;
  font-size: 15.2px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}
/* Bürostandorte: Text schwarz auf grünem Hintergrund */
[data-theme="dark"] section.lt-contact .lt-contact__offices,
[data-theme="dark"] #kontakt .lt-contact__offices {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__office,
[data-theme="dark"] section.lt-contact .lt-contact__office strong,
[data-theme="dark"] section.lt-contact .lt-contact__office p,
[data-theme="dark"] #kontakt .lt-contact__office,
[data-theme="dark"] #kontakt .lt-contact__office strong,
[data-theme="dark"] #kontakt .lt-contact__office p {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
[data-theme="dark"] section.lt-contact .lt-contact__office-icon,
[data-theme="dark"] #kontakt .lt-contact__office-icon {
  color: #111 !important;
  stroke: #111 !important;
}

/* === FAQ-Sektion Dark Mode Fix (wie auf maasmaker.at) === */
[data-theme="dark"] #faq,
[data-theme="dark"] section#faq {
  background-color: #1c1c22 !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
[data-theme="dark"] #faq h2,
[data-theme="dark"] #faq .text-white {
  color: #e8e8ec !important;
}
[data-theme="dark"] #faq p,
[data-theme="dark"] #faq .text-white-center {
  color: #a0a0b0 !important;
}
[data-theme="dark"] #faq .accent-green {
  color: #66ff7e !important;
}
[data-theme="dark"] #faq .lt-content-block__label {
  background: rgba(102, 255, 126, 0.08) !important;
  color: #66ff7e !important;
  border-color: transparent !important;
  border-radius: 4px;
  padding: 6.4px 16px;
  font-size: 12.8px;
}
[data-theme="dark"] #faq a.btn-accent:not(.lt-btn--ghost),
[data-theme="dark"] #faq a[class*="btn"]:not(.lt-btn--ghost) {
  background: #66ff7e !important;
  color: #000 !important;
  border-radius: 9999px;
  padding: 16px 40px;
  font-size: 17.6px;
  font-weight: 600;
}








/* === Kontakt Submit-Button volle Breite (wie auf maasmaker.at) === */
.lt-contact .lt-contact__submit,
.lt-contact button[type="submit"],
.lt-contact .lt-btn.lt-btn--primary {
  width: 100% !important;
  border-radius: 100px !important;
  padding: 14px 28px !important;
  font-size: 15.2px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

/* === FAQ-Sektion: IMMER dunkler Hintergrund (wie auf maasmaker.at) === */
/* Badge "Häufige Fragen" - Light Mode Design wie maasmaker.at */
#faq .lt-content-block__label,
section#faq .lt-content-block__label {
  display: inline-block;
  background-color: rgb(232, 244, 253) !important;
  color: rgb(26, 26, 26) !important;
  border: none !important;
  border-radius: 4px;
  padding: 6.4px 16px;
  font-size: 12.8px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 16px;
}
/* Dark Mode Badge - gleich aber mit angepassten Farben */
[data-theme="dark"] #faq .lt-content-block__label,
[data-theme="dark"] section#faq .lt-content-block__label {
  background: rgba(102, 255, 126, 0.1) !important;
  color: #66ff7e !important;
  border: none !important;
}
/* CTA Button - mehr Abstand zum Text (margin-top: 40px) */
#faq .btn,
#faq a[class*="btn"],
#faq a.btn--primary {
  margin-top: 40px !important;
}
/* Paragraph margin-bottom für Abstand zum Button */
#faq p,
#faq .faq-intro-text {
  margin-bottom: 0 !important;
}


/* === FAQ Light Mode Fix (v499) === */
/* UNTERSEITEN: .lt-faq#faq hat hellgrauen bg im Light Mode */
html:not([data-theme="dark"]) section.lt-faq#faq,
html:not([data-theme="dark"]) .lt-faq#faq,
html[data-theme="light"] section.lt-faq#faq,
html[data-theme="light"] .lt-faq#faq {
  background-color: #f8f9fa !important;
  padding: 120px 40px !important;
}
html:not([data-theme="dark"]) .lt-faq#faq h2,
html[data-theme="light"] .lt-faq#faq h2 {
  color: #111827 !important;
}
html:not([data-theme="dark"]) .lt-faq#faq h2 .accent-green,
html[data-theme="light"] .lt-faq#faq h2 .accent-green {
  color: #22c55e !important;
}
html:not([data-theme="dark"]) .lt-faq#faq p,
html:not([data-theme="dark"]) .lt-faq#faq .lt-faq__subtitle,
html[data-theme="light"] .lt-faq#faq p,
html[data-theme="light"] .lt-faq#faq .lt-faq__subtitle {
  color: #6b7280 !important;
}
html:not([data-theme="dark"]) .lt-faq#faq .lt-faq__item,
html[data-theme="light"] .lt-faq#faq .lt-faq__item {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
}
html:not([data-theme="dark"]) .lt-faq#faq .lt-faq__question,
html[data-theme="light"] .lt-faq#faq .lt-faq__question {
  color: #111827 !important;
}
html:not([data-theme="dark"]) .lt-faq#faq .lt-faq__answer,
html:not([data-theme="dark"]) .lt-faq#faq .lt-faq__answer p,
html[data-theme="light"] .lt-faq#faq .lt-faq__answer,
html[data-theme="light"] .lt-faq#faq .lt-faq__answer p {
  color: #6b7280 !important;
}
html:not([data-theme="dark"]) .lt-faq#faq .lt-content-block__label,
html[data-theme="light"] .lt-faq#faq .lt-content-block__label {
  background: rgb(232, 244, 253) !important;
  color: rgb(26, 26, 26) !important;
  border: none !important;
  border-radius: 4px;
  padding: 6.4px 16px;
  font-size: 12.8px;
  font-weight: 700;
}
html:not([data-theme="dark"]) .lt-faq#faq a.btn-accent:not(.lt-btn--ghost),
html:not([data-theme="dark"]) .lt-faq#faq a[class*="btn"]:not(.lt-btn--ghost),
html[data-theme="light"] .lt-faq#faq a.btn-accent:not(.lt-btn--ghost),
html[data-theme="light"] .lt-faq#faq a[class*="btn"]:not(.lt-btn--ghost) {
  background: #66ff7e !important;
  color: #1a1a24 !important;
  border-radius: 9999px;
  padding: 16px 40px;
  font-size: 17.6px;
  font-weight: 600;
  border: none !important;
}












html:not([data-theme="dark"]) .lt-faq#faq a.lt-faq__link,
html[data-theme="light"] .lt-faq#faq a.lt-faq__link {
  color: #22c55e !important;
}

/* STARTSEITE: .section-centered-lg#faq behält IMMER dunklen Hintergrund */
html:not([data-theme="dark"]) .section-centered-lg#faq,
html[data-theme="light"] .section-centered-lg#faq {
  background-color: #1a1a24 !important;
}
html:not([data-theme="dark"]) .section-centered-lg#faq h2,
html:not([data-theme="dark"]) .section-centered-lg#faq .text-white,
html[data-theme="light"] .section-centered-lg#faq h2,
html[data-theme="light"] .section-centered-lg#faq .text-white {
  color: #ffffff !important;
}
html:not([data-theme="dark"]) .section-centered-lg#faq p,
html:not([data-theme="dark"]) .section-centered-lg#faq .text-white-center,
html[data-theme="light"] .section-centered-lg#faq p,
html[data-theme="light"] .section-centered-lg#faq .text-white-center {
  color: rgba(255, 255, 255, 0.7) !important;
}
html:not([data-theme="dark"]) .section-centered-lg#faq .accent-green,
html[data-theme="light"] .section-centered-lg#faq .accent-green {
  color: #66ff7e !important;
}
html:not([data-theme="dark"]) .section-centered-lg#faq .lt-content-block__label,
html[data-theme="light"] .section-centered-lg#faq .lt-content-block__label {
  background: rgb(232, 244, 253) !important;
  color: rgb(26, 26, 26) !important;
  border: none !important;
  border-radius: 4px;
  padding: 6.4px 16px;
  font-size: 12.8px;
  font-weight: 700;
}
html:not([data-theme="dark"]) .section-centered-lg#faq a[class*="btn"],
html[data-theme="light"] .section-centered-lg#faq a[class*="btn"] {
  background: #66ff7e !important;
  color: #1a1a24 !important;
  border-radius: 9999px;
  padding: 16px 40px;
  font-size: 17.6px;
  font-weight: 600;
  border: none !important;
}

/* === FAQ "Alle Fragen ansehen" Button zentrieren === */
.lt-faq#faq a.lt-faq__link,
.lt-faq#faq a[class*="btn"],
.lt-faq#faq .lt-faq__cta,
.lt-faq#faq > a,
.lt-faq#faq .lt-faq__wrapper > a {
  display: block !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: fit-content !important;
}

/* === FAQ Button zentrieren - korrekter Selektor === */
.lt-faq#faq .faq-all-link-wrap,
#faq .faq-all-link-wrap {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 32px !important;
}

/* === FAQ "Alle Fragen ansehen" als Textlink mit Unterstrich === */
.lt-faq#faq .faq-all-link-wrap a.lt-btn,
#faq .faq-all-link-wrap a.lt-btn {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid currentColor !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  box-shadow: none !important;
}

/* Light Mode: dunkler Text */
html:not([data-theme="dark"]) .lt-faq#faq .faq-all-link-wrap a.lt-btn,
html:not([data-theme="dark"]) #faq .faq-all-link-wrap a.lt-btn {
  color: #1f2937 !important;
  border-bottom-color: #1f2937 !important;
}

/* Dark Mode: weißer Text */
[data-theme="dark"] .lt-faq#faq .faq-all-link-wrap a.lt-btn,
[data-theme="dark"] #faq .faq-all-link-wrap a.lt-btn {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* === FAQ "Alle Fragen ansehen" Button als Textlink mit Unterstrich === */
/* Light Mode - dunkler Text mit Unterstrich */
html:not([data-theme="dark"]) .lt-faq#faq .faq-all-link-wrap a.lt-btn.lt-btn--ghost,
html:not([data-theme="dark"]) #faq .faq-all-link-wrap a.lt-btn--ghost,
.lt-faq#faq .faq-all-link-wrap a.lt-btn--ghost {
  background: transparent !important;
  color: #1f2937 !important;
  border: none !important;
  border-bottom: 2px solid #1f2937 !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
/* Dark Mode - weißer Text mit Unterstrich */
[data-theme="dark"] .lt-faq#faq .faq-all-link-wrap a.lt-btn.lt-btn--ghost,
[data-theme="dark"] #faq .faq-all-link-wrap a.lt-btn--ghost {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: 2px solid #ffffff !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}