.best-practice-content .text-box.bg-white a,.linkarrow,.on-page-navi a{text-decoration:none}.content-box>.flex-box{width:100%}.content-box{position:relative;width:100%;overflow:hidden;-webkit-scroll-snap-type:proximity;scroll-snap-type:proximity}.content-box .z-11{z-index:11}.first-item .top-logo{max-width:520px;height:auto;width:100%;padding:5rem 2.8rem 2.8rem 5rem;position:relative;background:#fff;z-index:10}.first-item .top-logo span{display:block;width:100%;height:100%}@media (max-width:540px){.first-item .top-logo{padding:2.8rem}.first-item .top-logo svg{width:100%;height:auto}}.bg-image,.bg-image .image-box{z-index:1;height:100%;width:100%}.bg-image{position:absolute;top:0;left:0}.bg-image .image-box{position:relative}.bg-image.max-100hv{max-height:100vh}.early-break .image-box img{max-width:555px!important}@supports (object-fit:cover){.bg-image,.bg-image .image-box img{height:100%;width:100%;left:0;top:0}.early-break .image-box img{max-width:100%!important}.bg-image{position:absolute;z-index:1}.bg-image .image-box img{object-fit:cover;object-position:50% 50%;transform:none}.image-align-left.image-box img,.image-align-right.image-box img{object-fit:cover;object-position:0 50%}.height-80{height:80%;min-height:350px}.height-90{height:90%;min-height:350px}#charta-der-vielfalt-starter .height-90{height:calc(100% - 200px);min-height:350px}#charta-der-vielfalt-starter .bg-image .image-box img{object-position:left bottom}@media (max-width:790px){#charta-der-vielfalt-starter img,.res-block-image.bg-image.height-80 img,.res-block-image.bg-image.height-90 img{min-height:350px}}}.bg-image .image-box.ie-polyfill{background-repeat:none;background-size:cover;background-position:center center}.bg-image .image-box.ie-polyfill.image-align-left{background-position:left center}.bg-image .image-box.ie-polyfill.image-align-right{background-position:right center}#charta-der-vielfalt-starter .bg-image .image-box .bg-image .image-box.ie-polyfill{background-position:left bottom}.bg-image .image-box.ie-polyfill img{display:none}@media (max-width:790px){.content-box .item-box{width:100%;margin:0}.rs-box{padding-left:3rem;padding-right:3rem}.res-block-image.bg-image{position:relative}.res-block-image.bg-image+.top-container{margin-top:0}.res-block-image.bg-image.height-80,.res-block-image.bg-image.height-90{height:auto}#charta-der-vielfalt-starter,#diversity-starter,#flexibilitaet-starter,#prozess-starter,#soziale-herkunft-starter,.res-block-image.bg-image.height-80+.full-size,.res-block-image.bg-image.height-90+.full-size{height:auto;min-height:inherit}#charta-der-vielfalt-starter .height-90{height:100%;min-height:auto;margin-bottom:4rem}}@media (max-width:660px){#charta-der-vielfalt-starter{height:auto;min-height:inherit}#charta-der-vielfalt-starter .bg-image .image-box img{object-fit:contain;object-position:left top}#charta-der-vielfalt-starter img{min-height:auto;height:auto}#charta-der-vielfalt-main{background-color:#fff!important}}.content-box .item-box{position:relative;z-index:2}.subline{display:block;font-size:2.5rem;font-weight:700}.complete-bg:before{content:'';position:absolute;z-index:-1;height:100%;width:200vw;left:-100vw;background-color:inherit;top:0}.complete-bg:nth-of-type(2):before{left:0;background-color:inherit;z-index:0}#inhalt-starter .flex-item{flex:1 1 100%}#inhalt-starter .on-page-navi{padding-top:12vw;flex:0 0 290px}@media (max-height:960px){#inhalt-starter .on-page-navi{padding-top:3vh}}.on-page-navi.best-practice{padding-bottom:5rem!important}.on-page-navi a{display:block;font-size:3.3rem;color:#fff}.on-page-navi a:hover{color:#D3D700}.best-practice a{white-space:nowrap}.best-practice a:hover{color:#000}.color-box{padding:3rem;width:100%;position:relative}.color-box.mouse-over-box{padding:3rem!important;margin-bottom:2rem;min-height:130px}.hidden-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;padding:3rem;cursor:pointer}.layer-tab{display:inline-block;padding-right:1rem;margin-right:1.5rem;position:relative;width:70px}.layer-tab:after{content:'|';position:absolute;right:0;display:inline-block}.mouse-over-box:hover .hidden-layer{display:block}.four-columns .flex-item{padding:0 2rem 6rem;width:25%}.four-columns.single-border{border-right:1px solid #707070}.single-border .flex-item{border-left:1px solid #707070}.bottom-line{position:absolute;bottom:0}.color-box.big{padding:8rem}.color-box.small{padding:2rem;margin-bottom:2rem;font-size:1.8rem;border:2px solid #fdc300;min-height:100px}.imprint-box{max-width:730px;padding-left:10.2rem}@media (min-width:890px){.imprint-box{max-width:730px;padding-left:9.2rem}}@media (max-width:1180px){.col-2.small-box,.color-box.small{font-size:1.4vw}}@media (max-width:1280px){.four-columns .fs-28{font-size:1.8vW}}@media (max-width:960px){.four-columns{-ms-flex-wrap:wrap;flex-wrap:wrap}.four-columns .flex-item{width:50%;margin-bottom:1rem;padding:0 1rem 4rem}}@media (max-width:790px){.col-2.small-box,.color-box.small{font-size:1.8rem}.four-columns .fs-28{font-size:2rem}}@media (max-width:660px){.four-columns,.four-columns .flex-item{width:100%;border-right:0!important;border-left:0!important;max-width:300px;margin:0 auto 3rem}.bottom-line{position:relative;bottom:0}.four-columns .flex-item{border-bottom:1px solid #707070}.best-practice a{font-size:2rem}.imprint-box{max-width:730px;padding-left:0}}@media (max-width:1420px){.full-width .col-2 .text-box{padding-left:3rem}}@media (max-width:1320px){.full-width .col-2 .text-box{padding-left:0}}.color-box.pd-t0{padding-top:0}.no-margin{margin:0}.color-box .small-box{max-width:45rem}.col-2 .text-box{padding-right:5rem}.col-2 .left-pd{padding-left:5rem;padding-right:0}.col-2 .left-pd2{padding-left:2rem}.res-show{display:none}.text-box.no-padding{padding-right:3rem}.best-practice-item .col-2 .text-box.left-pd2{padding-left:2rem;padding-right:0}@media (min-width:790px){.subline{padding:3rem 0 0 2vw;line-height:1.2;font-size:3.3rem}.min-height-200{min-height:200px}}@media (min-width:1800px){.on-page-navi{padding-top:15rem;flex:0 0 290px}}@media (max-width:960px){.early-break.flex-box.res-block{display:block}.early-break.flex-box.res-block .flex-item{width:100%}.early-break.flex-box.res-block .flex-item .text-box{padding-left:0}}@media (max-width:790px){#inhalt-starter .on-page-navi{padding:3rem 0 0}#inhalt-starter .flex-box,.content-box .col-2.flex-box,.flex-box.res-block{display:block}.subline{padding:1rem 0 0;line-height:1.2}.color-box,.complete-bg .text-box,.text-box{padding:3rem!important}.flex-box .color-box,.flex-box .text-box{padding-top:5rem}.res-white{background-color:#fff}.res-hide{display:none!important}.res-show{display:inline-block!important}.early-break.flex-box.res-block .flex-item .text-box{padding:3rem}}@media (max-width:540px){#inhalt-starter .on-page-navi{padding:3rem 0 0}}.content-logo{width:100%;padding:2rem 6rem 2rem 3rem}.content-logo img{max-width:450px}.logo-right{padding:3rem 0;text-align:right}.logo-right img{display:inline-block}.paired-images .flex-item:first-of-type,.paired-images .flex-item:last-of-type{margin:0 0 2rem}.paired-images.content-images{max-width:660px;margin:0}.content-images.paired-images.flex-box.col-2{margin:0}.content-images.paired-images .image-box,.content-images.paired-images .image-box img,.image-box.max-width img,.paired-images .image-box img{width:auto;max-width:100%;height:auto;margin:0 auto}.abro{max-width:110px;width:100%}.abro.small{max-width:80px}.testimonial{padding-left:5rem}.testimonial.reset-pd p{padding-left:2rem;font-weight:700}@media (min-width:600px){.paired-images.flex-box.col-2{width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.paired-images .flex-item:first-of-type{margin:0 2rem 2rem 0}.paired-images .flex-item:last-of-type{margin:0 0 2rem 2rem}.paired-images .image-box img{width:100%;max-width:100%}}.top-container{position:relative;margin-top:35vh}.best-practice-item{background-image:url(../images/best-practice/bg-ellipse.svg);background-repeat:no-repeat;background-position:right bottom;background-size:350px 350px}.ch-bg-image,.ch-bg-image2{background-image:url(../images/charta-der-vielfalt/bg-blue.svg);background-repeat:no-repeat}.best-practice-content>div{max-width:1080px;width:100%}.best-practice-content .testimonial{padding-left:0;max-width:430px;width:100%}.best-practice-content .testimonial h2{line-height:1.2;font-size:3rem}.best-practice-content .small-spacer{padding-right:4rem}.best-practice-content .small-spacer-right{padding-left:4rem}.best-practice-content .abro{max-width:80px;width:100%}.best-practice-content .bottom-absolute{position:absolute;bottom:0;left:0}.best-practice-content>.extra-small{padding-left:7rem;max-width:1210px}.best-practice-content>.extra-large{padding-left:0;max-width:1300px}.box-extra-934{max-width:calc(75% + 1px)}.box-extra-1080{max-width:calc(85% + 1px)}.no-spacing-right{margin-right:-4rem}.logo-box{max-width:300px;min-height:130px}@media (max-width:790px){.testimonial,.testimonial.reset-pd p{padding-left:0}.paired-images.flex-box.col-2{padding-top:3rem;width:calc(100% - 6rem)!important;margin:0 auto}.testimonial{padding-right:5rem}.testimonial.reset-pd{display:block}.reset-all-margin{margin:0!important}.res-relative{height:inherit;max-height:350px}.best-practice-content .testimonial{padding:7rem 3rem 3rem!important}.best-practice-content .small-spacer,.best-practice-content .small-spacer-right{padding:0}.box-extra-1080,.box-extra-934{max-width:100%;width:100%}.best-practice-content>.extra-small{padding-left:0}.best-practice-content .extra-small .image-box.max-w img{width:100%}}.linkarrow,.linkarrow span{display:inline-block}.ch-bg-image{background-position:top right;background-size:450px auto;height:450px}.ch-bg-image2{background-position:270px 0;background-size:650px auto;height:650px;right:0;left:inherit;top:650px;width:550px}.imp-bg-image{background-image:url(../images/green-dot.svg);background-repeat:no-repeat;background-position:right 40vh;background-size:450px auto}.image-box.abs-width-image{position:absolute;width:43vw;right:0;max-width:930px}.linkarrow span{width:40px}.linkarrow svg{width:100%;height:auto}.label-text.cl-black:hover,.label-text.cl-white:hover,.linkarrow:hover{color:#E40614}.linkarrow.cl-black svg path{fill:#000}.linkarrow.cl-white svg path{fill:#fff}.linkarrow:hover svg path{fill:#E40614}.label-text{font-size:4rem;position:relative;padding-left:45px}.label-text span,.label-text span svg{position:absolute}.label-text span{top:50%;left:0;margin-top:-9px;min-height:20px}.linkarrow.open-overlay{z-index:1;font-weight:400;padding:0 45px 0 0;background-color:transparent;font-size:1.8rem}.linkarrow.open-overlay span{left:inherit;right:0}.label-text.cl-black{color:#000}.label-text.cl-white{color:#fff}.maxw-440{max-width:440px}.maxw-540{max-width:540px}@media (max-width:790px){.image-box.abs-width-image{position:relative;width:100%;right:inherit;max-width:930px}.maxw-440,.maxw-540{max-width:100%}.label-text{font-size:2.4rem}.res-block .flex-item>.linkarrow{margin-left:3rem}.color-box.big{padding:3rem}}.boxed .flex-item{width:calc(25% - 1rem);margin:0 1rem 1rem 0}.boxed .flex-item div{display:block;height:0;padding-bottom:100%;position:relative}.boxed .flex-item div p{position:absolute;height:100%;width:100%;line-height:1}.boxed .flex-item div span{margin:0;font-weight:700;font-size:2.4rem}@media (max-width:1200px){.boxed .flex-item div span{font-size:1.8vw}}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1000;overflow-y:auto}.overlay .wrapper{position:relative;width:calc(100% - 6rem);max-width:1280px;margin:auto}.overlay .wrapper .image-box{margin:5rem 0}.overlay .wrapper .image-box::after{Content:'Quelle: Charta der Vielfalt e. V., Diversity-Studie 2020';background-color:#fff;padding:.5rem 1rem;display:block;font-size:12px}.overlay .wrapper:after,.overlay .wrapper:before{content:'';width:25px;height:3px;background-color:#fff;position:absolute;right:0;top:10px}.overlay .wrapper:after{transform:rotate(45deg)}.overlay .wrapper:before{transform:rotate(-45deg)}.overlay button.close-overlay{width:100%;height:100vh;position:absolute;z-index:100;background-color:transparent}.overlay.active{display:-webkit-box;display:-ms-flexbox;display:flex}.overlay.image-box{min-width:360px}.overlay .image-box img{position:relative;z-index:55}