.elementor-4647 .elementor-element.elementor-element-a1bde9c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-4647 .elementor-element.elementor-element-a1bde9c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4647 .elementor-element.elementor-element-7aa57d6{margin-top:15px;margin-bottom:15px;padding:0px 0px 0px 0px;}.elementor-4647 .elementor-element.elementor-element-886dc69 .elementor-button{font-family:"PT Sans", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);background-color:var( --e-global-color-primary );border-style:none;}.elementor-4647 .elementor-element.elementor-element-886dc69 .elementor-button:hover, .elementor-4647 .elementor-element.elementor-element-886dc69 .elementor-button:focus{color:#FFFFFF;}.elementor-4647 .elementor-element.elementor-element-886dc69 .elementor-button:hover svg, .elementor-4647 .elementor-element.elementor-element-886dc69 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4647 .elementor-element.elementor-element-38b605b .elementor-button{fill:#FFFFFF;color:#FFFFFF;background-color:var( --e-global-color-primary );border-style:none;}.elementor-4647 .elementor-element.elementor-element-cfb54e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4647 .elementor-element.elementor-element-cfb54e6{width:100%;max-width:100%;}.elementor-4647 .elementor-element.elementor-element-04ce5bb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4647 .elementor-element.elementor-element-04ce5bb .elementor-divider-separator{width:100%;}.elementor-4647 .elementor-element.elementor-element-04ce5bb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4647 .elementor-element.elementor-element-5df2e0e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4647 .elementor-element.elementor-element-1bc57ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-4647{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* Wir blenden die deutsche Sektion beim Laden aus */
#section-de {
    display: none;
}

/* Der inaktive Button wird halbtransparent */
.is-inactive {
    opacity: 0.3 !important;
    filter: grayscale(50%); /* Optional: macht ihn etwas grauer */
}

/* Der aktive Button ist voll sichtbar */
.is-active {
    opacity: 1 !important;
}

/* Versteckt den Hinweis auf Pflichtfelder am Formularanfang */
.gform_required_legend {
    display: none !important;
}

/* --- VORHABEN-CARDS (Grid-Layout) --- */
.vorhaben-cards .gfield_checkbox {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 15px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vorhaben-cards .gchoice {
    border-radius: 12px !important;
    padding: 25px 15px !important;
    min-height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Standard-Farben für Vorhaben-Cards */
.vorhaben-cards .gchoice:nth-child(1) { background-color: #003d5b !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(2) { background-color: #004d73 !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(3) { background-color: #005d8b !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(4) { background-color: #006da3 !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(5) { background-color: #007cb9 !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(6) { background-color: #008cd1 !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(7) { background-color: #1a9bdb !important; color: white !important; }
.vorhaben-cards .gchoice:nth-child(8) { background-color: #33a9e5 !important; color: white !important; }

/* Auswahl-Zustand Vorhaben: Weißer Background + Orangener Rahmen */
.vorhaben-cards .gchoice:has(input:checked) {
    background-color: #ffffff !important; 
    color: #000000 !important;
    outline: 4px solid #ff9800 !important;
    outline-offset: -4px;
    transform: scale(1.02);
}

/* --- FÖRDER-CARDS (Listen-Layout) --- */
.foerder-cards .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    list-style: none !important;
}

.foerder-cards .gchoice {
    border-radius: 8px !important;
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* Farben Förder-Cards (Hellere Blau-Töne) */
.foerder-cards .gchoice:nth-child(1) { background-color: #e6f2f8 !important; color: #003d5b !important; }
.foerder-cards .gchoice:nth-child(2) { background-color: #d1e6f2 !important; color: #003d5b !important; }
.foerder-cards .gchoice:nth-child(3) { background-color: #bcd9eb !important; color: #003d5b !important; }
.foerder-cards .gchoice:nth-child(4) { background-color: #a7cce5 !important; color: #003d5b !important; }
.foerder-cards .gchoice:nth-child(5) { background-color: #92bfdf !important; color: #003d5b !important; }

/* Auswahl-Zustand Förder-Cards: Orangener Rahmen */
.foerder-cards .gchoice:has(input:checked) {
    outline: 4px solid #ff9800 !important;
    outline-offset: -4px;
}

/* --- GEMEINSAME LOGIK & FOKUS-STOPP --- */
.vorhaben-cards input[type="checkbox"], 
.foerder-cards input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    top: 50% !important;
    left: 50% !important;
    pointer-events: none !important;
}

.vorhaben-cards label, .foerder-cards label {
    color: inherit !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Hover-Effekt für Vorhaben- und Förder-Cards */
.vorhaben-cards .gchoice:hover, 
.foerder-cards .gchoice:hover {
    background-color: #ff9800 !important; /* Orange */
    color: #003d5b !important;            /* Dunkelblau */
    transform: translateY(-5px);          /* Leichter Auftriebseffekt */
    box-shadow: 0 10px 20px rgba(255, 152, 0, 0.3) !important;
    transition: all 0.3s ease-in-out !important;
}

/* Sicherstellen, dass auch das Label (Text) die Farbe beim Hover übernimmt */
.vorhaben-cards .gchoice:hover label, 
.foerder-cards .gchoice:hover label,
.vorhaben-cards .gchoice:hover label strong,
.foerder-cards .gchoice:hover label strong {
    color: #003d5b !important;
    cursor: pointer !important;
}

/* Schriftgrößen-Upgrade für Vorhaben-Cards */
.vorhaben-cards label {
    font-size: 1.6rem !important; /* Erhöht die Basisschriftgröße */
    line-height: 0.8 !important;
}

/* Spezifisch für die fettgedruckte Überschrift in der Card */
.vorhaben-cards label strong {
    font-size: 1.6rem !important; /* Deutlich größere Headline */
    display: block;
    margin-bottom: 8px;
}

/* Spezifisch für den kleineren Detailtext in der Card */
.vorhaben-cards label small {
    line-height: 1.6 !important;
    font-size: 1.4rem !important; /* Detailtext auf normale Lesegröße anheben */
    display: block;
    font-weight: 400;
    opacity: 0.9;
}


/* Die Haupt-Fehlerbox am Kopf des Formulars */
.gform_wrapper .validation_error {
    background-color: #fff5f5 !important; /* Ganz helles Rot */
    border: 1px solid #ff4d4d !important; /* Feiner roter Rand */
    color: #cc0000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 15px 20px !important;
    border-radius: 12px !important; /* Passend zu deinen Cards */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

/* Die Fehlermeldungen direkt unter den Feldern */
.gfield_description.validation_message {
    color: #ff4d4d !important;
    font-size: 14px !important;
    margin-top: 8px !important;
}/* End custom CSS */