.cart-item-counter{display:flex;align-items:center;gap:var(--space-sm)}cart-menu-items{max-height:230px}.cart-menu-item{display:flex;gap:var(--space-lg)}.cart-menu-item-body{width:100%}.cart-menu-item-body .title{font-size:var(--font-lg);font-weight:bold;color:var(--hkl-blue)}.cart-menu input{padding:var(--space-sm) var(--space-md);border-radius:var(--space-sm);border:1px solid var(--darken);box-sizing:border-box}.cart-menu input:focus-visible{box-shadow:0 0 0 2px var(--hkl-light-blue),inset 0 0 0 2px var(--white);outline:0}.cart-menu input[voucher-code]{width:100%}.cart-menu-buttons{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.cart-menu-popper{position:relative}.cart-menu-popper .cart-menu{min-width:400px}.cart-menu-popper .cart-menu :is(h1,h2,h3,h4,h5,h6){color:var(--hkl-blue)}@media only screen and (max-width:728px){.cart-menu-popper .cart-menu{position:fixed;width:100%;box-sizing:border-box;border:0;top:64.37px!important;border-radius:unset}}
.info-block{display:grid;align-items:center;gap:var(--space-xl)}.info-block .links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.info-block .media{display:flex;justify-content:center}.info-block .media>*{max-width:100%;width:512px;border-radius:var(--space-lg);clip-path:content-box;overflow:hidden}.info-block p{white-space:pre-line}.info-block:not(.right,.left) .media{margin:0 auto}.info-block:not(.right,.left) .media>*{width:900px}.info-block.left{grid-template-columns:auto minmax(300px,1fr)}.info-block.left .media{grid-column:1/2;grid-row:1/2}@media only screen and (max-width:728px){.info-block.left{grid-template-columns:initial}.info-block.left .media{grid-column:1/2;grid-row:2/3}}.info-block.right{grid-template-columns:minmax(300px,1fr) auto}.info-block.right .media{grid-column:2/3;grid-row:1/2}@media only screen and (max-width:728px){.info-block.right{grid-template-columns:initial}.info-block.right .media{grid-column:1/2;grid-row:2/3}}
input.error{box-shadow:0 0 0 2px var(--hkl-red),inset 0 0 0 2px var(--white);outline:0}
p:not(:last-child){margin-bottom:var(--space-xl)}p:empty{display:none}
.quote-block{display:flex;align-items:start;gap:var(--space-lg)}.quote-block .media{border-radius:var(--space-lg);overflow:hidden;flex-shrink:0;position:relative;width:200px;max-width:25%;aspect-ratio:1}.quote-block .media img{width:100%;height:100%;object-fit:cover;object-position:center}.quote-block .right{flex:1;display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm)}.quote-block .mark{font-size:60px;font-weight:700;line-height:0;top:22px;position:relative;color:var(--hkl-orange)}.quote-block .quote .mark{left:var(--space-sm)}.quote-block .main{display:flex;flex-direction:column;gap:var(--space-lg)}.quote-block .main .quote{font-size:24px}.quote-block .main .quoter{display:flex;gap:var(--space-lg);align-items:center}.quote-block .main .quoter .media{display:none;border-radius:var(--space-md)}.quote-block .main .quoter .media{width:60px;max-width:60px}.quote-block .main .quoter .info{display:flex;flex-direction:column}.quote-block .main .quoter .info>*{font-size:16px}.quote-block .main .quoter .info .name{font-weight:500;color:var(--hkl-blue)}@media only screen and (max-width:728px){.quote-block .media{display:none}.quote-block .main .quote{font-size:20px}.quote-block .main .quoter .media{display:block}}
.mobile-menu{display:flex;flex-direction:column}.mobile-menu>.menu{max-width:100%}.mobile-menu>button{text-align:left;justify-content:start}.mobile-menu>.menu ul{gap:0}.mobile-menu>.menu>.flex>li{background-color:var(--lighten);border-top:var(--border-light)}
.page.card{text-align:left;align-items:start}.page.card .org-img{max-width:250px;max-height:50px}.page.card .profile{display:grid;grid-auto-flow:column;gap:var(--space-md);flex:1;align-items:center;grid-template-columns:auto 1fr}.page.card .profile .profile-img{width:50px;height:50px;border-radius:100%}.page.card .profile .profile-desc{flex:1;overflow:hidden}.page.card .profile .profile-desc>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
button,.button,.btn{color:var(--text-light);padding:var(--space-md) var(--space-lg);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:var(--space-md);border:0}.button.disabled{cursor:auto;background-color:#d3d3d3;pointer-events:none}.button-primary{background-color:var(--hkl-green)}.button-primary:active{background-color:var(--hkl-green-dark)}.button-secondary{background-color:var(--hkl-orange)}.button-secondary:active{background-color:var(--hkl-orange-dark)}.button-tertiary{background-color:none}.button-outline{background-color:none;box-shadow:inset 0 0 0 1px var(--white)}.button-link{border:0;padding:0;background-color:transparent;color:inherit}@media(any-hover:hover){.button-primary:not(:active):hover{background-color:var(--hkl-green-light)}.button-secondary:not(:active):hover{background-color:var(--hkl-orange-light)}.button-tertiary:not(:active):hover{background-color:var(--darken)}.button-outline:not(:active):hover{background-color:var(--darken)}}.button-group{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);margin-bottom:var(--space-xl);flex-wrap:wrap}.button-group>button{position:relative;background-color:var(--white);color:var(--hkl-blue);font-size:var(--font-lg);font-weight:bold;border-radius:var(--space-lg);border:0;padding:var(--space-sm) var(--space-lg);box-shadow:0 4px 3px rgba(3,7,18,.03),0 14px 11px rgba(3,7,18,.05),0 32px 24px rgba(3,7,18,.08)}.button-group>button.active{background-color:var(--hkl-light-blue);color:var(--text-light);box-shadow:0 4px 3px rgba(0,104,184,.03),0 14px 11px rgba(0,104,184,.05),0 32px 24px rgba(0,104,184,.08)}@media only screen and (min-width:728px){.button-group>button.active:before{content:'';position:absolute;left:calc(50% - 14px);top:35px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid var(--hkl-light-blue)}}.mobile-icon .icon{display:none}@media only screen and (max-width:1100px){.mobile-icon{padding:var(--space-md)}.mobile-icon .icon{display:block}.mobile-icon .label{display:none}}
.popper-menu{position:relative;display:flex}.popper-menu .menu{position:absolute;top:40px;left:0;width:max-content;padding:var(--space-lg);background-clip:padding-box;border-radius:var(--space-md);z-index:2;box-shadow:0 10px 24px -10px rgb(0 0 20/30%),0 0 3px 0 rgb(0 0 20/20%)}.popper-menu .menu .arrow{background-color:inherit;position:absolute;top:-8px;left:48%;width:15px;height:15px;pointer-events:none;transform:rotate(45deg)}.popper-nav-item{display:flex;gap:var(--space-md);padding:var(--space-md);padding-right:var(--space-lg);border-radius:var(--space-sm);white-space:initial}.popper-nav-item:hover{background-color:var(--darken)}.popper-nav-item .link-image{display:flex;align-items:start}.popper-nav-item .link-icon{display:flex;align-items:center}.popper-nav-item .nav-title{padding:0}.menu-image{width:65px}
.youtube-embed{aspect-ratio:16/9}
.toolbar{border-bottom:1px solid var(--darken)}.top-nav{display:flex;justify-content:space-between;gap:var(--space-lg);white-space:nowrap}.top-nav.container{padding:var(--space-md) 0}.navbar{display:flex;position:relative;flex-wrap:nowrap;align-items:center;justify-content:start;gap:var(--space-xl);flex-grow:1;z-index:2}.navbar a{color:inherit;text-decoration:none}.navbar>.title{display:flex;gap:var(--space-xl);align-items:center}.navbar>h2{margin:0}.navbar .burger-menu{cursor:pointer;display:none}.nav-menu{max-width:365px}.nav-list{gap:var(--space-lg)}.nav-link{color:inherit;text-decoration:inherit;background-color:transparent;border:0}.nav-menu-image{width:60px}.nav-title>img{max-width:250px}.nav-title{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.nav-title h2{margin:0}.nav-side{display:flex;justify-content:space-between;gap:var(--space-lg);align-items:center}.nav-side a{color:inherit;text-decoration:none}.sub-nav{position:relative;z-index:1}.sub-nav .container{padding:var(--space-md) 0}.sub-nav{position:relative;z-index:1}.sub-nav .container{padding:var(--space-md) 0}.breadcrumb-nav{position:relative;z-index:1}.breadcrumb-nav .container{padding:var(--space-lg) 0}.breadcrumb-nav .material-symbols-rounded{opacity:.4}.breadcrumb-nav li:last-child .material-symbols-rounded{display:none}.breadcrumb-nav li:not(:last-child,:hover) a{opacity:.5}.breadcrumb-nav li:not(:last-child) a:hover{color:var(--hkl-light-blue)}.nav-main .popper-menu .menu{max-width:370px}@media only screen and (max-width:900px){.navbar{flex-direction:column;gap:0;flex-grow:0;align-items:flex-start}.nav-side{align-items:flex-start}}@media only screen and (max-width:900px){.navbar{width:100%}.navbar>.title{width:100%;justify-content:space-between}.nav-list{width:100%;flex-direction:column;gap:0;border-radius:10px;background:var(--lighten);margin:var(--space-md) 0!important}.nav-list>li:not(:last-child){border-bottom:var(--border-light)}.nav-list .nav-item{display:inline-flex;padding:var(--space-md)}.navbar .burger-menu{display:inline-flex;align-content:center}.nav-list .login-button>a{color:inherit;background-color:transparent;border:0;padding:0}.nav-list .login-button>a:hover{background:initial}.nav-list.mobile-toggle{display:none}.nav-side.hide-mobile{display:none}.sub-nav .navbar{margin:0}.sub-nav .navbar .hide-mobile{display:none}.sub-nav .navbar .nav-title{box-sizing:border-box;padding:var(--space-md);width:100%}.sub-nav .navbar .nav-title h2{padding:var(--space-md)}.sub-nav .navbar .nav-list{background-color:var(--lighten)}.sub-nav .navbar .nav-list>li{padding:var(--space-md)}.sub-nav .nav-title{margin-right:var(--space-md)}}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-md);font-weight:bold;line-height:1.3}h1{font-size:var(--font-xxl);width:fit-content;margin:0 auto;margin-bottom:var(--space-md)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}
.stat.card{background-color:transparent;box-shadow:none;padding:0;color:inherit}.stat.card h3{color:var(--hkl-orange)}
.form-block{display:grid;align-items:center;gap:var(--space-xl);grid-auto-flow:column;grid-auto-columns:1fr}.form-block .body{max-width:500px}.form-block .media{display:flex;justify-content:center}.form-block .media>*{max-width:100%;width:512px}.form-block p{white-space:pre-line}@media only screen and (max-width:728px){.form-block .body{max-width:100%}.form-block .media{display:none}}
.intro-block{display:grid;grid-template-columns:1fr 1.5fr;justify-content:space-between;align-items:center;gap:var(--space-xl)}.intro-block.align-top{align-items:start}@media only screen and (max-width:728px){.intro-block{grid-template-columns:auto;justify-content:stretch}}.intro-block .links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.intro-block h1{margin:0}.intro-block .description{max-width:450px;white-space:pre-line}.intro-block .headline-image>*{width:100%;border-radius:var(--space-lg)}
.testimonial.card{text-align:left;align-items:start}.testimonial.card .org-img{max-width:250px;max-height:50px}.testimonial.card .card-footer{display:flex;flex:1;width:100%;align-items:end;gap:var(--space-sm);justify-content:space-between}.testimonial.card .profile{display:grid;gap:var(--space-md);align-items:center;grid-template-columns:auto 1fr}.testimonial.card .profile .profile-img{width:50px;height:50px;border-radius:100%}.testimonial.card .profile .profile-desc{flex:1;overflow:hidden}.testimonial.card .profile .profile-desc>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.footer{display:flex;flex-direction:column}.footer .container{display:flex;justify-content:space-between;gap:var(--space-lg)}.footer .summary{max-width:260px}.footer .list-heading{font-weight:bold;margin-bottom:var(--space-md)}.footer a.nav-link:hover{text-decoration:underline}.footer .social-media{width:80px}.footer .social-media img{width:40px}.footer .awards{margin:auto;display:flex;margin-bottom:var(--space-xl)}.footer .awards img{height:80px}.footer .copyright{margin:var(--space-xl) auto}.footer-logo{max-width:250px;margin-bottom:var(--space-md)}@media(any-hover:hover){.footer .nav-link:hover{text-decoration:underline}}@media only screen and (max-width:728px){.footer .container{flex-direction:column}.footer .container>div{padding:var(--space-md) 0}.footer .social-media{width:auto}.footer .social-media .flex{flex-wrap:nowrap;flex-direction:row;text-align:center}}
.character-wrap{position:relative}.character-img{position:absolute;display:flex;align-items:center;justify-content:center;filter:drop-shadow(20px 70px 80px rgba(0,0,0,.3));pointer-events:none}.character-img>img{width:300px;position:absolute}.character-img.left{left:75px}.character-img.left>img{transform:rotate(15deg)}.character-img.right{right:75px}.character-img.right>img{transform:rotate(-15deg)}@media only screen and (max-width:1650px){.character-img.right{opacity:0}.character-img.left{opacity:0}}
.media-list>ul{margin-top:var(--space-xl)}.customers .media-list>ul>li{flex:1;display:flex;align-items:center;justify-content:center}.customers .media-list>ul>li>img{max-height:60px;max-width:200px}.paymethods .media-list>ul>li>img{max-height:20px}
.cookie-banner{background-color:var(--hkl-blue-dark);color:var(--white);border-bottom:1px solid rgb(0 0 0/10%);display:none}.cookie-banner p{margin:0}.cookie-banner .icon{font-size:48px}.cookie-banner .title{font-size:var(--font-md);font-weight:700}.cookie-banner .description{font-size:var(--font-sm)}.cookie-banner .container{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-lg) 0}.cookie-banner .body{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.cookie-banner a{color:var(--white)}.cookie-banner .dismiss{display:flex;align-items:center;justify-content:center;border-radius:1000px;padding:4px;cursor:pointer}body[cookies-banner="true"] .cookie-banner{display:block}@media(any-hover:hover){.cookie-banner .dismiss:hover{background-color:var(--lighten)}}@media only screen and (max-width:728px){.cookie-banner .icon{display:none}}
.badge-counter{position:absolute;left:12px;top:-10px;min-width:6px;padding:2px 5px;font-size:.8em;text-align:center;line-height:1;white-space:nowrap;vertical-align:baseline;border-radius:50%;z-index:1}
.container{width:min(1200px,100% - 80px);margin:auto;padding:var(--space-mdxl) 0}.container+.container{padding-top:0}.container-main{margin-bottom:auto;display:flex;flex-direction:column;justify-content:flex-start}.container-intro{margin-top:var(--space-lg);text-align:center}.container-section{margin-top:var(--space-xxl)}.container-outro{text-align:center;display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.container-flex{display:flex;gap:var(--space-lg)}.container-flex .headline-img{border-radius:var(--space-lg);width:600px}@media only screen and (max-width:728px){.container{width:min(1200px,100% - 40px)}}
.card{box-sizing:border-box;height:100%;display:flex;flex-direction:column;gap:var(--space-lg);text-align:center;padding:var(--space-lg);color:var(--text-dark);background-color:var(--white);border-radius:var(--space-md);box-shadow:0 4px 3px rgba(3,7,18,.03),0 14px 11px rgba(3,7,18,.05),0 32px 24px rgba(3,7,18,.08)}.card>h3{margin:0}.card :is(h1,h2,h3,h4,h5,h6){color:var(--hkl-blue)}.card-media{display:flex}.card-media img{max-width:150px;margin:auto}.card-link{margin-top:auto}.card-suffix{font-size:var(--font-sm);text-align:left}.card-suffix a{color:var(--font)}.card.highlighted{position:relative;border:solid 3px var(--hkl-light-blue);box-shadow:0 4px 3px rgba(0,104,184,.03),0 14px 11px rgba(0,104,184,.05),0 32px 24px rgba(0,104,184,.08)}.card.highlighted .highlight{color:var(--text-light);background-color:var(--hkl-light-blue);position:absolute;top:-30px;left:-3px;border-radius:var(--space-md) var(--space-md) 0 0;border:3px solid var(--hkl-light-blue);padding:5px 0;width:100%}.key-stats .card{background-color:transparent;box-shadow:none;padding:0;color:inherit}.key-stats .card h3{color:var(--hkl-orange)}
.panel{padding-top:0}.panel>.card{padding:var(--space-xl);display:grid;justify-content:center;text-align:left;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media only screen and (max-width:728px){.panel>.card{grid-template-columns:initial}}.panel .card>h2{margin:0}.panel>.card>div{flex:1;display:flex;flex-direction:column;gap:var(--space-lg)}.panel>.flex>li{max-width:300px}
.customers ul{margin-top:var(--space-lg)}.customers li{display:flex;align-items:center;justify-content:center}.customers img{max-height:60px;max-width:200px}