@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Black.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Bold.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Light.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Regular.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Thin.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}:root{--app-height:100vh}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}html{font-size:62.5%}body{font-family:"Averta Std",Arial,Helvetica;font-size:1.6rem;font-weight:100;overflow-x:hidden;max-width:100vw;color:#000000}strong{font-weight:600}iframe{width:100%}@keyframes ani-slide-out-right{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes ani-slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes ani-slide-in-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes ani-slide-out{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes ani-mainnav{0%{width:100vw;height:var(--app-height)}100%{width:0;height:0}}@keyframes moveupdown{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10%)}100%{transform:translateX(-50%) translateY(0)}}@keyframes horiz-out{from{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes ani-fadein{from{opacity:0}to{opacity:1}}@keyframes ani-logo-extra-small{100%{left:20px;top:20px;width:100px;transform:translateX(0) translateY(0)}}@keyframes ani-logo-small{100%{left:20px;top:20px;width:125px;transform:translateX(0) translateY(0)}}@keyframes ani-logo-middle{100%{left:40px;top:40px;width:200px;transform:translateX(0) translateY(0)}}@keyframes ani-logo{100%{left:40px;top:40px;width:11vw;transform:translateX(0) translateY(0)}}@keyframes ani-claim{100%{right:80px;top:40px;width:15.85vw;transform:translateX(0)}}@keyframes ani-claim-middle{100%{right:40px;top:40px;width:250px;transform:translateX(0)}}@keyframes ani-claim-small{100%{right:20px;top:20px;width:200px;transform:translateX(0)}}@keyframes ani-text{from{opacity:0}to{opacity:1}}@keyframes ani-text-out{from{transform:translateY(-50%) translateX(0)}to{transform:translateY(-50%) translateX(100%)}}@keyframes ani-contentslider-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}#container{width:100%;position:relative}#container.page-1 #main{height:var(--app-height)}@media (min-width:769px){#container.page-1 #main{scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll}}@media (min-width:769px){#container.page-1 #main>.frame{scroll-snap-align:start;height:var(--app-height)}}#container.page-1 #main>.frame.frame-type-ce_columns2 .row,#container.page-1 #main>.frame.frame-type-ce_columns3 .row,#container.page-1 #main>.frame.frame-type-ce_columns4 .row{margin-left:0}#container.page-1 #main>.frame.frame-type-ce_columns2 .row .ce-col,#container.page-1 #main>.frame.frame-type-ce_columns3 .row .ce-col,#container.page-1 #main>.frame.frame-type-ce_columns4 .row .ce-col{margin-left:0;margin-bottom:0;width:100%}@media (min-width:769px){#container.page-1 #main>.frame.frame-type-ce_columns2 .row .ce-col,#container.page-1 #main>.frame.frame-type-ce_columns3 .row .ce-col,#container.page-1 #main>.frame.frame-type-ce_columns4 .row .ce-col{width:50%}}#container #main>.frame{background-color:#ffffff;padding:0 20px 60px 20px}@media (min-width:769px){#container #main>.frame{padding:0 40px 60px 40px}}#container #main>.frame.frame-fullgreen,#container #main>.frame.frame-wobble{height:auto;min-height:var(--app-height);position:relative;padding:0}@media screen and (min-width:769px){#container #main>.frame.frame-fullgreen,#container #main>.frame.frame-wobble{height:var(--app-height);min-height:0}}@media (max-width:900px) and (orientation:landscape){#container #main>.frame.frame-fullgreen,#container #main>.frame.frame-wobble{height:auto;min-height:var(--app-height)}}#container #main>.frame.frame-fullgreen .frame,#container #main>.frame.frame-wobble .frame{height:auto;min-height:calc(var(--app-height) /2)}@media screen and (min-width:769px){#container #main>.frame.frame-fullgreen .frame,#container #main>.frame.frame-wobble .frame{height:var(--app-height);min-height:0}}@media (max-width:900px) and (orientation:landscape){#container #main>.frame.frame-fullgreen .frame,#container #main>.frame.frame-wobble .frame{height:auto;min-height:var(--app-height)}}#container #main>.frame.frame-fullgreen .frame.frame-type-image,#container #main>.frame.frame-wobble .frame.frame-type-image{height:100%}#container #main>.frame.frame-fullgreen .frame.frame-type-image *,#container #main>.frame.frame-wobble .frame.frame-type-image *{height:100%}#container #main>.frame.frame-fullgreen>.row,#container #main>.frame.frame-wobble>.row{height:100%}#container #main>.frame.frame-fullwidth{padding-left:0;padding-right:0}#container.page-1 #header{display:none}@media (min-width:600px){#container.page-1 #main>.frame{padding-bottom:0}}#header{position:fixed;left:0;top:0;background:#ffffff;width:100%;z-index:1;height:100px}@media (min-width:769px){#header{height:140px}}#container:not(.page-1) #main{padding-top:120px}@media (min-width:769px){#container:not(.page-1) #main{padding-top:180px}}#container:not(.page-1) #main header h1{-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}@media (min-width:1400px){#container.parent-2 #main{padding-top:0}#container.parent-2 #main>.frame{padding-top:11em}}.logo{position:fixed;z-index:100;left:20px;top:20px;width:100px;z-index:10}@media (min-width:450px){.logo{width:125px}}@media (min-width:769px){.logo{left:40px;top:40px;width:200px;transition:width 0.5s ease-in-out}}@media (min-width:1550px){.logo{width:11vw}}.logo>a{display:block}.page-1 .logo{left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:75vw;webkit-animation:ani-logo-extra-small 2s forwards;animation:ani-logo-extra-small 2s forwards;-webkit-animation-delay:1s;animation-delay:1s}@media (min-width:450px){.page-1 .logo{webkit-animation:ani-logo-small 2s forwards;animation:ani-logo-small 2s forwards}}@media (min-width:769px){.page-1 .logo{-webkit-animation:ani-logo-middle 2s forwards;animation:ani-logo-middle 2s forwards;-webkit-animation-delay:1s;animation-delay:1s;transition:none}}@media (min-width:1550px){.page-1 .logo{-webkit-animation:ani-logo 2s forwards;animation:ani-logo 2s forwards;-webkit-animation-delay:1s;animation-delay:1s;transition:none}}@media (min-width:1025px){.page-1 .logo{width:40vw}}@media (min-width:2000px){.page-1 .logo{width:30vw}}@media (max-width:900px) and (orientation:landscape){.page-1 .logo{-webkit-animation:none;animation:none;left:20px;top:20px;width:125px;transform:none}}.logo img,.logo svg{display:block}.logo #logo-white{display:none}.logo #logo-greenwhite{display:none}.logo.white #logo-green{display:none !important}.logo.white #logo-greenwhite{display:none !important}.logo.white #logo-white{display:block !important}.logo.greenwhite #logo-green{display:none}.logo.greenwhite #logo-white{display:none}.logo.greenwhite #logo-greenwhite{display:block}#container.page-16 .logo #logo-white{display:none}#container.page-16 .logo #logo-green{display:none}#container.page-16 .logo #logo-greenwhite{display:block}@media (max-width:768px){#container.page-16 .claim svg path{fill:#ffffff}}@media (min-width:769px){#container.page-16 .contentslider .content>ul>li{padding-top:170px;padding-left:40px;padding-right:40px}}@media (min-width:1400px){#container.page-16 .contentslider .content>ul>li{padding-top:10vw;padding-left:130px;padding-right:130px}}#container.page-16 .contentslider .content>ul>li>div{height:auto}#container.page-16 .contentslider .content>ul>li>div>.frame{margin-bottom:60px}.claim{position:fixed;left:auto;right:20px;top:20px;width:200px;z-index:100}@media (min-width:769px){.claim{right:40px;top:40px;width:250px}}@media (min-width:1550px){.claim{width:15.85vw;right:80px}}.page-1 .claim{right:50%;top:calc(50% + 20vw);width:75vw;transform:translateX(50%);-webkit-animation:ani-claim-small 2s forwards;animation:ani-claim-small 2s forwards;-webkit-animation-delay:1s;animation-delay:1s}@media (min-width:769px){.page-1 .claim{-webkit-animation:ani-claim-middle 2s forwards;animation:ani-claim-middle 2s forwards;-webkit-animation-delay:1s;animation-delay:1s}}@media (min-width:1550px){.page-1 .claim{-webkit-animation:ani-claim 2s forwards;animation:ani-claim 2s forwards;-webkit-animation-delay:1s;animation-delay:1s}}@media (min-width:1025px){.page-1 .claim{top:calc(50% + 10vw);width:40vw}}@media (min-width:2000px){.page-1 .claim{top:calc(50% + 8vw);width:30vw}}@media (max-width:900px) and (orientation:landscape){.page-1 .claim{-webkit-animation:none;animation:none;transform:none;left:auto;right:20px;top:20px;width:200px}}.claim img,.claim svg{display:block}.claim svg path{fill:#1d1d1b}@media (max-width:768px){.claim.white svg path{fill:#ffffff}}#kbalogo .kbalogo-cls1{fill:#1d1d1b;transition:fill 1s ease-in-out}#kbalogo.white .kbalogo-cls1{fill:#ffffff}.startanimation{scroll-snap-align:start;position:relative;left:0;top:0;width:100%;height:var(--app-height);background:#ffffff;overflow:hidden}.startanimation img,.startanimation svg{display:block}.startanimation .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;background-size:cover;background-repeat:no-repeat;background-position:left top;opacity:0;-webkit-animation:ani-fadein 3s forwards;animation:ani-fadein 3s forwards}.startanimation .bgvideo{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}.startanimation .bgvideo video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.startanimation .text{position:absolute;left:5px;top:50%;transform:translateY(-50%);opacity:0;z-index:8;-webkit-animation:ani-text 2s forwards;animation:ani-text 2s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s;padding-right:9.1vw;font-size:1.4em;color:#ffffff;line-height:1.4em;font-weight:500}.startanimation .text>p{text-shadow:2px 2px 10px #878787}@media (min-width:375px){.startanimation .text{left:5%}}@media (min-width:650px){.startanimation .text{left:10%;font-size:1.7em}}@media (min-width:950px){.startanimation .text{left:30%;font-size:2em;font-weight:300}}@media (min-width:1300px){.startanimation .text{left:50%}}@media (max-width:900px) and (orientation:landscape){.startanimation .text{font-size:1em;line-height:1.4em;top:90px;transform:none;-webkit-animation:none;animation:none;opacity:1}}.startanimation .text.out{-webkit-animation:ani-text-out 2s forwards;animation:ani-text-out 2s forwards;-webkit-animation-delay:0s;animation-delay:0s;opacity:1}@media (max-width:375px){.startanimation .text p{max-width:calc(100vw - 5px)}}.startanimation .text a{display:inline-block;margin-top:3rem;background-color:#00fab6;color:#000000;text-transform:uppercase;text-decoration:none;font-weight:600;padding:0.5em 1em;font-size:0.8em;line-height:1em}@media (min-width:375px){.startanimation .text a{white-space:nowrap}}.contentslider{position:absolute;left:0;top:0;width:100%;height:var(--app-height);background:#ffffff;z-index:8}@media (min-width:769px){.contentslider{display:flex;flex-flow:row wrap}}.contentslider.active{-webkit-animation:ani-contentslider-in 2s forwards;animation:ani-contentslider-in 2s forwards}.contentslider .menu{position:relative;z-index:30;width:100%;padding-right:30px;background:#000000;color:#ffffff;font-size:1.6rem;line-height:1.4em;hyphens:auto;padding-top:125px;padding-bottom:25px;padding-left:20px;height:33rem}@media (min-width:769px){.contentslider .menu{width:33.33%;font-size:1.3em;line-height:1.4em;padding-bottom:0;padding-left:0;padding-top:170px;height:100%}}@media (min-width:1400px){.contentslider .menu{font-size:1.5em;line-height:1.4em;padding-top:10vw}}@media (max-width:900px) and (orientation:landscape){.contentslider .menu{width:100%;height:25rem;padding-left:20px}.contentslider .menu>ul{column-count:2}}.contentslider .menu ul{width:100%;list-style-type:none}@media (min-width:769px){.contentslider .menu ul{text-align:right}}@media (max-width:900px) and (orientation:landscape){.contentslider .menu ul{text-align:left}}.contentslider .menu ul li{color:#ffffff;text-transform:uppercase;transition:font-weight 0.2s ease-in-out;cursor:pointer;-webkit-hyphens:auto;hyphens:auto}.contentslider .menu ul li:not(:last-child){margin-bottom:0.5em}.contentslider .menu ul li.active,.contentslider .menu ul li:hover{font-weight:700}.contentslider .menu .content_slider_close{position:absolute;right:20px;top:95px;width:30px;cursor:pointer;display:none}@media (min-width:769px){.contentslider .menu .content_slider_close{position:fixed;width:40px;right:120px;top:125px;transform:translateY(-100%)}}@media (min-width:1550px){.contentslider .menu .content_slider_close{top:calc(40px + 4.7vw);right:165px}}.contentslider .menu .content_slider_close span{height:5px;width:100%;background:#ffffff;display:block}@media (min-width:769px){.contentslider .menu .content_slider_close span{height:7px;background:#000000}}.contentslider .menu .content_slider_close span:not(:last-child){margin-bottom:5px}.contentslider .menu .content_slider_close span:nth-child(1){transform:translateY(10px) rotate(-45deg)}@media (min-width:769px){.contentslider .menu .content_slider_close span:nth-child(1){transform:translateY(12px) rotate(-45deg)}}.contentslider .menu .content_slider_close span:nth-child(2){opacity:0}.contentslider .menu .content_slider_close span:nth-child(3){transform:translateY(-10px) rotate(45deg)}@media (min-width:769px){.contentslider .menu .content_slider_close span:nth-child(3){transform:translateY(-12px) rotate(45deg)}}.contentslider .content{width:100%;position:relative;z-index:25;height:calc(100% - 33rem);overflow:hidden}@media (min-width:769px){.contentslider .content{width:66.66%;height:100%}}@media (max-width:900px) and (orientation:landscape){.contentslider .content{height:calc(100% - 25rem)}}.contentslider .content>ul>li{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateX(-100%);transition:transform 1.5s ease-in-out;background:#ffffff;overflow-y:auto;padding:20px}.contentslider .content>ul>li>div{height:100%}.contentslider .content>ul>li>div .text{transition:all 1.5s ease-in-out;overflow-x:hidden;padding:40px 20px}@media (min-width:769px){.contentslider .content>ul>li>div .text{padding:170px 20px 20px 20px;height:50%}}@media (min-width:1400px){.contentslider .content>ul>li>div .text{padding-top:10vw}}.contentslider .content>ul>li>div .text h2{text-transform:uppercase;font-size:1em}.contentslider .content>ul>li>div .image{transition:all 1.5s ease-in-out}@media (min-width:769px){.contentslider .content>ul>li>div .image{height:50%}}.contentslider .content>ul>li>div .image img{width:100%;display:block}@media (min-width:769px){.contentslider .content>ul>li>div .image img{height:100%;object-fit:cover}}.contentslider .content>ul>li.active{transform:translateX(0)}#container.page-1 .contentslider{transform:translateX(-100%)}#container.page-1 .contentslider .content_slider_close{display:block}#container.page-1 .contentslider .content{font-size:1.5em;line-height:1.2em}#container.page-1 .contentslider .content>ul>li{padding:0}.scrolldown{position:absolute;left:50%;bottom:50px;z-index:8;transform:translateX(-50%);width:2vw;min-width:40px;-webkit-animation:moveupdown 2s infinite;animation:moveupdown 2s infinite}.scrolldown svg{width:100%}.scrolldown.out{-webkit-animation:horiz-out 2s forwards;animation:horiz-out 2s forwards}.frame-fullgreen .frame.frame-type-image img{width:100%;height:var(--app-height);object-fit:cover}@media screen and (orientation:portrait){.frame-fullgreen .frame.frame-type-image img{height:50vh}}.frame-fullgreen .frame.frame-type-text{font-size:1.2em;padding:20px}@media (min-width:400px){.frame-fullgreen .frame.frame-type-text{font-size:1.5em}}@media (min-width:769px){.frame-fullgreen .frame.frame-type-text{font-size:2em;padding:180px 20px 20px 20px}}@media (min-width:900px){.frame-fullgreen .frame.frame-type-text{padding:180px 80px 20px 80px}}@media (min-width:1400px){.frame-fullgreen .frame.frame-type-text{padding:calc(40px + 4.7vw + 80px) 80px 20px 80px}}@media (max-height:450px){.frame-fullgreen .frame.frame-type-text{font-size:1.3em}}.frame-fullgreen .frame-type-text{background:#00fab6}.frame-wobble{background-image:url("/typo3conf/ext/kba/Resources/Public/Images/wobble1.svg");background-repeat:no-repeat;background-size:cover;background-position:top left;position:relative}@media (min-width:769px){.frame-wobble{margin-left:80px}}@media (min-width:1200px){.frame-wobble{margin-left:25vw}}.frame-wobble>.bodytext{position:absolute;left:15vw;top:40%;transform:translateY(-50%);color:#00fab6}@media (min-width:700px){.frame-wobble>.bodytext{top:50%;left:10vw}}.frame-wobble>.bodytext h2,.frame-wobble>.bodytext h3{font-size:2em;font-weight:inherit;text-transform:uppercase}@media (min-width:700px){.frame-wobble>.bodytext h2,.frame-wobble>.bodytext h3{font-size:3em}}@media (min-width:900px){.frame-wobble>.bodytext h2,.frame-wobble>.bodytext h3{font-size:4em}}.frame-wobble>.bodytext h2{opacity:0.6}.frame-wobble>.bodytext h3{font-weight:600}.frame-type-image.frame-layout-1 .ce-gallery{width:100vw;height:80vh;overflow:hidden;position:relative}.frame-type-image.frame-layout-1 .ce-gallery .ce-outer{position:absolute;left:0;height:80vh;width:auto;transform:translateX(0);-webkit-animation-name:bildslider;-webkit-animation-duration:15s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.frame-type-image.frame-layout-1 .ce-gallery .ce-outer .ce-row .ce-column{display:flex;flex-direction:row;flex-wrap:nowrap}.frame-type-image.frame-layout-1 .ce-gallery .ce-outer .ce-row .ce-column img{width:auto;height:80vh;display:block;max-width:none}@keyframes bildslider{0%{transform:translateX(0)}100%{transform:translateX(-33.33%)}}.burgermenu{position:fixed;right:20px;top:calc(20px + 53px);transform:translateY(-100%);width:40px;z-index:500;cursor:pointer}@media (min-width:769px){.burgermenu{right:40px;top:calc(40px + 85px);width:50px}}@media (min-width:1550px){.burgermenu{top:calc(40px + 4.7vw);right:80px}}.burgermenu span{height:5px;width:100%;background:#000000;display:block;transition:0.5s;transform-origin:center}@media (min-width:769px){.burgermenu span{height:7px}}.burgermenu span:not(:last-child){margin-bottom:5px}.burgermenu.active span:nth-child(1){transform:translateY(10px) rotate(-45deg)}@media (min-width:769px){.burgermenu.active span:nth-child(1){transform:translateY(12px) rotate(-45deg)}}.burgermenu.active span:nth-child(2){opacity:0}.burgermenu.active span:nth-child(3){transform:translateY(-10px) rotate(45deg)}@media (min-width:769px){.burgermenu.active span:nth-child(3){transform:translateY(-12px) rotate(45deg)}}@media (max-width:768px){.burgermenu.white span{background:#ffffff}}.main-navigation{width:0;height:0;top:0;right:0;position:fixed;z-index:9;overflow:hidden;background:#00fab6}@media (min-width:769px){.main-navigation{background:transparent}}.main-navigation .bg{position:absolute;right:0;top:0;width:35%;height:100%;transform:translateX(25%) translateY(-50%);display:none}@media (min-width:769px){.main-navigation .bg{display:block;transition:width 1.5s linear}}.main-navigation>ul{padding-top:50px}@media (max-width:900px) and (orientation:landscape){.main-navigation>ul{padding-top:0}}.main-navigation ul{list-style-type:none}.main-navigation ul li{margin-bottom:0.2em}.main-navigation ul li a{color:#000000;text-decoration:none;font-size:2em;text-transform:uppercase;transition:color 0.3s linear}@media (min-width:500px){.main-navigation ul li a{font-size:3em}}@media (max-width:900px) and (orientation:landscape){.main-navigation ul li a{font-size:1.5em}}.no-touch .main-navigation ul li a:hover{color:#ffffff}.main-navigation ul li.active>a{color:#ffffff}.main-navigation>ul{position:absolute;z-index:20;left:50%;top:calc(80px + 3.39vw);transform:translateX(-100vw);transition:transform 0.5s ease-in-out;transition-delay:0.5s}@media (min-width:1000px){.main-navigation>ul{transition:transform 1.5s ease-in-out;transition-delay:1s}}@media (max-width:900px) and (orientation:landscape){.main-navigation>ul{top:30px}}.main-navigation>ul>li>a{font-weight:600}.main-navigation>ul>li>ul{display:none;margin-left:2em}.no-touch .main-navigation>ul>li>ul>li:hover>a,.main-navigation>ul>li>ul>li.active>a{font-style:italic}.main-navigation.active{width:100vw;height:100vh}.main-navigation.active>ul{transform:translateX(-50%)}.main-navigation.active .bg{width:100%}@media (min-width:769px){.main-navigation.active .bg{width:250%}}.main-navigation.active .bg img{width:100%}.main-navigation.out{width:0;height:0}@media (min-width:769px){.main-navigation.out{width:100vw;height:var(--app-height);-webkit-animation:ani-mainnav 1s forwards;animation:ani-mainnav 0s forwards;-webkit-animation-delay:0s;animation-delay:1.5s}}.main-navigation.out .bg{width:35%}.main-navigation.out>ul{transition-delay:unset;right:-100%}.main-navigation .footernavigation{position:absolute;left:calc(20px + 3.4vw);bottom:40px}@media (max-width:768px){.main-navigation .footernavigation{bottom:80px}}@media (max-width:900px) and (orientation:landscape){.main-navigation .footernavigation{bottom:100px;left:20px}}.main-navigation .footernavigation li{display:inline-block}.main-navigation .footernavigation li:not(:last-child)::after{display:inline-block;content:"|";padding:0 1em}.main-navigation .footernavigation li a{font-size:1em}.main-navigation .socialmedia{position:absolute;right:calc(20px + 3.4vw);bottom:40px}@media (max-width:768px){.main-navigation .socialmedia{bottom:120px;left:calc(20px + 3.4vw);top:auto}}@media (max-width:900px) and (orientation:landscape){.main-navigation .socialmedia{bottom:140px;top:auto;left:20px}}.main-navigation .socialmedia>div{display:inline-block}.main-navigation .socialmedia>div:not(:last-child){margin-right:20px}.main-navigation .socialmedia>div img{display:block;width:auto;height:20px}@media (min-width:769px){.main-navigation .socialmedia>div img{height:30px}}.projekte{padding-left:calc(20px + 3.5vw);padding-right:calc(20px + 3.5vw)}.projekte>ul{list-style-type:none;margin-top:0}@media (min-width:769px){.projekte>ul{margin-top:50px}}.projekte>ul.invisible{height:auto !important}.projekte>ul>li{width:calc(100% - 40px);margin-bottom:40px;cursor:pointer}.projekte>ul>li.grid-sizer,.projekte>ul>li.gutter-sizer{height:0;margin:0}.projekte>ul>li.gutter-sizer{width:40px}@media (min-width:1200px){.projekte>ul>li.gutter-sizer{width:80px}}@media (min-width:1800px){.projekte>ul>li.gutter-sizer{width:120px}}.projekte>ul>li.invisible{height:0 !important;overflow:hidden !important;margin:0 !important}.projekte>ul>li:not(.active){}@media (min-width:1200px){.projekte>ul>li{width:calc(50% - 80px);margin-bottom:80px}}@media (min-width:1800px){.projekte>ul>li{width:calc(50% - 120px);margin-bottom:120px}}.projekte>ul>li .image{position:relative}.projekte>ul>li .image.slick-initialized.slick-slider{width:100vw !important;padding-bottom:100px;margin-left:calc(calc(20px + 3.5vw) * -1) !important}@media (min-width:600px){.projekte>ul>li .image.slick-initialized.slick-slider{margin-left:calc(-20px - 3.5vw) !important}}@media (min-width:1100px){.projekte>ul>li .image.slick-initialized.slick-slider{padding-bottom:0}}.projekte>ul>li .image .projekteimg{display:none;left:0;top:0;width:100%;height:100%;background:#ffffff}.projekte>ul>li .image .projekteimg>video{width:100%;height:100%;display:block;object-fit:contain}.projekte>ul>li .image .projekteimg.active:not(.fromleft){-webkit-animation:ani-slide-in 2s forwards;animation:ani-slide-in 2s forwards;z-index:1}.projekte>ul>li .image .projekteimg.active.fromleft{-webkit-animation:ani-slide-in-left 2s forwards;animation:ani-slide-in-left 2s forwards;z-index:1}.projekte>ul>li .image .projekteimg.out:not(.toleft){-webkit-animation:ani-slide-out 2s forwards;animation:ani-slide-out 2s forwards;z-index:0}.projekte>ul>li .image .projekteimg.out.toright{-webkit-animation:ani-slide-out-right 2s forwards;animation:ani-slide-out-right 2s forwards;z-index:0}.projekte>ul>li .image img{width:100%;display:block}.projekte>ul>li .image .video{aspect-ratio:1.9;top:50%;position:relative;transform:translateY(-50%)}.projekte>ul>li .infos{display:none;background:#000000;color:#ffffff;margin-left:calc(-20px - 3.5vw);margin-right:calc(-20px - 3.5vw);padding:1em 5vw;font-size:1em;position:relative;z-index:10;transform:translateY(-1em);border-bottom:10px solid #ffffff}@media (min-width:1100px){.projekte>ul>li .infos{margin-top:40px;padding:1em calc(9.56vw + 20px + 40px);font-size:2.5em;transform:none}}.projekte>ul>li .infos h2,.projekte>ul>li .infos h3{color:#00fab6;text-align:center;text-transform:uppercase;font-size:1.5em;font-weight:100;line-height:1em}@media (min-width:1100px){.projekte>ul>li .infos h2,.projekte>ul>li .infos h3{font-size:2em}}.projekte>ul>li .infos h3{font-weight:600;line-height:1.2em;margin-bottom:1em}.projekte>ul>li .infos>div{display:flex;flex-flow:row wrap;justify-content:space-between;margin-left:-40px}.projekte>ul>li .infos>div>div{width:calc(50% - 40px);margin-left:40px}.projekte>ul>li .infos>div:nth-of-type(1){margin-bottom:1em}.projekte>ul>li .infos>div:nth-of-type(2)>div>div{display:flex;flex-flow:row wrap;margin-left:-15px}.projekte>ul>li .infos>div:nth-of-type(2)>div>div>div{margin-left:15px}.projekte>ul>li.format-hoch .image{width:100%;margin:0 auto}.projekte>ul>li.format-hoch .image .firstpic{}.projekte>ul>li.format-hoch .image img{width:70%;margin:0 auto}@media (min-width:1200px){.projekte>ul>li.format-hoch+.format-quer .image:not(.slick-slider){margin-top:10%}}.projekte>ul>li.fixedtop{margin:0 !important}@media (min-width:1200px){.projekte>ul>li.fixedtop{top:0 !important}}.projekte>ul>li.active{width:100%}.projekte>ul>li.active:not(.format-hoch2) .image{height:auto}@media (min-width:769px){.projekte>ul>li.active:not(.format-hoch2) .image{height:calc(100vh - 11em - 40px)}}.projekte>ul>li.active:not(.format-hoch2) .image .firstpic{height:calc(100vh - 100px - 100px - 160px)}@media (min-width:769px){.projekte>ul>li.active:not(.format-hoch2) .image .firstpic{height:calc(100vh - 11em - 40px)}}.projekte>ul>li.active:not(.format-hoch2) .image .firstpic.out:not(.toleft){-webkit-animation:ani-slide-out 2s forwards;animation:ani-slide-out 2s forwards}.projekte>ul>li.active:not(.format-hoch2) .image .firstpic.out.toright{-webkit-animation:ani-slide-out-right 2s forwards;animation:ani-slide-out-right 2s forwards}.projekte>ul>li.active:not(.format-hoch2) .image .firstpic.in:not(.fromleft){-webkit-animation:ani-slide-in 2s forwards;animation:ani-slide-in 2s forwards}.projekte>ul>li.active:not(.format-hoch2) .image .firstpic.in.fromleft{-webkit-animation:ani-slide-in-left 2s forwards;animation:ani-slide-in-left 2s forwards}.projekte>ul>li.active:not(.format-hoch2) .image img{width:auto;height:100%;object-fit:contain;margin:0 auto}@media (min-width:600px){.projekte>ul>li.active:not(.format-hoch2) .image img{padding:0 40px}}.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg{height:calc(100vh - 100px - 100px - 160px)}@media (min-width:769px){.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg{height:calc(100vh - 11em - 40px)}}.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg img,.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg iframe{width:100%;margin:0 auto;height:100%;object-fit:contain}.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg iframe{display:block;border:none}.projekte>ul>li.active:not(.format-hoch2) .image .projekteimg img{width:auto}.projekte>ul>li.active .image .projekteimg{display:block}.projekte>ul>li.active .image .projekteimg img{transition:all 0.3s ease-in-out;display:block}.projekte>ul>li.active .image .slick-track>div:not(.slick-current) img{padding:0;clip-path:polygon(1% 1%,1% 16%,2% 40%,1% 64%,1% 87%,2% 99%,21% 99%,39% 99%,58% 100%,81% 98%,98% 99%,99% 100%,99% 80%,100% 61%,99% 43%,100% 23%,99% 3%,96% 1%,86% 3%,69% 1%,44% 1%,23% 1%,13% 2%,5% 1%);transform:scale(0.9);opacity:0.3}.projekte>ul>li.active .image .slick-track>div:not(.slick-current).format-hoch img{clip-path:polygon(2% 1%,2% 1%,2% 1%,2% 1%,4% 9%,4% 9%,4% 9%,4% 9%,2% 29%,2% 29%,2% 29%,2% 29%,5% 51%,5% 51%,5% 51%,5% 51%,3% 64%,3% 64%,3% 64%,3% 64%,5% 82%,5% 82%,5% 82%,5% 82%,2% 99%,2% 99%,2% 99%,2% 99%,30% 98%,30% 98%,30% 98%,30% 98%,70% 99%,70% 99%,70% 99%,70% 99%,96% 97%,96% 97%,96% 97%,96% 97%,97% 87%,97% 87%,97% 87%,97% 87%,98% 68%,98% 68%,98% 68%,98% 68%,99% 48%,99% 48%,99% 48%,99% 48%,96% 34%,96% 34%,96% 34%,96% 34%,99% 17%,99% 17%,99% 17%,99% 17%,98% 1%,98% 2%,98% 2%,98% 2%,70% 2%,70% 2%,70% 2%,70% 2%,39% 1%,39% 1%,39% 1%,39% 1%)}.projekte-titel{line-height:1em;text-transform:uppercase;font-size:1em;z-index:2;top:120px;display:none;text-align:center;padding:20px 0}@media (min-width:769px){.projekte-titel{top:160px;position:fixed;transform:translateX(-50%);min-width:60%;padding:0;left:50%}}@media (min-width:1400px){.projekte-titel{font-size:1.5em;top:40px}}#cursor,#cursor2{position:fixed;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:25px;height:25px;margin:-12px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#00fab6;border-radius:50%;text-align:center;pointer-events:none;overflow:hidden;left:0;top:0}@media (pointer:coarse){#cursor,#cursor2{display:none}}#cursor .cursor-text,#cursor2 .cursor-text{position:relative;opacity:0;text-transform:lowercase;font-style:italic;font-size:1.5em;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#ffffff}@media (pointer:coarse){#cursor .cursor-text,#cursor2 .cursor-text{display:none}}#cursor.projects,#cursor2.projects{mix-blend-mode:difference;width:150px;height:147px;margin:-50px}#cursor.projects .cursor-text,#cursor2.projects .cursor-text{opacity:1}#cursor.slider-links,#cursor2.slider-links{background:none;background-image:url("/typo3conf/ext/kba/Resources/Public/Images/slider-links.svg");background-size:cover;background-repeat:no-repeat;width:150px;height:147px;margin:-75px}#cursor.slider-links .cursor-text,#cursor2.slider-links .cursor-text{opacity:0}#cursor.slider-rechts,#cursor2.slider-rechts{background:none;background-image:url("/typo3conf/ext/kba/Resources/Public/Images/slider-rechts.svg");background-size:cover;background-repeat:no-repeat;width:150px;height:147px;margin:-75px}#cursor.slider-rechts .cursor-text,#cursor2.slider-rechts .cursor-text{opacity:0}#cursor2{mix-blend-mode:unset !important;display:none;background:none}@media (pointer:coarse){#cursor2{display:none}}#cursor2.projects{display:block}.controls{display:none}.slick-initialized.slick-slider+.controls{display:block}.controls>div{width:55px;height:54px;background:none;position:absolute;background-size:cover;background-repeat:no-repeat;bottom:100px;transform:translateY(100%) translateY(20px)}@media (min-width:1100px){.controls>div{width:150px;height:147px;margin:0;bottom:auto;top:50%;transform:translateY(-50%)}}.controls .slider-links{left:5%;background-image:url("/typo3conf/ext/kba/Resources/Public/Images/slider-links.svg")}.controls .slider-rechts{left:auto;right:5%;background-image:url("/typo3conf/ext/kba/Resources/Public/Images/slider-rechts.svg")}@media (min-width:1100px){.controls .slider-rechts{transform:translate(0,-50%)}}.scrolled #kbalogo .kbalogo-cls1{fill:#1d1d1b}.frame-type-ce_columns2 .row,.frame-type-ce_columns3 .row,.frame-type-ce_columns4 .row{display:flex;flex-flow:row wrap;margin-left:-40px;margin-bottom:-40px}.frame-type-ce_columns2 .ce-col,.frame-type-ce_columns3 .ce-col,.frame-type-ce_columns4 .ce-col{margin-left:40px;margin-bottom:40px;width:calc(100% - 40px)}@media (min-width:769px){.frame-type-ce_columns2 .ce-col,.frame-type-ce_columns3 .ce-col,.frame-type-ce_columns4 .ce-col{width:calc(50% - 40px)}}@media (min-width:769px){.frame-type-ce_columns2.frame-type-ce_columns3 .ce-col,.frame-type-ce_columns3.frame-type-ce_columns3 .ce-col,.frame-type-ce_columns4.frame-type-ce_columns3 .ce-col{width:calc(33.33% - 40px)}}@media (min-width:1025px){.frame-type-ce_columns2.frame-type-ce_columns4 .ce-col,.frame-type-ce_columns3.frame-type-ce_columns4 .ce-col,.frame-type-ce_columns4.frame-type-ce_columns4 .ce-col{width:calc(25% - 40px)}}.frame-type-ce_columns3:not(.frame-type-images) .row{display:flex;justify-content:space-between;flex-wrap:nowrap}.frame-type-ce_columns3:not(.frame-type-images) .ce-col{width:30%}iframe{border:0}#container:not(.parent-0):not(.parent-2) #main{max-width:1400px;margin:0 auto;font-size:2rem;line-height:1.4em}#container:not(.parent-0):not(.parent-2) #main>.frame:not(:first-child){padding-top:0}#container:not(.parent-0):not(.parent-2) #main h1{color:#00fab6;font-size:1.5em;line-height:1em;margin-bottom:1em}@media (min-width:769px){#container:not(.parent-0):not(.parent-2) #main h1{font-size:2em;line-height:1em}}#container:not(.parent-0):not(.parent-2) #main h1+h2{margin-top:-1.4em;font-size:1em;line-height:1.4em;color:inherit}@media (min-width:769px){#container:not(.parent-0):not(.parent-2) #main h1+h2{margin-top:-1.8em}}#container:not(.parent-0):not(.parent-2) #main h2{font-size:1.5em;line-height:1.4em;margin-bottom:1em;color:#00fab6}#container:not(.parent-0):not(.parent-2) #main .bodytext p:not(:last-child){margin-bottom:1em}#container:not(.parent-0):not(.parent-2) #main .bodytext a{color:inherit}#container:not(.parent-0):not(.parent-2) #main .video{position:relative}#container:not(.parent-0):not(.parent-2) #main .video iframe,#container:not(.parent-0):not(.parent-2) #main .video video{width:100%;height:auto}#container:not(.parent-0):not(.parent-2) #main .frame-videos .frame-type-text:last-child{font-size:0.8em;line-height:1.4em;margin:40px 0 0 0}#container:not(.parent-0):not(.parent-2) #main .c-bildslider{position:relative;margin:0 -20px 40px -20px}#container:not(.parent-0):not(.parent-2) #main .c-bildslider .bild{margin:0 20px}#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls{margin-bottom:20px}#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-links{left:20%;bottom:0;transform:translateX(20px) translateY(100%) translateY(20px)}@media (min-width:1200px){#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-links{bottom:auto;top:50%;transform:translateY(-50%);left:0}}@media (min-width:1700px){#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-links{transform:translateX(-100%)}}#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-rechts{right:20%;bottom:0;transform:translateX(-20px) translateY(100%) translateY(20px)}@media (min-width:1200px){#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-rechts{bottom:auto;top:50%;transform:translateY(-50%);right:0}}@media (min-width:1700px){#container:not(.parent-0):not(.parent-2) #main .c-bildslider .controls .slider-rechts{transform:translateX(100%)}}.button,.btn{font-family:inherit;font-size:inherit;line-height:1.2em;border:0;border-radius:0;appearance:none;cursor:pointer;background:#00fab6;padding:0.5em 1em;display:table;font-weight:600}.button.readmore,.button.btn,.btn.readmore,.btn.btn{margin:20px auto}.button.readmore,.btn.readmore{margin-bottom:0}.button.readmore+p,.btn.readmore+p{margin-top:20px}.button.readmore~p,.btn.readmore~p{display:none}.frame-type-form_formframework .row{display:flex;flex-flow:row wrap;margin-left:-40px}.frame-type-form_formframework .row>div{margin-left:40px;margin-bottom:40px;width:calc(100% - 40px)}@media (min-width:769px){.frame-type-form_formframework .row>div{width:calc(50% - 40px)}}.frame-type-form_formframework .form-group label{display:none}.frame-type-form_formframework .form-group input,.frame-type-form_formframework .form-group textarea,.frame-type-form_formframework .form-group select{border:1px solid #000000;background:#ffffff;border-radius:0;padding:0.5em 1em;font-family:inherit;font-size:inherit;line-height:inherit;width:100%}.frame-type-form_formframework .form-group textarea{height:10em}html.notscrollable,body.notscrollable{overflow:hidden !important}.slick-slide>.frame:not(:last-child){margin-bottom:60px}.c-blockslider .controls>div{top:130px;width:50px;height:50px;transform:none}.c-blockslider .controls>div.slider-links{left:auto;right:80px}@media (min-width:769px){.c-blockslider .controls>div.slider-links{right:100px}}@media (min-width:1780px){.c-blockslider .controls>div.slider-links{right:auto;left:40px}}.c-blockslider .controls>div.slider-rechts{left:auto;right:20px}@media (min-width:769px){.c-blockslider .controls>div.slider-rechts{right:40px}}@media (min-width:1780px){.c-blockslider .controls>div{top:50vh;width:100px;height:100px;transform:translateY(-50%)}}.projekt-close{position:fixed;right:20px;top:20px;width:50px;cursor:pointer;display:none;z-index:100}@media (min-width:769px){.projekt-close{right:40px;top:40px;width:50px}}.projekt-close>span{height:7px;width:100%;background:#000000;display:block;transition:0.5s;transform-origin:center;margin-bottom:5px}.projekt-close>span:nth-child(1){transform:translateY(12px) rotate(-45deg)}.projekt-close>span:nth-child(2){opacity:0}.projekt-close>span:nth-child(3){transform:translateY(-12px) rotate(45deg)}body.projectopen .claim,body.projectopen .burgermenu{display:none}@media (min-width:1400px){body.projectopen .logo{}body.projectopen #container #main>.frame{padding-top:11em;padding-bottom:0}}body.projectopen .projekte>ul{margin-top:0}body.projectopen .projekte-titel{display:block}.projekte-titel-mobile{font-weight:600;margin-top:20px;margin-bottom:20px;text-align:center}@media (min-width:1025px){.projekte-titel-mobile{font-size:1.5em;line-height:1.2em}}.slick-track{display:flex !important}.slick-slide{float:none !important}.slick-disabled{opacity:0.2}.projekte-menu{padding:20px 20px 40px 20px}.projekte-menu ul{text-align:center}.projekte-menu ul li{display:inline-block}@media (min-width:769px){.projekte-menu ul li{font-size:1.5em}}.projekte-menu ul li:not(:last-child){padding-right:0.2em}.projekte-menu ul li:not(:last-child)::after{display:inline-block;content:"|";padding-left:0.2em}.projekte-menu ul li a{color:inherit;text-decoration:none;text-transform:uppercase}.projekte-menu ul li.active a{font-weight:600}.page-1 #main>.frame:last-child{padding-top:40px !important}@media (min-width:769px){.page-1 #main>.frame:last-child{padding-top:120px !important}}@media (max-width:768px){.page-16 .burgermenu>span{background:#ffffff}}hr{border-top:1px solid #00fab6}.contentslider .content>ul>li::-webkit-scrollbar{display:none}.bodytext>p a{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Black.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Bold.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Light.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Regular.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Averta Std";src:url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Thin.woff2") format("woff2"),url("/typo3conf/ext/kba/Resources/Public/Fonts/AvertaStd-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}#container.page-1 #main>.frame:last-child{position:relative}.team{position:relative}.team .image{width:100%}.team .image img{display:block;width:100%}@media (min-width:1025px){.team{max-width:80%;margin:0 auto}}@media (min-width:1600px){.team{max-width:60%}}.team ul{list-style-type:none;display:flex;flex-flow:row wrap;justify-content:space-between}.team ul>li{width:30%}.team .infos{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background:rgba(0,0,0,0.4)}.team .infos .inner{position:absolute;bottom:6%;padding:0 20px;font-size:1.5em;color:#ffffff;left:50%;transform:translateX(-50%);opacity:0;width:100%;display:block;margin:auto}.team .infos .inner .teamvorname,.team .infos .inner .teamnachname{color:#00fab6;font-size:2em;font-style:italic;text-transform:uppercase;letter-spacing:0.05em}.team .infos .inner .teamnachname{font-weight:600;font-style:normal;margin-bottom:0.5em}@media (max-width:1250px){.team .infos .inner{font-size:1em}.team .infos .inner .teamvorname,.team .infos .inner .teamnachname{font-size:1.2em}}.team .infos .hover{height:100%;left:0;top:0;position:absolute}.team .infos .hover:hover .inner{opacity:1}.team .infos:hover{opacity:1}@media (max-width:768px){.team .infos{position:relative;opacity:1;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px;background:white;gap:30px 0}.team .infos .hover{position:relative;left:auto !important;right:auto !important;width:33% !important;min-width:200px}.team .infos .hover .inner{opacity:1;position:relative;padding:5px;color:black}}@media (max-width:740px){.team .infos .hover{width:100% !important}}@media (min-width:1025px){#container.page-1 #main .team{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none}#container.page-1 #main .team .image{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none}#container.page-1 #main .team .image img{width:100%;height:100%;display:block;object-fit:cover}}.green{color:#00fab6;font-weight:400;text-transform:uppercase;}