@media only screen and (min-width: 1505px) {
    .marquee {
        height: 120px;
    }
    header .bigTitel {
        width: 70vw;
    }
    .uk-width-3-4 {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    #product {
        padding-top: 140px;
    }
    .slider2Rght {
        right: 10.5%;
    }
    .slider2Lft {
        left: 10.5%;
    }
}
@media only screen and (max-width: 1025px) {
    .nav-links li {
        margin: 0 -0.4vw;
    }
    .content .worsSs {
        overflow-x: auto;
    }
    .content .worsSs video {
        max-width: 220px ​ !important;
    }
}
@media (max-width: 1000px) and (min-width: 821px) {
    nav {
        z-index: 4;
    }

    .logo {
        position: relative;
        padding: 0 1rem;
    }

    .hamburger {
        display: block;
        position: absolute;
        cursor: pointer;
        right: 5%;
        top: 60%;
        transform: translate(-5%, -50%);
        z-index: 2;
        transition: all 0.7s ease;
    }

    .nav-links {
        top: 0;
        position: fixed;
        background: #ffffff;
        height: 100vh;
        padding-top: 35px;
        overflow-y: scroll;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        left: 0;
        flex-direction: column;
        transform: translateX(100%);
        transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        pointer-events: none;
        align-items: baseline;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -moz-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -ms-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -o-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
    }

    .nav-links.open {
        transform: translateX(0);
        pointer-events: all;
        /* overflow: scroll; */
        padding-top: 35px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .nav-links li {
        padding: 6px 0;
    }

    .nav-links li a {
        color: #001594 !important;
        font-size: 20px;
    }

    .hamburger.toggle div {
        background-color: #fff;
    }

    .nav-links li:nth-child(1) {
        transition: all 0.5s ease 0.2s;
    }

    .nav-links li:nth-child(2) {
        transition: all 0.5s ease 0.4s;
    }

    .nav-links li:nth-child(3) {
        transition: all 0.5s ease 0.6s;
    }

    .nav-links li:nth-child(4) {
        transition: all 0.5s ease 0.7s;
    }

    .nav-links li:nth-child(5) {
        transition: all 0.5s ease 0.8s;
    }

    .nav-links li:nth-child(6) {
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }

    .nav-links li:nth-child(7) {
        transition: all 0.5s ease 1s;
        margin: 0;
    }

    li.fade {
        opacity: 1 !important;
    }

    .signInLink {
        color: #fff !important;
    }
    .swiper-slide {
        height: 55vh;
    }
    .pinkTitelHide {
        left: 0;
        height: 50% !important;
        overflow: hidden;
        margin-top: 0 !important;
    }
    .headerContainer {
        position: unset;
        background: #001594;
        transform: none;
    }
    .hTitelWrapper {
        margin: 0;
        height: 250px;
        margin-top: -100px;
    }
    .valores .valoresInnr a {
        width: 65%;
    }
    .signInLink {
        color: #fff !important;
    }
    .nav {
        padding-top: 20px;
    }
    .ifrm {
        width: 100%;
    }
    header .bigTitel {
        font-size: 82px;
        left: 0;
    }
}
@media screen and (max-width: 820px) {
    nav {
        z-index: 4;
    }

    .logo {
        position: relative;
        padding: 0 1rem;
    }

    .hamburger {
        display: block;
        position: absolute;
        cursor: pointer;
        right: 5%;
        top: 60%;
        transform: translate(-5%, -50%);
        z-index: 2;
        transition: all 0.7s ease;
    }

    .nav-links {
        top: 0;
        position: fixed;
        background: #ffffff;
        height: 100vh;
        padding-top: 35px;
        overflow-y: scroll;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        left: 0;
        flex-direction: column;
        transform: translateX(100%);
        transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        pointer-events: none;
        align-items: baseline;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -moz-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -ms-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
        -o-transition: all 0.3s cubic-bezier(0.49, 0.41, 0.18, 1.07);
    }

    .nav-links.open {
        transform: translateX(0);
        pointer-events: all;
        /* overflow: scroll; */
        padding-top: 35px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .nav-links li {
        padding: 6px 0;
    }

    .nav-links li a {
        color: #001594 !important;
        font-size: 20px;
    }

    .hamburger.toggle div {
        background-color: #fff;
    }

    .nav-links li:nth-child(1) {
        transition: all 0.5s ease 0.2s;
    }

    .nav-links li:nth-child(2) {
        transition: all 0.5s ease 0.4s;
    }

    .nav-links li:nth-child(3) {
        transition: all 0.5s ease 0.6s;
    }

    .nav-links li:nth-child(4) {
        transition: all 0.5s ease 0.7s;
    }

    .nav-links li:nth-child(5) {
        transition: all 0.5s ease 0.8s;
    }

    .nav-links li:nth-child(6) {
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }

    .nav-links li:nth-child(7) {
        transition: all 0.5s ease 1s;
        margin: 0;
    }

    li.fade {
        opacity: 1 !important;
    }

    .signInLink {
        color: #fff !important;
    }
    .swiper-slide {
        height: 55vh;
    }
    .pinkTitelHide {
        left: 0;
        height: 50% !important;
        overflow: hidden;
        margin-top: 0 !important;
    }
    .headerContainer {
        position: unset;
        background: #001594;
        transform: none;
    }
    .hTitelWrapper {
        margin: 0;
        height: 250px;
        margin-top: -135px;
    }
    .valores .valoresInnr a {
        width: 65%;
    }
    .bigTitel {
        font-size: 70px;
    }
    .signInLink {
        color: #fff !important;
    }
    .nav {
        padding-top: 20px;
    }
    .ifrm {
        width: 100%;
    }
    header .bigTitel {
        font-size: 75px;
        left: 0;
    }
    #works .Arcontainer .shapeBottom {
        transform: translate(30%, 100%);
    }
}
@media only screen and (max-width: 480px) {
    .slider2Shape {
        width: 31%;
    }
    .headerContainer {
        position: unset;
        background: #001594;
        transform: none;
    }
    header {
        border: 3.8vw solid rgb(255, 255, 255);
    }

    section {
        border: 3.8vw solid rgb(255, 255, 255);
    }

    .bigTitel {
        font-size: 40px !important;
        line-height: 0.9;
    }

    header .bigTitel {
        font-size: 63px !important;
    }

    .swiper-slide {
        height: 37vh;
    }

    header .bigTitel::after {
        content: none;
    }

    .inlineForm {
        width: 100%;
        display: block !important;
    }

    .inlineForm input {
        padding: 15px 5px;
    }

    section {
        padding: 50px 0;
    }

    .inlineForm input,
    .inlineForm .button {
        width: 100% !important;
    }

    header .paragraph {
        width: 100%;
    }

    .button {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hdrContent {
        position: inherit;
        z-index: 2;
        background: #001594;
        height: auto;
        padding-bottom: 20px;
    }

    #technology .bigTitel {
        font-size: 110px !important;
    }

    .uk-width-3-4 {
        width: 90% !important;
        padding-left: 10px !important;
        margin: 0 10px !important;
        padding-right: 10px !important;
    }

    .slider2Rght {
        right: -4% !important;
    }
    .slider2Lft,
    .slider2Rght {
        width: 40px !important;
        height: 40px !important;
    }
    .slider2Lft {
        left: -4% !important;
    }
    .footer {
        border: 0;
    }
    .lnTitel {
        font-size: 30px;
    }
    .lnText {
        font-size: 14px;
    }
    .notisebg {
        border-top: 3.3vw solid #fff;
    }
    .notisebg .bigTitel {
        margin-top: 50px;
    }
    .slick-slide img {
        width: 100px;
    }
    .pinkTitelHide {
        left: 0;
        height: 57% !important;
        overflow: hidden;
        margin-top: 0 !important;
    }
    .hTitelWrapper {
        margin: 0;
        height: 280px;
        margin-top: -135px;
    }
    .pinkTitelHide .bigTitel {
        left: 0;
    }
    .nav-links li:nth-of-type(1) {
        padding: 0 0;
    }
}
@media screen and (max-width: 325px) {
    header {
        min-height: 113vh;
    }
}
@media screen and (max-height: 680px) {
    header {
        min-height: 120vh;
    }

    header .paragraph {
        margin-top: 50px;
    }
    .nav-links li {
        padding: 4px 0;
    }
    .nav-links li:nth-of-type(1) {
        padding: 0 0;
    }
}
@media screen and (max-width: 325px) {
    header {
        min-height: 137vh;
    }
    header .paragraph {
        margin-top: 90px;
    }
}
@media (max-width: 576px) {
    .contactSec input[type="email"] {
        text-align: left;
    }
    input[type="email"] {
        text-align: center;
    }
    .contact .contactSec .px-lg-5 {
        margin-top: 24px;
    }
    header .bigTitel {
        font-size: 65px;
    }
}
@media screen and (max-width: 520px) {
    .sceShapeTop {
        width: 7%;
        position: absolute;
        top: 0px;
        right: 0px;
    }
}