.elementor-10246 .elementor-element.elementor-element-46f4d088{--display:flex;--overlay-opacity:0.75;}.elementor-10246 .elementor-element.elementor-element-46f4d088:not(.elementor-motion-effects-element-type-background), .elementor-10246 .elementor-element.elementor-element-46f4d088 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://partsundservice-news.de/wp-content/uploads/2026/02/autopics-10084.jpg");}.elementor-10246 .elementor-element.elementor-element-46f4d088::before, .elementor-10246 .elementor-element.elementor-element-46f4d088 > .elementor-background-video-container::before, .elementor-10246 .elementor-element.elementor-element-46f4d088 > .e-con-inner > .elementor-background-video-container::before, .elementor-10246 .elementor-element.elementor-element-46f4d088 > .elementor-background-slideshow::before, .elementor-10246 .elementor-element.elementor-element-46f4d088 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10246 .elementor-element.elementor-element-46f4d088 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, #F7EB0900 100%);}.elementor-10246 .elementor-element.elementor-element-73460b30{font-weight:bold;}/* Start custom CSS for shortcode, class: .elementor-element-91c06a9 *//* --- Container & Layout --- */
/* Dies sorgt für Lesbarkeit auf dem Hintergrundbild */
form[action*="tnp"] {
    background-color: rgba(255, 255, 255, 0.95); /* Fast weißer Hintergrund */
    padding: 40px;
    max-width: 600px; /* Nicht zu breit werden */
    margin: 20px auto; /* Zentriert */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); /* Schöner Schatten für Tiefe */
    border-top: 5px solid var(--e-global-color-d622288, #fecb00); /* Gelber Akzent oben */
}

/* Abstände zwischen den Feldern */
.tnp-field {
    margin-bottom: 20px;
}

/* --- Labels (Beschriftungen) --- */
.tnp-field label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-family: inherit; /* Deine Seiten-Schriftart */
    color: var(--e-global-color-primary, #000);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Input Felder (Wie die Suchleiste) --- */
.tnp-field input:not([type="checkbox"], [type="submit"]) {
    width: 100%;
    padding: 12px 15px;
    background-color: #fff;
    /* Rahmen in Primary Color (Schwarz), wie gewünscht */
    border: 1px solid var(--e-global-color-primary, #000); 
    border-radius: 0; /* Keine runden Ecken für den "Industrial Look" */
    font-size: 16px;
    color: var(--e-global-color-primary, #000);
    outline: none;
    transition: all 0.3s ease;
}

/* Fokus-Effekt für die Felder */
.tnp-field input:not([type="checkbox"], [type="submit"]):focus {
    border-color: var(--e-global-color-d622288, #fecb00); /* Gelb bei Klick */
    box-shadow: 0 0 0 1px var(--e-global-color-d622288, #fecb00);
}

/* --- Checkbox (Datenschutz) --- */
.tnp-privacy-field {
    font-size: 13px;
    margin-top: 10px;
}

/* --- Der Button --- */
.tnp-field-button {
    margin-top: 30px;
    text-align: center !important; /* Button zentrieren */
}

.tnp-submit {
    background-color: var(--e-global-color-d622288, #fecb00) !important; /* Dein Gelb */
    color: var(--e-global-color-primary, #000) !important; /* Dein Schwarz */
    padding: 15px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border: none !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%; /* Volle Breite sieht oft moderner aus */
}

.tnp-submit:hover {
    background-color: var(--e-global-color-primary, #000) !important; /* Schwarz bei Hover */
    color: #fff !important; /* Weiße Schrift bei Hover */
}

/* Mobile Anpassung */
@media (max-width: 767px) {
    form[action*="tnp"] {
        padding: 20px;
    }
}/* End custom CSS */