@media (min-width: 1200px) {
    .footer-element-wrapper {
        margin-left: 150px;
    }
}

@media (max-width: 1200px) {
    .timeline__event {
        width: 70vw;
    }

    .timeline__event__content {
        width: 100%;
    }

    .footer-element-wrapper {
        margin-left: 100px;
    }
}

@media (max-width: 1024px) {
    .timeline__event {
        width: 70vw;
    }

    .timeline__event__content {
        width: 100%;
    }

    .layer .content-body {
        width: 40%;
        position: absolute;
        bottom: 5%;
        top: auto;
    }

    .hero-title {
        width: 100% !important;
        margin-left: 0px !important;
        flex: auto;
        max-width: 100% !important;
    }

    .fancy-short-banner-one .form-wrapper form input, textarea {
        width: 100%;
    }
}

@media (min-width: 992px){
    .d-lg-flex {
        display: flow-root !important;
    }
}


@media(max-width: 768px) {
    .bild-aboutme img {

        height: 210px;
        width: 100% !important;
        object-fit: cover;
        object-position: top center;

    }

    .bild-aboutme {
        padding: 10px;
    }

    .scrollfeld {
        height: 37vh;
        overflow-y: scroll;
        scroll-behavior: smooth;
        margin: 10px;
        padding: 6px;
        -webkit-box-shadow: inset 0px -23px 21px -14px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0px -23px 21px -14px rgba(0, 0, 0, 0.35);
    }

    .sidebar-me {
        margin-top: 1.2em;
        width: 18em;
        height: 80vh;
        background-color: rgb(255, 255, 255);
        transition: 0.7s;
        position: fixed;
        top: 10%;
        left: 0%;
        z-index: 134;
    }

    .sidebar-me.is-closed {
        transform: translateX(-18em);
    }

    .sidebar-me-toggle {
        position: fixed;
        outline: none;
        width: 60px;
        height: 60px;
        margin-left: 16em;
        cursor: pointer;
        transition: 0.5s;
        ;
        border: solid 2.9px rgb(0, 0, 0);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        z-index: 51;
    }

    .sidebar-me-toggle.is-closed {
        transform: translateX(0.3em) rotate(0deg);
    }

    .sidebar-bridge {
        position: fixed;
        outline: none;
        width: 5px;
        height: 50px;
        border-radius: 6px;
        margin-left: 18em;
        margin-top: 5px;
        cursor: pointer;
        transition: 0.5s;
        border: solid 2.9px rgb(0, 0, 0);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--grau2);
        z-index: 41;
        visibility: hidden;
    }

    .sidebar-bridge p {
        font-weight: 800;
        line-height: 1.2em;
        font-size: 0.9em;
    }

    .sidebar-me.is-closed .sidebar-bridge {
        margin-left: 17.7em;
        justify-content: left;
        padding-left: 18px;
        width: 80px;
        visibility: visible;
    }

    .sidebar-me.is-closed .sidebar-me-toggle {
        margin-left: 20.8em;
    }

    .sidebar-me-toggle img {
        width: 50px;
        height: 50px;
        padding: 9px;
        z-index: 51;

    }

    .sidebar-me-toggle .icon {
        font-size: 1.5rem;
        color: rgb(255, 255, 255);
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

    .timeline__event {
        flex-direction: column;
        align-self: center;
        width: 85%;
    }

    .timeline__event__content {
        width: 100%;
        border-radius: 0px 0px 20px 20px !important;
    }

    .timeline__event__icon {
        border-radius: 20px 20px 0 20px;
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .timeline__event__icon img {
        border-radius: 20px 0px 0px 0px;
    }

    .timeline__event__icon:before,
    .timeline__event__icon:after {
        display: none;
    }

    .timeline__event__date {
        border-radius: 0;
        padding: 20px;
        box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
    }

    .timeline__event:nth-child(2n + 1) {
        flex-direction: column;
        align-self: center;
    }

    .timeline__event:nth-child(2n + 1) .timeline__event__date {
        border-radius: 0;
        padding: 20px;
    }

    .timeline__event:nth-child(2n + 1) .timeline__event__icon {
        border-radius: 20px 20px 0 20px;
        margin: 0;
    }

    .handle-circle {
        top: 23.5%;
        left: -26.5px;
        margin-top: -15px;
        cursor: move;
        user-select: none;
    }

    .content-body p {
        display: none;
    }

    .content-body h1 {
        display: none;
    }

    .content-body h2 {
        position: relative;
        top: 80%;
        font-size: 16px;
    }

    .mobile-no-padding {
        padding: 0px !important;
    }

    .btn-laptop {
        margin-top: 1%;
        width: 80px;
        height: 80px;
        background-image: url(../images/laptopmenu.png);
        border: none;
        background-repeat: no-repeat;
        background-size: contain;
        text-align: center;
        display: inline-block;
    }

    .btn-book {
        margin-top: 1%;
        width: 80px;
        height: 80px;
        background-image: url(../images/bookmenu.png);
        border: none;
        background-repeat: no-repeat;
        background-size: contain;
        text-align: center;
        display: inline-block;
    }


    .btn-laptop-grey {
        margin-top: 1%;
        width: 80px;
        height: 80px;
        background-image: url(../images/laptopmenubw.png);
        /* display: none; */
    }

    .btn-book-grey {
        margin-top: 1%;
        width: 80px;
        height: 80px;
        background-image: url(../images/bookmenubw.png);
        /* display: none; */
    }

    .layer .content-wrap {
        position: absolute;
        width: 100vw;
    }

    .faq-section-five {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sticky_section {
        display: block;
    }

    .right-menu {
        display: none;
    }

    .right-menu a {
        padding-right: 0px !important;
    }

    #name_logo {
        display: none;
    }

    .footer-element-wrapper {
        margin-left: 60px;
    }
}

@media (max-width: 768px) {
    #no-phone {
        display: none;
    }

    #only-phone {
        display: block;
    }

    .timeline {
        padding: 0 10% 0 10%;
    }

    .timeline__event__title {
        font-size: 1.2rem;
        line-height: 1.4;
        font-weight: 600;
        color: white;
        letter-spacing: 1.5px;
        padding-left: 60px;
        width: 100%;
        text-align: center;
    }

    .timeline__event--type2 .timeline__event__title {
        color: #fff;
    }

    .timeline__event--type3 .timeline__event__title {
        color: #fff;
    }

    .phone-roadmap-common {
        padding: 1.5% 4.5% 1.5% 4.5%;
    }

    .layer .content-body {
        width: 35%;
        position: absolute;
        bottom: 20%;
        top: auto;
    }

    .block-style-ten-carina {
        margin-left: 15px;
        margin-right: 15px;
    }

    .contact-header-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .phone-roadmap-common {
        padding: 3% 8% 3% 8%;
    }
}