/*  kleinste Bildschirmgröße (<840px)   */

/* Mobiles Logo sichtbar */
/*
#overlay {
    opacity: 100%;
    visibility: visible;
    transition: all 0.5s ease;
}
*/
/* Desktop Logo unsichtbar */
/*
.navbar-section.logo {
    visibility: hidden;
}
 */

#website-title {
    margin-top: -200px;
    position: relative;
}

.flex-container {
    flex-direction: column;
    gap: 0;
}



/* 750px */
@media all and (min-width: 46.8em) {
    .back-img {
        top: 3.0em;
    }
}

/* 840px */
@media all and (min-width: 52.5em) {
    .abschnitt {
        padding: 0;
    }

    #website-title {
        margin: -180px 0 100px 0;
    }

    .flex-container {
        flex-direction: row;
        gap: 1em;
    }

}

/* 940px */
@media all and (min-width: 58.75em) {

    #website-title {
        margin: -130px 0 70px 0;
    }

    /* Desktop Logo wird sichtbar */
    /*
    .navbar-section.logo {
        visibility: visible;
    }

     */

    /* Mobiles Logo verschwindet */
    /*
    #overlay {
        opacity: 0;
        visibility: hidden;
    }

     */
    .abschnitt {
        padding: 0 5%;
    }
}


/* 1300px */
@media all and (min-width: 81.25em) {
    .abschnitt {
        padding: 0 10%;
    }

}