@media (min-width: 1200px){


    .object {
        max-width: 100vw;
        padding: 0;
    }
    #horizon-starts-here .container {
        max-width: 70%;
    }
    #value-starts-here .rollover{
        max-width: 50%;
    }
    #value-starts-here .container .mw-100{
        max-width: 100%;
    }
    #mikrolage .container{
        max-width: 70%;
    }
    #mikrolage .w80{
        max-width: 70%;
    }
    #rhein-main-starts-here .rollover{
        max-width: 60%;
    }
    
    /* sustainability starts heer */
    #sustainability-starts-here .container{
        max-width: 70%;
    }
    
    /* service orientation starts heer */
    #service-orientation-starts-here .container{
        max-width: 70%;
    }

    /* Impressum */
    #impressum .container{
        max-width: 50%;
    }

    /* Datenschutz */
    #datenschutz .container{
        max-width: 50%;
    }
    
    /* Fotogalerie */
    #gallery .container.width{
        max-width: 80% !important;
      }

      /* @media (min-width: 2200px) {

        ul.thumbs {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 140px;
            padding: 0;
            margin: 0;
            overflow: hidden;
            white-space: nowrap;
            text-align: center;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    
        .thumb{
            margin: 0;
        }
    } */
    
}
@media (min-width: 1921px){
    /* Navigation */
    .ht-nav{
        font-size: 1.2rem;
    }
    .call-to{
        font-size: 1.2rem;
        transform: translateX(-210px);
    }
    .vermietung{
        font-size: 1.2rem;
        transform: translateX(-140px);
    }
    .vermietung-en{
        font-size: 1.2rem;
        transform: translateX(-80px);
    }
    .nav-icon img {
        width: 4rem;
    }

    /* Header */
    .bg-image h1{
        font-size: 4.5rem;
    }

    /* Footer */
    footer{
        font-size: 1rem;
    }

    /* Font */
    .subhead{
        font-size: 1.6rem;
    }
    .text{
        font-size: 1.3rem;
    }
    #mikrolage .gradient {
        font-size: 1.6rem;
    }
    .text-w{
        font-size: 1.5rem;
    }
    .number{
        font-size: 4rem;
    }
    #rhein-main-starts-here .rollover .ro .text {
        font-size: 1rem;
        line-height: 1rem;
    }
    #rhein-main-starts-here .hr-gradient{
        width: 50%;
    }
    #rmsh .td-text{
        font-size: 1.3rem;
    }
    
    #rmsh .routen .nm-min{
        font-size: 1.5rem;
    }
    #rmsh .routen .nm-y{
        font-size: 4rem;
    }
    .item .text-headline {
        font-size: 1.2rem;
    }
    .item .text-w {
        font-size: 1rem;
    }
    #mikrolage .gradient {
        background: -webkit-linear-gradient(0deg, #fff 0%, #ffed00 37%);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    #mikrolage .image-container img {
        width: 1060px;    
    }

    #download-starts-here a {
        width: 20rem;
        height: 3.5rem;
    }
    #download-starts-here .button .flex-row img {
        width: 1.7rem;
    }
    #download-starts-here .button .flex-row .p-2:nth-child(2) {
        font-size: 1rem;
        width: 70%;
    }
    /* Kontakt */
    .kontakt .text-gradient{
        font-size: 1.6rem;
    }
    .kontakt .text-small{
        font-size: 1.1rem;
    }
    .kontakt .call{
        font-size: 1rem;
    }
    .kontakt .mail{
        font-size: 1rem;
    }

    /* Download */
    #download-starts-here{
        margin-bottom: 15vh;
    }
    #download-starts-here a{
        width: 25rem;
    }
    #download-starts-here .button .flex-row .p-2:nth-child(2){
        width: 100%;
    }
    /* Fotogllerie */

    .thumb{
        aspect-ratio: 1/1;
        overflow: unset;
    }
    .thumbs{
        gap: 10px;
        margin-top: 20px;
    }
}

