@font-face{font-family:"GT Walsheim";src:url("../fonts/GT-Walsheim-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"GT Walsheim";src:url("../fonts/GT-Walsheim-Regular-Oblique.woff2") format("woff2");font-weight:400;font-style:oblique}@font-face{font-family:"GT Walsheim";src:url("../fonts/GT-Walsheim-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"GT Walsheim";src:url("../fonts/GT-Walsheim-Bold-Oblique.woff2") format("woff2");font-weight:700;font-style:oblique}@font-face{font-family:"IBM Plex Sans";src:url("../fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"IBM Plex Sans";src:url("../fonts/IBMPlexSans-Italic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:"IBM Plex Sans";src:url("../fonts/IBMPlexSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"IBM Plex Sans";src:url("../fonts/IBMPlexSans-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic}@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal}:root{--color-background: #F6F6F6;--color-blue: #15164C;--color-green: #B9DB01;--color-grey: #DDDDDD;--color-white: #FFFFFF;--column-width: 4.375rem;--column-gap: 1.875rem;--width-grid: 73.125rem;--width-grid-header: 81.125rem}*{box-sizing:border-box}body{margin:0;padding:0;font-family:"GT Walsheim";color:var(--color-blue);background:var(--color-background)}h1,h2,h3,h4{font-family:"GT Walsheim";color:var(--color-blue);text-wrap:balance}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}h1{font-size:56px;font-weight:400;line-height:1.3;text-transform:uppercase}@media(max-width: 768px){h1{font-size:2rem;text-wrap:balance}}h1 b,h1 strong{font-weight:700}h2{font-size:35px;font-weight:400;line-height:1.2}@media(max-width: 768px){h2{font-size:1.5rem;text-wrap:balance}}h2 b,h2 strong{font-weight:700}h3{font-size:22px;font-weight:400;line-height:1.3}@media(max-width: 768px){h3{font-size:1.25rem;text-wrap:balance}}h3 b,h3 strong{font-weight:700}.eyebrow{font-family:"IBM Plex Mono";font-size:16px;font-weight:700;letter-spacing:4%;line-height:130%;text-transform:uppercase}.eyebrow+h1,.eyebrow+h2,.eyebrow+h3{margin-top:.5rem}p{font-size:16px;font-weight:400;line-height:1.5}p.s{font-size:13.5px;line-height:1.5}p.l{font-size:18px;line-height:1.6}p b,p strong{font-weight:700}p a{color:var(--color-blue)}p a:hover{color:var(--color-green)}.spacer{height:var(--spaceDesktop)}section picture img{border-radius:50px;height:auto;width:100%}.column[data-span="3"] picture img,.column[data-span="4"] picture img,.column[data-span="5"] picture img,.column[data-span="6"] picture img{border-radius:25px}.buttongroup{display:flex;gap:1.25rem;align-items:center}.buttongroup.buttongroup-vertical{flex-direction:column;align-items:flex-start}@media(max-width: 768px){.buttongroup{flex-direction:column;align-items:flex-start}}.button{background:var(--color-grey);border-radius:10rem;border:2px solid var(--color-blue);color:var(--color-blue);cursor:pointer;font-family:"IBM Plex Sans";font-size:14px;font-weight:600;padding:16px 26px;text-align:center;text-decoration:none;text-transform:uppercase}@media(max-width: 768px){.button{font-size:13px;padding:10px 20px}}.button.button-link{background:var(--color-grey)}.button.button-primary{background:var(--color-green)}.button.button-secondary{background:var(--color-blue);color:var(--color-white)}.button:hover{background:var(--color-white);color:var(--color-blue)}.button[href="#null"],.button[href="#comingsoon"]{pointer-events:none}blockquote{color:var(--color-blue);font-size:26px;font-weight:700;line-height:1.5;text-align:center}@media(max-width: 768px){blockquote{margin:0;padding:0;font-size:1.25rem}}blockquote footer{background:var(--color-grey);border-radius:10rem;border:none;color:var(--color-blue);font-family:"IBM Plex Sans";font-size:14px;font-weight:600;margin:3rem auto 0 auto;padding:16px 32px;text-align:center;text-decoration:none;text-transform:uppercase;display:block;width:-moz-max-content;width:max-content}blockquote footer:before,blockquote footer::after{display:none}@media(max-width: 768px){blockquote footer{padding:10px 20px}}@keyframes reveal{from{opacity:3rem;margin-top:3rem}to{opacity:1;margin-top:0}}.reveal-top{animation-name:reveal;animation-duration:1s}section{scroll-margin-top:8rem;padding:0 1rem;margin:var(--column-gap) 0;margin-top:var(--margin);opacity:1;transform:translateY(0);transition:opacity 500ms,transform 500ms}section.reveal-hidden{opacity:0;transform:translateY(3rem)}@media(max-width: 768px){section{margin-top:var(--marginMobile, --margin)}}section .container{display:grid;grid-auto-rows:1fr;grid-gap:var(--column-gap);grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;margin:0 auto;max-width:var(--width-grid);padding:0;padding-bottom:var(--paddingBottom, 1rem);padding-top:var(--paddingTop, 1rem);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0)}@media(max-width: 768px){section .container{display:flex;flex-direction:column;gap:2rem;padding-bottom:var(--paddingMobileBottom, var(--paddingBottom, 1rem));padding-top:var(--paddingMobileTop, var(--paddingTop, 1rem));margin-bottom:var(--marginMobileBottom, var(--marginBottom, 0));margin-top:var(--marginTop, 0)}}section[data-fullwidth]{max-width:100vw;padding:0;margin:0;padding-bottom:var(--paddingBottom, 1rem);padding-top:var(--paddingTop, 1rem);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0)}section[data-fullwidth] .container{max-width:none;margin:0;padding:0;margin-left:var(--margin-sides);margin-right:var(--margin-sides)}@media(max-width: 768px){section[data-fullwidth] .container{max-width:100vw}}@media(max-width: 1024px){section[data-fullwidth]{margin:0}}section[data-extendbackground]{max-width:100vw;padding:0;display:block;background:var(--background);background-size:cover}section .column{grid-column:span var(--span)}@media(max-width: 768px){section .column:not(:has(*)){display:none}}section .column img{display:block}section[data-alignment=left]{text-align:left}section[data-alignment=center]{text-align:center}section[data-alignment=center] .icon{margin:0 auto;width:auto}section[data-alignment=center] .buttongroup{justify-content:center}section[data-alignment=center] .button{justify-content:center}section[data-alignment=right]{text-align:right}section[data-alignment=justify]{text-align:justify}section.out-right .container{margin-right:0;max-width:calc(50vw + 36.5625rem);padding-right:0}@media(max-width: 768px){section.out-right .container{max-width:auto;padding-right:1rem;margin-right:auto}}section.out-left .container{margin-left:0;max-width:calc(50vw + 36.5625rem);padding-left:0}@media(max-width: 768px){section.out-left .container{max-width:auto;padding-left:auto;margin-left:1rem}}header{padding:2rem 0 5rem 0;position:sticky;top:0;z-index:999}header.scrolled{background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px);padding:2rem 0}header.scrolled .logo{height:3rem}header .container{display:grid;grid-auto-rows:1fr;grid-gap:var(--column-gap);grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;margin:0 auto;max-width:var(--width-grid);padding:0}@media(max-width: 768px){header .container{padding:0 1.5rem}}header .column{grid-column:span var(--span)}header .column:last-child{display:flex;justify-content:flex-end}header .logo{color:var(--color-blue);transition:all 200ms linear;height:6.5rem}header .logo svg{width:auto;height:100%}@media(max-width: 768px){header .logo{width:auto;height:5rem}}header .headermenu{display:flex;gap:1rem;align-items:center}header .headermenu button{background:none;border:none;margin:0;padding:0;cursor:pointer;color:var(--color-blue)}header .headermenu button:hover{color:var(--color-green)}header nav.top{display:flex;align-items:center;gap:2rem}@media(max-width: 768px){header nav.top{display:none}}header nav.top a{color:var(--color-blue);font-family:"IBM Plex Sans";font-size:14px;font-weight:600;text-decoration:none;text-transform:uppercase;border-bottom:2px solid rgba(0,0,0,0)}header nav.top a:hover{border-bottom:2px solid var(--color-blue)}header nav.top a.active{border-bottom:2px solid var(--color-blue)}header nav.top a.button{background:var(--color-grey);border-radius:10rem;border:2px solid var(--color-blue);color:var(--color-blue);cursor:pointer;font-family:"IBM Plex Sans";font-size:14px;font-weight:600;padding:16px 26px;text-align:center;text-decoration:none;text-transform:uppercase}header nav.top a.button:hover{background:var(--color-white)}header nav.top xa.button{background:var(--color-grey);border:none;border-radius:10rem;color:var(--color-blue);cursor:pointer;font-family:"IBM Plex Sans";font-size:14px;font-weight:600;padding:16px 26px;text-align:center;text-decoration:none;text-transform:uppercase}nav.overlay{background:var(--color-blue);inset:0;padding:2.5rem 0 5rem 0;position:fixed;z-index:10;display:none;flex-direction:column}@media(max-width: 768px){nav.overlay{padding:2.5rem 0 1rem 0}}nav.overlay.visible{display:block}nav.overlay .logo{color:var(--color-white)}nav.overlay .headermenu button{color:var(--color-white)}nav.overlay .mainmenu{display:flex;gap:3rem;margin:0 auto;max-width:var(--width-grid);padding:10vh 0}nav.overlay .mainmenu .page{display:flex;flex-direction:column;gap:2rem}nav.overlay .mainmenu .page:hover a.small,nav.overlay .mainmenu .page:has(a.big.active) a.small{opacity:1;pointer-events:all}nav.overlay .mainmenu a.big{color:var(--color-white);display:flex;font-size:30px;font-weight:700;gap:1rem;line-height:1.2;text-decoration:none}nav.overlay .mainmenu a.big:hover,nav.overlay .mainmenu a.big.active{color:var(--color-green)}nav.overlay .mainmenu a.small{color:var(--color-white);opacity:0;pointer-events:none;font-size:18px;font-weight:400;line-height:120%;text-decoration:none;text-transform:uppercase;transition:all 100ms ease-in}nav.overlay .mainmenu a.small:hover{color:var(--color-green)}nav.overlay .submenu{display:flex;gap:3rem;margin:0 auto;max-width:var(--width-grid);padding:0;align-items:center}nav.overlay .submenu a{color:var(--color-white);font-size:14px;font-weight:600;line-height:120%;text-decoration:none;text-transform:uppercase}nav.overlay .submenu a.highlight{color:var(--color-blue);background:var(--color-green);padding:16px 26px;border-radius:100px}header:has(nav.visible){position:fixed;inset:0}header:has(nav.visible) .logo{height:6.5rem}@media(max-width: 768px){header:has(nav.visible) .logo{height:5rem}}nav.overlay{display:none;flex-direction:column;justify-content:space-between;gap:1rem}nav.overlay.visible{display:flex;z-index:1000}nav.overlay .container{width:100%}nav.overlay .menusTop{margin:0 auto;max-width:var(--width-grid);width:100%}@media(max-width: 768px){nav.overlay .menusTop{padding:1rem}}nav.overlay .menusBottom{margin:0 auto;max-width:var(--width-grid);width:100%}@media(max-width: 768px){nav.overlay .menusBottom{padding:1rem}}nav.overlay .menuPrimary{display:flex;flex-direction:column;gap:3rem;padding-bottom:5rem}@media(max-width: 768px){nav.overlay .menuPrimary{gap:2rem;padding-bottom:3rem}}nav.overlay .menuPrimary .page{position:relative}nav.overlay .menuPrimary .page:hover .children{display:none}nav.overlay .menuPrimary a.big{color:var(--color-white);font-family:"GT Walsheim";font-weight:700;font-size:30.75px;text-decoration:none}nav.overlay .menuPrimary a.big:hover,nav.overlay .menuPrimary a.big.active{color:var(--color-green)}@media(max-width: 768px){nav.overlay .menuPrimary a.big{font-size:20px}}nav.overlay .menuPrimary a.small{color:var(--color-white);font-family:"GT Walsheim";font-weight:700;font-size:18px;text-decoration:none;text-transform:uppercase}nav.overlay .menuPrimary .children{display:none;flex-direction:column;gap:1.5lh;position:absolute;left:50%;top:0;background:var(--color-blue)}nav.overlay .menuSecondary{display:flex;gap:2.5rem;align-items:center;border-top:1px solid var(--color-white);padding-top:5rem}@media(max-width: 768px){nav.overlay .menuSecondary{gap:2rem;padding-top:3rem;padding-bottom:2rem;flex-direction:column;align-items:flex-start;gap:1rem}}nav.overlay .menuSecondary a{color:var(--color-white);font-family:"IBM Plex Mono";font-size:16px;font-weight:600;letter-spacing:3px;text-decoration:none;text-transform:uppercase}@media(max-width: 768px){nav.overlay .menuSecondary a{padding:10px 20px;font-size:14px}}nav.overlay .menuSecondary a.highlight{color:var(--color-blue);background:var(--color-green);padding:10px 20px;border-radius:50px}nav.overlay .menuSecondary a.highlight:hover{background:var(--color-white);color:var(--color-blue)}nav.overlay .menuSecondary a:hover{color:var(--color-green)}nav.overlay .menuTertiary{display:flex;gap:2.5rem}nav.overlay .menuTertiary a{color:var(--color-white);font-family:"IBM Plex Mono";font-weight:500;font-style:Medium;text-transform:uppercase;text-decoration:none}@media(max-width: 768px){nav.overlay .menuTertiary a{font-size:12px}}nav.overlay .menuTertiary a:hover{color:var(--color-green)}section.background-blue{background:var(--color-blue);color:var(--color-white)}section.shifted .column{position:relative;top:-5rem}section.shifted+section.shifted{margin-top:-1.875rem;padding-top:1.875rem}section.headerimage .column{position:relative;top:-5rem}section.headerimage img{border-radius:50px;overflow:hidden}section.headerimage #map{border-radius:50px;clip-path:inset(0 round 1px);overflow:hidden;transform:translateZ(0)}section.accentblock,section.blueblock{position:relative}section.accentblock::before,section.blueblock::before{background-image:url("/assets/images/pattern.svg");background-position:top center;background-repeat:repeat;bottom:10%;content:"";left:0;position:absolute;right:0;top:10%;z-index:-1;max-height:650px}section.accentblock .container,section.blueblock .container{padding:4rem 3rem 4rem 4rem;background:var(--color-blue);color:var(--color-white);border-radius:50px}@media(max-width: 768px){section.accentblock .container,section.blueblock .container{padding:2rem}}section.accentblock .container h2,section.accentblock .container h3,section.blueblock .container h2,section.blueblock .container h3{color:inherit}section.accentblock .container .column:last-child,section.blueblock .container .column:last-child{position:relative;margin-top:-8rem}@media(max-width: 768px){section.accentblock .container .column:last-child,section.blueblock .container .column:last-child{margin-top:0}}section.accentblock .container .column:last-child picture img,section.blueblock .container .column:last-child picture img{border-radius:50px}section.accentblock .container .column:last-child p,section.blueblock .container .column:last-child p{margin:1rem 2rem}section.accentblock .container .column:last-child a,section.blueblock .container .column:last-child a{margin:0 2rem}section.accentblock .container .column:last-child .icon,section.blueblock .container .column:last-child .icon{width:100%;height:auto;position:relative;bottom:-8rem}section.accentblock .buttongroup-vertical,section.blueblock .buttongroup-vertical{gap:.5rem}section.accentblock .buttongroup-vertical a,section.blueblock .buttongroup-vertical a{margin:0}section.accentblock .button-secondary,section.blueblock .button-secondary{border:1px solid var(--color-white)}section.blueblock::before{display:none}section.blueblock2{position:relative}section.blueblock2 .container{padding:4rem 3rem 4rem 4rem;background:var(--color-blue);color:var(--color-white);border-radius:50px}@media(max-width: 768px){section.blueblock2 .container{padding:2rem}}section.blueblock2 .container h2,section.blueblock2 .container h3{color:inherit}@media(max-width: 768px){section.blueblock2 .container .column:last-child{margin-top:0}}section.blueblock2 .container .column:last-child picture img{border-radius:50px}section.blueblock2 .container .column:last-child p{margin:1rem 2rem}@media(max-width: 768px){section.blueblock2 .container .column:last-child p{margin:0}}section.blueblock2 .container .column:last-child a{margin:0 2rem}section.blueblock2 .container .column:last-child .icon{width:100%;height:auto;position:relative;bottom:-8rem}section.blueblock2 .buttongroup-vertical{gap:.5rem}section.blueblock2 .buttongroup-vertical a{margin:0}section.vorteile .column{border-radius:50px;overflow:hidden}section.vorteile .column:has(h3){padding:2rem;background:var(--color-green);color:var(--color-blue)}section.vorteile .column:has(h3) h3{color:var(--color-white)}section.boxes .column:not([data-span="1"]){background:var(--color-green);padding:2.5rem;color:var(--color-blue);border-radius:2.5rem}section.boxes .column:not([data-span="1"]) h3{font-size:38px;color:var(--color-white);font-weight:700;line-height:1.2;margin:0;padding:0;text-transform:uppercase}@media(max-width: 768px){section.boxes .column:not([data-span="1"]) h3{font-size:1.25rem}}section.boxes .column:not([data-span="1"]) .button{background:var(--color-blue);border:2px solid var(--color-blue);color:var(--color-white);display:inline-block;margin-top:4rem}section.boxes .column:not([data-span="1"]) .button:hover{background:var(--color-white);color:var(--color-blue)}section.boxes .column:has(>:only-child){background:var(--color-blue);display:flex;justify-content:center;align-items:center}section.boxes .column:has(>:only-child) .button{background:var(--color-green);color:var(--color-blue);display:inline-block;margin:0}section.patterned{position:relative}section.patterned::before{background-image:url("/assets/images/pattern.svg");background-position:center;background-repeat:repeat;bottom:10%;content:"";left:0;position:absolute;right:0;top:10%;z-index:-1}section.pattern{background-image:url("/assets/images/pattern.svg");background-position:top center}section.patterned-single{position:relative}section.patterned-single::before{background-image:url("/assets/images/pattern.svg");background-position:center;background-repeat:repeat;bottom:10%;content:"";left:0;position:absolute;right:0;top:10%;z-index:-1;min-height:600px}section.patterned-single .container{background:var(--color-blue);color:var(--color-white);padding:4rem;border-radius:2.5rem;text-align:center}@media(max-width: 768px){section.patterned-single .container{padding:2rem}}section.patterned-single .container h2,section.patterned-single .container h3{color:inherit}section.patterned-single .column{margin:0;text-align:center}section.patterned-single .column h2{font-size:38px;font-weight:700;letter-spacing:0%;line-height:1.2;text-align:center;text-transform:uppercase;color:var(--color-white)}@media(max-width: 768px){section.patterned-single .column h2{font-size:1.5rem}}section.patterned-single .column h2 b,section.patterned-single .column h2 strong{color:var(--color-green)}section.patterned-single .column .buttongroup{justify-content:center}section.shifted2 .container{background:var(--color-blue);color:var(--color-white);padding:4rem;border-radius:2.5rem}@media(max-width: 768px){section.shifted2 .container{font-size:1.5rem}}section.shifted2 .container h2,section.shifted2 .container h3{color:inherit}section.shifted2 .container .column:last-child{position:relative;margin-top:-8rem}section.shifted2 .container .column:last-child .icon{width:100%;height:auto}div.referenzen .reference-filter{display:flex;justify-content:flex-end;gap:1rem}@media(max-width: 768px){div.referenzen .reference-filter{flex-direction:column}}div.referenzen .reference-filter button{border-radius:100px;background:none;border:2px solid var(--color-green);color:var(--color-blue);font-family:"GT Walsheim";font-size:15px;font-weight:400;padding:10px 20px}div.referenzen .reference-filter button.active{border-color:var(--color-blue);background:var(--color-green);color:var(--color-blue)}div.referenzen .reference-item .reference-type{background:var(--color-white);border-radius:100px;border:2px solid var(--color-green);color:var(--color-blue);font-family:"GT Walsheim";font-size:15px;font-weight:400;padding:10px 20px;display:inline-block}div.referenzen .reference-item ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0;padding:0}@media(max-width: 768px){div.referenzen .reference-item ul{margin:1rem 0 0 0}}div.referenzen .reference-item ul li{background:var(--color-green);color:var(--color-blue);margin:0;padding:6px 16px;border-radius:10rem;font-family:"IBM Plex Mono";font-weight:500;font-size:13px}div.referenzen .container{background:var(--color-blue);color:var(--color-white);padding:1rem;border-radius:50px;margin:2rem 0}div.referenzen .container h2,div.referenzen .container h3{color:inherit}div.referenzen .container .column:first-child{padding:3rem}@media(max-width: 768px){div.referenzen .container .column:first-child{padding:1rem}}div.referenzen .container .column:last-child img{border-top-right-radius:40px;border-bottom-right-radius:40px}div.referenzen .container .column:last-child .icon{width:100%;height:auto}section.leistung ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:3rem 0 0 0;padding:0}@media(max-width: 768px){section.leistung ul{margin:1rem 0 0 0}}section.leistung ul li{background:var(--color-green);margin:0;padding:5px 16px;border-radius:10rem;font-family:"IBM Plex Mono";font-weight:500;font-size:13px}section.leistung .column:last-child{display:flex;justify-content:flex-end}section.leistung .column:last-child img{display:block;border-radius:250px;width:100%;height:auto}@media(max-width: 768px){section.leistung .column:last-child img{aspect-ratio:1/1;border-radius:25px;height:100%;-o-object-fit:cover;object-fit:cover}}section.leistung+section.leistung .container{padding-top:200px;margin-top:200px;border-top:1px solid #ddd}@media(max-width: 768px){section.leistung+section.leistung .container{padding-top:5rem;margin-top:5rem}}.introtile{border-radius:4rem;cursor:pointer;display:flex;flex-direction:column;height:600px;justify-content:space-between;padding:2rem;position:relative;text-decoration:none;overflow:hidden}.introtile:hover::before{transform:scale(1.05)}.introtile::before{background-image:var(--tileBackground);background-position:center;background-size:cover;border-radius:4rem;content:"";inset:0;overflow:hidden;position:absolute;transition:all 500ms ease-in;z-index:0}.introtile::after{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));content:"";height:10rem;left:0;position:absolute;right:0;top:0;z-index:1;border-radius:4rem}.introtile *{position:relative;z-index:2}.introtile h2{color:var(--color-white);font-size:30px;font-weight:700;line-height:120%;text-transform:uppercase;position:relative}.introtile .badge-handwerkerfreiheit{height:auto;left:3rem;position:absolute;rotate:-10deg;top:2rem;width:13.5rem}@media(max-width: 768px){.introtile .badge-handwerkerfreiheit{left:0;top:5rem}}.slider-wrap{position:relative;width:100%;max-width:1000px;margin:0 auto}.slider{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;cursor:grab;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.slider.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.slider .slide{flex:0 0 100%;width:100%;aspect-ratio:16/9;scroll-snap-align:start;background:#ccc;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider .slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:12px}.dots a{display:block;width:12px;height:12px;border-radius:50%;background:var(--color-white);box-shadow:0 0 .5rem rgba(0,0,0,.3);cursor:pointer}.dots a.active{background:var(--color-cyan)}.marquee{position:relative;overflow:hidden}.marquee img{display:block}.marquee img+img{position:absolute;top:0;left:50px}.leistungen{position:relative;width:100svw;height:100svh}.leistungen .leistung{position:absolute;inset:0;opacity:1;pointer-events:all;transition:all 250ms ease-in-out}.leistungen .leistung.hidden{opacity:0;pointer-events:none}.leistungen .leistung .background{inset:0;position:absolute;z-index:1}.leistungen .leistung .background img,.leistungen .leistung .background video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.leistungen .leistung .box{background:var(--color-blue);bottom:4rem;color:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;left:90px;min-height:430px;padding:3rem;position:absolute;width:620px;z-index:2}.leistungen .leistung .box .headline{color:var(--color-white);font-family:Open Sans Condensed;font-size:38px;font-weight:700;line-height:1.2;text-transform:uppercase}.leistungen .leistung .box li p{padding:0;margin:0}.leistungen .leistung .nav{display:flex;justify-content:space-between;align-items:flex-end}.leistungen .leistung .nav button{background:none;border:none;color:var(--color-cyan);cursor:pointer}.leistungen .leistung .nav button:hover{color:var(--color-white)}.download a{text-decoration:none}.download a:hover .background img{transform:scale(1.05)}.download .background{overflow:hidden}.download .background img{height:auto;transition:all 500ms ease-in-out;width:100%}.download .text{align-items:center;background:var(--color-cyan);color:var(--color-white);display:flex;gap:.5rem;padding:1rem}.joblist .job{border-bottom:1px solid #c4c4c4;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr auto;padding:1.5rem 0}.joblist .job:first-child{border-top:1px solid #c4c4c4}.joblist .job div:first-child{font-family:Open Sans Condensed;font-size:24px;font-weight:700;line-height:1.2;text-transform:uppercase}.joblist .job a.button{padding:0;margin:0;border:none;font-weight:500;color:var(--color-cyan);background:none}.joblist .job a.button:hover{color:var(--color-blue);background:none}section.hero{background-image:var(--background);background-size:cover;background-position:center;height:100dvh;position:relative}section.hero::before{background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.5) 100%);position:absolute;bottom:0;left:0;right:0;content:"";z-index:1;height:100%}section.hero .container{height:100%;position:relative;z-index:2}section.hero .column:first-child{justify-content:flex-end;display:flex;flex-direction:column;height:100%;padding:4rem 0}section.hero h1{font-weight:700;font-size:84px;line-height:1.15;letter-spacing:0%;text-transform:uppercase;color:var(--color-white)}section.xxl h3{font-weight:700;font-size:133px;line-height:1.2;margin:0;padding:0}section.xxl:not(section.xxl~section.xxl) .column{border:none !important}section.xxl .column:not(:has(*)):first-child{border-left:2px solid var(--color-green)}section.xxl .column:not(:has(*)):last-child{border-right:2px solid var(--color-green)}section.xxl .column:last-child{text-align:right}div.boxes{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.875rem}div.boxes .box{border-radius:50px;align-items:center;border:4px solid var(--color-green);display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem}div.boxes .box h3{font-family:"GT Walsheim";font-size:23px;font-weight:700;text-transform:uppercase;text-wrap:balance}div.boxes .box h3,div.boxes .box p{margin:0;text-align:center}section .container{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}section .container.fading{opacity:0;transform:translateY(30px)}.refslider{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:36px}.refslider .slider-track{display:flex;transition:transform .4s ease}.refslider .slide{position:relative;flex:0 0 100%;aspect-ratio:3/2}.refslider .slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.refslider .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.refslider .slider-arrow:hover{background:rgba(0,0,0,.75)}.refslider .slider-arrow svg{width:1rem !important;heiht:1rem !important}.refslider .slider-prev{left:.75rem}.refslider .slider-next{right:.75rem}.refslider .slider-dots{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.refslider .slider-dot{width:.625rem;height:.625rem;padding:0;border:none;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer}.refslider .slider-dot.is-active{background:#fff}@media(max-width: 768px){.container:has(.contentblock){margin:0 !important}}.contentblock+.contentblock{margin-top:1rem}.contentblock .images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}.contentblock .images[data-layout=top]{grid-template-areas:"one one" "two three"}@media(max-width: 768px){.contentblock .images[data-layout=top]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout=bottom]{grid-template-areas:"two three" "one one"}@media(max-width: 768px){.contentblock .images[data-layout=bottom]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout=left]{grid-template-areas:"one two" "one three"}@media(max-width: 768px){.contentblock .images[data-layout=left]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout=right]{grid-template-areas:"two one" "three one"}@media(max-width: 768px){.contentblock .images[data-layout=right]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout="1big"]{grid-template-areas:"one one";grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="1big"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one"}.contentblock .images[data-layout="1big"] img{aspect-ratio:1/1}}.contentblock .images[data-layout="2big"]{grid-template-areas:"one two";grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="2big"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two"}}.contentblock .images[data-layout="3big"]{grid-template-areas:"one two three";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="3big"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout="1small"]{grid-template-areas:"one one";grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="1small"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "one"}.contentblock .images[data-layout="1small"] img{aspect-ratio:1/1}}.contentblock .images[data-layout="2small"]{grid-template-areas:"one two";grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="2small"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two"}}.contentblock .images[data-layout="3small"]{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"one two three";grid-template-rows:1fr}@media(max-width: 768px){.contentblock .images[data-layout="3small"]{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"one" "two" "three"}}.contentblock .images[data-layout=sixpack]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"one two three" "four two six" "four five six"}@media(max-width: 768px){.contentblock .images[data-layout=sixpack]{display:flex;flex-direction:column}}.contentblock img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2.5rem}@media(max-width: 768px){.contentblock img{aspect-ratio:1/1}}.contentblock .overlay{position:relative}.contentblock .overlay:before{content:"+";position:absolute;bottom:1rem;left:1rem;background:rgba(21,22,76,.8);color:#fff;font-weight:bold;display:flex;border-radius:.375rem;z-index:2;width:2rem;height:2rem;align-items:center;justify-content:center;opacity:1}.contentblock .overlay img{position:absolute;inset:0;z-index:1}.contentblock .overlay:hover:before{opacity:0}.contentblock .overlay:hover .overlay-content{opacity:1}.contentblock .overlay .overlay-content{transition:all .3 ease-in-out;opacity:0;position:absolute;inset:0;z-index:2;padding:2rem;background:hsla(0,0%,100%,.7);display:flex;flex-direction:column;justify-content:flex-end}.contentblock .text{background:#eee;padding:1rem}.contentblock .text[data-alignment=left]{text-align:left}.contentblock .text[data-alignment=center]{text-align:center}.contentblock .text[data-alignment=right]{text-align:right}.contentblock .text[data-alignment=centered]{display:flex;flex-direction:column;align-items:center;justify-content:center}.contentblock [data-area=one]{grid-area:one}.contentblock [data-area=two]{grid-area:two}.contentblock [data-area=three]{grid-area:three}.contentblock [data-area=four]{grid-area:four}.contentblock [data-area=five]{grid-area:five}.contentblock [data-area=six]{grid-area:six}form#contact{background:var(--color-white);border-radius:50px;gap:1.5rem;padding:5rem 4rem;display:grid;grid-template-columns:repeat(4, 1fr)}@media(max-width: 768px){form#contact{display:flex;flex-direction:column;padding:2rem}}form#contact h2{grid-column:span 4;margin:0 0 1rem 0;padding:0;font-weight:700}form#contact .row{grid-column:span 4}form#contact legend{margin:0 0 1rem 0}form#contact .radiooptions{display:grid;grid-template-columns:repeat(4, 1fr);position:relative}@media(max-width: 768px){form#contact .radiooptions{display:flex;flex-direction:column;gap:1rem}}form#contact .radiooptions label{position:static !important;cursor:pointer}form#contact .radiooptions label:hover{font-weight:bold}form#contact .field-dropdown{grid-column:span 4}form#contact .field-dropdown select{-moz-appearance:none;appearance:none;background:var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23A1A1A1' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 26px center;border-radius:25px;border-width:1px;border:1px solid #a1a1a1;cursor:pointer;display:block;padding:16px 46px 16px 26px;text-align:left;-webkit-appearance:none;width:100%;z-index:1}form#contact .field{grid-column:span 2;position:relative}form#contact .field:has(.radiooptions){position:static}form#contact .field label{display:block;position:absolute;z-index:2;top:16px;left:26px;padding:0;transition:all 200ms}form#contact .field input,form#contact .field textarea{display:block;width:100%;border-radius:25px;border-width:1px;border:1px solid #a1a1a1;padding:16px 26px;z-index:1}form#contact .field input:focus,form#contact .field textarea:focus{border-color:var(--color-blue)}form#contact .field textarea{min-height:10lh}form#contact .field:has(:not(:-moz-placeholder)) label{top:-8px;font-size:12px;color:var(--color-blue);background:var(--color-white);padding:0 4px}form#contact .field:has(:not(:placeholder-shown)) label{top:-8px;font-size:12px;color:var(--color-blue);background:var(--color-white);padding:0 4px}form#contact .field:has(:not(:-moz-placeholder)) input, form#contact .field:has(:not(:-moz-placeholder)) textarea{border-color:var(--color-blue)}form#contact .field:has(:not(:placeholder-shown)) input,form#contact .field:has(:not(:placeholder-shown)) textarea{border-color:var(--color-blue)}form#contact .field:has(:-moz-placeholder) label{color:#a1a1a1;top:16px;font-size:16px;padding:0}form#contact .field:has(:placeholder-shown) label{color:#a1a1a1;top:16px;font-size:16px;padding:0}form#contact .field:has(:-moz-placeholder) input, form#contact .field:has(:-moz-placeholder) textarea{border-color:#a1a1a1;background:var(--color-white)}form#contact .field:has(:placeholder-shown) input,form#contact .field:has(:placeholder-shown) textarea{border-color:#a1a1a1;background:var(--color-white)}form#contact .field:has(#company){grid-column:span 4}form#contact .field:has(#street){grid-column:span 3}form#contact .field:has(#housenumber){grid-column:span 1}form#contact .field:has(#zip){grid-column:span 1}form#contact .field:has(#city){grid-column:span 3}form#contact .field:has(#message){grid-column:span 4}form#contact .field-callback{grid-column:span 2}form#contact .buttons{display:flex;justify-content:flex-end;align-items:flex-start}form#contact .buttons button{background:var(--color-green);border-radius:10rem;border:2px solid var(--color-blue);color:var(--color-blue);cursor:pointer;font-family:"IBM Plex Sans";font-size:14px;font-weight:600;padding:16px 26px;text-align:center;text-decoration:none;text-transform:uppercase}@media(max-width: 768px){form#contact .buttons button{font-size:13px;padding:10px 20px}}form#contact .buttons button:hover{background:var(--color-white);color:var(--color-blue)}footer{background:var(--color-white);border-top:1px solid var(--color-grey);position:relative;z-index:1;margin-top:15rem;padding-top:5rem;padding-bottom:10rem}footer::after{background:url("/assets/images/pattern-footer.svg");height:56px;width:100%;content:"";display:block;position:absolute;bottom:0}footer:before{width:60px;height:87px;content:"";background:url("/assets/images/icon-footer.svg");position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%) translateY(-50%)}footer hr{background:var(--color-grey);margin:0;padding:0;height:1px;border:none}footer a{color:var(--color-blue);text-decoration:none;font-family:"GT Walsheim";font-weight:400;font-size:18px;leading-trim:NONE;line-height:180%;letter-spacing:0%}@media(max-width: 768px){footer section .container{align-items:center;text-align:center}}footer section.links .column{display:flex;align-items:center;gap:1rem}@media(max-width: 768px){footer section.links .column{flex-wrap:wrap;justify-content:center}footer section.links .column a:first-child{flex:100%}}footer section.footer-logos .column:last-child{display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end}@media(max-width: 768px){footer section.footer-logos img{width:100%;height:auto}}footer section:last-child{font-family:"IBM Plex Sans";font-weight:400;font-size:13px;line-height:1.5}footer section:last-child .column:last-child{display:flex;justify-content:flex-end}