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

    .container, .hero-container, .nav-container {
        width: 100%;
    }

    .hero-container {
        padding-left: 0;
    }

    .container-full, .nav-container-full {
        padding-left: 40px;
        padding-right: 40px;
    }

    .bg-grey, .bg-white {

        padding-bottom: 1em;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .image-letter {
      
    }

    .col-image img {
      
    }

    img.arrow-down {
        width: 28px;
    }

    .header-big {
        font-size: 62px;
    }
    .header-text {
        font-size: 22px;
    }
    .intro-text {
        font-size: 16px;
    }
    .small-text {
        font-size: 17px;
    }
    .col-left {
        padding-left: 10px;
        padding-right: 10px;
    }

}

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

    .row .col-4, .row .col-3, .row .col-6 , .row .col-8 {
        width: 100%;
        margin-bottom: 0.5em;
        min-height: 2em;
    }

    .row .row1 {
        order: 1;
    }
    .col-image {
        text-align: left;
        float: left;
        width: 100%;
    }
    .col-image img {
        width: 40%;
    }

    .row.technologies .col-4 {
        width: 50%;
    }
    .col-8 {
        width: 50%;
    }

    .col-4.resize {
        width: 50%;
    }
    .header-big {
        margin-top: 0.2em;
    }
  
}


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

    nav, .icon-language, .trennstrich {
        display: none;

    }

    .hamburger-icon {
        display: block;
    }

    .nav-icons {
        width: 40px;
    }

}

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

    .container-nav-full-content {
        width: 100%;
        padding-left: 20px;
    }

    .float-right {

        float: right;
    }

   .row.technologies .col-4 {
        width: 100%;
    }

    article img {
        width: 100%;
        background-size: cover;
    }

    .technologies .col-4 {
        padding: 0;
    }

    .come-in {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px);
        -webkit-animation: come-in .6s ease forwards;
        animation: come-in .6s ease forwards;
    }
    .come-in:nth-of-type(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(2) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(3) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(4) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(5) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(6) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(7) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(8) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }
    .come-in:nth-of-type(9) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }


    .full-sprachen .col-6 {
        width: 100%;
        color: grey;
        cursor: pointer;
    }
    .full-sprachen .col-6:hover {
     
        color: #6894a8;
   
    }
    
}

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

    .module, .module-left, .module-right {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .nav-struktur .col-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-container-gradient, .nav-container {
        height: 60px;
    }
    .nav-icons  {
        margin-bottom: 0;
            
    
 
        right: 30px;
        float: right;
        text-align: right;
    }
    .nav-logo {
        width: 120px;
        height: 40px;
    }
    .container-full, .nav-container-full {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-container {
        font-size: 30px;
    }
     .header-big, .header-big-sektion {
        font-size: 40px;
        line-height: 1;
    }

    .row .col-6, .row .col-8, .row .col-7, .row .col-5, .col-12 {
        width: 100%;
        padding: 0;
    }

    .row .row1 {
        order: 1;
    }

    .intro-text {
        margin-bottom: 2em;
    }

    .col-image img {
        width: 200px;
    }
        img.arrow-down {
        width: 28px;
    }

        .arrow-down, .arrow-up {
        margin-left: -14px;
        margin-right: -14px;
        text-align: left;
        float: left;
        margin-right: auto;
    }

    .full-sprachen .col-6 {
        width: 100%;
        color: grey;
        cursor: pointer;
    }
    .full-sprachen .col-6:hover {
     
        color: #6894a8;
   
    }

    .blue-line {
        margin-bottom: 0em;
    }

    .arrow-down, .arrow-up {

        display: none;
    }

    

}