/*=========================
Responsive-Einstellungen
=========================== */

@media (min-width: 1000px)
{
    .menu-burger{
        display: none;
    }
}

@media (max-width: 1000px)
{
    /* ANGEPASSTE Custom Properties (CSS-Variablen) */
    html{
        --padding-h-1: 5vw;
        font-size: 80%;
    }

    .link-container{
        display: none;
        width: 5vw;
        margin: 0;
        margin-right: 5vw;
        padding: 0;
    }

    .link-container a{
        display: none;
        font-size: 0.1rem;
        margin: 0;
    }

/*==================================
HOME-PAGE
===================================*/

    .home-intro{
        position:static;
    }

    .home-intro-text{
        position: static;
        width: unset;
        height: unset;
        padding: 1rem var(--padding-h-1);
        text-align: center;
    }

    .arbeitsbeschreibung{
        grid-template-columns: 1fr;
        gap: 0;
    }

    .zwischenzitat-section{
        padding: 1rem var(--padding-h-1);
    }

    .angebot-auswahl{
        font-size: 1rem;
    }

    .einschub{
        margin-right: unset;
    }

/*==================================
MEIN ANGEBOT
===================================*/

.angebot-intro-section img{
    height: unset;
}

.angebot-intro-text{
    color: var(--schriftfarbe-1);
    width: unset;
    position: unset;
    padding: 0 var(--padding-h-1);
}

.kleinkinder-section,
.schulkinder-section,
.kleingruppen-section,
.eltern-section,
.spezial-section{
    hyphens: auto;
}

/* .kleinkinder-text,
.schulkinder-text,
.eltern-text, */
.kleingruppen-text,
.spezial-text{
    grid-template-columns: 1fr;
    gap: 0;
}

.spezial-banner{
    font-size: 1.5rem;
}

.kreuze{
    display: none;
}

.spezial-section figure{
    width: 60%;
    margin: 1.5rem auto;
}

/*==================================
UEBER MICH
===================================*/

    .uebermich-intro img{
        width: 100%;
    }

    .ausbildung,
    .stationen,
    .weiterbildung,
    .schriften{
        padding: 2rem 5vw;
    }

/*==================================
PREISE
===================================*/

    .preise-intro img{
        width: 100%;
    }

    .therapie-preise,
.kostenuebernahme,
.schritte-1,
.schritte-2,
.schritte-3,
.dauer{
    padding: 2rem 5vw;
}


/*==================================
IMPRESSUM
===================================*/

.impressum-main{
    padding: 2rem 5vw;
}


/*==================================
FOOTER
===================================*/

.footer-oben{
    flex-direction: column;
    padding: 30px var(--padding-h-1);
    gap:0;
}

.footer-links,
.footer-mitte,
.footer-rechts{
    width: 90vw;
    height: unset;
    padding: 0;
    margin: 1rem 0;
}

.footer-mitte,
.google-karte{
    height: 50vh;
}

.footer-unten{
    padding: 1rem 5vw
}

}