/****************************************************************************
 * Startseite V2 – Kontakt + Danke (contact_header von lb-firmengruppe.de)
 * Section-CSS: "lbv2 lbv2_contact", Hintergrund "Slider" mit 1 Bild.
 * Bild links, rechte Hälfte weiß; Text-Block mit CSS "lbv2_contact_form".
 * Nach dem Absenden leitet CF7 Apps (Redirection) auf die Danke-Seite.
 ****************************************************************************/
/* unter die fixe Topbar (4rem) wie header_section.contact_header (2026-10-07) */
.content > .lbv2.lbv2_contact:first-child,
.content > .typo_animation_wrapper:first-child > .lbv2.lbv2_contact {
    margin-top: -4rem;
}
.lbv2.lbv2_contact {
    position: relative;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--lbv2-text-dark);
}
.lbv2.lbv2_contact > * {
    position: relative;
    z-index: 30;
}
.lbv2.lbv2_contact > .slider_wrapper {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
}
.lbv2.lbv2_contact > .slider_wrapper:after {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #19394b;
    opacity: 0.5;
}
.lbv2.lbv2_contact:before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #FFFFFF;
    z-index: 20;
}
.lbv2.lbv2_contact > .row {
    width: 100%;
}

/* Formular – einspaltig (CF7-Formular 26 hat Spalten-Wrapper) */
.lbv2.lbv2_contact form {
    color: inherit;
}
.lbv2.lbv2_contact .wpcf7-form > div {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
.lbv2.lbv2_contact select,
.lbv2.lbv2_contact textarea,
.lbv2.lbv2_contact input:not([type="checkbox"],[type="radio"],[type="file"],[type="submit"]) {
    color: var(--lbv2-text-dark);
    background-color: #F2F2F2;
    border: 1px solid #8DA4B8;
    margin-bottom: 1rem;
}
.lbv2.lbv2_contact .form_item > .form_title {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}
.lbv2.lbv2_contact .form_item > .wpcf7-form-control-wrap {
    padding-bottom: 0;
}
.lbv2.lbv2_contact ::placeholder {
    color: var(--lbv2-text-dark);
    opacity: 1;
}
.lbv2.lbv2_contact .wpcf7-list-item {
    margin-left: 0;
}
.lbv2.lbv2_contact .wpcf7-list-item-label a {
    text-decoration: underline;
}
/* Absenden-Button + Buttons (z. B. "Formular zurücksetzen" auf /danke/) */
.lbv2.lbv2_contact .wpcf7-submit,
.lbv2.lbv2_contact .button,
.lbv2.lbv2_contact .button:visited {
    margin-top: 1.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid var(--lbv2-blue-light);
    color: var(--lbv2-blue-light);
    font-weight: 400;
}
.lbv2.lbv2_contact .wpcf7-submit:hover,
.lbv2.lbv2_contact .wpcf7-submit:focus,
.lbv2.lbv2_contact .button:hover,
.lbv2.lbv2_contact .button:focus {
    background-color: var(--lbv2-blue-light);
    border-color: var(--lbv2-blue-light);
    color: #FFFFFF;
}

@media screen and (min-width:64em){
    .lbv2.lbv2_contact:before {
        left: 50%;
    }
    .lbv2.lbv2_contact .lbv2_contact_form {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        margin-left: 50%;
        padding-left: 3rem;
    }
}