/* ============================================================
   KONTAKT LASSDICHBERATEN SECTION
   ============================================================ */

   .lassdichberaten {
    width: 100%;
    background-image: url('./kontakt/kontakt1_mobile.png');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    box-sizing: border-box;
    padding: 60px 24px;
}

.lassdichberaten-content {
    text-align: center;
}

.lassdichberaten-content .vc-headline-02 {
    color: #ffffff;
    margin: 0 0 8px 0;
}

.lassdichberaten-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap;
}

.btn-schreibeinemail {
    background-color: #ffffff;
    color: #252850;
    border: 2px solid #ffffff;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
}

.btn-kommvorbei {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px;
}

@media (min-width: 700px) {
    .lassdichberaten {
        background-image: url('./kontakt/kontakt1_desktop.png');
    }
}


/* ============================================================
   MAPSUNDCONTACT SECTION
   ============================================================ */

.mapsundcontact {
    background-color: var(--weiss);
    padding: 60px 24px;
}

.mapsundcontact-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.mapsundcontact-map iframe {
    width: 100%;
    height: 250px;
    border: 0;
    display: block;
}

.mapsundcontact-block {
    margin-top: 24px;
}

.mapsundcontact-block:first-child {
    margin-top: 16px;
}

.mapsundcontact-block h3 {
    margin: 0 0 4px;
    color: var(--nachtblau);
}

.mapsundcontact-block p {
    margin: 0;
    color: var(--nachtblau);
}

.mapsundcontact-info > .vc-fliesstext {
    color: var(--nachtblau);
    margin: 0;
}

.mapsundcontact-link {
    color: var(--nachtblau);
    text-decoration: underline;
}

.mapsundcontact-link:hover {
    color: var(--velocity-blau);
}

@media (min-width: 700px) {
    .mapsundcontact {
        padding: 60px 60px;
    }

    .mapsundcontact-grid {
        flex-direction: row;
        align-items: stretch;
        gap: 60px;
    }

    .mapsundcontact-map {
        flex: 1;
    }

    .mapsundcontact-map iframe {
        height: 400px;
    }

    .mapsundcontact-info {
        flex: 1;
    }
}