@font-face{font-family:HKNova;src:url("../fonts/HKNova-ExtraLight.woff2") format("woff2");font-style:normal;font-weight:200}@font-face{font-family:HKNova;src:url("../fonts/HKNova-Light.woff2") format("woff2");font-style:normal;font-weight:300}@font-face{font-family:HKNova;src:url("../fonts/HKNova-Regular.woff2") format("woff2");font-style:normal;font-weight:400}@font-face{font-family:HKNova;src:url("../fonts/HKNova-SemiBold.woff2") format("woff2");font-style:normal;font-weight:500}@font-face{font-family:HKNova;src:url("../fonts/HKNova-Bold.woff2") format("woff2");font-style:normal;font-weight:600}@font-face{font-family:HKNova;src:url("../fonts/HKNova-Heavy.woff2") format("woff2");font-style:normal;font-weight:700}@font-face{font-family:HKNova;src:url("../fonts/HKNova-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800}:root{--color-white: #fff;--color-black: #000;--color-zusa-blau: #015CD1;--color-zusa-dunkelblau: #084778;--color-zusa-creme: #FCFCF7;--color-zusa-koralle: #F78763;--font-default: HKNova, Inter, system-ui, sans-serif;--font-headline: HKNova, Inter, system-ui, sans-serif;--scroll-offset: 8rem;--column-width: 5.5rem;--column-gap: 1.25rem;--width-grid: 79.75rem;--width-grid-header: 87.75rem}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;background:var(--color-zusa-creme);font-family:HKNova,Inter,sans-serif;color:var(--color-zusa-dunkelblau)}body>main{min-height:100svh;display:flex;flex-direction:column}body>main>section:last-of-type{margin-bottom:4rem}h1:has(img),h2:has(img),h3:has(img),h4:has(img){display:flex;gap:12px}picture img{height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;display:block}.spacer{height:var(--spaceDesktop, 0)}@media(max-width: 768px){.spacer{height:var(--spaceMobile, --spaceDesktop)}}.imageoverlay{aspect-ratio:var(--ratio);overflow:hidden;position:relative}.imageoverlay .overlay{position:absolute;inset:1.5rem;z-index:2;display:flex;flex-direction:column;background:hsla(0,0%,100%,.9);padding:1rem}.imageoverlay img.background{position:absolute;inset:0;z-index:1}.imageslider{position:relative}.imageslider .controls{position:absolute;inset:0;z-index:2}.imageslider .controls button{background:none;border:none;cursor:pointer;color:var(--color-blue);display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:1rem;position:absolute;top:50%;transform:translateY(-50%)}.imageslider .controls button:disabled{opacity:.3;pointer-events:none}.imageslider .controls button[onclick="prevImage(this)"]{left:-4rem}.imageslider .controls button[onclick="nextImage(this)"]{right:-4rem}.imageslider .slider-viewport{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.imageslider .slides{display:flex;transition:left 350ms ease-in;position:relative;left:0}.imageslider .slide{flex-shrink:0;opacity:.3;transition:opacity 500ms ease-in}.imageslider .slide.active{opacity:1}.imageslider .slide img{width:100%;display:block}.column:has(.badge){display:flex;align-items:baseline}.column:has(.badge):has(.badge[data-alignment=left]){justify-content:start}.column:has(.badge):has(.badge[data-alignment=center]){justify-content:center}.column:has(.badge):has(.badge[data-alignment=right]){justify-content:end}.column:has(.badge) img.badge{width:12rem;height:12rem}@media(max-width: 768px){.column:has(.badge) img.badge{margin:2rem 0}}.socials{display:flex;gap:.5rem}.socials a{text-decoration:none;margin:0 !important}.testimonial blockquote{padding:0;margin:0}.testimonial blockquote p{font-family:var(--font-default);font-weight:600;font-size:1.75rem;line-height:1.25;letter-spacing:0%;color:var(--color-zusa-blau)}.testimonial cite{padding:0;margin:0;font-family:var(--font-default);font-weight:600;font-size:1rem;line-height:1.4;letter-spacing:0%;color:var(--color-zusa-dunkelblau);font-style:normal}.container:has(.client-logos){margin:0 -1rem !important}@media(max-width: 768px){.container:has(.client-logos){margin:0 !important}}.client-logos{overflow:hidden;width:100svw;display:flex;gap:3rem;position:relative;min-height:10rem}@media(max-width: 768px){.client-logos{min-height:5rem;height:5rem}}.client-logos:first-child{margin-bottom:3rem}.logo-container{display:flex;gap:3rem;position:absolute;top:0}.logo-container img{filter:saturate(0)}@media(max-width: 768px){.logo-container img{height:5rem;width:auto}}@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;margin:1rem 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(--marginMobileTop, var(--marginTop, 0));padding-left:1rem;padding-right:1rem}}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}header{background:var(--color-zusa-blau);color:var(--color-zusa-creme);position:relative;z-index:2}header .container{display:flex;justify-content:space-between;margin:0 auto;max-width:var(--width-grid);padding:0;position:relative;height:4.5rem}header .frame{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 0 100%);background:var(--color-zusa-dunkelblau);color:var(--color-zusa-creme);position:absolute;top:0;padding:6rem 3rem 3rem 3rem}header nav{align-items:center;display:flex;gap:2.25rem;justify-content:flex-end}header nav a{color:var(--color-zusa-creme);font-family:var(--font-headline);font-size:16px;font-weight:500;letter-spacing:3%;line-height:1.1;text-decoration:none;position:relative}header nav a.active{font-weight:800}header nav a::after{background:#fff;bottom:-6px;content:"";height:2px;left:0;position:absolute;transform-origin:left;transform:scaleX(0);transition:transform .25s ease;width:100%}header nav a:hover::after{transform:scaleX(1)}header nav .button-secondary{background:var(--color-zusa-creme);color:var(--color-zusa-blau)}header nav .button-secondary:hover{background:var(--color-zusa-dunkelblau);color:var(--color-zusa-creme)}section.subheader{background:rgba(1,92,209,.1);padding:.5rem 0;margin-bottom:6rem}section.subheader a.carticon{position:relative;color:var(--color-zusa-blau);margin-left:-1.75rem}section.subheader a.carticon[data-items="0"]:before{display:none}section.subheader a.carticon[data-items] path{fill:var(--color-zusa-blau)}section.subheader a.carticon:before{content:attr(data-items);display:block;font-size:11px;height:1rem;left:7px;line-height:1rem;position:absolute;text-align:center;top:-10px;width:1rem}section.subheader nav{align-items:center;display:flex;gap:2rem;justify-content:flex-end}section.subheader nav a{color:var(--color-zusa-blau);font-family:var(--font-headline);font-size:16px;font-weight:500;letter-spacing:3%;line-height:1.1;text-decoration:none;position:relative}section.subheader nav a.active{font-weight:800}section.subheader nav a::after{background:var(--color-zusa-blau);bottom:-6px;content:"";height:2px;left:0;position:absolute;transform-origin:left;transform:scaleX(0);transition:transform .25s ease;width:100%}section.subheader nav a:hover::after{transform:scaleX(1)}footer{display:flex;flex-direction:column;gap:0;margin-top:auto}footer section.footer-top{background:var(--color-zusa-blau);margin:0;padding:3.75rem 0}footer section.footer-top h2{color:var(--color-zusa-creme);font-size:16px;font-weight:700;margin:0 0 2rem 0;padding:0}footer section.footer-top a{color:var(--color-zusa-creme);font-family:var(--font-headline);font-size:16px;font-weight:500;letter-spacing:3%;line-height:1.1;text-decoration:none;position:relative;margin:0 0 .75rem 0;display:inline-block}footer section.footer-top a.active{font-weight:800}footer section.footer-top a::after{background:#fff;bottom:-6px;content:"";height:2px;left:0;position:absolute;transform-origin:left;transform:scaleX(0);transition:transform .25s ease;width:100%}footer section.footer-top a:hover::after{transform:scaleX(1)}footer section.footer-bottom{background:var(--color-zusa-dunkelblau);color:var(--color-zusa-creme);margin:0;padding:1rem 0;transform:translateY(-1px)}footer section.footer-bottom a{color:var(--color-zusa-creme);font-weight:700;text-decoration:none;font-size:16px}.buttongroup{margin:2rem 0;display:flex;gap:1rem}.buttongroup.buttongroup-vertical{flex-direction:column}.button{background:var(--color-zusa-creme);border:none;color:var(--color-zusa-dunkelblau);cursor:pointer;display:inline-block;font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;padding:.5rem 1.25rem;text-align:center;text-decoration:none}.button:after{display:none}.button:hover{background:var(--color-zusa-koralle)}.button.loading{color:rgba(0,0,0,0);pointer-events:none;position:relative}.button.loading:after{content:"";position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);width:1rem;height:1rem;border:5px solid var(--color-zusa-dunkelblau);border-right-color:rgba(0,0,0,0);border-radius:50%;animation:spin 2s linear infinite;display:block}.button-primary{background:var(--color-zusa-creme);border:none;color:var(--color-zusa-dunkelblau);cursor:pointer;display:inline-block;font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;padding:.5rem 1.25rem;text-align:center;text-decoration:none}.button-primary:after{display:none}.button-primary:hover{background:var(--color-zusa-koralle)}.button-primary.loading{color:rgba(0,0,0,0);pointer-events:none;position:relative}.button-primary.loading:after{content:"";position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);width:1rem;height:1rem;border:5px solid var(--color-zusa-dunkelblau);border-right-color:rgba(0,0,0,0);border-radius:50%;animation:spin 2s linear infinite;display:block}.button-primary{background:var(--color-zusa-dunkelblau);color:var(--color-zusa-creme)}.button-primary:hover{background:var(--color-zusa-blau);text-shadow:-0.3px 0 0 currentColor,.3px 0 0 currentColor}.button-secondary{background:var(--color-zusa-creme);border:none;color:var(--color-zusa-dunkelblau);cursor:pointer;display:inline-block;font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;padding:.5rem 1.25rem;text-align:center;text-decoration:none}.button-secondary:after{display:none}.button-secondary:hover{background:var(--color-zusa-koralle)}.button-secondary.loading{color:rgba(0,0,0,0);pointer-events:none;position:relative}.button-secondary.loading:after{content:"";position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);width:1rem;height:1rem;border:5px solid var(--color-zusa-dunkelblau);border-right-color:rgba(0,0,0,0);border-radius:50%;animation:spin 2s linear infinite;display:block}.button-secondary{background:var(--color-zusa-blau);color:var(--color-zusa-creme)}.button-secondary:hover{background:var(--color-zusa-dunkelblau);text-shadow:-0.3px 0 0 currentColor,.3px 0 0 currentColor}.start-left{background:rgba(1,92,209,.1);padding:3rem;gap:1rem;color:#015cd1}.start-left ol{list-style:none;margin:3rem 0;padding:0 0 0 3.5rem;display:flex;flex-direction:column;gap:2rem}.start-left ol li{align-items:flex-start;counter-increment:itemCounter;position:relative;color:#015cd1;display:flex;align-items:center;font-weight:700;font-size:20px}.start-left ol li:before{clip-path:polygon(0.5rem 0, 100% 0, 100% 100%, 0 100%, 0 0.5rem);align-items:center;background:#015cd1;color:#fff;content:counter(itemCounter) ".";display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem;line-height:2.5rem;position:absolute;left:-3.5rem}.start-right img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header h1{color:var(--color-zusa-blau);font-weight:800;font-size:40px;line-height:140%;letter-spacing:2px;margin:0 0 1rem 0}.header p{color:var(--color-zusa-dunkelblau);font-weight:500;font-size:16px;line-height:150%;margin:0}#extrasdialog{border:none;padding:3rem;flex-direction:column;gap:1rem}#extrasdialog:popover-open{display:flex}#extrasdialog textarea{border:1px solid #eee;font-family:HKNova;height:10rem;line-height:1.5;width:100%;margin:1rem 0}#extrasdialog::backdrop{background:rgba(8,71,120,.3)}#configurator{grid-column:span 12;display:flex;flex-direction:column-reverse}.configurator-meta{background:rgba(1,92,209,.1);color:var(--color-zusa-dunkelblau);display:flex;height:100%;padding:1rem;align-items:center;padding:.5rem 1rem}.configurator-meta #price{padding:.5rem 0;font-size:1.75rem;font-weight:700;display:flex;align-items:baseline;gap:.5rem}.configurator-meta #price small:first-child{display:none}.configurator-meta #price small{font-size:.8rem;display:block}.configurator-meta .buttongroup{xmargin-top:auto;margin:0;flex-direction:row;align-items:flex-start;margin-left:auto}.configurator-meta .extrasbutton{background:var(--color-zusa-creme);border:none;color:var(--color-zusa-dunkelblau);cursor:pointer;display:inline-block;font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;padding:.5rem 1.25rem;text-align:center;text-decoration:none}.configurator-meta .extrasbutton:after{display:none}.configurator-meta .extrasbutton:hover{background:var(--color-zusa-koralle)}.configurator-meta .extrasbutton.loading{color:rgba(0,0,0,0);pointer-events:none;position:relative}.configurator-meta .extrasbutton.loading:after{content:"";position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);width:1rem;height:1rem;border:5px solid var(--color-zusa-dunkelblau);border-right-color:rgba(0,0,0,0);border-radius:50%;animation:spin 2s linear infinite;display:block}.configurator-meta .extrasbutton{display:flex;align-items:center;gap:.5rem}.configurator-meta #cartbutton.loading:after{border:5px solid var(--color-zusa-creme);border-right-color:rgba(0,0,0,0);top:calc(50% - .75rem);left:calc(50% - .75rem)}section#cart .cart{display:flex;flex-direction:column;gap:3rem}section#cart .cart-item{display:grid;grid-template-columns:10rem auto 8rem;gap:1rem}section#cart .cart-item img{width:100%;height:auto;max-width:10rem;max-height:10rem;background:#f1f2f4}section#cart .cart-item h3{margin:0 0 1rem 0}section#cart .cart-item .right{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}section#cart .cart-item .right .price{background:var(--color-zusa-blau);color:var(--color-zusa-creme);font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;padding:.5rem 1.25rem;text-align:right}section#cart .cart-item .right form{width:100%}section#cart .cart-item .button{display:block;background:rgba(1,92,209,.1);width:100%}section#cart .cart-item .button:hover{color:var(--color-zusa-creme);background:var(--color-zusa-blau)}section#cart .deliverytime{margin:2rem 0 1rem 0}section#cart .totalprice{background:var(--color-zusa-blau);color:var(--color-zusa-creme);font-family:HKNova;font-size:16px;font-weight:500;line-height:1.4;margin:2rem 0 1rem 0;padding:.5rem 1.25rem;text-align:right}section#cart .buttongroup{justify-content:flex-end}.address{margin:2rem 0;line-height:1.5}.order-summary{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 4rem), calc(100% - 4rem) 100%, 0 100%);background:var(--color-zusa-dunkelblau);color:var(--color-zusa-creme);padding:4rem 15rem 4rem 2rem !important;position:relative}.order-summary h2{text-wrap:balance}.order-summary p{text-wrap:balance}.order-summary h3{margin-top:5rem;display:flex;gap:1rem}.container-checkout hr{margin:3rem 0}.container-checkout button[type=submit]{margin:3rem 0 1rem 0}.container-checkout button[type=submit][disabled]{opacity:.25}ul.advantages{margin:0;font-weight:400;padding:0 0 0 1rem}ul.advantages li{font-weight:400}.field-checkbox{align-items:flex-start;display:flex;gap:.5rem;grid-column:span 6;font-weight:400}.field-checkbox a{text-decoration:none;color:var(--color-zusa-dunkelblau)}form.login label,form.register label,form.checkout label,form.contact label{color:var(--color-zusa-blau);display:block;font-family:HKNova;font-weight:800;font-size:16px;margin:0 0 .5rem 0}form.login input[type=text],form.login input[type=email],form.login input[type=password],form.register input[type=text],form.register input[type=email],form.register input[type=password],form.checkout input[type=text],form.checkout input[type=email],form.checkout input[type=password],form.contact input[type=text],form.contact input[type=email],form.contact input[type=password]{border:2px solid var(--color-zusa-blau);color:var(--color-zusa-dunkelblau);padding:.5rem;width:100%}form.login{display:flex;flex-direction:column;gap:2rem 1rem;width:50%}form.register .fields{margin:0 0 2rem 0}form.contact,form.register .fields,form.checkout .fields{display:grid;grid-template-columns:repeat(6, 1fr);gap:2rem 1rem;width:60%}form.contact .field-checkbox,form.register .fields .field-checkbox,form.checkout .fields .field-checkbox{align-items:flex-start;display:flex;gap:.5rem;grid-column:span 6}form.contact .field-checkbox p,form.register .fields .field-checkbox p,form.checkout .fields .field-checkbox p{font-weight:400}form.contact .field-firstName,form.contact .field-lastName,form.register .fields .field-firstName,form.register .fields .field-lastName,form.checkout .fields .field-firstName,form.checkout .fields .field-lastName{grid-column:span 3}form.contact .field-company,form.register .fields .field-company,form.checkout .fields .field-company{grid-column:span 6}form.contact .field-address,form.contact .field-address2,form.register .fields .field-address,form.register .fields .field-address2,form.checkout .fields .field-address,form.checkout .fields .field-address2{grid-column:span 6}form.contact .field-postcode,form.register .fields .field-postcode,form.checkout .fields .field-postcode{grid-column:span 1}form.contact .field-city,form.register .fields .field-city,form.checkout .fields .field-city{grid-column:span 5}form.contact .field-phone,form.register .fields .field-phone,form.checkout .fields .field-phone{grid-column:span 6}form.contact .field-email,form.register .fields .field-email,form.checkout .fields .field-email{grid-column:span 6}form.contact .field-password,form.contact .field-password2,form.register .fields .field-password,form.register .fields .field-password2,form.checkout .fields .field-password,form.checkout .fields .field-password2{grid-column:span 3}form.contact .buttons,form.register .fields .buttons,form.checkout .fields .buttons{margin:0 0 2rem 0}table.orders,table.jobs{width:100%;border-collapse:collapse;border:1px solid var(--color-zusa-blau);margin:2rem 0}table.orders thead th,table.orders tfoot td,table.jobs thead th,table.jobs tfoot td{background:var(--color-zusa-blau);color:var(--color-zusa-creme);font-family:HKNova;font-size:18px;font-weight:700;text-align:left;padding:.5rem}table.orders tbody tr:nth-child(odd) td,table.jobs tbody tr:nth-child(odd) td{background:rgba(1,92,209,.1)}table.orders td+td,table.jobs td+td{border-left:1px solid var(--color-zusa-blau)}table.orders th+th,table.jobs th+th{border-left:1px solid var(--color-zusa-creme)}table.orders th.price,table.jobs th.price{text-align:right}table.orders td,table.jobs td{font-family:HKNova;font-weight:500;font-size:16px;line-height:150%;padding:1rem .5rem;vertical-align:top}table.orders td.price,table.jobs td.price{text-align:right}table.orders td a,table.jobs td a{text-decoration:none;color:var(--color-zusa-blau)}table.orders td a:hover,table.jobs td a:hover{color:var(--color-zusa-dunkelblau)}table.orders td p:first-child,table.jobs td p:first-child{margin-top:0}table.orders td p:last-child,table.jobs td p:last-child{margin-bottom:0}.pickupinfo{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.pickupinfo a{text-decoration:none;color:var(--color-zusa-dunkelblau);font-weight:500}imos-net-plugin{height:800px}imos-net-plugin .mat-mdc-unelevated-button:not(:disabled){background:var(--color-zusa-blau)}imos-net-plugin .net-ix-sidebar+*,imos-net-plugin :not(router-outlet).net-ix-sidebar{background:#f1f2f4}imos-net-plugin x.overlay{background:none !important}