@media (max-width: 992px){
    /* Navigation */
    .bg-light{
        width: 100%;
        left: 0;
    }
    .nav-title .ht-nav{
        display: none;
    }
    .call-to{
        display: none;
    }
    /* Header IMG */
    .bg-image{
        display: none;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
        color:  var(--yellow);
        transform: scale(1);
        transition: ease-in 1s;
        transition: ease-out .1s;
    }
    h2,h3{
        margin: 0;
    }
    .img-fluid{
        height: 100%;
    }
    #nwsh .img-fluid{
        height: 100%;
    }

    /* Header */
    .header-animate-state1 #header-block-first{
        font-size: 1rem;
        padding: 0 1rem;
    }
    .header-animate-state1 #header-block-second{
        font-size: 2.5rem;
        line-height: 3rem;
        letter-spacing: .4rem;
    }
    

    /* Horizon Tower Starts Here */
    #horizon-starts-here .justify-content-between {
        flex-direction: column;
    }
    #horizon-starts-here .mt-10{
        margin-top: 5vh;
    }
    #horizon-starts-here .gradient{
        line-height: 1.4rem;
    }

    .link-to .lage-link{
        background-position-y: 0vh;
    }
    .link-to .download-link{
        background-position-y: 0vh;
    }
    
    /* Value Starts Here */
    #value-starts-here .justify-content-between{
        flex-direction: column;
    }
    #value-starts-here .p-2{
        width: 100%;
    }
    #value-starts-here .mt-15 .text{
        width: 100%;
        padding-left: 0;
        margin-bottom: 5vh;
    }
    #value-starts-here .mw-100{
        max-width: 720px !important;
    }
    #value-starts-here .mt-15 .subhead{
        padding-left: 0;
        width: fit-content;
    }
    #rollover-container-1{
        position: relative;
        top: 0;
        margin-top: 3vh;
    }
    
    /* Inspiration Starts Here */
    #inspiration-starts-here .object h3{
        padding-left: 0;
    }
    #inspiration-starts-here .justify-content-between{
        flex-direction: column;
    }
    #inspiration-starts-here .parallax{
        width: 100%;
        height: 40vh;
        background-size: cover;
    }
    #inspiration-starts-here .parallax-bp{
        height: 60vh;
    }

    /* Mikrolage */
    #mikrolage .image-container img {
        width: 100%;
    }
    #mikrolage .grid-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #mikrolage .d-flex {
        flex-direction: column;
        margin-top: 4vh;
    }
    #mikrolage .p-2 {
        width: 100%;
    }
    #mikrolage .p-2:nth-child(2) {
        width: 100%;
    }
    #mikrolage .crown-icon{
        display: block;
        margin: auto;
    }
    /* #mikrolage .grid-container .item img{
        margin: auto;
    } */
    #mikrolage .fullscreen-image{
        width: 100vw;
    }
    #mikrolage .subhead{
        transform: translateY(0rem);
    }

    /* Routen */
    .routen .container {
        width: 100%;
    }
    
    /* Rhein Mian Starts Here */
    #rhein-main-starts-here .rollover .justify-content-between{
        flex-direction: column;
    }
    #rhein-main-starts-here .rollover .justify-content-between{
        width: 100%;
    }

    /* New Work Stats Here */
    #new-work-starts-here .d-flex{
        flex-direction: column !important;
    }
    #new-work-starts-here .fullscreen-image {
        width: 100vw;
    }
    #rhein-main-starts-here .rollover .ro img{
        width: 20%;
    }
    #rhein-main-starts-here .hr-gradient.in-view{
        width: 100%;
    }

    .etagen .d-flex{
        flex-direction: column-reverse;
    }
    .etagen .p-2 {
        width: 100%;
        text-align: start; 
    }
    .etagen .p-2:nth-child(1) {
        margin-top: 5vh;
    }
    .etagen .p-2 img {
        width: 100%;
    }
    .etagen .button .p-2:nth-child(1) {
        margin-top: 0;
        width: 40%;
    }
    .link-to .download-link {
        background-position-y: 0;
    }

    /* Kontakt */
    .kontakt .flex-row{
        flex-direction: column !important;
        width: fit-content;
        margin: auto;
        gap: 5vh;
    }
    .kontakt .flex-row .p-2:nth-child(1) a{
        width: 16rem;
    }
    .kontakt .flex-row .p-2:nth-child(2) a{
        width: 17rem;
    }

    /* sustainability-starts-here */
    #sustainability-starts-here .d-flex{
        flex-direction: column;
    }
    #sustainability-starts-here .d-flex ul{
        padding-left: 1.4rem;
    }

    #hausgrafik .image-container img{
        width: 90%;
    }
    #sustainability-starts-here .d-flex .p-2 img{
        width: 13rem;
    }
    #sustainability-starts-here .d-flex .p-2:nth-child(1){
        margin-bottom: 3vh;
    }

    /* service-orientation-starts-here */
    #service-orientation-starts-here .d-flex{
        flex-direction: column;
    }
    #service-orientation-starts-here .p-2:nth-child(2) {
        margin-top: 3vh;
    }
    #slider .container{
        max-width: 100%;
    }
    
    
}
@media (max-width: 576px){

    .container{
        padding-left: 25px;
        padding-right: 25px;
    }

    .p-2{
        padding: 0 !important;
    }
    .shadow{
        font-size: 2rem;
        line-height: 1;
        width: min-content;
    }

    /* Fonts */
    .dp-n-576{
        display: none;
    }

    .mt-3{
        margin: 3vh auto;
    }

    /* Navigation */
    .navbar{
        justify-content: unset;
    }
    .navbar-nav{
        overflow: scroll;
    }
    .nav-icon img{
        width: 3rem;
    }
    .nav-icon {
        width: 33%;
        display: flex;
    }
    .navbar-light .navbar-brand{
        margin-left: 25px;
    }
    .call-combo {
       width: 33%;
       justify-content: end;
    }
    .nav-title{
        display: flex;
        flex-direction: column;
        width: 33%;
    }
    #menu_checkbox_label{
        margin-right: 25px;
    }
    .splide.is-initialized{
        margin-right: 25px !important;
        margin-left: 25px !important;
    }
    .header-animate-state1 #header-block-second{
        line-height: 1.7rem;
        font-size: 1.7rem;
    }
    
    /* Footer */
    #index footer{
        position: absolute;
        bottom: 0;
        padding: 2vh 0;
        text-align: left;
        margin: 0;
    }
    #index footer .container{
       padding: 0;
    }
    footer{
        margin: 2vh 0;
    }
    #rmsh footer{
        margin: 0;
    }
    footer .d-flex{
        flex-wrap: wrap;
        gap: 0;
        column-gap: 5vw;
        /* justify-content: center; */
    }
    footer .container{
        padding-left:25px ;
        padding-right: 25px;
    }
    .mr-auto{
        margin-right: 0 !important;
        width: 100%;
    }

    .grey{
        padding: 2vh 0;
    }
    
    /* Header */
    .bg-image-querry h1{
        font-size: 1.8rem;
        margin-top: 0;
        margin-bottom: 50vh;
    }
    #header-block{
        display: flex;
        align-items: center;
    }

    /* Link to */
    .link-to .lage-link {
        margin-left: 30px;
        margin-right: 30px;
    }
    .link-to .lage-link .p-2:nth-child(1){
        font-size: 2rem;
    }
    #rmsh .link-to .rhein-main-link {
        margin-left: 30px;
        margin-right: 30px;
    }
    #rmsh .link-to .rhein-main-link .p-2:nth-child(1){
        font-size: 2rem;
    }
    .link-to .sustainability-link {
        margin-left: 30px;
        margin-right: 30px;
    }
    .link-to .sustainability-link .p-2:nth-child(1){
        font-size: 2rem;
    }
    .link-to .service-link {
        margin-left: 30px;
        margin-right: 30px;
    }
    .link-to .service-link .p-2:nth-child(1){
        font-size: 2rem;
        line-height: 2rem;
    }
    .link-to .download-link {
        margin-left: 25px;
        margin-right: 25px;
    }
    .link-to .download-link .p-2:nth-child(1){
        font-size: 2rem;
    }
    .link-to .lage-link{
        margin-right: 25px;
        margin-left: 25px;
    }
    .link-to .sustainability-link{
        background-position-y: 0;
        margin-right: 25px;
        margin-left: 25px;
    }
    .link-to .service-link{
        background-position-y: 0;
        margin-right: 25px;
        margin-left: 25px;
    }
    .link-to .service-link .shadow{ 
       width: max-content;
    }
    
    /* Value Starte Here */
    .header-animate-state1 #header-block-scroll{
        bottom: 10vh;
    }
    /* Value Starte Here */
 
    .rollover {
        padding: 15% 5%;
    }
    .rollover .hr-gradient.in-view {
        width: 100%;
    }
    .rollover .ro .text {
        font-size: .5rem;
        white-space: nowrap;
    }
    .rollover .ro .number{
        font-size: 2.3rem;
    }
    
    /* Inspiration STarts Here */
    
    #inspiration-starts-here .grid-container{
        margin:5vh auto 3vh auto;
        display: flex;
        flex-direction: column;
    }

    #inspiration-starts-here .item .subhead{
        width: 100%;
    }
    #inspiration-starts-here .item-4 .text{
        width: 100%;
    }
    #inspiration-starts-here .item img{
        margin-bottom: 2vh;
    }

    /* Rhein Main Starts Here */
    #rhein-main-starts-here .rollover .justify-content-between{
        flex-direction: column;
    }
    #rhein-main-starts-here .rollover .justify-content-between {
        width: 100%;
        text-align: center;
    }
    #rhein-main-starts-here .rollover .ro{
        align-items: center;
    }
    #rmsh .link-to .rhein-main-link .p-2:nth-child(1){
        width: min-content;
        line-height: 1;
    }
    #rhein-main-starts-here .rollover .ro .double-icon{
        text-align: center;
    }
    #rhein-main-starts-here .rollover .ro img{
        width: 5rem;
    }
    #rhein-main-starts-here .rollover .ro .text{
        line-height: 1rem;
    }
    /* #rmsh .shadow{
        display: none;
    } */
    #rhein-main-starts-here .rollover .ro img{
        margin-top: 5vh;
        margin-bottom: 0;
    }

    
    /* New Work Starts Here */
    #new-work-starts-here span {
        font-size: 2.8rem;
    }
    #new-work-starts-here .active span{
        font-size: 3rem;
    }
    
    .etagen .text-gradient {
        font-size: 2.8rem;
    }
    .etagen .m2 {
        font-size: 2.8rem;
    }
    .etagen .text {
        width: auto;
    }

    /* susainability-orientation-starts-here */
    #sustainability-starts-here .d-flex .p-2:nth-child(1){
        width: 100%;
    }
    
    /* service-orientation-starts-here */
    #slider #carouselExampleControls{
        width: 90%;
    }
    .carousel-control-next{
        transform: translateX(1.5rem);
        width: auto;
    }
    .carousel-control-prev{
        transform: translateX(-1.5rem);
        width: auto;
    }

    /* Donwload-starts-here */
    #download{
        overflow: scroll;
    }
    #download-starts-here{
        margin-top: 10vh;
    }
    #download-starts-here .container{
        padding: 0;
    }
    #download-starts-here a{
        width: 22rem;
    }
    #download-starts-here .button .flex-row .p-2:nth-child(2){
        width: 100%;
    }

      /* Fotogalerie */
      .space-inner{
        height: 5vh;
    }

    /* Impressum */
    #impressum .container{
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 374px){
    .link-to .service-link .p-2:nth-child(1){
        width: min-content;
    }
    .link-to .service-link .shadow{
        width: min-content;
        line-height: 2rem;
    }
}

/* @media (min-width: 577px){
    .bg-image-querry{
        display: none;
    }
} */
@media (min-width: 993px){
    .bg-image-querry{
        display: none;
    }
    .call-mobile{
        display: none;
    }
}