/* =========================================
   ADDRESS BLOCK MODULE - Phase 3 Namespaced
   ========================================= */

/* Address Block Styling */
.ks-block-address {
    padding: var(--ks-spacing-md) var(--ks-spacing-sm);
    text-align: center;
    /* Container zentriert */
}

.ks-block-address__content {
    max-width: var(--ks-text-max-width);
    margin: 0 auto;
    text-align: left !important;
    /* Inhalt linksbündig */
    color: #333 !important;
    /* Explizite Textfarbe */
}

.ks-block-address__content h3 {
    font-size: var(--ks-font-size-h3);
    margin-bottom: var(--ks-spacing-sm);
    color: #333 !important;
    /* Explizite Überschriftenfarbe */
}

.ks-block-address__content p {
    line-height: var(--ks-line-height-relaxed);
    white-space: pre-line;
}


/* =========================================
   CONTACT PAGE LAYOUT (Specific Override)
   ========================================= */
@media (min-width: 900px) {

    /* Main Layout: Flexbox für optische Zentrierung des gesamten Blocks */
    body.page-kontakt .ks-block-headline__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* Alles in der Mitte gruppieren */
        align-items: center;
        /* Vertikale Mitte */
        gap: 60px;
        /* Abstand zwischen Formular und Adresse */
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        /* Für Map positioning context */
    }

    /* 1. Headline - Full Row */
    body.page-kontakt .ks-block-headline__content>h1 {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    /* 2. Contact Form */
    body.page-kontakt .ks-block-iframe--form {
        width: 600px;
        /* Fixe Breite für sauberes Layout */
        max-width: 100%;
        margin: 0;
        /* Kein Grid Position mehr nötig */
    }

    /* 3. Address Block */
    body.page-kontakt .ks-block-address {
        /* Breite an Inhalt anpassen, aber nicht zu schmal */
        width: auto;
        min-width: 300px;
        text-align: left;
        padding: 0;
        margin: 0;
        /* Flex Alignment */
        align-self: center;
    }

    body.page-kontakt .ks-block-address__content {
        margin: 0;
        text-align: left !important;
        padding-bottom: 80px;
    }

    /* 4. Google Maps - Full Width Breakout (besser gelöst) */
    body.page-kontakt .ks-block-iframe--map {
        width: 100%;
        max-width: 100%;
        margin-top: 60px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}