/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-text-size-adjust:none;margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}menu{margin:0}address{font-style:normal}main{display:block}input,textarea{-webkit-appearance:none;border-radius:0}input:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 9999px #0089b7;-webkit-text-fill-color:#363636}@font-face{font-family:"Jost";font-style:normal;font-weight:400;src:url("../fonts/jost-v14-latin-regular.eot");src:local(""),url("../fonts/jost-v14-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/jost-v14-latin-regular.woff2") format("woff2"),url("../fonts/jost-v14-latin-regular.woff") format("woff"),url("../fonts/jost-v14-latin-regular.ttf") format("truetype"),url("../fonts/jost-v14-latin-regular.svg#Jost") format("svg")}@font-face{font-family:"Jost";font-style:normal;font-weight:500;src:url("../fonts/jost-v14-latin-500.eot");src:local(""),url("../fonts/jost-v14-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/jost-v14-latin-500.woff2") format("woff2"),url("../fonts/jost-v14-latin-500.woff") format("woff"),url("../fonts/jost-v14-latin-500.ttf") format("truetype"),url("../fonts/jost-v14-latin-500.svg#Jost") format("svg")}@font-face{font-family:"Jost";font-style:normal;font-weight:700;src:url("../fonts/jost-v14-latin-700.eot");src:local(""),url("../fonts/jost-v14-latin-700.eot?#iefix") format("embedded-opentype"),url("../fonts/jost-v14-latin-700.woff2") format("woff2"),url("../fonts/jost-v14-latin-700.woff") format("woff"),url("../fonts/jost-v14-latin-700.ttf") format("truetype"),url("../fonts/jost-v14-latin-700.svg#Jost") format("svg")}strong{font-weight:bold}i{font-style:italic}ul{list-style:disc inside}ol{list-style:decimal inside}a{text-decoration:none;color:#363636}::-moz-selection{background:#b2b2b2;color:#363636;text-shadow:none}::selection{background:#b2b2b2;color:#363636;text-shadow:none}.title{font-weight:bold;color:#0089b6}.title span{background-image:-o-linear-gradient(330deg, rgba(0, 137, 182, 0.15) 0%, rgba(0, 137, 182, 0.25) 100%);background-image:linear-gradient(120deg, rgba(0, 137, 182, 0.15) 0%, rgba(0, 137, 182, 0.25) 100%);background-repeat:no-repeat;background-size:100% 20%;background-position:0 84%;-webkit-transition:background-size .25s ease-in;-o-transition:background-size .25s ease-in;transition:background-size .25s ease-in}.title--centered{margin:0 auto}.title--bright{color:#fff}.title--bright span{background-image:-o-linear-gradient(330deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%);background-image:linear-gradient(120deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%)}.title--dark{color:#363636}.title--s{font-size:20px;font-size:1.25rem;line-height:1.3;margin-bottom:6px;margin-bottom:.375rem}@media(min-width: 480px){.title--s{font-size:1.275rem;margin-bottom:.375rem}}@media(min-width: 760px){.title--s{font-size:1.375rem;line-height:1.3;margin-bottom:.4rem}}@media(min-width: 1100px){.title--s{font-size:1.5rem;line-height:1.3;margin-bottom:.5rem}}.title--m{font-size:22px;font-size:1.375rem;margin-bottom:12px;margin-bottom:.75rem}@media(min-width: 480px){.title--m{font-size:1.5rem;margin-bottom:1rem}}@media(min-width: 760px){.title--m{font-size:2rem;margin-bottom:1.125rem}}@media(min-width: 1100px){.title--m{font-size:2.375rem;margin-bottom:1.25rem}}.title--l{font-size:24px;font-size:1.5rem;line-height:1.3;display:block;margin-bottom:16px;margin-bottom:1rem}@media(min-width: 480px){.title--l{font-size:2rem;margin-bottom:1.25rem}}@media(min-width: 760px){.title--l{font-size:2.5rem;margin-bottom:1.75rem}}@media(min-width: 1100px){.title--l{font-size:3rem;margin-bottom:2rem}}.title--did-you-know{font-weight:500}.subtitle{margin-bottom:16px;margin-bottom:1rem;display:block;letter-spacing:2px;color:#b2b2b2;text-transform:uppercase;font-weight:500}.subtitle--bright{color:#fff}.subtitle--dark{color:#363636}.subtitle--unspaced{margin-bottom:0}.title__blink{position:relative}.title__blink::before{content:"";width:40px;height:40px;display:block;position:absolute;right:58%;top:-10px;background:url("../images/icons/stars.svg");-webkit-transform:rotate(112deg);-ms-transform:rotate(112deg);transform:rotate(112deg);z-index:10;-webkit-animation:stars-title 5.5s linear infinite;animation:stars-title 5.5s linear infinite}p+p{margin-top:16px;margin-top:1rem}p+.title{margin-top:24px;margin-top:1.5rem}.contact__link{background-image:-o-linear-gradient(330deg, rgba(0, 137, 182, 0.15) 0%, rgba(0, 137, 182, 0.25) 100%);background-image:linear-gradient(120deg, rgba(0, 137, 182, 0.15) 0%, rgba(0, 137, 182, 0.25) 100%)}.footer__link{background-image:-o-linear-gradient(330deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%);background-image:linear-gradient(120deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 100%)}.footer__link,.contact__link{background-repeat:no-repeat;background-size:0 20%;background-position:0 77%;-webkit-transition:background-size .25s ease-in;-o-transition:background-size .25s ease-in;transition:background-size .25s ease-in}.footer__link:hover,.contact__link:hover,.footer__link:focus,.contact__link:focus{background-size:100% 20%;background-position:100% 77%}html{font-size:16px;font-family:"Jost",sans-serif;color:#363636;background:#ededed;font-weight:400;line-height:1.3;overflow-x:hidden}@media(min-width: 760px){html{font-size:18px}}.body--locked{overflow-y:hidden}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes popup{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes popup{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes logo{0%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);opacity:0}50%{-webkit-transform:translate(-50%, 50%) scale(0.5);transform:translate(-50%, 50%) scale(0.5)}80%{-webkit-transform:translate(-50%, 50%) scale(1.1);transform:translate(-50%, 50%) scale(1.1);opacity:1}100%{-webkit-transform:translate(-50%, 50%) scale(1);transform:translate(-50%, 50%) scale(1);opacity:1}}@keyframes logo{0%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);opacity:0}50%{-webkit-transform:translate(-50%, 50%) scale(0.5);transform:translate(-50%, 50%) scale(0.5)}80%{-webkit-transform:translate(-50%, 50%) scale(1.1);transform:translate(-50%, 50%) scale(1.1);opacity:1}100%{-webkit-transform:translate(-50%, 50%) scale(1);transform:translate(-50%, 50%) scale(1);opacity:1}}@-webkit-keyframes hero-title{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}30%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes hero-title{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}30%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes hero-text{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}30%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes hero-text{0%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}30%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.header{width:90%;max-width:1440px;padding:40px 0;padding:2.5rem 0;position:relative;z-index:10;margin:16px auto 0;margin:1rem auto 0;zoom:1}@media(min-width: 760px){.header{margin:0 auto}}.header::before,.header::after{content:" ";display:block;height:0;overflow:hidden}.header::after{clear:both}.main{width:100%}.logo{display:block;width:160px;height:160px;position:absolute;z-index:2;background:#fff;border-radius:50%;left:50%;bottom:0;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}@media(min-width: 760px){.logo{width:180px;height:180px;-webkit-animation:logo 2s cubic-bezier(0.3, 0, 0.3, 0.9);animation:logo 2s cubic-bezier(0.3, 0, 0.3, 0.9);-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}}@media(min-width: 1100px){.logo{width:200px;height:200px}}.logo--footer{top:0;-webkit-transform:translate(-50%, -45%);-ms-transform:translate(-50%, -45%);transform:translate(-50%, -45%);z-index:9}@media(min-width: 760px){.logo--footer{-webkit-animation:none;animation:none}}.logo img{width:100%;height:100%}@-webkit-keyframes hero-overlay{0%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}60%{opacity:.5}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes hero-overlay{0%{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}60%{opacity:.5}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.hero{width:100%;position:relative;overflow:hidden;position:relative}.hero::before,.hero::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.hero::before{top:0}.hero::after{bottom:0}.hero__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-animation:hero-overlay 2.5s cubic-bezier(0.3, 0, 0.3, 0.9);animation:hero-overlay 2.5s cubic-bezier(0.3, 0, 0.3, 0.9)}.hero__caption{position:relative;max-width:640px;width:80%;padding:128px 0 64px;padding:8rem 0 4rem;margin:0 auto;z-index:3;text-align:center;color:#fff}@media(min-width: 480px){.hero__caption{padding:8rem 0 6rem}}@media(min-width: 1100px){.hero__caption{padding:10rem 0 6rem}}@media(min-width: 1920px){.hero__caption{padding:12rem 0 8rem}}.hero .title{text-shadow:0 0 60px rgba(0,0,0,.75);-webkit-animation:hero-title 2s cubic-bezier(0.3, 0, 0.3, 0.9);animation:hero-title 2s cubic-bezier(0.3, 0, 0.3, 0.9)}.hero__text{position:relative;text-shadow:0 0 20px #000;-webkit-animation:hero-text 2s cubic-bezier(0.3, 0, 0.3, 0.9);animation:hero-text 2s cubic-bezier(0.3, 0, 0.3, 0.9)}.hero__text::before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;z-index:-1;color:#000;-webkit-filter:blur(30px);filter:blur(30px);opacity:.1}.footer{background:#0089b6;position:relative;width:100%}.footer__inner{padding:128px 0 96px;padding:8rem 0 6rem;position:relative}@media(min-width: 760px){.footer__inner{padding:10rem 0 6rem}}@media(min-width: 1100px){.footer__inner{padding:10rem 0 8rem}}.footer__inner::before,.footer__inner::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.footer__inner::before{top:0}.footer__inner::after{bottom:0}.footer__text p{margin-bottom:32px;margin-bottom:2rem}@media(min-width: 760px){.footer__text p{max-width:420px;margin:0 auto 3rem}}.footer__content{max-width:540px;width:80%;margin:0 auto;color:#fff}@media(min-width: 760px){.footer__content{text-align:center}}.footer__contact{width:100%;text-align:left;line-height:1.5;display:grid;grid-gap:.5rem}@media(min-width: 760px){.footer__contact{border:2px solid #fff;padding:2rem;display:grid;grid-template-columns:1fr 1fr}}.footer__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0}.footer__content{z-index:2;position:relative}.footer__address{margin-top:16px;margin-top:1rem}.footer__link{color:#fff;display:inline-block;font-weight:bold}.footer__link:not(:last-of-type){margin-bottom:8px;margin-bottom:.5rem}.footer__disclaimer{padding:16px;padding:1rem;background:#ededed;text-align:center}.footer__disclaimer-link{color:#b2b2b2;text-transform:uppercase;font-size:12px;font-size:.75rem;letter-spacing:1px;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9)}.footer__disclaimer-link:hover,.footer__disclaimer-link:focus{color:#363636}.footer__disclaimer-link:first-child::after{content:"•";font-weight:bold;top:1px;position:relative;margin:0 10px 0 12px;display:inline-block}.footer__subtitle{display:block;margin-bottom:2px;margin-bottom:.125rem}.footer__contact-column{margin-bottom:16px;margin-bottom:1rem}@media(min-width: 760px){.footer__contact-column{margin-bottom:0}}.menu{position:relative}.menu__inner{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:40}.menu__list{position:absolute;right:0;width:400px;text-align:right;top:48px;top:3rem;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9)}.menu__list--hidden{opacity:0;pointer-events:none;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.menu__item{margin-bottom:8px;margin-bottom:.5rem;display:block}.menu__link{padding:6px 12px;padding:.375rem .75rem;background:#fff;font-weight:bold;display:inline-block;-webkit-box-shadow:0 0 30px rgba(0,0,0,.15);box-shadow:0 0 30px rgba(0,0,0,.15);-webkit-transition:all 250ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 250ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 250ms cubic-bezier(0.3, 0, 0.3, 0.9)}.menu__link:hover,.menu__link:focus{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.advantages__list{display:grid;grid-template-rows:1fr 1fr;list-style:none;grid-gap:1rem;margin:0 10%}@media(min-width: 380px){.advantages__list{grid-template-columns:1fr 1fr}}@media(min-width: 760px){.advantages__list{margin:2rem 10% 0}}@media(min-width: 1100px){.advantages__list{grid-gap:3rem;margin:0}}.advantages__item{text-align:center}.advantages__item .title{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.advantages__icon{margin-bottom:8px;margin-bottom:.5rem;max-width:120px;padding:16px;padding:1rem;display:inline-block}.panorama{width:100%;display:block;background-size:cover;background-attachment:fixed;background-position:50% 33%}.panorama--porsche{background-image:url("../images/layout/kc-surfaces-porsche.jpg");position:relative}.panorama--porsche::after{content:"";top:0;width:100%;max-width:1280px;height:100%;background:#0089b6;display:block;position:absolute;left:0;opacity:.75}@media(min-width: 1100px){.panorama--porsche::after{width:80%;left:50%;-webkit-transform:translateX(-50%) skewX(20deg);-ms-transform:translateX(-50%) skewX(20deg);transform:translateX(-50%) skewX(20deg)}.panorama--porsche::before{content:"";top:0;width:80%;max-width:1280px;height:100%;background:#0089b6;display:block;position:absolute;left:50%;opacity:.25;-webkit-transform:translateX(-50%) skewX(-20deg);-ms-transform:translateX(-50%) skewX(-20deg);transform:translateX(-50%) skewX(-20deg)}}.panorama__caption{position:relative;max-width:580px;margin:0 10%;z-index:3;text-align:center;color:#fff;padding:64px 0;padding:4rem 0}@media(min-width: 760px){.panorama__caption{padding:6rem 0;margin:0 auto}}@media(min-width: 1100px){.panorama__caption{padding:8rem 0}}.button{display:inline-block;padding:16px 32px;padding:1rem 2rem;background:#0089b6;border-radius:2rem;color:#fff;font-weight:bold;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-size:.75rem;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);cursor:pointer}@media(min-width: 760px){.button{font-size:.875rem}}.button--more::before{content:"Mehr erfahren"}.button--website::before{content:"Zur Website"}.button--more,.button--website{position:relative}.button--more::before,.button--website::before{width:100%;text-align:center;position:absolute;left:50%;top:50%;opacity:0;-webkit-transform:translate(-50%, calc(-50% - 10px)) rotateX(90deg);transform:translate(-50%, calc(-50% - 10px)) rotateX(90deg);-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9)}.button--more span,.button--website span{-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);position:relative;display:block}.button--more:hover span,.button--website:hover span,.button--more:focus span,.button--website:focus span{opacity:0;-webkit-transform:translateY(50%) rotateX(90deg);transform:translateY(50%) rotateX(90deg)}.button--more:hover::before,.button--website:hover::before,.button--more:focus::before,.button--website:focus::before{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:1}p+.button{margin-top:32px;margin-top:2rem}.button+.button{margin:16px 16px 0;margin:1rem 1rem 0}@media(min-width: 760px){.button+.button{margin:0 .5rem}}.button--outlined{border:2px solid #fff;background:none}.button--outlined-primary{border:2px solid #0089b6;background:none;color:#0089b6}.button--outlined-primary:hover,.button--outlined-primary:focus{background:#0089b6;color:#fff}.popup{position:fixed;width:100%;height:100%;left:0;top:0;background:#fff;-webkit-box-shadow:0 0 200px rgba(54,54,54,.8);box-shadow:0 0 200px rgba(54,54,54,.8);z-index:100;display:none}@media(min-width: 760px){.popup{max-width:70%}}@media(min-width: 1100px){.popup{max-width:50%}}.popup__content{height:calc(100% - 6.5rem);overflow:scroll;margin:72px 0 32px;margin:4.5rem 0 2rem;padding:0 32px 32px;padding:0 2rem 2rem}@media(min-width: 760px){.popup__content{height:calc(100% - 4rem);margin:4rem 0 0;padding:0 4rem 4rem}}.popup--open{display:block;-webkit-animation:popup 1s cubic-bezier(0.3, 0, 0.3, 0.9);animation:popup 1s cubic-bezier(0.3, 0, 0.3, 0.9)}.popup__close{position:absolute;right:16px;right:1rem;top:16px;top:1rem;cursor:pointer;padding:8px 16px;padding:.5rem 1rem;border:2px solid #0089b6;display:block}@media(min-width: 760px){.popup__close{right:2rem;top:2rem}}.popup__close:hover,.popup__close:focus{color:red}.contact{display:none}@media(min-width: 760px){.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;float:left}}.contact--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;float:right}.contact__label{display:block;width:100%;color:#0089b6}.compare{width:100%;display:grid;position:relative}@media(min-width: 760px){.compare{grid-gap:1rem;grid-template-columns:1fr 1fr}}.compare::before,.compare::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.compare::before{top:0}.compare::after{bottom:0}.compare__item{position:relative;text-align:center}@media(min-width: 760px){.compare__item{text-align:left}}.compare__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0}.compare__caption{padding:96px 48px;padding:6rem 3rem;z-index:3;position:relative;color:#fff;text-shadow:0 0 20px #000}@media(min-width: 760px){.compare__caption{padding:20rem 3rem 5rem}}.compare__caption p{font-weight:500;max-width:300px;display:inline-block}@media(min-width: 760px){.compare__item--left{text-align:right}}.video__source{display:none}@media(min-width: 760px){.video__source{display:block;width:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover;height:70vh}}@media(min-width: 1920px){.video__source{max-height:50vh}}.video__fallback{width:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover;height:40vh;position:relative;background:#fff;overflow:hidden}.video__fallback svg{position:absolute;display:none}@media(min-width: 760px){.video__fallback{display:none}}.video__fallback-image{width:100%;height:100%;-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);display:block;-o-object-fit:cover;object-fit:cover;position:absolute;opacity:.3;-webkit-filter:url("#turbulence");filter:url("#turbulence")}.video{width:100%;position:relative}.video__caption{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:640px;text-align:center;z-index:2}.did-you-know{position:relative;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all 2s cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 2s cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 2s cubic-bezier(0.3, 0, 0.3, 0.9)}@media(min-width: 1100px){.hidden{-webkit-transform:translateX(100%) scale(0.7);-ms-transform:translateX(100%) scale(0.7);transform:translateX(100%) scale(0.7);opacity:0}}.did-you-know__caption{padding:40px;padding:2.5rem;position:relative;z-index:2}.did-you-know__caption--background{padding:40px 10%;padding:2.5rem 10%}@media(min-width: 760px){.did-you-know__caption--background{padding:2.5rem}}.did-you-know--with-bulb{border:4px solid #0089b6;margin:0 10%}@media(min-width: 1100px){.did-you-know--with-bulb{margin:0}}.did-you-know--with-bulb::before{content:"";width:102px;height:50px;background:#ededed;position:absolute;right:20px;right:1.25rem;top:0;z-index:2}.did-you-know--with-bulb::after{content:"";width:100px;height:100px;border-radius:50%;background:#ededed;border:4px solid #0089b6;position:absolute;right:20px;right:1.25rem;top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.did-you-know__overlay{content:"";width:100%;height:100%;left:0;top:0;display:block;z-index:1;background:#363636;opacity:.25;position:absolute;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9)}.did-you-know--with-background{background:url("../images/layout/kc-surfaces-gebaeude-ceramikversiegelung-stein-auf-spiegel.jpg");color:#fff;background-size:cover;position:relative}.did-you-know--with-background::before,.did-you-know--with-background::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.did-you-know--with-background::before{top:0}.did-you-know--with-background::after{bottom:0}.did-you-know--with-background:hover .did-you-know__overlay,.did-you-know--with-background:focus .did-you-know__overlay{opacity:.75}.did-you-know--with-background .did-you-know__caption{padding:72px 40px;padding:4.5rem 2.5rem}@media(min-width: 1100px){.did-you-know--with-background .did-you-know__caption{padding:3.5rem 2.5rem}}.did-you-know__icon{width:100px;height:100px;position:absolute;right:20px;right:1.25rem;top:4px;top:.25rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:3;padding:18px;padding:1.125rem}.hamburger{width:36px;height:24px;display:inline-block;cursor:pointer}.hamburger span{display:block;width:36px;height:2px;background:#0089b6;position:relative;margin-bottom:8px;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9)}.hamburger--close span{background:red}.hamburger--close span:first-child{-webkit-transform:rotate(45deg) translate(7px, 7px);-ms-transform:rotate(45deg) translate(7px, 7px);transform:rotate(45deg) translate(7px, 7px)}.hamburger--close span:nth-child(2){width:0;opacity:0}.hamburger--close span:last-child{-webkit-transform:rotate(-45deg) translate(6px, -7px);-ms-transform:rotate(-45deg) translate(6px, -7px);transform:rotate(-45deg) translate(6px, -7px)}.section{width:100%;padding:64px 0;padding:4rem 0}@media(min-width: 760px){.section{padding:6rem 0}}@media(min-width: 1100px){.section{padding:8rem 0}}.section--last{padding:64px 0 128px;padding:4rem 0 8rem}@media(min-width: 760px){.section--last{padding:6rem 0 8rem}}@media(min-width: 1100px){.section--last{padding:8rem 0 10rem}}.section--with-stone{padding:64px 0 16px;padding:4rem 0 1rem}@media(min-width: 760px){.section--with-stone{padding:6rem 0 1rem}}@media(min-width: 1100px){.section--with-stone{padding:8rem 0}}.section--lightgrey{background:#f8f8f8;margin-bottom:16px;margin-bottom:1rem}.section__inner{max-width:780px;width:80%;margin:0 auto}@media(min-width: 760px){.section__inner{text-align:center}}.section--two-column{max-width:1180px;margin:0 auto;display:grid;grid-gap:4rem}@media(min-width: 760px){.section--two-column{margin:0 auto;width:100%}}@media(min-width: 1100px){.section--two-column{width:80%;display:grid;grid-gap:2rem;grid-template-columns:1fr 1fr}}.section--two-column .title{max-width:460px}.section--two-column .text{width:80%;margin:0 auto}@media(min-width: 1100px){.section--two-column .text{width:100%;margin:0;padding-right:4rem}}.section__logo{display:block;margin-top:32px;margin-top:2rem}.section__logo img{display:inline-block;max-width:240px}@media(min-width: 760px){.section__logo{text-align:center}}.section--align-left .section__inner{text-align:left}.section--world{-o-object-fit:contain;object-fit:contain;background:url("../images/world.svg") no-repeat center center}.scroll-down{display:block;width:30px;height:56px;margin:48px auto 0;margin:3rem auto 0;border-radius:2rem;border:2px solid #fff;position:relative;background:rgba(54,54,54,.3);-webkit-box-shadow:0 0 50px rgba(54,54,54,.3);box-shadow:0 0 50px rgba(54,54,54,.3)}@media(min-width: 1440px){.scroll-down{margin:4rem auto 0}}.scroll-down::before{content:"";width:6px;height:6px;position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;background:#fff;border-radius:50%;-webkit-animation:scroll-down 1.5s cubic-bezier(0.3, 0, 0.3, 0.9) infinite;animation:scroll-down 1.5s cubic-bezier(0.3, 0, 0.3, 0.9) infinite}@-webkit-keyframes scroll-down{0%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1}70%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}90%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}91%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:0}}@keyframes scroll-down{0%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1}70%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}90%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}91%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:0}}.scroll-up{display:block;width:50px;height:50px;position:fixed;right:32px;right:2rem;bottom:32px;bottom:2rem;background:#fff;-webkit-box-shadow:0 0 40px rgba(54,54,54,.2);box-shadow:0 0 40px rgba(54,54,54,.2);border-radius:50%;z-index:20;-webkit-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);-o-transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);transition:all 400ms cubic-bezier(0.3, 0, 0.3, 0.9);cursor:pointer}.scroll-up::before,.scroll-up::after{content:"";display:block;width:18px;height:3px;background:#0089b6;position:absolute;top:52%;left:50%}.scroll-up::before{-webkit-transform:rotate(-45deg) translate(-6px, -13px);-ms-transform:rotate(-45deg) translate(-6px, -13px);transform:rotate(-45deg) translate(-6px, -13px)}.scroll-up::after{-webkit-transform:rotate(45deg) translate(-5px, -2px);-ms-transform:rotate(45deg) translate(-5px, -2px);transform:rotate(45deg) translate(-5px, -2px)}.scroll-up:hover,.scroll-up:focus{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.scroll-up--hidden{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.quote{width:100%;position:relative;position:relative}.quote::before,.quote::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.quote::before{top:0}.quote::after{bottom:0}.quote__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.quote__caption{padding:96px 64px;padding:6rem 4rem;z-index:3;position:relative;top:0;left:0;width:100%;color:#fff;background:-o-linear-gradient(329deg, rgba(178, 178, 178, 0.3) 0%, rgba(248, 248, 248, 0.3) 100%);background:linear-gradient(121deg, rgba(178, 178, 178, 0.3) 0%, rgba(248, 248, 248, 0.3) 100%)}.quote__inner{max-width:680px;margin:0 auto;text-align:center}.list{list-style:none;margin-top:16px;margin-top:1rem}.list li{position:relative;padding-left:24px;padding-left:1.5rem}.list li:not(:last-of-type){margin-bottom:8px;margin-bottom:.5rem}.list li::before{content:"–";margin-right:8px;margin-right:.5rem;color:#0089b6;position:absolute;left:0;top:0}.list--bright li::before{color:#fff}.list+*{margin-top:16px;margin-top:1rem}.text-image{width:100%;position:relative}.text-image::before,.text-image::after{content:"";height:25px;width:100%;position:absolute;left:0;display:block;background:#fff;opacity:.25;z-index:5;pointer-events:none}.text-image::before{top:0}.text-image::after{bottom:0}.text-image__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute}.text-image__caption{padding:96px 10%;padding:6rem 10%;z-index:3;position:relative;top:0;width:100%;color:#fff;background:rgba(0,137,182,.8)}@media(min-width: 760px){.text-image__caption{left:30%;width:70%}}@media(min-width: 1100px){.text-image__caption{padding:6rem 4rem;left:50%;width:50%}}.text-image__caption-inner{max-width:540px}.text-image__caption .title{max-width:420px}