html{font-size:18px;background:var(--asphalt)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"source-sans-pro",sans-serif;color:var(--mercury)}:root{--mercury: #E6E6E6;--asphalt: #333333;--linearGradientTopToBottom: linear-gradient(to bottom, #EF3F3F, #407AED);--container: 2.5rem;--boxed: 80dvw;--headline1: 123px;--headline2: 90px;--headline3: 35px;--headline4: 30px;--headline5: 25px;--headline6: 20px}@media(width < 768px){:root{--headline1: 60px;--headline2: 45px;--headline3: 30px;--headline4: 25px;--headline5: 20px;--headline6: 18px;--container: 1rem;--boxed: 100dvw}}.container{padding:var(--container)}.container.boxed{max-width:var(--boxed);margin:0 auto}.flex{display:flex}.flex.col{flex-direction:column}.flex.justify-between{justify-content:space-between}.flex.justify-center{justify-content:center}.flex.items-center{align-items:center}.flex.items-end{align-items:flex-end}.flex.gap{gap:1rem}.flex.gap-large{gap:5rem}.flex.gap-small{gap:.5rem}.margin{margin-bottom:1.5rem !important}.margin-large{margin-bottom:3rem !important}.margin-huge{margin-bottom:5rem !important}.headline-1{font-size:var(--headline1) !important;line-height:1.15em}.headline-2{font-size:var(--headline2) !important;line-height:1.15em}.headline-3{font-size:var(--headline3) !important;line-height:1.15em}.headline-4{font-size:var(--headline4) !important;line-height:40px}.headline-5{font-size:var(--headline5) !important}.headline-6{font-size:var(--headline6) !important}@media(width < 768px){.headline-1,.headline-2,.headline-3{line-height:1.25em}}p,li,span,label,a,.font-regular{font-weight:400;line-height:30px}h1,h2,h3,button,.font-bold{font-weight:700 !important}a{text-decoration:none;color:inherit}.relative{position:relative}.absolute{position:absolute}.pointer{cursor:pointer}section{padding-right:140px}@media(width < 768px){section{padding-right:0}}section:not(#contact){margin-bottom:5rem}button{border:1px solid var(--mercury);background:rgba(0,0,0,0);text-transform:uppercase;width:20rem;padding:.75rem 0;font-weight:bold;font-size:var(--headline6);letter-spacing:5px;cursor:pointer;transition:all .35s ease}button:hover{background:var(--mercury);color:var(--asphalt) !important}#decorative-bg{overflow:hidden}#decorative-bg #deco{opacity:.2;bottom:0;width:100%;z-index:100}#decorative-bg #shape{top:-8dvh;left:-11dvh;width:100%}#back-up{position:fixed;bottom:5px;right:5px;z-index:999;background:var(--linearGradientTopToBottom);height:2.5rem;width:2.5rem}header{position:fixed;top:0;right:0;height:100dvh;width:140px;padding:3.75rem 40px 40px;background:var(--linearGradientTopToBottom);color:var(--mercury);transition:width .35s ease;z-index:99}@media(width < 768px){header{display:none !important}}header.show{width:538px}header div{width:100%}@media(width < 768px){header div{width:fit-content}}header div:nth-child(1){width:auto}header div #header-logo{width:60px}header div i{font-size:40px;color:var(--mercury)}header div span a p{max-width:0;overflow:hidden;white-space:nowrap;opacity:0}header div span a p.show{opacity:1;max-width:500px;padding-inline-start:3rem;transition:max-width 1.5s ease}header div span hr{background:var(--mercury);mix-blend-mode:soft-light}#hero{height:100dvh;width:100%}#hero div{height:100%;width:100%}@media(width < 768px){#hero div #logo-header{width:75%}}#hero div article{z-index:10;height:70%;width:100}@media(width > 2000px){#hero div article{height:60%;width:60%}}@media(width < 1750px){#hero div article{width:100%}}@media(width < 768px){#hero div article{height:50%;margin-top:5rem}}#hero div article p{width:55%}@media(width > 2000px){#hero div article p{width:75%}}@media(width < 1750px){#hero div article p{width:100%}}#hero div #hero-image{top:0;right:140px;height:100%;width:50%;object-fit:cover;filter:grayscale(1);z-index:-1}@media(width > 2000px){#hero div #hero-image{width:60%}}@media(width < 1750px){#hero div #hero-image{right:0;width:65%}}@media(width < 768px){#hero div #hero-image{right:0;width:100%;mix-blend-mode:hard-light}}#about #about-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1rem}#about #about-grid .grid-item-wrapper{background:linear-gradient(to right bottom, #EF3F3F, #407AED);padding:1px}#about #about-grid .grid-item-wrapper .grid-item{height:100%;background:var(--asphalt);padding:2.5rem}#about #about-grid .grid-item-wrapper .grid-item h3{text-transform:uppercase}#about #about-grid .grid-item-wrapper .grid-item h5{margin-bottom:2rem}#audience{margin:6rem 0 10rem;overflow-x:clip}@media(width < 768px){#audience{flex-direction:column}}#audience .audience-item{height:100vh;flex:1 1 0;transition:all 1s ease-in-out}@media(width < 768px){#audience .audience-item{min-height:100vh;max-height:200vh;margin:0;flex:unset !important}}#audience .audience-item.active{flex:7 1 0}#audience .audience-item.active .image-overlay{background:rgba(0,0,0,.7)}#audience .audience-item.active article{visibility:visible;opacity:1}#audience .audience-item.active#fuer-vereine article{left:20%}@media(width < 768px){#audience .audience-item.active#fuer-vereine article{left:19.5%}}#audience .audience-item.active#fuer-unternehmen article{right:-25%}@media(width < 768px){#audience .audience-item.active#fuer-unternehmen article{right:0%}}#audience .audience-item.active .more{opacity:0;pointer-events:none}#audience .audience-item:not(.active){flex:1 1 0}#audience .audience-item img{top:0;left:0%;height:100%;width:100%;object-fit:cover;filter:grayscale(1)}#audience .audience-item .image-overlay{top:0;left:0%;height:100%;width:100%;background:rgba(0,0,0,.15);transition:all 1s ease}#audience .audience-item h2{transform:rotate(-90deg);white-space:nowrap}#audience .audience-item#fuer-unternehmen h2{top:99%;left:97%;transform-origin:bottom left}@media(width < 768px){#audience .audience-item#fuer-unternehmen h2{top:65%}}#audience .audience-item#fuer-vereine h2{top:61%;left:1%;transform-origin:top left}#audience .audience-item article{top:50%;translate:0 -50%;height:45%;max-width:40dvw;visibility:hidden;opacity:0;transition:all .5s ease .5s}@media(width > 2000px){#audience .audience-item article{height:40%}}@media(width < 768px){#audience .audience-item article{max-width:80%;top:5rem !important;height:auto;translate:0 0}}@media(width < 768px){#audience .audience-item article p{margin-bottom:1.5rem}}#audience .audience-item article button{width:100% !important}#audience .audience-item#fuer-vereine article{left:30%}@media(width < 768px){#audience .audience-item#fuer-vereine article{left:29.5%}}#audience .audience-item#fuer-unternehmen article{right:-15%}@media(width < 768px){#audience .audience-item#fuer-unternehmen article{right:10%}}#audience .audience-item .more{z-index:10;position:absolute;bottom:5%;opacity:0;transition:all 1s ease-in-out;pointer-events:none}@media(width < 768px){#audience .audience-item .more{opacity:1;pointer-events:all;width:90dvw}}#references #ref-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1rem;margin:3rem 0}#references #ref-grid .grid-item{background:var(--asphalt);aspect-ratio:1/1}#references #ref-grid .grid-item .overlay{height:65%;width:100%;background:linear-gradient(to top, #222, transparent);align-content:flex-end}#references #ref-grid .grid-item h3{text-transform:uppercase}#references #ref-text{width:100%;text-align:center;margin:5rem auto}@media(width < 768px){#references #ref-text{width:100%;margin:0}}#references #ref-text p{width:85%;margin:1.5rem auto 0}@media(width < 768px){#references #ref-text p{width:100%}}#benefits .wrapper{z-index:120}#benefits .wrapper #benefits-intro-image img{height:75dvh;width:100%;object-fit:cover;filter:grayscale(1)}#benefits .wrapper #benefits-intro-image .overlay{height:75%;width:100%;bottom:0;left:0;align-content:flex-end;background:linear-gradient(to top, #222, transparent)}#benefits .wrapper article{width:60%}@media(width < 768px){#benefits .wrapper article{width:100%}}#benefits .wrapper #benefits-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1rem;margin:5rem 0 1rem}@media(width < 768px){#benefits .wrapper #benefits-grid{gap:3.5rem}}#benefits .wrapper #benefits-grid .grid-item{background:rgba(230,230,230,.1);padding-top:10rem}#benefits .wrapper #benefits-grid .grid-item img{top:0;left:0}#benefits .wrapper #benefits-grid .grid-item article{height:65%;width:100%}#benefits .wrapper #benefits-grid .grid-item article h3{font-size:35px;text-transform:uppercase}#benefits .wrapper .contact-button{width:100%}#benefits .wrapper .contact-button button{width:25rem}@media(width < 768px){#benefits .wrapper .contact-button button{width:90dvw}}#contact{background:var(--linearGradientTopToBottom)}#contact .wrapper{padding:7rem var(--container);z-index:120}#contact .wrapper form{width:90%;text-align:center;margin:0 auto}@media(width < 768px){#contact .wrapper form{width:100%}}#contact .wrapper form h3{width:60%;margin:0 auto}@media(width < 768px){#contact .wrapper form h3{width:100%}}#contact .wrapper form #input-container{width:100%}@media(width < 768px){#contact .wrapper form #input-container{flex-direction:column}}#contact .wrapper form #input-container .input-box{width:50%;text-align:start}@media(width < 768px){#contact .wrapper form #input-container .input-box{width:100%}}#contact .wrapper form #input-container .input-box input{height:3rem;width:100%;border:1px solid var(--mercury);outline:none;background:rgba(0,0,0,0);padding:0 1rem}#contact .wrapper form #contact-submit{width:100%;background:var(--mercury);overflow:hidden;transition:all .5s ease}#contact .wrapper form #contact-submit p{z-index:10;color:var(--asphalt)}footer{background:var(--asphalt);padding-top:10rem}footer #footer-logo{top:0;right:25%}@media(width < 768px){footer #footer-logo{right:0}}@media(width < 768px){footer #icons-wrapper{flex-direction:column;align-items:flex-start !important}}footer #icons-wrapper .icons-container div{padding:1rem;border:1px solid var(--mercury);transition:all .35s ease;cursor:pointer}footer #icons-wrapper .icons-container div:hover{background:var(--mercury)}footer #icons-wrapper .icons-container div:hover i{color:var(--asphalt)}footer #icons-wrapper .icons-container div i{font-size:1rem}@media(width < 768px){footer #icons-wrapper article{flex-wrap:wrap}}footer h3{text-transform:uppercase}footer #bottom-footer-bar{background:#222}footer #bottom-footer-bar .wrapper{width:68%;margin:0;margin-left:calc((100dvw - var(--boxed))/2)}@media(width < 768px){footer #bottom-footer-bar .wrapper{width:100%;flex-direction:column !important;align-items:flex-start;gap:2rem}}/*# sourceMappingURL=main.min.css.map */