.content.startpage {margin: 0;}

.sitewrapper.start { padding-top: 106px; }

#startVideoContainer { position: relative; height: calc(100vh + 106px); overflow: hidden; }
#startSpacer { height: 110vh; width: 100%; }
#startLogo { margin: auto; background: #fff; width: 100%; }
    #startLogo .inner { padding: 0 13px 89px 13px; background: #fff; min-height:0; }
    #startLogo img { max-width: 100%;  display: block; margin: auto; }

#start-slideshow .slides li {position:relative;}

.flex-caption { position: absolute; top: 25%; left: 0%; right: 0%; bottom: 0%; width: 100%; text-align:center;}
.content .flex-caption .inner {padding: 0; min-height:0; max-width: 70%;}

#start-slideshow { position: fixed; z-index: 1; top: 106px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1; display: flex; justify-content: flex-end; }
#startLogo { position: fixed; top: 105px; left: 50%; width: 100%; z-index: 2; transform: translateY(0); transform: translateX(-50%); height: 70%; overflow: hidden; }

.customerReferenceDiv { margin: 125px 0 0 0; overflow: hidden; }
    .customerReferenceDiv h3 { font-size: 54px; margin: 0 0 70px 0; text-align: center; }
.customerReferenceList { display: flex; justify-content: flex-start; align-items: flex-start; width: 10000px; gap: 15px; margin: 0 0 0 88px; }
.customerReferenceItem { flex-shrink: 0; flex-grow: 0; background: #F3F3F3; padding: 62px 45px; box-sizing: border-box; position: relative; }
    .customerReferenceItem .text { margin: 0 0 40px 0; }
        .customerReferenceItem .text p { font-size: 22px; font-weight: 300; color: #000; }
            .customerReferenceItem .text p:last-child { margin: 0; }

    .customerReferenceItem .info { display: flex; justify-content: space-between; align-items: flex-start; }
        .customerReferenceItem .info img { max-width: 230px; mix-blend-mode: darken; display: block; }
        .customerReferenceItem .info .name { font-size: 16px; color: #000; margin: 20px 0 0 0; }
    .customerReferenceItem .gfxImg { }

#customerReferenceButtons { text-align: center; margin: 50px 0 0 0; }
    #customerReferenceButtons span { margin: 0 15px; cursor: pointer; }
        #customerReferenceButtons span.inactive { opacity: 0.4; }

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

}

    @media screen and (max-width: 1200px) {
        #startSpacer { height: 4vh; }
        .content .flex-caption .inner { max-width: 80%; }
        .customerReferenceDiv { margin: 75px 0 0 0; }
            .customerReferenceDiv h3 { font-size: 46px; margin: 0 0 50px 0; }
    }

    @media screen and (max-width: 1050px) {
/*        .sitewrapper.start{padding:0;}
        #startLogo { display: none; }
        #start-slideshow { position:relative; top: 0px; }
        .flex-caption {top: 35%;}
        #startSpacer { display:none; }
*/
        .sitewrapper.start {padding: 70px 0 0 0;}
        .customerReferenceList { margin: 0 0 0 40px; }
        .customerReferenceDiv { margin: 50px 0 0 0; }
            .customerReferenceDiv h3 { font-size: 38px; margin: 0 0 35px 0; }
        .customerReferenceItem { padding: 31px 22.5px; }
            .customerReferenceItem .text p {font-size: 16px;}
            .customerReferenceItem .info img { max-width: 150px; }
            .customerReferenceItem .info img.gfxImg { width: 50px; }
    }

    @media screen and (max-width: 600px) {
        #startLogo {height: 45%;}
        #startLogo .inner { padding: 0 7px 39px 7px; }
        .flex-caption { top: 25%; }
        .customerReferenceList { margin: 0 0 0 0; padding: 0 7px; }
        .customerReferenceDiv { margin: 35px 0 0 0; }
            .customerReferenceDiv h3 { font-size: 28px; margin: 0 0 25px 0; }
        .customerReferenceItem { padding: 16px 11px; }
            .customerReferenceItem .info img { max-width: 100px; }
    }