*,:after,:before{box-sizing:border-box}ol,ul{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol,p,ul{margin:0}body{line-height:1.5;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{display:block;max-width:100%}article>*+*{margin-top:1em}button,input,select,textarea{-webkit-font-smoothing:antialiased;font:inherit}*{-webkit-tap-highlight-color:transparent}ol,ul{list-style:none}.logo{display:block;position:relative;z-index:1}.logo svg{display:inline-block;height:53px;width:85px}@media screen and (min-width:993px){.logo svg{height:63.6px;width:102px}}@media screen and (min-width:1241px){.logo svg{height:76.32px;width:122.4px}}@media screen and (min-width:1357px){.logo svg{height:91.584px;width:146.88px}}.logo svg path{fill:#333}@keyframes bodyScroll{0%,99%{position:fixed}to{position:relative}}@keyframes bodyColor{0%{background-color:#333}to{background-color:#eae6e0}}@keyframes logoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--scale,1.38))}}@keyframes bottomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes circleBefore{0%{left:0}to{left:50%}}@keyframes circleAfter{0%{left:100%}to{left:50%}}@keyframes stageTextFadeIn{0%{transform:translate3d(0,115%,0)}to{transform:translateZ(0)}}@keyframes brandOpacity{0%{opacity:0}to{opacity:1}}@keyframes contentFadeIn{0%,99%{opacity:0}to{opacity:1}}@keyframes linkFadeIn{0%{transform:translate3d(0,115%,0)}to{transform:translateZ(0)}}@font-face{font-family:FrutigerNextRegular;src:url(../fonts/FrutigerNextRegular.woff) format("woff"),url(webFonts/FrutigerNextRegular.woff2) format("woff2")}@font-face{font-family:Optima;font-weight:400;src:url(../fonts/OptimaNovaLTPro-Light.otf) format("opentype")}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;color:#333;font-family:FrutigerNextRegular;font-size:100%;font-style:normal;font-variant-ligatures:none;font-weight:400;letter-spacing:.012em;line-height:1.2}a{color:inherit;text-decoration:none}@media (hover:hover){li:not([class]) a:hover,p a:hover{text-decoration:underline;text-underline-offset:4px}}b,strong{font-weight:400}.font-light{font-weight:300}.font-regular{font-weight:400}.text-left{text-align:left}.text-justify{text-align:justify}.text-center{text-align:center}.text-right{text-align:right}@media screen and (min-width:1357px){.text-xxl-left{text-align:left}.text-xxl-justify{text-align:justify}.text-xxl-center{text-align:center}.text-xxl-right{text-align:right}}@media screen and (min-width:1241px){.text-xl-left{text-align:left}.text-xl-justify{text-align:justify}.text-xl-center{text-align:center}.text-xl-right{text-align:right}}@media screen and (min-width:993px){.text-l-left{text-align:left}.text-l-justify{text-align:justify}.text-l-center{text-align:center}.text-l-right{text-align:right}}@media screen and (min-width:769px){.text-m-left{text-align:left}.text-m-justify{text-align:justify}.text-m-center{text-align:center}.text-m-right{text-align:right}}@media screen and (min-width:577px){.text-s-left{text-align:left}.text-s-justify{text-align:justify}.text-s-center{text-align:center}.text-s-right{text-align:right}}@media screen and (min-width:481px){.text-xs-left{text-align:left}.text-xs-justify{text-align:justify}.text-xs-center{text-align:center}.text-xs-right{text-align:right}}.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6,h1,h2,h3,h4,h5,h6{font-family:Optima;font-style:normal;font-weight:400;letter-spacing:0}.text-h1,h1{font-size:50px;line-height:1}@media screen and (min-width:993px){.text-h1,h1{font-size:65px}}@media screen and (min-width:1241px){.text-h1,h1{font-size:80px}}.text-h2,h2{font-size:40px;line-height:1}.text-h2:not(:last-child),h2:not(:last-child){margin-bottom:40px}@media screen and (min-width:993px){.text-h2,h2{font-size:55px}.text-h2:not(:last-child),h2:not(:last-child){margin-bottom:55px}}@media screen and (min-width:1241px){.text-h2,h2{font-size:70px}.text-h2:not(:last-child),h2:not(:last-child){margin-bottom:70px}}.text-h2.smaller,h2.smaller{font-size:35px}@media screen and (min-width:993px){.text-h2.smaller,h2.smaller{font-size:40px}}@media screen and (min-width:1241px){.text-h2.smaller,h2.smaller{font-size:50px}}.text-h3,h3{font-size:25px;line-height:1}.text-h3:not(:last-child),h3:not(:last-child){margin-bottom:18px}@media screen and (min-width:993px){.text-h3,h3{font-size:30px}.text-h3:not(:last-child),h3:not(:last-child){margin-bottom:23px}}@media screen and (min-width:1241px){.text-h3,h3{font-size:35px}}.text-p,p,ul{font-size:18px;letter-spacing:.04em;line-height:22px}.text-p:not(:last-child),p:not(:last-child),ul:not(:last-child){margin-bottom:22px}@media screen and (min-width:993px){.text-p,p,ul{font-size:20px;line-height:24px}.text-p:not(:last-child),p:not(:last-child),ul:not(:last-child){margin-bottom:24px}}.text-smaller,.text-smaller p,.text-smaller ul{font-size:16px;line-height:24px}.text-smaller p:not(:last-child),.text-smaller ul:not(:last-child),.text-smaller:not(:last-child){margin-bottom:24px}address{color:inherit;font:inherit}.button,button{background:transparent;border:1px solid rgba(51,51,51,.75);border-radius:28px;color:#333;cursor:pointer;display:inline-block;font-size:18px;height:52px;line-height:28px;outline:none;padding:12px 42px}@media (hover:hover){.button:hover,button:hover{background:#333;color:#fff;text-decoration:none}}.button.secondary,button.secondary{border-color:transparent;font-size:16px;line-height:26px}@media (hover:hover){.button.secondary:hover,button.secondary:hover{background:transparent;color:#333;text-decoration:underline;text-underline-offset:5px}}.button.button-interactive,button.button-interactive{display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;padding:0}.button.button-interactive span,button.button-interactive span{grid-area:1/1/2/2;height:100%;padding:12px 24px;text-align:center}.button.button-interactive span:last-child:not(:first-child),button.button-interactive span:last-child:not(:first-child){opacity:0;transform:translate3d(0,100%,0)}@media (hover:hover){.button.button-interactive:hover span:first-child:not(:last-child),button.button-interactive:hover span:first-child:not(:last-child){opacity:0}.button.button-interactive:hover span:last-child:not(:first-child),button.button-interactive:hover span:last-child:not(:first-child){opacity:1;transform:translateZ(0);transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s cubic-bezier(.16,1,.3,1)}}a,button{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}html{height:-webkit-fill-available;overscroll-behavior:none;scroll-behavior:smooth}body{background-color:#eae6e0;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:scroll}.outer{padding:0 24px}.inner{margin:0 auto;max-width:1180px}div#wrapper,div#wrapper-inner{min-height:100vh;overflow:hidden}div#wrapper-inner{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}main>.fullscreen{min-height:90vh}@media screen and (min-width:769px){main>.fullscreen{min-height:100vh}}main>:first-child:is(:last-child):not(.fullscreen){padding:120px 0 40px}@media screen and (min-width:993px){main>:first-child:is(:last-child):not(.fullscreen){padding-top:160px}}main>:not(:first-child):not(:last-child):not(.fullscreen){padding:60px 0}@media screen and (min-width:769px){main>:not(:first-child):not(:last-child):not(.fullscreen){padding:80px 0}}@media screen and (min-width:993px){main>:not(:first-child):not(:last-child):not(.fullscreen){padding:120px 0}}main>:nth-child(2){padding-top:120px!important}@media screen and (min-width:769px){main>:nth-child(2){padding-top:160px!important}}@media screen and (min-width:993px){main>:nth-child(2){padding-top:240px!important}}main>:nth-last-child(2){padding-bottom:120px!important}@media screen and (min-width:769px){main>:nth-last-child(2){padding-bottom:160px!important}}@media screen and (min-width:993px){main>:nth-last-child(2){padding-bottom:240px!important}}body.has-openings header{padding-top:60px}body.has-openings main>.fullscreen{min-height:calc(100vh - 60px)}body:not(.home) header,body:not(.home) main{animation:contentFadeIn .25s linear 50ms 1 forwards;opacity:0}::-moz-selection{background-color:#333;color:#fff081}::selection{background-color:#333;color:#fff081}.is-hidden,.sr-only{display:none}header{left:0;padding:24px 0;position:absolute;top:0;width:100%;z-index:1}@media screen and (min-width:769px){header{padding:32px 0}}header h1{font-size:18px;line-height:1;margin-bottom:24px;text-align:center}header h1 a{display:inline}header nav ul{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center}.grid{display:grid;gap:48px 24px;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.grid>div{grid-column:auto/span 12}body.has-openings header{z-index:10}body.has-openings main{margin-top:60px}#openings{background:#f5f3ef;left:0;min-height:60px;position:relative;position:absolute;top:0;width:100%;z-index:10}#openings button.secondary{display:flex;text-decoration:underline;text-underline-offset:5px}#openings button.secondary>svg{margin:-1px 8px 0 0}#openings .grid div.action{align-items:center;display:flex;grid-area:1/1/2/-1;height:60px;justify-content:center}#openings .grid div.openings-list{display:none;grid-area:1/1/2/-1}#openings.is-open div.action{display:none}#openings.is-open div.openings-list{display:block}div.openings-list{padding:24px 0}@media screen and (min-width:769px){div.openings-list{padding:54px 0}}div.openings-list ul{max-width:282px}div.openings-list ul li{display:grid;font-size:16px;gap:0 12px;grid-template-columns:40px 80px 1fr;grid-template-rows:1fr;line-height:18px}div.openings-list ul li:not(:last-child){margin-bottom:8px}div.openings-list p{max-width:600px}div.openings-list p,div.openings-list ul{margin:0 auto 45px}div.openings-list button{display:block;margin:0 auto}#home{display:grid;padding:24px 0;position:relative}#home:after,#home:before{aspect-ratio:1;border-radius:50%;content:"";left:50%;position:absolute;top:0;width:630px;z-index:-1}@media screen and (min-width:769px){#home:after,#home:before{width:635px}}@media screen and (min-width:993px){#home:after,#home:before{width:875px}}@media screen and (min-width:1241px){#home:after,#home:before{width:1206px;width:1600px}}#home:before{background:#f9e9e7;transform:translate(-115%,210px)}@media screen and (min-width:993px){#home:before{transform:translate(-120%,-60px)}}@media screen and (min-width:1241px){#home:before{transform:translate(-120%,-100px)}}@media screen and (min-width:1357px){#home:before{transform:translate(-120%,-130px)}}#home:after{background:#fff081;transform:translateY(95px)}@media screen and (min-width:993px){#home:after{transform:translate(5%,-140px)}}@media screen and (min-width:1241px){#home:after{transform:translate(5%,-226px)}}@media screen and (min-width:1357px){#home:after{transform:translate(5%,-303px)}}@media screen and (min-width:769px){#home{padding:32px 0}}#home .text-anim{margin-top:25px}@media screen and (min-width:993px){#home .text-anim{margin-top:30px}}#home .text-anim br:nth-of-type(3){display:none}@media screen and (min-width:577px){#home .text-anim br{display:none}#home .text-anim br:nth-of-type(3){display:block}}#home .text-anim>span{display:inline-block;height:55px;margin-top:-25px;overflow:hidden}@media screen and (min-width:993px){#home .text-anim>span{height:75px;margin-top:-30px}}@media screen and (min-width:1241px){#home .text-anim>span{height:90px;margin-top:-30px}}#home .text-anim>span>span{display:block}#home .inner,#home .outer{height:100%}#home .inner{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#home .inner .top{align-self:start;justify-self:center}#home .inner .bottom{align-self:end;padding-bottom:20px}@media screen and (min-width:769px){#home .inner .bottom{padding-bottom:0}}#home .inner .bottom p{text-align:center}#home .inner .bottom a{display:inline-block}#home .inner .bottom svg{display:block;height:17px;margin:0 auto;pointer-events:none;width:39px}#home .inner .bottom svg path{stroke:#333;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}#home .inner .middle{position:relative}#home .inner .middle div.logo{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}#home ul{align-items:center;display:flex;flex-wrap:wrap;gap:0 8px;justify-content:center;padding:0 24px}body.home{animation:bodyScroll 2.56s linear 1 forwards,bodyColor 1.48s cubic-bezier(.7,0,.84,0) 1 forwards;background-color:#333;overflow-y:scroll;position:fixed;width:100%}body.home #openings{animation:logoFadeIn .48s cubic-bezier(.16,1,.3,1) 2.56s 1 forwards;opacity:0}body.home #home:before{animation:circleBefore 3s cubic-bezier(.16,1,.3,1) 1.48s 1 forwards;left:0}body.home #home:after{animation:circleAfter 3s cubic-bezier(.16,1,.3,1) 1.48s 1 forwards;left:100%}body.home #home .inner .top .logo{animation:logoFadeIn .72s linear 1.48s 1 forwards;opacity:0}body.home #home .inner .middle .logo{--scale:1.38;animation:logoFadeOut 1s cubic-bezier(.7,0,.84,0) .24s 1 forwards;display:block;opacity:1}@media screen and (min-width:769px){body.home #home .inner .middle .logo{--scale:1.69}}body.home #home .inner .middle .logo svg path{fill:#fff}body.home #home .text-anim span>span{animation:stageTextFadeIn 1s cubic-bezier(.16,1,.3,1) 1.48s 1 forwards;transform:translate3d(0,115%,0)}body.home #home .text-anim span:first-of-type>span{animation-delay:1.48s}body.home #home .text-anim span:nth-of-type(2)>span{animation-delay:1.6s}body.home #home .text-anim span:nth-of-type(3)>span,body.home #home .text-anim span:nth-of-type(4)>span{animation-delay:1.72s}body.home #home .text-anim span:nth-of-type(5)>span{animation-delay:1.84s}@media screen and (min-width:577px){body.home #home .text-anim span:first-of-type>span,body.home #home .text-anim span:nth-of-type(2)>span,body.home #home .text-anim span:nth-of-type(3)>span{animation-delay:1.48s}body.home #home .text-anim span:nth-of-type(4)>span,body.home #home .text-anim span:nth-of-type(5)>span{animation-delay:1.72s}}body.home #home .inner .bottom svg,body.home #home .inner .bottom ul{animation:bottomFadeIn .48s linear 1.48s 1 forwards;opacity:0}#brands{text-align:center}#brands ul{margin-bottom:0}#brands ul+button{margin-top:40px}@media screen and (min-width:993px){#brands ul+button{margin-top:60px}}#brands ul li{display:grid;gap:12px;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;position:relative}#brands ul li.is-anim a span{animation:linkFadeIn .48s cubic-bezier(.16,1,.3,1) 1 forwards;animation-delay:var(--delay);transform:translate3d(0,100%,0)}#brands ul li a{font-family:Optima;font-size:35px;font-style:normal;font-weight:400;grid-area:1/1/2/13;letter-spacing:0;line-height:1;margin-bottom:-10px!important;overflow:hidden;position:relative;z-index:1}@media screen and (min-width:993px){#brands ul li a{font-size:55px}}@media screen and (min-width:1241px){#brands ul li a{font-size:70px}}#brands ul li a:hover{color:#fff081}#brands ul li a span{display:block;padding-bottom:10px}#brands ul li a:hover span{animation:linkFadeIn .48s cubic-bezier(.16,1,.3,1) 1 forwards;animation-delay:none!important}#brands ul li div.figure{grid-area:1/1/2/7;margin-left:-32px;opacity:0;pointer-events:none;position:relative;z-index:0}@media screen and (min-width:769px){#brands ul li div.figure{grid-area:1/2/2/7;margin-left:0}}#brands ul li div.figure figure{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#brands ul li div.figure img{height:auto;-o-object-fit:contain;object-fit:contain;width:100%}#brands ul li div.figure figcaption{align-items:flex-end;background:linear-gradient(180deg,transparent 75%,rgba(0,0,0,.25));bottom:0;display:flex;flex-direction:row;height:100%;justify-content:flex-end;left:0;padding:8px 16px;position:absolute;width:100%}@media screen and (min-width:769px){#brands ul li div.figure figcaption{padding:16px 22px}}#brands ul li div.figure figcaption p{color:#fff;flex:1;font-size:11px;line-height:13px;opacity:.5;text-align:left}@media screen and (min-width:769px){#brands ul li div.figure figcaption p{font-size:14px;line-height:16px}}#brands ul li a:hover+div.figure{opacity:1;transition:opacity .75s}#brands ul li:nth-child(2n) div.figure{grid-area:1/7/2/13;margin-left:0;margin-right:-32px}@media screen and (min-width:769px){#brands ul li:nth-child(2n) div.figure{grid-area:1/7/2/12;margin-right:0}}#brands ul li:nth-child(2n) div.figure figcaption p{text-align:right}#brands ul li:not(.is-visible){display:none}@media screen and (min-width:769px){#team .grid>div{grid-column:2/span 10}}@media screen and (min-width:993px){#team .grid>div{grid-column:3/span 8}}#team .grid figure{aspect-ratio:327/320;margin-bottom:60px;width:100%}@media screen and (min-width:769px){#team .grid figure{aspect-ratio:780/522}}#team .grid figure img{background:#000;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}@media screen and (min-width:1241px){#team .grid figure{margin-bottom:80px}}@media screen and (min-width:769px){#angebot .grid>div{grid-column:auto/span 4;padding-right:32px}#partner .grid>div{grid-column:2/span 11}#partner .grid>div h2 br{display:none}}#partner .grid>div ul{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}@media screen and (min-width:769px){#partner .grid>div ul{flex-direction:row;max-width:980px}}#partner .grid>div ul a{display:block;overflow:hidden;padding:8px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}@media screen and (min-width:769px){#partner .grid>div ul a{padding:10px}}#partner .grid>div ul a.no-border{text-decoration:none}#kontakt #terminvereinbarung{padding-bottom:50px}@media screen and (min-width:769px){#kontakt #terminvereinbarung{padding-bottom:84px}}#kontakt #terminvereinbarung .grid{align-items:end;gap:24px}#kontakt #terminvereinbarung .grid>div:last-child:not(:first-child)>*{margin-top:auto}@media screen and (min-width:769px){#kontakt #terminvereinbarung h2 br{display:none}}#kontakt .bg-dark{background-color:#333;color:#fff;padding:50px 24px}@media screen and (min-width:769px){#kontakt .bg-dark{padding:84px 0}}#kontakt .grid>div{grid-column:auto/span 12}@media screen and (min-width:769px){#kontakt .grid>div{grid-column:auto/span 6}#kontakt .grid>div:last-child:not(:first-child){display:flex;flex-direction:column;height:100%}#kontakt .grid>div:last-child:not(:first-child)>:last-child:not(:first-child){margin-top:auto}}
/*# sourceMappingURL=styles.css.map */