.elementor-64 .elementor-element.elementor-element-175cf4fd{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-64 .elementor-element.elementor-element-147888a9 > .elementor-widget-container{background-color:#001F3F;}.elementor-64 .elementor-element.elementor-element-9956e4f{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-64 .elementor-element.elementor-element-9956e4f:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-9956e4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58be983 );}.elementor-64 .elementor-element.elementor-element-73eddeb{--display:flex;}.elementor-64 .elementor-element.elementor-element-1d2da8c{text-align:start;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-9956e4f{--content-width:800px;}}/* Start custom CSS for text-editor, class: .elementor-element-147888a9 */.elementor-64 .elementor-element.elementor-element-147888a9, .elementor-64 .elementor-element.elementor-element-147888a9 * {
    background-color: #001F3F !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-73330cb *//* ==========================================
   1. BASELEGS CORE FORM & TYPOGRAPHY
   ========================================== */
.acf-form {
    font-family: 'Roboto', sans-serif !important;
    color: #222222 !important; /* Body Text Grey */
}

/* Formular-Labels (Überschriften der Felder) */
.elementor-64 .elementor-element.elementor-element-73330cb .acf-field .acf-label label {
    font-family: 'Inter', sans-serif !important; /* Headline Font */
    font-size: 13pt !important; /* H3-Äquivalent für Widgets */
    font-weight: 600 !important; /* Semi-Bold */
    color: #001F3F !important; /* Official Deep Navy-Blau */
    margin-bottom: 6px !important; /* Abstand zum Eingabfeld */
    display: inline-block;
}

/* Eingabefelder, Dropdowns und Textareas */
.acf-form .acf-field input[type="text"],
.acf-form .acf-field input[type="email"],
.acf-form .acf-field select,
.acf-form .acf-field textarea {
    font-family: 'Roboto', sans-serif !important;
    border: 1px solid #001F3F !important; /* Deep Navy */
    background-color: #F4F7F9 !important; /* Light Background[cite: 2] */
    border-radius: 4px !important;
    padding: 10px !important;
    color: #222222 !important;
}

/* Fokuszustand (Wenn die Crew in ein Feld klickt) */
.acf-form .acf-field input:focus,
.acf-form .acf-field select:focus,
.acf-form .acf-field textarea:focus {
    outline: none !important;
    border-color: #FF5722 !important; /* Aktiv-Orange Akzent[cite: 2] */
    box-shadow: 0 0 5px rgba(255, 87, 34, 0.2) !important;
}

/* GPX-Datei-Upload Feld */
.acf-form .acf-field-file input[type="file"] {
    padding: 8px !important;
    font-family: 'Roboto', sans-serif !important;
}

/* ==========================================
   2. INTERACTIVE ELEMENTS & BUTTONS
   ========================================== */
/* Absende-Button im präzisen Aktiv-Orange */
.acf-form .acf-form-submit .acf-button {
    background-color: #FF5722 !important; /* Aktiv-Orange[cite: 2] */
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important; /* Headline Font[cite: 2] */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    cursor: pointer !important;
}

/* Hover-Effekt: Wechsel zu Deep Navy-Blau */
.acf-form .acf-form-submit .acf-button:hover {
    background-color: #001F3F !important; /* Deep Navy[cite: 2] */
    transform: translateY(-1px) !important;
}

/* ==========================================
   3. ERROR NOTICES & WHITELIST SECURITY
   ========================================== */
/* Validierungsfehler (Syntax & Bot-Abfang) */
.acf-error-message p {
    font-family: 'Inter', sans-serif !important;
    color: #FF5722 !important; /* Aktiv-Orange für Fehlermeldungen[cite: 2] */
    font-weight: 600 !important;
    font-size: 11pt !important;
}

/* Erfolgsmeldung nach dem Absenden (Erzeugt den Draft) */
.acf-notice.-change, 
.acf-notice.-success {
    background-color: #F4F7F9 !important; /* Light Background[cite: 2] */
    border-left: 4px solid #FF5722 !important; /* Aktiv-Orange Akzentlinie[cite: 2] */
    font-family: 'Roboto', sans-serif !important;
    color: #001F3F !important; /* Deep Navy Text[cite: 2] */
    padding: 15px !important;
    border-radius: 0 4px 4px 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9956e4f *//* --- 1. DER SUBMIT-BUTTON UNTEN (BLEIBT ORANGE) --- */
.elementor-64 .elementor-element.elementor-element-9956e4f .acf-form-submit input[type="submit"] {
    background-color: #FF5A36 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.elementor-64 .elementor-element.elementor-element-9956e4f .acf-form-submit input[type="submit"]:hover {
    background-color: #E04E2E !important;
}

/* --- 2. DER GPX-UPLOAD-BUTTON --- */
.elementor-64 .elementor-element.elementor-element-9956e4f [data-key="field_69b52f703d0d6"] input[type="file"]::-webkit-file-upload-button {
    background-color: #FF5A36 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-right: 10px !important;
}

.elementor-64 .elementor-element.elementor-element-9956e4f [data-key="field_69b52f703d0d6"] input[type="file"]::file-.elementor-64 .elementor-element.elementor-element-9956e4f-button {
    background-color: #FF5A36 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-right: 10px !important;
}

.elementor-64 .elementor-element.elementor-element-9956e4f [data-key="field_69b52f703d0d6"] .acf-button,
.elementor-64 .elementor-element.elementor-element-9956e4f [data-key="field_69b52f703d0d6"] .button,
.elementor-64 .elementor-element.elementor-element-9956e4f [data-key="field_69b52f703d0d6"] .acf-file-uploader .button {
    display: inline-block !important;
    background-color: #FF5A36 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73eddeb */.elementor-64 .elementor-element.elementor-element-73eddeb {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.elementor-64 .elementor-element.elementor-element-73eddeb p, .elementor-64 .elementor-element.elementor-element-73eddeb span {
    color: #616161 !important; /* Ein dezentes, gut lesbares Grau */
    font-size: 13px !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. Mehr Platz unter der automatischen Theme-Überschrift */
h1, .entry-title, .page-header {
    margin-bottom: 30px !important;
}

/* 2. Styling für die obere Crew-Box über die ID */
#crew-intro-box {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    margin-bottom: 40px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Zwingt den umschließenden blauen Container zu abgerundeten Ecken */
.elementor-widget-text-editor, 
#crew-intro-box-container, 
div:has(> #crew-intro-box) {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Schriftfarben und Zentrierung in der oberen Box */
#crew-intro-box,
#crew-intro-box p,
#crew-intro-box h2,
#crew-intro-box h3,
#crew-intro-box h4,
#crew-intro-box span,
#crew-intro-box em {
    color: #FFFFFF !important;
    text-align: center !important;
}

/* Feintuning für Überschriften in der oberen Box */
#crew-intro-box h2,
#crew-intro-box h3 {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    font-weight: bold !important;
}

#crew-intro-box p {
    margin-bottom: 0px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* 3. Das Formular schließt sich mittig an */
.elementor-widget-shortcode, 
#baselegs-custom-form,
.acf-form {
    margin-top: 0px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. Styling für den Privacy-Hinweis GANZ UNTEN über die neue ID */
#form-privacy-notice {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0px !important;
    
    /* Holt den Text nach oben und zentriert das Widget auf der Seite */
    margin-top: -30px !important; 
    margin-bottom: 20px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

#form-privacy-notice p,
#form-privacy-notice span,
#form-privacy-notice a {
    color: #616161 !important; /* Ein dezentes, gut lesbares Grau */
    font-size: 13px !important;
    text-align: center !important; /* Zwingt den Text in die Mitte */
}
/* 5. Mobiles Formular-Layout (Ergänzung für Smartphones) */
@media (max-width: 767px) {
    /* Holt jedes einzelne Formularfeld auf die volle Breite */
    #baselegs-custom-form .form-group,
    .acf-form .acf-field,
    form .form-row > div,
    form div[style*="width"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
    }
    
    /* Sorgt für einen sauberen Abstand nach unten, wenn die Felder untereinanderstehen */
    form div[style*="width"] {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */