/*
Theme Name: Move 35 Marburg Campaign
Version: 4.1
*/

:root {
    --move-primary: #1B3F1C;      /* Tiefes Waldgrün */
    --move-red: #E30613;         /* Signal-Rot */
    --move-accent: #9BCB3C;      /* Frühlings-Grün */
    --move-bg-light: #f4f7f4;
}

/* GRUND-STYLING */
body {
    font-family: 'Open Sans', sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
    margin: 0;
}

/* 1. DUNKLER BEREICH (Hero, Statistik, Grüne Sektionen) */
.hero-section, 
.section-stats, 
section.bg-move-primary,
[class*="bg-[#1B3F1C]"] {
    background-color: var(--move-primary) !important;
    color: #ffffff !important;
}

/* Namen und Titel im dunklen Bereich weiß leuchten lassen */
.hero-section h1, 
.hero-section .hero-title, 
.section-stats h2,
.section-stats div {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* 2. HELLER BEREICH (Info-Karten / Rathaus-Box) */
/* Diese Regel zwingt den Text in weißen Boxen auf Dunkelgrün/Schwarz */
.info-card, 
.info-box, 
.bg-white, 
[class*="bg-white"] {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}

.info-card p, 
.info-box p, 
.step-text,
[class*="bg-white"] p {
    color: #1a1a1a !important;
    opacity: 1 !important;
}

/* Titel IN der weißen Box bleibt im Waldgrün */
.info-card h3, 
.info-box h3, 
.bg-white h3 {
    color: var(--move-primary) !important;
    font-weight: 900 !important;
}

/* 3. BUTTONS (Signalrot) */
.btn-action, 
.liste-13-button, 
.wp-block-button__link {
    background-color: var(--move-red) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-radius: 50px !important;
    border: none !important;
}

/* 4. BEITRAGS-VORSCHAU */
.beitrag-container {
    background-color: var(--move-bg-light);
    border: 2px solid var(--move-primary);
    padding: 20px;
    border-radius: 15px;
}