/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */

/* ============================================= 2.0 CONTAINER ============================================= */
    .story.stories-detail {
        margin-bottom: 60px;
    }
    .mainTitle {
        margin-block-start: 0.67em;
        margin-block-end: 0.67em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;

        text-transform: uppercase;
        margin: 0;
        padding: 0;
        /* font-family: Benton !important; */
        color: #FFFFFF;
        font-weight: 500;
    }
    #site-domenig-architekten .project-detail .head .content h2 {
        font-size: 18.4px;
        line-height: 1.25;
    }

    #site-domenig-architekten .project-detail .body div.col-md-6 {
        height: 360px;
    }
    #site-domenig-architekten .project-detail .body div.scrollToTop {
        height: 360px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #stories > .slick-prev:before, #stories > .slick-next:before, 
    #preview-screen .slick-prev:before, #preview-screen .slick-next:before {
        color: white !important;
        opacity: 1 !important;
    }
    
    #stories > .slick-prev, #stories > .slick-next,
    #preview-screen .slick-prev:before, #preview-screen .slick-next:before {
        background-color: black !important;
    }
    #referenceSlider .slick-arrow:before  {
        opacity: 1 !important;
    }
    #cookie-law {
        position: sticky;
        bottom: 0;
        z-index: 2;
    }

    /** sustainability */
    #nachhaltigkeit .content {
        width: auto;
        column-count: 3;
        column-gap: 28px;
        margin-top: 20px;
    }
    .nachhaltigkeit .projects {
        margin-bottom: 20px;
    }

    /** Vermietung */
    #site-domenig-immobilien .rent,
    #site-domenig-immobilien .stories {
        margin-bottom: 0 !important;
    }

    .intro .content h4 {
        font-size: 17px;
        line-height: 23px;
    }

    .mt-35 {
        margin-top: 35px !important;
    }
    .mt-45 {
        margin-top: 45px !important;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mb-60 {
        margin-bottom: 60px;
    }

    .mb-70 {
        margin-bottom: 70px!important;
    }

    

    .jobs .item h2,
    #myTabContent .item a h3 {
        line-height: 1.25;
    }

    .navbar .container button.navbar-toggler {
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translate(-50%);
    }

    #navBarMainMenu .navbar.service li:last-child a {
        padding-left: 8px;
        padding-right: 8px;
    }
    /** Footer */
    footer h2.box-dark {
        height: 32px;
        line-height: 12px;
    }
    /** Zitate */
    /* .quote p {
        margin-bottom: 0px;
        font-size: 1rem;
    }
    .quote h4 {
        margin-bottom: 8px;

    } */
    #btn-all, #btn-adminCouncil {
        background-color: rgba(0,0,0,0);
        border: none;
        padding-right: 20px;
        padding-left: 0;
    }
    #btn-all:hover, #btn-adminCouncil:hover {
        text-decoration: underline;
    }

    /* ------ 2.1 SLIDER BEI REFERENZEN (PROJEKTE) ------ */ /* hier */
    @media (max-width: 575px) {
        .nav-item {
            font-size: 20px;
            line-height: 35px;
        }
        h1, .main-title {
            font-size: 45px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 40px !important;
            line-height: 1.15 !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: normal;
        }
        .lead, .lead > p, .quote h4, .jobs .title, #start .content p {
            font-size: 24px !important;
            line-height: 1.3 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        
        h4.previewTitle {
            font-size: 20px !important;
            line-height: 1 !important;
            padding-top: 12px;
        }
        .detailLead h4, .detailLead p {
            font-size: 22px !important;
            line-height: 1.3 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 20px !important;
            line-height: 1.4 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote h4 {
            font-weight: bold !important;
        }
        .quote p {
            font-size: 18px;
            line-height: 1.25;
        }
        p {
            font-size: 18px;
            line-height: 1.4;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 40px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 18px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 45px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2, .nachhaltigkeit #stories .item h2,
            #start #stories .item h4, .nachhaltigkeit #stories .item h4,
            #start #stories .item p, .nachhaltigkeit #stories .item p {
                font-size: 18px !important;
                line-height: 1.4 !important;
            }
        /** Abstände */
        .bg-none {
            margin-bottom: 40px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 90px !important;
        }
        main .lead {
            margin-bottom: 20px !important;
        }
        .detailLead h4, .detailLead p {
            margin-bottom: 20px;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .about .row > div, .stories-detail .row > div {
            margin-bottom: 25px !important;
        }
        .execution .row > div.image {
            margin-bottom: 25px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .start .has-box {
            margin-top: 40px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 40px !important;
        }
        .start .projects, .execution .quote, main > section.container,
        .projects .row > div p, .execution .row > div p,
        .stories  .row > div p, .downloads .row > div p,
        .about .row > div p, .jobs .has-box {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60,
        main > section.container, .rent .has-box,
        .nachhaltigkeit .container .d-flex .mt-60 {
            margin-top: 0 !important;
        }
        main .intro .title {
            text-transform: none !important;
        }
        .project-detail .head {
            margin-top: 90px;
        }
        .start .module-text .container {
            padding-bottom: 0;
        }
        .about-detail .mb-60 {
            margin-bottom: 0px !important;
        }
        .about-detail .mb-60 div {
            margin-bottom: 20px !important;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 20px !important;
            margin-bottom: 30px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 30px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .quote-container {
            margin-bottom: 40px !important;
        }
        .project-detail .body {
            margin-top: 20px !important;
            margin-bottom: 40px !important;
        }
        /** Navigation Mobile */
        nav#navBarMainMenu #navbarNav ul.service .nav-item:last-child {
            margin-top: 13px;
        }
        /** Startseite Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .slick-slide {
            background-size: cover;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Navigationsleiste */
        #navbarNav {
            height: 100vh;
        }
        
        #navItem174 {
            margin-right: 14px !important;
        }
        #navItem174 > .nav-link {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: 20px;
        }
        #navbarNav > ul.navbar.navbar-nav.main {
            margin-top: 30px;
            padding-bottom: 0;
        }
        #navbarNav > ul.navbar.navbar-nav.service {
            padding-top: 0;
        }
        /** Startseite oberstes Element */
        #hero-text {
            height: 156px !important;
        }
        #site-domenig-immobilien .newhome .module-text .title {
            margin-bottom: 0 !important;
        }
        /** Projekte */
        .start .projects {
            margin-bottom: 60px;
        }
        #projects > .item,
        .projects >.row > .item {
            height: 296.5px;
            width: 50%;
            margin-bottom: 33px !important;
        }
        #projects > .item > .projectsDescription,
        .projects >.row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #projects > .item > .projectsDescription .previewTitle,
        .projects >.row > .item > .d-flex .previewTitle {
            width: 100%;
            margin-bottom: 3px;
        }
        #projects > .item > .projectsDescription > .dates,
        .projects >.row > .item > .d-flex > .dates {
            margin-top: 3px;
            font-size: 13px !important;
        }
        #site-domenig-architekten .project-detail .body div.col-md-6:first-child {
            height: 224px;
            margin-top: 9px !important;
        }
        #site-domenig-architekten .project-detail .mb-60 {
            margin-bottom: 25px;
        }
        .mt-mobile-9 {
            margin-top: 9px !important;
        }
        #site-domenig-architekten .project-detail .body > .mt-mobile-0 {
            margin-top: 0px !important;
        }
        
        /** Architekten und Unterseite "Über uns" */
        .start .module-text.big.dark .title {
            margin-top: 65px;
        }
        .start .about {
            padding-bottom: 0;
        }
        #about > .item,
        .about > .row > .item {
            width: 50%;
            height: 390px;
            padding-bottom: 20px;
        }
        #about > .item > a > .img-cover, #about > .item > .img-cover,
        .about > .row > .item > a > .img-cover, .about > .row > .item > .img-cover {
            height: 256.5px;
        }
        #about > .item > a > .person, #about > .item > .person,
        .about > .row > .item > a > .person, .about > .row > .item > .person {
            border: none !important;
            margin-bottom: 0;
        }
        #about > .item > .teammemberDesc,
        .about > .row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #about > .item > .teammemberDesc > .position,
        .about > .row > .item > .d-flex > .position {
            width: 100%;
            line-height: 20px;
            padding-bottom: 5px;
            margin-bottom: 5px;
        }
        #about > .item > .teammemberDesc > .position {
            border-bottom: 1px solid white;
        }
        .about > .row > .item > .d-flex > .position {
            border-bottom: 1px solid black;
        }
        #about > .item > .teammemberDesc > #personMail,
        .about > .row > .item > .d-flex > #personMail {
            width: 100%;
        }
        #about > .item > .teammemberDesc > #personMail > .linkMail,
        .about > .row > .item > .d-flex > #personMail > .linkMail {
            float: right;
        }
        .about-detail > div > .text-uppercase {
            text-align: end;
        }
        
        /** Stories */
        .story .item .first-col h2 {
            margin-bottom: 25px !important;
        }
        /* .story .item .first-col img {
            margin-bottom: 39px;
        } */
        #stories, #stories > div > .slick-track {
            height: 540px;
            margin-bottom: 60px;
        }
        #stories > .slick-prev {
            left: 7%;
            top: 30%;
        }
        #stories > .slick-next {
            right: 7%;
            top: 30%;
        }
        #stories > div > .slick-track > .slick-slide > a > .img-cover {
            height: 350px;
        }
        #stories > div > .slick-track > .slick-slide > .d-flex {
            flex-wrap: wrap;
        }
        #stories .item h2.title {
            width: 100%;
        }
        /** Nachhaltigkeit */
        #nachhaltigkeit .content {
            column-count: 1;
        }
        /** Ausführung */
        #site-domenig-architekten .execution {
            margin-bottom: 60px;
        }
        /** Dienstleistungen */
        #site-domenig-immobilien .execution {
            margin-bottom: 30px;
        }

        /** footer */
        footer > .container {
            margin-bottom: 0;
        }
        footer > .container > .d-flex {
            height: 32px;
        }
        footer > .container > .d-flex > .impressum > .nav-item {
            font-size: 14px;
        }
        footer > .container > .d-flex > .impressum > .nav-item >.nav-link {
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .navbar {
            height: 40px;
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .logo {
            display: none;
        }
        footer > .container > .content > div > .subcontent {
            margin-top: 20px !important;
        }
        footer > .container > .content > div > .subcontent > hr {
            height: 20px;
            background-color: #E2E2E2 !important;
        }
        footer > .container > .content > div > .subcontent > div {
            margin-bottom: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */

        .scrollBottom {
            display: none;
        }
        .close {
            padding: 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 5%;
            width: 38px;
            height: 38px;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: calc(100vw * 0.6);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
            top: calc((100vw * 0.6) + 20px + 26px);
        }
        #referenceSlider .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev {
            left: 5%;
        }
        #referenceSlider .slick-next {
            right: 5%;
        }
        .project-detail {
            margin-top: 92px !important;
        }
        .project-detail .head h4 {
            line-height: 20px;
        }
        #site-domenig-architekten .project-detail .row div.mb-100 {
            height: auto;
            margin-bottom: 55px !important;
        }
        #site-domenig-architekten .project-detail .body .quote {
            height: 225px;
            
        }
        #site-domenig-architekten .project-detail .body .scrollToTop {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 20px;
            margin-top: -18px;
        }
    }
    /*********** STUFE 2 SM ***********/
    @media (min-width: 576px) and (max-width: 767px) {
        .nav-item {
            font-size: 20px;
            line-height: 35px;
        }
        h1, .main-title {
            font-size: 45px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 40px !important;
            line-height: 1.15 !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: normal;
        }
        .lead, .lead > p, .quote h4, .jobs .title, #start .content p {
            font-size: 24px !important;
            line-height: 1.3 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        
        h4.previewTitle {
            font-size: 20px !important;
            line-height: 1 !important;
            padding-top: 12px;
        }
        .detailLead h4, .detailLead p {
            font-size: 22px !important;
            line-height: 1.3 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 20px !important;
            line-height: 1.4 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote h4 {
            font-weight: bold !important;
        }
        .quote p {
            font-size: 18px;
            line-height: 1.25;
        }
        p {
            font-size: 18px;
            line-height: 1.4;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 40px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 18px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 45px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2,
            #start #stories .item h4,
            #start #stories .item p {
                font-size: 18px !important;
                line-height: 1.4 !important;
            }
        /** Abstände */
        .bg-none {
            margin-bottom: 40px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 90px !important;
        }
        main .lead {
            margin-bottom: 20px !important;
        }
        .detailLead h4, .detailLead p {
            margin-bottom: 20px;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .about .row > div, .stories-detail .row > div {
            margin-bottom: 25px !important;
        }
        .execution .row > div.image {
            margin-bottom: 25px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .start .has-box {
            margin-top: 40px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 40px !important;
        }
        .start .projects, .execution .quote, main > section.container,
        .projects .row > div p, .execution .row > div p,
        .stories  .row > div p, .downloads .row > div p,
        .about .row > div p, .jobs .has-box {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60,
        main > section.container, .rent .has-box,
        .nachhaltigkeit .container .d-flex .mt-60 {
            margin-top: 0 !important;
        }
        main .intro .title {
            text-transform: none !important;
        }
        .project-detail .head {
            margin-top: 90px;
        }
        .start .module-text .container {
            padding-bottom: 0;
        }
        .about-detail .mb-60 {
            margin-bottom: 0px !important;
        }
        .about-detail .mb-60 div {
            margin-bottom: 20px !important;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 20px !important;
            margin-bottom: 30px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 30px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .quote-container {
            margin-bottom: 40px !important;
        }
        .project-detail .body {
            margin-top: 20px !important;
            margin-bottom: 40px !important;
        }
        /** Startseite Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .slick-slide {
            background-size: cover;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Navigationsleiste */
        #navbarNav {
            height: 100vh;
        }
        #navItem174 {
            margin-right: 14px !important;
        }
        #navItem174 > .nav-link {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: 20px;
        }
        #navbarNav > ul.navbar.navbar-nav.main {
            margin-top: 30px;
            padding-bottom: 0;
        }
        #navbarNav > ul.navbar.navbar-nav.service {
            padding-top: 0;
        }
        /** Startseite oberstes Element */
        #hero-text {
            height: 156px !important;
        }
        /** Startseite Titel/Text von Projekte und Architekten */
        #site-domenig-architekten .bg-none .module-text .title,
        #site-domenig-architekten .bg-dark .module-text .title,
        #site-domenig-immobilien .stories .module-text .title,
        #site-domenig-immobilien .bg-dark .module-text .title {
            margin-bottom: 20px;
        }
        #site-domenig-immobilien .newhome .module-text .title {
            margin-bottom: 0 !important;
        }
        /** Projekte */
        .start .projects {
            margin-bottom: 60px;
        }
        #projects > .item,
        .projects >.row > .item {
            height: 436px;
            width: 50%;
            margin-bottom: 33px !important;
        }
        #projects > .item > .projectsDescription,
        .projects >.row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #projects > .item > .projectsDescription > .title,
        .projects >.row > .item > .d-flex > .title {
            margin-top: 10px;
            width: 100%;
            padding: 5px 0 !important;
        }
        #projects > .item > .projectsDescription > .dates,
        .projects >.row > .item > .d-flex > .dates {
            margin-top: 3px;
        }
        #site-domenig-architekten .project-detail .body div.col-md-6:first-child {
            height: 224px;
            margin-top: 9px !important;
        }
        #site-domenig-architekten .project-detail .mb-60 {
            margin-bottom: 25px;
        }
        #site-domenig-architekten .project-detail .body > div:last-child {
            margin-top: 0 !important;
        }
        /** Architekten und Unterseite "Über uns" */
        .start .module-text.big.dark .title {
            margin-top: 65px;
        }
        .start .about {
            padding-bottom: 30px;
        }
        #about > .item,
        .about > .row > .item {
            width: 50%;
            height: 529.5px;
            padding-bottom: 20px;
        }
        #about > .item > a > .img-cover, #about > .item > .img-cover,
        .about > .row > .item > a > .img-cover, .about > .row > .item > .img-cover {
            height: 396px;
        }
        #about > .item > a > .person, #about > .item > .person,
        .about > .row > .item > a > .person, .about > .row > .item > .person {
            border: none !important;
            margin-bottom: 0;
        }
        #about > .item > .teammemberDesc,
        .about > .row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #about > .item > .teammemberDesc > .position {
            width: 100%;
            padding-bottom: 5px;
            border-bottom: 1px solid white;
            margin-bottom: 5px;
        }
        .about > .row > .item > .d-flex > .position {
            width: 100%;
            padding-bottom: 5px;
            border-bottom: 1px solid black;
            margin-bottom: 5px;
        }
        #about > .item > .teammemberDesc > #personMail,
        .about > .row > .item > .d-flex > #personMail {
            width: 100%;
        }
        #about > .item > .teammemberDesc > #personMail > .linkMail,
        .about > .row > .item > .d-flex > #personMail > .linkMail {
            float: right;
        }
        .about-detail > div > .text-uppercase {
            text-align: end;
        }
        
        /** Stories */
        .story .item .first-col h4 {
            margin-bottom: 25px;
        }
        .story .item .first-col img {
            margin-bottom: 39px;
        }
        #stories, #stories > div > .slick-track {
            height: 540px;
            margin-bottom: 60px;
        }
        #stories > .slick-prev {
            left: 7%;
            top: 30%;
        }
        #stories > .slick-next {
            right: 7%;
            top: 30%;
        }
        
        #stories > div > .slick-track > .slick-slide > a > .img-cover {
            height: 350px;
        }
        #stories > div > .slick-track > .slick-slide > .d-flex {
            flex-wrap: wrap;
        }
        #stories .item h2.title {
            width: 100%;
        }

        /** Nachhaltigkeit */
        #nachhaltigkeit .content {
            column-count: 1;
        }

        /** Ausführung */
        #site-domenig-architekten .execution {
            margin-bottom: 60px;
        }
        #site-domenig-architekten .execution .lead,
        .execution .row p {
            margin-bottom: 25px;
        }
        .execution .quote,
        .execution .row .columns-lg-2 {
            margin-bottom: 25px;
        }

        /** Vermietung */
        #site-domenig-immobilien .rent,
        #site-domenig-immobilien .stories {
            margin-bottom: 0;
        }
        /** Dienstleistungen */
        #site-domenig-immobilien .execution {
            margin-bottom: 30px;
        }

        /** footer */
        footer > .container {
            margin-bottom: 0;
        }
        footer > .container > .d-flex {
            height: 32px;
        }
        footer > .container > .d-flex > .impressum > .nav-item >.nav-link {
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .navbar {
            height: 40px;
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .logo {
            display: none;
        }
        footer > .container > .content > div > .subcontent {
            margin-top: 20px !important;
        }
        footer > .container > .content > div > .subcontent > hr {
            height: 20px;
            background-color: #E2E2E2 !important;
        }
        footer > .container > .content > div > .subcontent > div {
            margin-bottom: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */

        .scrollBottom {
            display: none;
        }
        .close {
            padding: 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 5%;
            width: 38px;
            height: 38px;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: calc(100vw * 0.6);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
            top: calc((100vw * 0.6) + 20px + 26px);
        }
        #referenceSlider .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev {
            left: 5%;
        }
        #referenceSlider .slick-next {
            right: 5%;
        }
        .project-detail {
            margin-top: 92px !important;
        }
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 20px;
            margin-top: -18px;
        }
    }
    /*********** STUFE 3 MD ***********/ /* Mobile */
    @media (min-width: 768px) and (max-width: 991px) {
        .nav-item {
            font-size: 20px;
            line-height: 35px;
        }
        h1, .main-title {
            font-size: 45px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 40px !important;
            line-height: 1.15 !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: normal;
        }
        .lead, .lead > p, .quote h4, .jobs .title, #start .content p {
            font-size: 24px !important;
            line-height: 1.3 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        
        h4.previewTitle {
            font-size: 20px !important;
            line-height: 1 !important;
            padding-top: 12px;
        }
        .detailLead h4, .detailLead p {
            font-size: 22px !important;
            line-height: 1.3 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 20px !important;
            line-height: 1.4 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote h4 {
            font-weight: bold !important;
        }
        .quote p {
            font-size: 18px;
            line-height: 1.25;
        }
        p {
            font-size: 18px;
            line-height: 1.4;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 40px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 18px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 45px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2,
            #start #stories .item h4,
            #start #stories .item p {
                font-size: 18px !important;
                line-height: 1.4 !important;
            }
        /** Abstände */
        .bg-none {
            margin-bottom: 40px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 90px !important;
        }
        main .lead {
            margin-bottom: 20px !important;
        }
        .detailLead h4, .detailLead p {
            margin-bottom: 20px;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .about .row > div, .stories-detail .row > div {
            margin-bottom: 25px !important;
        }
        .execution .row > div.image {
            margin-bottom: 25px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .start .has-box {
            margin-top: 40px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 40px !important;
        }
        .start .projects, .execution .quote, main > section.container,
        .projects .row > div p, .execution .row > div p,
        .stories  .row > div p, .downloads .row > div p,
        .about .row > div p, .jobs .has-box {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60,
        main > section.container, .rent .has-box,
        .nachhaltigkeit .container .d-flex .mt-60 {
            margin-top: 0 !important;
        }
        main .intro .title {
            text-transform: none !important;
        }
        .project-detail .head {
            margin-top: 90px;
        }
        .start .module-text .container {
            padding-bottom: 0;
        }
        .about-detail .mb-60 {
            margin-bottom: 0px !important;
        }
        .about-detail .mb-60 div {
            margin-bottom: 20px !important;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 20px !important;
            margin-bottom: 30px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 30px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .project-detail .body {
            margin-top: 20px !important;
            margin-bottom: 40px !important;
        }
        /** Startseite Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .slick-slide {
            background-size: cover;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Navigationsleiste */
        #navbarNav {
            height: 100vh;
        }
        .nav-item {
            font-size: 20px;
            line-height: 48px;
        }
        #navItem174 {
            margin-right: 14px !important;
        }
        #navItem174 > .nav-link {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: 20px;
        }
        #navbarNav > ul.navbar.navbar-nav.main {
            margin-top: 30px;
            padding-bottom: 0;
        }
        #navbarNav > ul.navbar.navbar-nav.service {
            padding-top: 0;
        }
        /** Startseite oberstes Element */
        #hero-text {
            height: 156px !important;
        }
        #site-domenig-immobilien .newhome .module-text .title {
            margin-bottom: 0 !important;
        }
        /** Projekte */
        .start .projects {
            margin-bottom: 60px;
        }
        #projects > .item,
        .projects >.row > .item {
            height: 436px;
            width: 50%;
            margin-bottom: 33px !important;
        }
        #projects > .item > .projectsDescription,
        .projects >.row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #projects > .item > .projectsDescription > .title,
        .projects >.row > .item > .d-flex > .title {
            margin-top: 10px;
            width: 100%;
            padding: 5px 0 !important;
        }
        #projects > .item > .projectsDescription > .dates,
        .projects >.row > .item > .d-flex > .dates {
            top: 0;
        }
        #site-domenig-architekten .project-detail .body div.col-md-6:first-child {
            height: 224px;
            margin-top: 9px !important;
        }
        #site-domenig-architekten .project-detail .mb-60 {
            margin-bottom: 25px;
        }
        #site-domenig-architekten .project-detail .body > div:last-child {
            margin-top: 0 !important;
        }
        /** Architekten und Unterseite "Über uns" */
        .start .module-text.big.dark .title {
            margin-top: 65px;
        }
        .start .about {
            padding-bottom: 30px;
        }
        #about > .item,
        .about > .row > .item {
            width: 50%;
            height: 529.5px;
            padding-bottom: 20px;
        }
        #about > .item > a > .img-cover, #about > .item > .img-cover,
        .about > .row > .item > a > .img-cover, .about > .row > .item > .img-cover {
            height: 396px;
        }
        #about > .item > a > .person, #about > .item > .person,
        .about > .row > .item > a > .person, .about > .row > .item > .person {
            border: none !important;
            margin-bottom: 0;
        }
        #about > .item > .teammemberDesc,
        .about > .row > .item > .d-flex {
            flex-wrap: wrap;
        }
        #about > .item > .teammemberDesc > .position {
            width: 100%;
            padding-bottom: 5px;
            border-bottom: 1px solid white;
            margin-bottom: 5px;
        }
        .about > .row > .item > .d-flex > .position {
            width: 100%;
            padding-bottom: 5px;
            border-bottom: 1px solid black;
            margin-bottom: 5px;
        }
        #about > .item > .teammemberDesc > #personMail,
        .about > .row > .item > .d-flex > #personMail {
            width: 100%;
        }
        #about > .item > .teammemberDesc > #personMail > .linkMail,
        .about > .row > .item > .d-flex > #personMail > .linkMail {
            float: right;
        }
        .about-detail > div > .text-uppercase {
            text-align: end;
        }
        
        /** Stories */
        .story .item .first-col h4 {
            margin-bottom: 25px;
        }
        .story .item .first-col img {
            margin-bottom: 39px;
        }
        #stories, #stories > div > .slick-track {
            height: 540px;
            margin-bottom: 60px;
        }
        #stories > .slick-prev {
            left: 17%;
            top: 30%;
        }
        #stories > .slick-next {
            right: 17%;
            top: 30%;
        }
        
        #stories > div > .slick-track > .slick-slide > a > .img-cover {
            height: 350px;
        }
        #stories > div > .slick-track > .slick-slide > .d-flex {
            flex-wrap: wrap;
        }
        #stories .item h2.title {
            width: 100%;
        }
        #stories > div > .slick-track > .slick-slide > .slickContent > p,
        #stories .content h2, #stories .content h4 {
            font-size: 20px !important;
            line-height: 25px !important;
        }

        /** Nachhaltigkeit */
        #nachhaltigkeit .content {
            column-count: 2;
        }

        /** Ausführung */
        #site-domenig-architekten .execution {
            margin-bottom: 30px;
        }
        #site-domenig-architekten .execution .lead,
        .execution .row p {
            margin-bottom: 25px;
        }
        .execution .quote,
        .execution .row .columns-lg-2 {
            margin-bottom: 25px;
        }

        /** Vermietung */
        #site-domenig-immobilien .rent,
        #site-domenig-immobilien .stories {
            margin-bottom: 0;
        }
        /** Dienstleistungen */
        #site-domenig-immobilien .execution {
            margin-bottom: 30px;
        }

        /** footer */
        footer > .container {
            margin-bottom: 0;
        }
        footer > .container > .d-flex {
            height: 32px;
        }
        footer > .container > .d-flex > .impressum > .nav-item {
            font-size: 14px;
        }
        footer > .container > .d-flex > .impressum > .nav-item >.nav-link {
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .navbar {
            height: 40px;
            padding-top: 0;
        }
        footer > .container > .content > div > .d-flex > .logo {
            display: none;
        }
        footer > .container > .content > div > .subcontent {
            margin-top: 20px !important;
        }
        footer > .container > .content > div > .subcontent > hr {
            height: 20px;
            background-color: #E2E2E2 !important;
        }
        footer > .container > .content > div > .subcontent > div {
            margin-bottom: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */

        .scrollBottom {
            display: none;
        }
        .close {
            padding: 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 5%;
            width: 38px;
            height: 38px;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: calc(100vw * 0.6);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
            top: calc((100vw * 0.6) + 20px + 26px);
        }
        #referenceSlider .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev {
            left: 5%;
        }
        #referenceSlider .slick-next {
            right: 5%;
        }
        .project-detail {
            margin-top: 92px !important;
        }
        /* .project-detail .head h4 {
            margin-bottom: 18px;
        } */
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 20px;
            margin-top: -18px;
        }
    }
    /*********** STUFE 3 MD(Spezial) ***********/ /* Desktop */
    @media (min-width: 992px) and (max-width: 1081px) {
        /** Schriften */
        h1, .main-title {
            font-size: 70px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 60px !important;
            line-height: 1.15 !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: 500;
        }
        .lead, .lead > p, h4, .jobs .title {
            font-size: 30px !important;
            line-height: 1.25 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        h4.previewTitle {
            font-size: 24px !important;
            line-height: 1 !important;
            padding-top: 18px;
        }
        .detailLead h4, .detailLead p {
            font-size: 24px !important;
            line-height: 1.25 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 18.4px !important;
            line-height: 1.25 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote p {
            font-size: 16px;
            line-height: 1.25;
        }
        p {
            font-size: 16px;
            line-height: 1.4;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 60px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 20px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 70px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2,
            #start #stories .item h4,
            #start #stories .item p {
                font-size: 24px !important;
                line-height: 1.4 !important;
            }
        /** Abstände */
        .bg-none {
            margin-bottom: 60px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 135px !important;
        }
        
        main .lead {
            margin-bottom: 20px !important;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .jobs .row > div, .about .row > div,
        .stories-detail .row > div {
            margin-bottom: 40px !important;
        }
        .execution .row > div.image {
            margin-bottom: 60px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 60px !important;
        }
        .start .projects, .execution .quote, main > section.container {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60,
        main > section.container {
            margin-top: 0 !important;
        }

        main .intro .title {
            text-transform: none !important;
        }
        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 60px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        #start .border-top-dark.has-box {
            margin-top: 60px !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .project-detail .body {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }
        /** Navigationsleiste */
        #navbarNav {
            height: 100vh;
        }
        .nav-item {
            font-size: 25px;
            line-height: 48px;
        }
        #navItem174 {
            margin-right: 14px !important;
        }
        #navItem174 > .nav-link {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: 20px;
        }
        #navbarNav > ul.navbar.navbar-nav.main {
            margin-top: 30px;
            padding-bottom: 0;
        }
        #navbarNav > ul.navbar.navbar-nav.service {
            padding-top: 0;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        /** Startseite Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
            background-size: cover;
            background-attachment: fixed;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Architektur Projektübersicht */
        #projects > .item > .projectsDescription > .dates,
        .projects > .row > .item > .d-flex > .dates {
            top: -1px !important;
        }
        /** Startseite Architekten */
        .bg-dark > .module-text > .image > .container > .row {
            justify-content: end;
        }
        /** Startseite Stories */
        #stories > div > .slick-track > .slick-slide {
            margin-bottom: 250px !important;
        }
        .intro > .lead > p {
            line-height: 38px !important;
        }
        /** Footer */
        footer > .container > .content > div > h2 {
            line-height: 72px;
        }
        footer > .container > .content > div > .d-flex > .navbar > .navbar-nav > .nav-item {
            font-size: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */
        .scrollBottom {
            position: absolute;
            top: 20px;
            left: 13%;
            color: white;
            background-color: black;
            border-radius: 0;
            text-transform: uppercase;
        }
        .scrollBottom:hover, .close:hover {
            color: white;
            text-decoration: underline;
        }
        .close {
            padding: 0 0 0 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 13%;
            width: 38px;
            height: 38px;
            color: white;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow, #preview-screen .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
        }
        #referenceSlider .slick-arrow:before, #preview-screen .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev, #preview-screen .slick-prev {
            left: 13%;
        }
        #referenceSlider .slick-next, #preview-screen .slick-next {
            right: 13%;
        }
        .project-detail .head .subtitle {
            font-size: 56px;
            font-weight: 700;
            line-height: 1;     
        }
        .project-detail .head h4, .stories-detail .detailLead h4 {
            margin-bottom: 18px;
        }
        /** Stories */
        .story > .item > div > h4 {
            font-size: 74px;
            line-height: 1.3;
            margin-bottom: 80px;
            margin-top: -28px;
        }
        .story > .item > .first-col > img {
            margin-top: 5px;
        }
        .story > .item > .first-col {
            padding-right: 14px;
        }
        .story > .item > .two-col {
            padding-left: 14px;
        }
        .story > .item > .two-col > img {
            margin-top: 28px;
        }
        /** Details */
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 60px;
            margin-top: -18px;
        }
        /** Jobs */
        .jobs > .item > .title {
            line-height: 36px;
        }
        /** Nachhaltigkeitsseite */
        #nachhaltigkeit .content {
            column-count: 2;
        }
        /** Ausführung */
        .execution h2 {
            font-size: 60px;
        }
        .execution .lead p {
            font-size: 20px;
        }
        #site-domenig-architekten .execution .lead,
        .execution .row p {
            margin-bottom: 25px;
        }
        /* .execution .quote,
        .execution .row .columns-lg-2 {
            margin-bottom: 50px !important;
        } */
    }

    @media (min-width:1081px) and (max-width: 1199px) {
        /** Navigationsleiste */
        #navbarNav {
            height: 100vh;
        }
        .nav-item {
            font-size: 25px;
            line-height: 48px;
        }
        #navItem174 {
            margin-right: 14px !important;
        }
        #navItem174 > .nav-link {
            padding-left: 12px;
            padding-right: 12px;
            margin-top: 20px;
        }
        #navbarNav > ul.navbar.navbar-nav.main {
            margin-top: 30px;
            padding-bottom: 0;
        }
        #navbarNav > ul.navbar.navbar-nav.service {
            padding-top: 0;
        }
    }

    /*********** STUFE 4 LG ***********/
    @media (min-width: 1082px) and (max-width: 1389px) {
        /** Schriften */
        h1, .main-title {
            font-size: 70px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 60px !important;
            line-height: 1.15 !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: 500;
        }
        .lead, .lead > p, h4, .jobs .title {
            font-size: 30px !important;
            line-height: 1.25 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        h4.previewTitle {
            font-size: 24px !important;
            line-height: 1 !important;
            padding-top: 18px;
        }
        .detailLead h4, .detailLead p {
            font-size: 24px !important;
            line-height: 1.25 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 18.4px !important;
            line-height: 1.25 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote p {
            font-size: 16px;
            line-height: 1.25;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 60px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 20px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 70px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2,
            #start #stories .item h4,
            #start #stories .item p {
                font-size: 24px !important;
                line-height: 1.4 !important;
            }
        /** Navigationsleiste */
        nav#navBarMainMenu .logo {
            margin-right: 14px;
        }
        /** Abstände */
        .bg-none {
            margin-bottom: 60px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 135px !important;
        }
        main .lead {
            margin-bottom: 20px !important;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .jobs .row > div, .about .row > div,
        .stories-detail .row > div {
            margin-bottom: 40px !important;
        }
        .execution .row > div.image {
            margin-bottom: 60px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 60px !important;
        }
        .start .projects, .execution .quote, main > section.container {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60,
        main > section.container {
            margin-top: 0 !important;
        }

        main .intro .title {
            text-transform: none !important;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 60px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        #start .border-top-dark.has-box {
            margin-top: 60px !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .project-detail .body {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }
        /** Startseite: Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .slick-slide {
            background-size: cover;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
            background-size: cover;
            background-attachment: fixed;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Startseite: Abschnitt Projekte & Architektur */
        #projects > .item > .projectsDescription > .dates,
        .projects > .row > .item > .d-flex > .dates {
            position: inherit;
        }

        /** Startseite: Abschnitt Architekten */
        .bg-dark > .module-text > .image > .container > .row {
            justify-content: end;
        }
        /** Startseite Abschnitt Stories */
        #stories > div > .slick-track > .slick-slide {
            margin-bottom: 250px !important;
        }
        /** Footer */
        footer .navbar .nav-item {
            font-size: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */
        .scrollBottom {
            position: absolute;
            top: 20px;
            left: 13%;
            color: white;
            background-color: black;
            border-radius: 0;
            text-transform: uppercase;
        }
        .scrollBottom:hover, .close:hover {
            color: white;
            text-decoration: underline;
        }
        .close {
            padding: 0 0 0 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 13%;
            width: 38px;
            height: 38px;
            color: white;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow, #preview-screen .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
        }
        #referenceSlider .slick-arrow:before, #preview-screen .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev, #preview-screen .slick-prev {
            left: 13%;
        }
        #referenceSlider .slick-next, #preview-screen .slick-next {
            right: 13%;
        }
        .stories-detail .head h4, .stories-detail .head h4 {
            line-height: 30px;
            margin-bottom: 18px;
        }
        .project-detail .head h4, .stories-detail .detailLead h4 {
            margin-bottom: 18px;
        }

        /** Stories-Detail */
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 60px;
            margin-top: -18px;
        }
        .stories-detail > .item > .first-col {
            padding-right: 14px;
        }
        .stories-detail > .item > .two-col {
            padding-left: 14px;
        }
        /** Ausführung */
        .execution .lead, .execution .quote,
        .execution .row .columns-lg-2 {
            margin-bottom: 50px;
        }
    }

    @media (min-width: 1200px) {
        /** Navigationsleiste */
        nav#navBarMainMenu .logo {
            margin-right: 14px;
        }
    }
    /*********** STUFE 5 XL ***********/ /* hier */
    @media (min-width: 1390px) {
        /** Schriften */
        h1, .main-title {
            font-size: 70px !important;
            line-height: 1 !important;
            text-transform: uppercase !important;
        }
        h2 {
            font-size: 60px !important;
            line-height: 1.15 !important;
        }
        h2.title {
            text-transform: none !important;
        }
        h2.box-dark, h2.box-light {
            font-size: inherit !important;
            line-height: inherit !important;
            font-weight: 500;
        }
        .lead, .lead > p, h4, .jobs .title {
            font-size: 30px !important;
            line-height: 1.25 !important;
            font-family: Benton !important;
            text-transform: none !important;
        }
        h4.previewTitle {
            font-size: 24px !important;
            line-height: 1 !important;
            padding-top: 18px;
        }
        .detailLead h4, .detailLead p {
            font-size: 24px !important;
            line-height: 1.25 !important;
            text-transform: none !important;
        }
        .subtitle > h4, .subtitle > h2 {
            font-size: 18.4px !important;
            line-height: 1.25 !important;
            font-weight: bold !important;
            text-transform: none !important;
        }
        .quote p {
            font-size: 16px;
            line-height: 1.25;
        }
        p > a {
            text-decoration: underline;
        }
        p > a:hover {
            color: rgba(0, 0, 0, 0.75);
        }
        .stories-detail li {
            font-family: FFDoraWeb !important;
        }
            /** Startseite */
            #hero h2.title {
                font-size: 60px !important;
                line-height: 1 !important;
            }
            #hero h4.subtitle {
                font-size: 20px !important;
                line-height: 1.25 !important;
            }
            #start .image h2.title {
                font-size: 70px !important;
                line-height: 1 !important;
                text-transform: uppercase !important;
                margin-bottom: 20px !important;
            }
            #start #stories .item h2,
            #start #stories .item h4,
            #start #stories .item p {
                font-size: 24px !important;
                line-height: 1.4 !important;
            }
        
        /** Abstände */
        .bg-none {
            margin-bottom: 60px !important;
        }
        #start #stories > div > .slick-track > .slick-slide {
            margin-bottom: 135px !important;
        }
        /* main .lead {
            margin-bottom: 20px !important;
        }
        main .content {
            margin-bottom: 20px;
        }
        section.container .row {
            margin-top: 40px !important;
        }
        .projects .row > div, .execution .row > div,
        .stories  .row > div, .downloads .row > div,
        .jobs .row > div, .about .row > div,
        .stories-detail .row > div {
            margin-bottom: 40px !important;
        }
        .execution .row > div.image {
            margin-bottom: 60px !important;
        }
        .intro .content p {
            margin-bottom: 20px !important;
        }
        h2.title {
            margin-bottom: 20px !important;
        }
        .rent .lead {
            margin-top: 20px !important;
            margin-bottom: 0 !important;
        }
        .rent .content {
            margin-bottom: 20px !important;
        }
        #start 
        .module-text {
            margin-bottom: 14px;
        }
        header, .module-text.dark {
            margin-bottom: 60px !important;
        }
        .start .projects, .execution .quote {
            margin-bottom: 0 !important;
        }
        .bg-dark > .container > .d-flex > .mt-60 {
            margin-top: 0 !important;
        }
        main .intro .title {
            text-transform: none !important;
        }
        .start .service {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        } */
        .intro h2.title, .intro .lead, .intro .content.subtitle {
            margin-bottom: 20px !important;
        }
        section.container, section.nachhaltigkeit {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }
            /** Start */
            section.start .team {
                margin-top: 60px !important;
            }
        .has-box {
            margin-top: 0 !important;
        }
        #start .border-top-dark.has-box {
            margin-top: 60px !important;
        }
        .project-detail h2.title {
            margin: 0 !important;
        }
        .detailLead h4, .content.subtitle {
            margin-bottom: 20px !important;
        }
        .project-detail .body {
            margin-top: 40px !important;
            margin-bottom: 60px !important;
        }

        /** Navigationsleiste */
        nav#navBarMainMenu .logo {
            margin-right: 14px;
        }
        /** Startseite: Vorschau Vollbild */
        #preview-screen {
            width: 100%;
            height: 100vh;
        }
        .preview-screen .slick-list {
            height: 100vh;
        }
        #preview-screen .slick-slide {
            background-size: cover;
        }
        #preview-screen .preview-image {
            background-position: center;
            background-repeat: no-repeat;
            height: 100%;
            background-size: cover;
            background-attachment: fixed;
        }
        #preview-screen > .preview-logo > .logo {
            position: absolute;
            top: 15.5px;
            width: 40px;
            height: 40px;
        }
        /** Startseite: Abschnitt Projekte & Architektur */
        #projects > .item > .projectsDescription > .dates,
        .projects > .row > .item > .d-flex > .dates {
            position: inherit;
        }

        /** Startseite: Abschnitt Architekten */
        .bg-dark > .module-text > .image > .container > .row {
            justify-content: center;
        }
        /** Footer */
        footer .navbar .nav-item {
            font-size: 20px;
        }
        /** Projekt-Detail Referenzslider (Vollbildschirm) */
        .scrollBottom {
            position: absolute;
            top: 20px;
            left: 13%;
            color: white;
            background-color: black;
            border-radius: 0;
            text-transform: uppercase;
        }
        .scrollBottom:hover, .close:hover {
            color: white;
            text-decoration: underline;
        }
        .close {
            padding: 0 0 0 0;
            border-width: 0;
            position: absolute;
            top: 20px;
            right: 13%;
            width: 38px;
            height: 38px;
            color: white;
            background-color: black;
            border-radius: 0;
        }
        #referenceSlider > .referenceSlider {
            width: 100%;
        }
        .mainReferenceImg, .referenceImg1, .referenceImg2, .referenceImg3  {
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        #referenceSlider .slick-arrow, #preview-screen .slick-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            background-color: black;
        }
        #referenceSlider .slick-arrow:before, #preview-screen .slick-arrow:before {
            color: white;
            background-color: black;
            border-radius: 50%;
            padding: 10.5px;  
        }
        #referenceSlider .slick-prev, #preview-screen .slick-prev {
            left: 13%;
        }
        #referenceSlider .slick-next, #preview-screen .slick-next {
            right: 13%;
        }
        .project-detail .head h4, .stories-detail .detailLead h4 {
            margin-bottom: 18px;
        }

        /** Stories-Detail */
        .project-detail > .head > div > h2,
        .stories-detail > .item > div > h2,
        .about-detail > .row > div > h2 {
            margin-bottom: 60px;
            margin-top: -18px;
        }
        .stories-detail > .item > .first-col {
            padding-right: 14px;
        }
        .stories-detail > .item > .two-col {
            padding-left: 14px;
        }
    }

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */

	/* ------ 3.2 TITEL ------ */
    
	/* ------ 3.3 ALLGEMEIN ------ */

	/* ------ 3.4 BUTTONS ------ */

	/* ------ 3.5 ICONS ------ */

	/* ------ 3.6 LISTEN ------ */

/* ============================================= 4.0 FORMULAR ============================================= */

/* ============================================= 5.0 TABELLEN ============================================= */

/* ============================================= 6.0 SONSTIGES ============================================= */


	/* ------ 6.1 BILDER ------ */


	/* ------ 6.2 ABSTÄNDE ------ */

	/* ------ 6.3 ROYALSLIDER ------ */
/*********** STUFE 1 XS ***********/
@media (max-width: 575px) {

}
/*********** STUFE 2 SM ***********/
@media (min-width: 576px) and (max-width: 767px) {
    
}
/*********** STUFE 3 MD ***********/
@media (min-width: 768px) and (max-width: 1081px) {
    
}
/*********** STUFE 3 MD(Spezial) ***********/
@media (min-width: 992px) and (max-width: 1081px) {

}
/*********** STUFE 4 LG ***********/
@media (min-width: 1082px) and (max-width: 1389px) {
    
}
/*********** STUFE 5 XL ***********/
@media (min-width: 1390px) {
    
}