/* Dark Theme für Concept Bau Seiten */

/* Body & Page dunkel */
body {
    background: #0a0e27 !important;
}

#page {
    background: #0a0e27 !important;
}

/* Alle Sektionen dunkel */
section {
    background: #0a0e27 !important;
}

section.py-5 {
    background: #0a0e27 !important;
}

.vorher-nachher-container {
    background: linear-gradient(180deg, #111827, #0a0e27) !important;
}

/* Alle Texte hell */
section h1, section h2, section h3, section h4, section h5 {
    color: white !important;
}

section p, section li, section span, section label, section td, section th {
    color: rgba(255,255,255,0.75) !important;
}

section strong, section b {
    color: rgba(255,255,255,0.9) !important;
}

/* Links */
section a:not(.btn):not(.nav-link):not(.whatsapp-float):not(.mobile-call-button):not(.termin-btn) {
    color: #c9a876 !important;
}

/* head-line-blue */
.head-line-blue {
    background: linear-gradient(90deg, #c9a876, #d4b896) !important;
}

/* Buttons */
.btn-secondary, .btn-primary {
    background: linear-gradient(135deg, #c9a876, #d4b896) !important;
    color: #0a0e27 !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
}

.btn-light {
    /* Nicht überschreiben - behält Standard-Styling */
}

/* Kontaktformular Button im Header - Standard beibehalten */
.kontaktbutton .btn-light {
    /* Standard Bootstrap btn-light */
}

/* SVG Icons */
.text svg {
    fill: #c9a876 !important;
}

/* === FORMULARE - MÜSSEN LESBAR BLEIBEN === */
.form-control, input, textarea, select {
    background: #161b27 !important;
    color: #f0f4ff !important;
    border: 1.5px solid #2d3548 !important;
    border-radius: 8px !important;
}

.form-control:focus, input:focus, textarea:focus, select:focus {
    border-color: #c9a876 !important;
    box-shadow: 0 0 0 2px rgba(201,168,118,0.2) !important;
    outline: none !important;
}

.form-control::placeholder, input::placeholder, textarea::placeholder {
    color: #8896b3 !important;
}

/* Ausgewählte/aktive Elemente sichtbar */
.time-slot.active, .time-slot.selected,
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
    background: rgba(201,168,118,0.15) !important;
    border-color: #c9a876 !important;
    color: #c9a876 !important;
}

/* Time Slots */
.time-slot {
    background: #1e2433 !important;
    border-color: #2d3548 !important;
    color: #f0f4ff !important;
}

.time-slot:hover {
    border-color: #c9a876 !important;
    background: rgba(201,168,118,0.08) !important;
}

/* Kalender */
.calendar-container {
    background: #1e2433 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Select Dropdown */
select option {
    background: #161b27 !important;
    color: #f0f4ff !important;
}

/* Checkboxen & Radio */
input[type="checkbox"], input[type="radio"] {
    accent-color: #c9a876 !important;
}

/* Submit Buttons golden */
button[type="submit"], input[type="submit"] {
    background: linear-gradient(135deg, #c9a876, #d4b896) !important;
    color: #0a0e27 !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
}

/* Labels in Formularen */
label {
    color: #f0f4ff !important;
}

/* Kalender/Termin Seite - spezielle Elemente */
.calendar-container, .time-slot, [style*="background: white"] {
    background: #1e2433 !important;
    color: #f0f4ff !important;
    border-color: #2d3548 !important;
}

.time-slot {
    border-color: #2d3548 !important;
    color: #f0f4ff !important;
}

/* Cards und Boxen */
section [style*="background: white"],
section [style*="background:#fff"],
section [style*="background: #f7fafc"],
section [style*="background: #f8f9fa"] {
    background: #1e2433 !important;
    border: 1px solid #2d3548 !important;
    border-radius: 14px !important;
}

/* Kontakt-Info Boxen */
section [style*="box-shadow"] {
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
}

/* Tabellen */
table, table th, table td {
    border-color: #2d3548 !important;
}

table th {
    background: #1e2433 !important;
    color: #f0f4ff !important;
}

table td {
    background: #161b27 !important;
    color: rgba(255,255,255,0.8) !important;
}

/* Spezifische Inline-Farben überschreiben */
[style*="color: #1a202c"],
[style*="color: #2d3748"],
[style*="color: #4a5568"],
[style*="color: #333"],
[style*="color: #1a1a2e"],
[style*="color: #666"],
[style*="color: #555"] {
    color: rgba(255,255,255,0.8) !important;
}

[style*="color: #2c5aa0"],
[style*="border: 2px solid #2c5aa0"] {
    color: #c9a876 !important;
    border-color: rgba(201,168,118,0.3) !important;
}

[style*="color: #718096"] {
    color: #8896b3 !important;
}

/* Hintergrund-Overrides für Inline-Styles */
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #ffffff"] {
    background: #1e2433 !important;
}

[style*="background: #f8f9fa"],
[style*="background: #f7fafc"],
[style*="background:#f8f9fa"],
[style*="background: linear-gradient(to bottom, #f5e6d3"],
[style*="background: linear-gradient(to bottom, rgba(245,230,211"] {
    background: #0a0e27 !important;
}

/* Badges/Tags mit hellem Hintergrund - Text dunkel lassen */
.badge, [style*="background: #e2e8f0"], [style*="background: #edf2f7"],
[style*="background:#e2e8f0"], [style*="background:#edf2f7"],
[style*="background: #f0f4ff"], [style*="background:#f0f4ff"],
span[style*="background"], div[style*="display: inline"] span {
    color: #1a1a2e !important;
}

/* Footer NICHT überschreiben (hat eigenes Design) */
#footer, #footer * {
    /* Footer behält sein eigenes Styling */
}

/* Header NICHT überschreiben */
#header, #header * {
    /* Header behält sein eigenes Styling */
}