@media only screen and (max-width: 750px) {

    .navigation-list,
    .header-elem,
    .main-elem-img,
    .corner-elem {
        display: none;
    }

    nav {
        height: 10vh !important;
    }

    .nav-mobile {
        transform: translateY(100%);
        width: 100vw;

        background-color: white;

        z-index: 1070;
        position: fixed;

        display: none;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        overflow: hidden;

        padding: 5vh 0 5vh 0;
    }

    .nav-icon,
    .menu-icon {
        color: #57A7B3;
        font-size: 30px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .menu-icon {
        justify-content: flex-end;
        padding: 5vh 5vw 5vh 5vw;
        width: 85vw;
        position: absolute;
        top: 0;
        right: 0;
    }

    .middle-section {
        height: 100%;
        display: flex;
        padding: 0 5vw 0 5vw;
        align-items: center;
    }

    .navigation-list-mobile {
        list-style: none;
        margin: 0;
        padding: 0;

        width: 100%;
        height: fit-content;
    }

    .nav-mobile ul li {
        opacity: 0;
    }

    .navigation-list-mobile li a {
        color: #57A7B3;
        text-decoration: none;
        font-size: 30px;
    }

    .navigation-list-mobile li{
        margin-bottom: 1vh;
    }

    .header-elem-img {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;

        transform: translateY(0vh);
        width: 100vw;
        height: 90vh;

        z-index: -10;

        background-position: 60%;
    }

    header {
        height: 85vh;
    }

    .headers {
        bottom: 30px;
        z-index: 1050;
        padding-left: 5vw;

        position: absolute;
    }

    .headers h1 {
        margin: 0;
        font-size: 13vw;
        line-height: 15vw;
        opacity: 0;
        left: 15%;
        position: relative;
    }

    .header-gradient {
        position: absolute;
        bottom: 0%;
        z-index: 1030;
        mix-blend-mode: multiply !important;
        will-change: opacity;

        width: 100vw;
        height: 70vh;

        background: rgb(87, 167, 179);
        background: -moz-linear-gradient(0deg, rgba(87, 167, 179, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(87, 167, 179, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(0deg, rgba(87, 167, 179, 1) 0%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#57a7b3", endColorstr="#ffffff", GradientType=1);
    }

    .nav-footer {
        padding: 0 5vw 0 5vw;
        list-style: none;

        display: flex;
        flex-direction: column;
        gap: 10px;

        position: absolute;
        bottom: 20px;
    }

    .nav-footer li a {
        color: #57A7B3;
        text-decoration: none;
    }

    .about-container {
        width: 100%;
        margin: 0;
        height: fit-content;
    }

    .main-elem {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;

        left: 0%;
        top: 0%;
        width: 100%;
        height: fit-content;

        padding: 5vh 5vw 5vh 5vw;
    }

    .main-elem p {
        font-size: 22px;
        line-height: normal;
        width: 100%;
    }

    main {
        padding: 0;
        width: 100vw;
        height: fit-content;
        background-color: white;
    }

    .right-side {
        display: none;
    }

    .left-side {
        flex: 1;
        justify-content: center;
    }

    .partner {
        margin: 15vh 0 15vh 0;
    }

    .partner h1 {
        margin: 0 0 40px 0;
    }

    .partner-logos {
        flex: 1 1 auto;
        gap: 50px;
    }

    .partner-logos img {
        width: 40%;
    }



    .leistungen-container h1 {
        font-size: 12vw;
    }

    .leistungen-container p {
        font-size: 20px;
        width: 100%;
        margin-left: 0;
    }


    .kontakt-info {
        display: none;
    }

    .form-kontakt {
        width: 100%;
        padding: 50px 0 50px 0;
    }

    .form-kontakt h1,
    .map-container h1 {
        display: flex;
        align-self: flex-start;
        margin: 0 0 20px 10%;
    }

    .form-kontakt div {
        width: 80%;
    }

    .form-kontakt div input,
    #contact-form textarea {
        padding: 10px 1px 5px 0;
        font-size: 14px;
    }

    .form-kontakt div label {
        top: 11px;
    }

    input:focus~label,
    textarea:focus~label {
        top: -10px;
        font-size: 12px;
    }

    .form-kontakt button {
        width: 100% !important;
        height: 60px;
        font-size: 16px;
    }

    .map-container {
        display: flex !important;
        flex-direction: column;
        padding: 50px 0 50px 0;
        width: 100vw;
    }

    .main-map {
        width: 80%;
        margin: auto;
    }

    .buero-container {
        display: none;
    }

    #image-carousel {
        display: none !important;
    }

    lottie-player{
        display: none;
    }

    .main-container2{
        background-color: #abd4db;
        height: fit-content;
        padding: 5vh 5vw 5vh 5vw;
        margin: 0;
    }

    .main-container2 p, .main-container2 h2{
        width: 100%;
        text-align: left;
    }

    .main-container2 h2{
        font-size: 25px;
    }

    .main-container2 p{
        font-size: 22px;
        font-weight: 300;
        margin: 10px 0 10px 0;
    }   
}