:root{--color-1:#000;--color-2:#fff;--color-3:#1e1f24;--color-4:#fbc71c;--color-5:#da8d35;--color-6:#d13830;--color-7:#73903c;--text-color-1:#000;--text-color-2:#fff;--text-color-3:#fbc71c;--text-color-4:#da8d35;--text-color-5:#d13830;--text-color-6:#73903c;--font-family-headlines:"Poppins",sans-serif;--font-family-subheads:"Poppins",sans-serif;--font-family-bodytext:"Poppins",sans-serif;--font-family-fineprint:"Poppins",sans-serif;--font-size-headlines:1.5rem;--font-size-subheads:1.2rem;--font-size-bodytext:1rem;--font-size-fineprint:.8rem;--font-size-nav-xs:.8rem;--font-size-nav-md:1rem;--font-size-nav-xl:1.2rem;--header-height:5rem;--header-height-default:4rem;--header-height-expanded:6rem;--header-color:var(--color-3);--img-loader-primary-color:#fff;--img-loader-secondary-color:rgba(255,255,255,.3)}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--font-family-bodytext);line-height:1.4em;margin:0;padding:0}html{scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{position:relative;display:flex;flex-direction:column;background-color:var(--color-3);color:var(--text-color-3);min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{display:block;max-width:100%}li{list-style:none}a{text-decoration:none;font-family:inherit;font-size:inherit;color:inherit}label,legend{display:block;font-family:var(--font-family-bodytext);font-weight:700;margin:.5rem 0}fieldset{border:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield;appearance:textfield}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACSSURBVHgB7ZKxEYAgDEUTGykdwRFcwc41HMEN2MB17HQUR7DTymi401PkIPZ5Jfn8R+4AUBQFQ4emsSUi9UTYbYOdYwVXNl+xXSa7+PMseMkAByvMaOSCaPmZ4exmoADpBo+XjZygHWt/k7uczjl950lBTCItTwpCEndJWC4S+BKHsFwseElAXv4blsR+laIoYQ6qUFi7LKAhdQAAAABJRU5ErkJggg==) no-repeat 98% 50%}section{margin:3.5rem 0}.hidden{display:none!important}.full-width{width:100%!important}h1{font-size:3.6rem;line-height:3.2rem}h2{font-size:2rem;line-height:1.8rem}h3{font-size:1.5rem;line-height:1.4rem}h4{font-size:1.2rem;line-height:4rem}.text-gallery{font-size:2.2rem;line-height:2rem}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.text-black{font-weight:900!important}.text-bold{font-weight:800!important}.text-semi{font-weight:600!important}.text-regular{font-weight:400!important}.text-thin{font-weight:100!important}.text-uppercase{text-transform:uppercase!important}.ff-custom-1{font-family:"Bungee",sans-serif;font-weight:400;font-style:normal}.ff-custom-2{font-family:"Anta",sans-serif;font-weight:400;font-style:normal}.ff-custom-3{font-family:"Amatic SC",sans-serif;font-weight:400;font-style:normal}.color-1{color:var(--text-color-1)!important}.color-2{color:var(--text-color-2)!important}.color-3{color:var(--text-color-3)!important}.color-4{color:var(--text-color-4)!important}.color-5{color:var(--text-color-5)!important}.color-6{color:var(--text-color-6)!important}.btn-circle-down{position:relative;display:block;width:fit-content;background-color:var(--color-4);border:2px solid transparent;border-radius:12px;overflow:hidden}.btn-circle-down:disabled{opacity:.8;cursor:not-allowed;pointer-events:none}.btn-circle-down .btn-label{display:block;font-family:"Anta",sans-serif;font-size:1.2rem;font-weight:800;text-align:center;color:var(--color-3);background-color:transparent;margin:0;padding:.6em 1.2em;border:none;cursor:pointer}.btn-circle-down:hover{background-color:transparent;border:2px solid var(--color-4)}.btn-circle-down:hover .btn-label{color:var(--color-4)}.input{width:100%;background-color:var(--color-3);color:var(--text-color-1);outline-color:var(--color-1);font-size:1rem;padding:1rem .2rem;border:2px solid rgba(9,74,127,.2);border-radius:8px;text-align-last:center}input[type="checkbox"]:not(.gigya-input-checkbox){position:absolute;opacity:0;pointer-events:none}.select{width:100%;background-color:var(--color-3);color:var(--text-color-1);outline-color:var(--color-1);font-size:1rem;padding:1rem 1.8rem 1rem 1.4rem;border:2px solid rgba(9,74,127,.2);border-radius:8px;text-align-last:center}input:disabled,select:disabled,button:disabled{background-color:#e7e7e9;color:#2e2e2e;cursor:not-allowed;-moz-user-select:none;-webkit-user-select:none;user-select:none}label.label-file{position:relative;display:flex;justify-content:center;align-items:center;color:var(--text-color-3);font-size:1rem;padding:1rem 1.2rem;border:2px solid var(--color-3);border-radius:8px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}label.label-file .plus{height:2rem;margin-left:1rem}input.input-file{visibility:hidden;position:absolute;top:0;left:0;z-index:-2}.input-file.error~label.label-file{outline:2px solid #dc362e!important}label.label-file~.file-name{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.checkbox{scale:1.2;accent-color:var(--color-1);margin-right:1rem}.error{outline:2px solid #dc362e!important}.input-pwd{position:relative;width:100%}.pwd-eye{position:absolute;top:50%;right:6px;translate:0 -50%;width:25px;cursor:pointer}.eye-off{content:url(/webapp/assets/images/pwd-eye-off.svg)}.link-underlined{position:relative;display:inline-block;font-weight:700;padding-bottom:2px;transition:0.3s linear;cursor:pointer;white-space:nowrap}.link-underlined::after{content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform 0.3s ease-in-out;background-color:var(--text-color-1)}.link-underlined:hover::after{transform-origin:left;transform:scaleX(1)}#user_messages,#ocr_user_messages{display:none;font-family:var(--font-family-bodytext);font-weight:700;background-color:#dc362e;color:var(--text-color-3);margin:1rem 0;padding:1rem;border-radius:12px}@media only screen and (min-width:576px){.btn-circle-down .btn-label{font-size:1.5rem}.input.real-width{width:auto}.input.fixed-width{width:250px}.input-pwd{position:relative;width:max-content}h2{font-size:2.8rem;line-height:2.4rem}}@media only screen and (min-width:768px){:root{--font-size-headlines:2rem;--font-size-subheads:1.4rem;--font-size-bodytext:1.1rem}.input.fixed-width{width:280px}label,legend{font-size:1.2rem}section{margin:4.5rem 0}h1{font-size:6.8rem;line-height:5.2rem}h2{font-size:4.4rem;line-height:3.6rem}h3{font-size:1.6rem;line-height:1.6rem}h4{font-size:1.4rem}.text-gallery{font-size:2.4rem;line-height:2rem}}@media only screen and (min-width:992px){body{}section{margin:6rem 6.5rem 0 0}}@media only screen and (min-width:1200px){:root{--font-size-headlines:2.8rem;--font-size-subheads:1.6rem;--font-size-bodytext:1.2rem}.btn-circle-down .btn-label{font-size:2rem;padding:.3em 1.2em}}@media only screen and (min-width:1600px){section{margin:6rem 0 0 0}}@keyframes move-up-alternate{from{transform:translateY(0%)}50%{transform:translateY(80%)}51%{transform:translateY(-80%)}100%{transform:translateY(0%)}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes clickEffect{0%{opacity:1}100%{opacity:.2;width:2px;height:2px}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes loading{from{transform:rotate(0turn)}to{transform:rotate(1turn)}}@keyframes pulse-local{0%{box-shadow:0 0 0 0 rgba(0,255,17,.8)}50%{box-shadow:0 0 0 10px rgba(0,255,17,.4)}100%{box-shadow:0 0 0 0 rgba(0,255,17,.2)}}@keyframes pulse-stage{0%{box-shadow:0 0 0 0 rgba(255,20,147,.8)}50%{box-shadow:0 0 0 10px rgba(255,20,147,.4)}100%{box-shadow:0 0 0 0 rgba(255,20,147,.2)}}@keyframes pulse-cookie{0%{box-shadow:0 0 0 0 rgba(15,240,252,.8)}50%{box-shadow:0 0 0 10px rgba(15,240,252,.4)}100%{box-shadow:0 0 0 0 rgba(15,240,252,.2)}}.simplespinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#75797e;animation:simplespinnerspin 1s linear infinite;-webkit-animation:simplespinnerspin 1s lienar infinite;position:absolute;margin-left:-2.5em;margin-top:1em}@keyframes simplespinnerspin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes simplespinnerspin{to{-webkit-transform:rotate(360deg)}}header{position:fixed;top:0;left:0;z-index:996;width:100%;background-color:var(--color-3);transition:all 0.3s linear}header .header-container{position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}header .header-container .logo{transition:all 0.3s linear}header .header-container .logo.maggi{width:100px;height:auto}header .header-container .logo.dbz{width:150px;height:auto}header .header-container .navbar{display:none;width:100%;position:fixed;top:calc(var(--header-height));left:0;bottom:0;background-color:var(--color-3)}header .header-container .navbar-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;width:100%;height:100%;margin:0;padding:0}header .header-container .navbar-menu .navbar-link{position:relative;display:none;text-align:center}header .header-container .navbar-menu .navbar-link a{position:relative;display:inline-block;font-family:var(--font-family-headlines);font-weight:400;font-size:var(--font-size-nav-xs);text-shadow:none;color:var(--text-color-2);-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}header .navbar-menu .navbar-link a::after{width:100%;height:2px;content:"";position:absolute;left:0;background:var(--text-color-3);opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;-moz-transition:opacity 0.3s,-moz-transform 0.3s;transition:opacity 0.3s,transform 0.3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}header .navbar-menu .navbar-link a::after{bottom:-2px;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}header .navbar-menu .navbar-link a:hover,header .navbar-menu .navbar-link a:focus{color:var(--text-color-3)}header .navbar-menu .navbar-link a:hover::after,header .navbar-menu .navbar-link a:focus::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}header .navbar-menu .navbar-link.active a{color:var(--text-color-3)!important}header .navbar-menu .navbar-link.active:hover a{pointer-events:none}header .btn-hamburger{width:20px;background-color:transparent;border:none;cursor:pointer}header .btn-hamburger i{display:block;width:100%;height:2px;content:"";background-color:var(--text-color-3)}header .btn-hamburger i:nth-child(1){-webkit-animation:outT 0.8s backwards;animation:outT 0.8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}header .btn-hamburger i:nth-child(2){margin:4px 0;-webkit-animation:outM 0.8s backwards;animation:outM 0.8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}header .btn-hamburger i:nth-child(3){-webkit-animation:outBtm 0.8s backwards;animation:outBtm 0.8s backwards;-webkit-animation-direction:reverse;animation-direction:reverse}header .btn-hamburger.active i:nth-child(1){-webkit-animation:inT 0.8s forwards;animation:inT 0.8s forwards}header .btn-hamburger.active i:nth-child(2){-webkit-animation:inM 0.8s forwards;animation:inM 0.8s forwards}header .btn-hamburger.active i:nth-child(3){-webkit-animation:inBtm 0.8s forwards;animation:inBtm 0.8s forwards}header.scrolled-out{opacity:0;pointer-events:none;transform:translateY(-50px);transition:opacity 0.6s ease,transform 0.6s ease}.sidebar{position:fixed;z-index:9999;top:0;right:0;width:120px;height:100vh;color:#fff;padding:2rem 0;transition:opacity 0.3s ease}.sidebar-hidden{display:none!important}.side-link:hover,.side-link:focus{color:var(--color-4)}@media only screen and (min-width:768px){header .header-container .navbar-menu .navbar-link a{font-size:var(--font-size-nav-md)}}@media only screen and (min-width:992px){:root{--header-height:var(--header-height-expanded)}header .header-container{justify-content:center;padding:0 2rem}header .header-container .navbar{display:block;width:initial;position:static;background-color:var(--color-3)}header .header-container .navbar-menu{flex-direction:row}header .header-container .navbar-menu .navbar-link{display:block!important;font-size:1.4rem;padding-left:6rem}}@media only screen and (min-width:1200px){header .header-container .navbar-menu .navbar-link a{font-size:var(--font-size-nav-xl);font-weight:400}}#hero{position:relative;width:100%;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}main{position:relative;flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-3);padding:.2rem;overflow:hidden}main.home{flex-direction:column;padding:0}main .gallery-card{display:flex;align-items:center;justify-content:center;text-align:center;background-color:#24242d;color:#fff;border-radius:12px;padding:1.2rem;margin:auto;height:150px}main a.gallery-card:hover,main a.gallery-card:focus{background-color:var(--color-4)}main a.gallery-card:hover h3,main a.gallery-card:focus h3{color:var(--color-3)}main .how-card{background-color:#24242d;border-radius:12px;padding:1.2rem;margin:auto;width:100%;max-width:500px}main .how-cup{border-radius:8px}main .quiz{display:flex;justify-content:center;align-items:center;flex-direction:column}main .back{display:flex;justify-content:center;flex-direction:column}main .prod-zoom{width:350px;margin:auto}main .prod-quiz{width:1000px;margin:1.5rem auto}h2.question{font-size:2rem;line-height:1.6rem}#form_survey h3{font-size:1.6rem;line-height:2rem}#progress-bar{display:flex;height:8px;width:100%;margin:2rem auto;border-radius:5px;overflow:hidden}main .step-part{flex:1;background-color:var(--color-2);transition:background-color 0.3s ease}main .step-part.active{background-color:var(--color-4)}main .survey-answer-box{background-color:#24242d;min-height:215px;padding:5rem;border-radius:12px;color:var(--color-2);cursor:pointer;transition:background-color 0.3s ease}main .survey-answer-box:hover,main .survey-answer-box:focus-within{background-color:var(--color-4);color:var(--color-3)}@media only screen and (min-width:992px){h2.question{font-size:3.5rem;line-height:1.5rem}#form_survey h3{font-size:2.5rem;line-height:2.5rem}}@media only screen and (min-width:1200px){main{padding:6rem}}footer{background-color:var(--color-4);color:var(--text-color-1);margin-top:3rem}footer p{font-size:.75rem;margin-bottom:.4rem}footer .container-logo{background-color:var(--color-3)}footer .footer-logo{width:100%;max-width:100px;margin:0 auto}footer .wave{width:100%}footer nav{grid-template-columns:1fr 1fr;justify-items:center;gap:1rem;padding-top:2rem}footer .footer-link{font-size:.75rem;text-align:center}footer .footer-link.link-underlined::after{background-color:var(--text-color-3)}@media only screen and (min-width:768px){footer .footer-logo{max-width:150px}}@media only screen and (min-width:992px){footer nav{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){footer .footer-logo{max-width:200px}}.custom-h{height:100px}.product-border{cursor:pointer;transition:transform 0.3s ease}.product-border:hover{transform:scale(1.1)}.product-border img.text-label{opacity:.3;transition:opacity 0.3s ease}.product-border.selected img.text-label{opacity:1}.fade{animation:fadeIn 0.6s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#zoomImage{transition:opacity 0.6s ease-in-out;display:block;max-width:100%;height:auto}.bg-gallery{background-color:#24242d;padding:2.5rem;border-radius:12px}.img-wrapper{width:20%;padding:.25rem;box-sizing:border-box}.gallery-img{width:100%;border-radius:.5rem;transition:transform 0.3s ease,z-index 0.3s;cursor:pointer}.gallery-img:hover{transform:scale(1.1);z-index:10}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(30 35 43 / 80%);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:999;display:none}.lightbox img{max-width:90vw;max-height:90vh;border-radius:.5rem}.lightbox.active{display:flex}.lightbox-arrow{font-size:2.5rem;color:#fff;cursor:pointer;user-select:none;position:absolute;top:50%;transform:translateY(-50%);padding:0 15px}.lightbox-arrow.left{left:10px}.lightbox-arrow.right{right:10px}input:focus,select:focus,textarea:focus,button:focus{outline:none}.hover-container{position:relative;cursor:pointer;text-decoration:underline}.hover-image{position:absolute;top:100%;left:0;width:250px;display:none;z-index:10;border:1px solid #ccc;background:#fff;padding:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.hover-container:hover .hover-image{display:block}@media (max-width:1199.98px){.img-wrapper{width:33.3333%}}@media (max-width:991.98px){.img-wrapper{width:50%}}@media (max-width:575.98px){.img-wrapper{width:100%}}