/* ============================================
   FOOTER MOBILE REORDERING (max 768px)
   Ziel: Reihenfolge mobile wie gewünscht
   ============================================ */

.footer-wrapper {
    max-width: 100%;
    min-height: 420px;      /* gewünschte Höhe */
    overflow: hidden;
    font-size:20px;
    line-height: 40px;;
}

@media (max-width: 768px) {

    .footer-wrapper {
        min-height: 750px;  /* mobile Höhe */
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        padding:0px !important;
    }
    /* Footer: Column-Wrapper */
    .wp-block-columns.alignwide {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Spalte 1: Sitemap → mobile soll später kommen → order 3 */
    .wp-block-columns.alignwide > .wp-block-column:nth-child(1) {
        order: 3 !important;
        text-align: center !important;
        padding-left: 0px !important;
        align-self: baseline;
        border-top: 1px solid white;
        padding-top: 5% !important;
    }

    .wp-block-columns.alignwide > .wp-block-column:nth-child(1) nav {
        align-content: center;
    }
    .wp-block-columns.alignwide > .wp-block-column:nth-child(1) nav ul{
        align-items: center;
    }

    /* Spalte 2: Logo → mobile ganz oben → order: 1 */
    .wp-block-columns.alignwide > .wp-block-column:nth-child(2) {
        order: 1 !important;
        text-align: center !important;
        align-self: baseline;
    }

    /* Spalte 3: Kontaktblock → direkt unter Logo → order: 2 */
    .wp-block-columns.alignwide > .wp-block-column:nth-child(3) {
        order: 2 !important;
        text-align: center !important;
        text-align-last: center !important;
    }

    /* Unterer Footer (Impressum / Datenschutz + Design) wrapper */
    .wp-block-columns.wp-block-columns-is-layout-flex:last-of-type {
        flex-direction: column !important;
        text-align: center !important;
        margin-top: 15px !important;
        order: 4 !important;
    }

    /* Impressum + Datenschutz → nebeneinander & mittig */
    .wp-block-columns.wp-block-columns-is-layout-flex:last-of-type nav ul {
        display: flex !important;
        justify-content: center !important;
        gap: 20px !important;
        margin-bottom: 10px !important;
    }

    /* Design by Amanda Schmidt → ganz unten */
    .wp-block-columns.wp-block-columns-is-layout-flex:last-of-type p {
        order: 5 !important;
        text-align: center !important;
    }

    /* Logo schön mittig */
    figure.wp-block-image {
        margin: 0 auto !important;
    }
}