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

.home-intro{
    position: relative;
    background-color: var(--fondfarbe-2);
}

.home-intro img{
    width: 100vw;
    height: 90vh;
    object-fit: cover;
}

.home-intro-text{
    width: 22vw;
    height: 15vw;
    position: absolute;
    top: 25%;
    left: 62%;
}

.zitat{
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: bold;
    font-family: var(--schriftart-2);
    margin-bottom: 1.5rem;
}

.nur-zitat{
    margin-bottom: 0.5rem;
}

.autor{
    color: var(--schriftfarbe-2);
    font-weight: bold;
}

.zwischenbild img{
    width: 100vw;
    height: 90vh;
    object-fit: cover;
}

.arbeit-section{
    background-color: var(--fondfarbe-2);
    padding-bottom: 3rem;
    padding: 0  var(--padding-h-1);
}

.arbeitsbeschreibung{
    hyphens: auto;
    margin: auto;
}

.zwischenzitat-section{
    margin: auto;
    text-align: center;
    padding: 2rem 30vw 1.5rem 30vw;
}

.angebot-section{
    background-color: var(--fondfarbe-1);
    padding: 0  var(--padding-h-1);
}

.angebot-auswahl{
    padding-bottom: 3rem;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 150%;
}

.marker{
    color: var(--schriftfarbe-2);
}

.headline-1{
    padding: 3rem var(--padding-h-1);
}

.headline-2,
.headline-4{
    padding: 0.5rem var(--padding-h-1);
    background-color: var(--fondfarbe-4);
}

.headline-3{
    padding: 0.5rem var(--padding-h-1);
    background-color: var(--fondfarbe-5);
    color: var(--schriftfarbe-2)
}

.startsatz{
    padding-bottom: 2rem;
}

.details-kinder,
.details-kigas{
    background-color: var(--fondfarbe-1);
    padding: 3rem var(--padding-h-1);
}

.einschub{
    background-color: var(--fondfarbe-3);
    padding: 1rem;
    margin-right: 15vw;
}

label{
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}

#ch1,
#ch2{
    display:none;
}

.fortsetzung-1,
.fortsetzung-2{
    display: none;
}

#ch1:checked ~ .fortsetzung-1{
    display: block;
    }

#ch1:checked ~ .label-1{
    display: none;
}

#ch2:checked ~ .fortsetzung-2{
    display: block;
    }

#ch2:checked ~ .label-2{
    display: none;
}

.indent{
    text-indent: hanging 1.1rem;
}

.details-eltern{
    background-color: var(--fondfarbe-2);
    padding: 3rem var(--padding-h-1);
    color: var(--schriftfarbe-2)
}

.details-kigas-bild{
    padding-bottom: 2rem;
}

.details-kigas-bild img{
    width: 100%;
}

.faq-section{
    color: var(--schriftfarbe-2);
    padding: 3rem var(--padding-h-1);
}

details{
    margin: 1.25rem 0;
}

summary{
    font-weight: bold;
    padding: 0.25rem 0.5rem;
    list-style: none;
    text-indent: hanging 1.2rem;
}

summary:hover{
    cursor: pointer;
}

details div{
    padding: 0.25rem 1.5rem;
}

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

.angebot-intro-section{
    position: relative;
}

.angebot-intro-section img{
    width: 100vw;
    height: 90vh;
    object-fit: cover;
}

.angebot-intro-text{
    color: var(--schriftfarbe-3);
    width: 40vw;
    position: absolute;
    top: 35%;
    left: var(--padding-h-1);
    hyphens: auto;
}

.angebot-intro-text p{
    margin: 1rem 0;
}

.kleinkinder-section,
.schulkinder-section,
.kleingruppen-section,
.eltern-section,
.spezial-section{
    padding: 3rem var(--padding-h-1);
}

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

.schulkinder-section,
.eltern-section{
    background-color: var(--fondfarbe-2);
}

.kleingruppen-section{
    background-color: var(--fondfarbe-1);
}

#ch3,
#ch4,
#ch5{
    display:none;
}

.fortsetzung-3,
.fortsetzung-4,
.fortsetzung-5{
    display: none;
}

#ch3:checked ~ .fortsetzung-3{
    display: block;
    }

#ch3:checked ~ .label-3{
    display: none;
}

#ch4:checked ~ .fortsetzung-4{
    display: block;
    }

#ch4:checked ~ .label-4{
    display: none;
}

#ch5:checked ~ .fortsetzung-5{
    display: block;
    }

#ch5:checked ~ .label-5{
    display: none;
}

.einschub-2{
    background-color: var(--fondfarbe-3);
    padding: 2rem;
    margin-top: 2rem;
}

.spezial-banner{
    font-size: 2rem;
    font-weight: bold;
    color: var(--schriftfarbe-2L);
    text-align: center;
    margin-bottom: 2.5rem;
}

.spezial-text{
    display: grid;
    grid-template-columns: 5fr 4fr;
    gap: 6.25rem;
}

.spezial-text h4{
    margin-bottom: 2.5rem;
}

.spezial-section img{
    width: 100%;
}

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

.uebermich-main ul{
    list-style: disc;
    list-style-position: outside;
    padding-left: 1rem;
}

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

.ausbildung,
.weiterbildung{
    background-color: var(--fondfarbe-2);
}

.stationen{
    background-color: var(--fondfarbe-1);
}

.ausbildung{
    display: grid;
    grid-template-columns: 3fr 1fr;
    /* gap: 2vw; */
}

.ausbildung-rechts img{
    width: 80%;
}

.thema{
    font-size: larger;
    margin-bottom: 1.5rem;
}

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

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


.schritte-2 p,
.schritte-3 p{
    margin: 1rem 0;
}


.kostenuebernahme{
    background-color: var(--fondfarbe-2);
}

.kostenuebernahme ul{
    padding-left: 1rem;
    margin: 1rem 0;
}

.kinder{
    background-color: var(--fondfarbe-1);
    padding: 0.5rem 15vw;
    font-size: larger;
}

.dauer{
    background-color: var(--fondfarbe-1);
}

.dauer h5{
    padding-top:0;
}


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

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

.impressum-main ul{
    padding-left: 1rem;
}