/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */@import url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");html{color:#222;font-size:1em;line-height:1.4}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*,:after,:before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}li,p{font-family:Roboto;font-weight:400}h1,h2{font-family:Playfair Display!important;font-weight:900!important;color:#252728;line-height:100%!important;padding:1em 0;transform:scaleY(1.15)!important;-webkit-transform:scaleY(1.15)!important;-moz-transform:scaleY(1.15)!important;-ms-transform:scaleY(1.15)!important;-o-transform:scaleY(1.15)!important}.header{text-align:left;width:100%;position:fixed;top:0;left:0;background-color:transparent;z-index:40;padding:2em 0}.header-inner{justify-content:baseline}.header-inner,.header-inner-always-center{padding:0 2em;width:100%;display:inline-flex;flex-direction:row;align-items:center;font-family:Titan One;font-weight:600}.header-inner-always-center{justify-content:center}@media (min-width:992px){.header-inner{padding:0 2em;width:100%;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;font-family:Titan One;font-weight:600}}.navigation{text-align:center;width:100%;padding:1em;background-color:#fff;border-top:1px solid rgba(0,0,0,.2);position:fixed;bottom:0;left:0}.user{top:3.5em}.login,.user{text-align:right;position:fixed;right:3em}.login{top:3.6em}.button,input[type=submit]{background-color:#252728;padding:16px 25px;border:1px solid transparent;display:inline-block}.button,.button-mp,input[type=submit]{color:#fff!important;text-decoration:none!important;font-family:Roboto;font-weight:600!important;border-radius:7px;cursor:pointer;transition:.2s ease-out}.button-mp{background-color:#5a78ff;padding-right:1.5em;display:flex;font-size:.85em;justify-content:center;align-items:center;width:100%}@media (min-width:992px){.button-mp{font-size:1em}}.disabled{pointer-events:none;filter:grayscale(100%) opacity(50%)}.wide{padding:16px 45px!important}.button.black{background-color:transparent;border:1px solid #252728}.button.black,.button.grey{color:#252728!important;text-decoration:none!important;font-family:Roboto;font-weight:600!important;padding:16px 25px;border-radius:7px;display:inline-block;cursor:pointer;box-shadow:inset 0 0 0 0 #252728;transition:.2s ease-out}.button.grey{border:none}.button.grey,.navbutton{background-color:rgba(0,0,0,.03)}.navbutton{color:#252728!important;text-decoration:none!important;font-family:Roboto;font-weight:600!important;padding:10px 12px;border-radius:4px;border:none;display:inline-block;cursor:pointer;box-shadow:inset 0 0 0 0 #252728;transition:.2s ease-out}.navbutton.selected{background-color:#252728;color:#fff}.navbutton.selected svg{filter:invert(100%)}.button.white{background-color:transparent;border:1px solid #fff;border-radius:7px;box-shadow:inset 0 0 0 0 #fff}.button.black.filled,.button.white{color:#fff!important;text-decoration:none!important;font-family:Roboto;font-weight:600!important;padding:16px 25px;display:inline-block;cursor:pointer;transition:.2s ease-out}.button.black.filled{background-color:#ffd97f;border:1px solid #ffd97f;border-radius:7px;box-shadow:inset 0 0 0 0 #ffd97f}.button-quiz{position:relative;color:#252728;text-decoration:none!important;background-color:transparent;font-family:Roboto;font-weight:600!important;padding:32px 40px;border-radius:7px;display:inline-block;cursor:pointer;transition:.2s ease-out;width:100%;height:100%;text-align:left}.button-quiz:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(0,0,0,.2);border-radius:8px}@media (hover:hover){.navbutton:hover{background-color:#252728;color:#fff}.navbutton:hover svg{filter:invert(100%)}.button-quiz:hover:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid #ffd97f;border-radius:9px}}.button-quiz.selected:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid #ffd97f;border-radius:9px}input[type=submit]{padding:12px 20px}.button.small{padding:9px 17px;border-radius:3px}.button.tiny{padding:3px 8px;border-radius:3px;font-size:.85em}@media (hover:hover){.button:hover,input[type=submit]:hover{color:#252728!important;background-color:transparent;border-color:#252728}.button.black:hover,.button.grey:hover{background-color:#252728;color:#fff!important}.button.white:hover{color:#ffd97f!important;text-decoration:none!important;background-color:#fff;font-family:Roboto;font-weight:600!important;padding:16px 25px;border:1px solid #fff;border-radius:7px;display:inline-block;cursor:pointer;box-shadow:inset 0 0 0 0 #fff;transition:.2s ease-out}}.mb-1{margin-bottom:1em}.mb-2{margin-bottom:2em}.mb-4{margin-bottom:4em}a{color:#252728!important}a:visited{color:#252728}a.button{text-decoration:none!important}.address-autocomplete,input[type=email],input[type=password],input[type=text]{position:relative;border:1px solid rgba(0,0,0,.2);padding:12px 15px;font-family:Roboto;border-radius:4px;width:100%;outline:none;margin:1px}.address-autocomplete:focus,input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border:2px solid rgba(0,0,0,.5);outline:none;margin:0}.bg-slogan-stamp{background:none}.bg-bag{background-color:#fff!important}.display-1,.display-3{font-weight:900!important}@media (min-width:992px){.login{text-align:right;position:fixed;top:3.25em;right:3em}.button.tiny{padding:9px 17px;border-radius:3px;font-size:1em}.bg-slogan-stamp{padding-top:90px;padding-bottom:90px;background-image:url(/img/fresh-roast-stamp.svg);background-repeat:no-repeat;background-position:100% 0}.bg-handheld{background-color:#ecedef!important;background-position:0}.bg-bag,.bg-handheld{background-repeat:no-repeat}.bg-bag{background-color:#fff!important;background-position:right 300px center;background-size:25%}}#phone-mockup-text{transform:translateY(-6em)}#bag-mockup-text{transform:translateY(-1em)}@media (min-width:992px){#bag-mockup-text,#phone-mockup-text{transform:none}}.loader-1{height:32px;width:32px;animation:loader-1-1 4.8s linear infinite}@keyframes loader-1-1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-1 span{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);animation:loader-1-2 1.2s linear infinite}@keyframes loader-1-2{0%{transform:rotate(0deg)}to{transform:rotate(220deg)}}.loader-1 span:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:32px;width:32px;clip:rect(0,32px,32px,16px);border:3px solid #000;border-radius:50%;animation:loader-1-3 1.2s cubic-bezier(.77,0,.175,1) infinite}@keyframes loader-1-3{0%{transform:rotate(-140deg)}50%{transform:rotate(-160deg)}to{transform:rotate(140deg)}}#splash{padding-top:7em}@media (min-width:992px){#splash{padding-top:0}}.text-lg-start{display:flex;flex-direction:column;justify-content:center;margin-bottom:1em}.text-lg-start-inner{transform:translateY(-3em)}.splash-main-text{transform:translateY(-7em)}@media (min-width:992px){.text-lg-start{margin-bottom:0}.splash-main-text,.text-lg-start-inner{transform:translateY(0)}}#intro{background-color:#ecedef!important;min-height:80vh;position:relative;z-index:30!important;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;transform:translateZ(0);-webkit-transform:translateZ(0)}.timeline{border-left:1px solid #a3a3a3;position:absolute;top:25px;left:-21px;height:80%}.listitem{min-width:25px!important;height:25px!important;margin-right:2em;background-color:#252728;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100%;font-size:.7em;font-weight:900}.button.quiz{background-image:url(/img/circle-black.svg)}.button.quiz,.button.quiz.filled{font-size:.75em!important;font-weight:400!important;background-position:1em;background-repeat:no-repeat}.button.quiz.filled{background-image:url(/img/check-circle.svg)}@media (hover:hover){.button.quiz:hover{font-size:.75em!important;font-weight:400!important;background-image:url(/img/check-circle.svg);background-position:1em;background-repeat:no-repeat}}@media (min-width:992px){.button.quiz{font-size:1em;font-weight:400!important;background-image:url(/img/circle-black.svg);background-position:1em;background-repeat:no-repeat}}.arrow-up{width:12px;height:12px;position:relative;top:calc(-1em - 9px);transform:translateX(-12px);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff}.arrow-up-black{width:10px;height:10px;position:relative;top:calc(-1em - 22px);transform:translateX(-10px);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #c8c8c8}.index-0{left:calc(20%)}.index-1{left:calc(80%)}.index-2{left:calc(20%)}.index-3{left:calc(80%)}.index-4{left:calc(20%)}.index-5{left:calc(80%)}@media (min-width:992px){.arrow-up{width:12px;height:12px;position:relative;top:calc(-1em - 9px);transform:translateX(-12px);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff}.index-0{left:calc(13%)}.index-1{left:calc(50%)}.index-2{left:calc(87%)}.index-3{left:calc(13%)}.index-4{left:calc(50%)}.index-5{left:calc(87%)}}.suggestion-item,.suggestion-item--active{padding:1em;border:1px solid rgba(0,0,0,.2)!important}.suggestion-item--active:first-child,.suggestion-item:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.suggestion-item--active:last-child,.suggestion-item:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.suggestion-item--active:not(:first-child),.suggestion-item:not(:first-child){border-top:0!important}.autocomplete-dropdown-container{position:absolute;width:100%;transform:translateY(10px);z-index:100;box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:7px}.summary{background-color:rgba(0,0,0,.03);border-radius:0;color:rgba(0,0,0,.7)}.invert-content:hover img{filter:invert(100%)}.invert-content{overflow:hidden;width:45px;height:45px;padding:0}.invert-content svg{transform:translate(calc(-50% + 6px),3px)}@media (min-width:992px){.summary{border-radius:7px}}.summary>div{font-size:1em}.form-check-input:checked{background-color:#252728;border-color:#252728}.error-panel{position:absolute;top:-1em;transform:translateY(-100%);width:100%;transition:all .5s}.coffee-selection-container{text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}.coffee-selection-image{background-image:url(https://idealkaffe.dk/wp-content/uploads/2022/10/Costa-Rica-Aquiares-kaffepose-gns-230x283.png);background-size:contain}.coffee-selection-image,.coffee-selection-image-2{width:50%;height:100%;aspect-ratio:1.4/1;background-repeat:no-repeat;background-position:50%}.coffee-selection-image-2{background-image:url(https://www.datocms-assets.com/9882/1674130407-akmel-special-pink-front.png);background-size:cover}.coffee-selection-text{text-align:left;padding:2em 0}@media (min-width:992px){.coffee-selection-container{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.coffee-selection-image{width:100%;height:100%;aspect-ratio:1.4/1;background-image:url(https://idealkaffe.dk/wp-content/uploads/2022/10/Costa-Rica-Aquiares-kaffepose-gns-230x283.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.coffee-selection-text{text-align:center;padding:0}}.coffee-subsciption-panel{width:20%;height:100%;aspect-ratio:1/2;background-image:url(/img/Costa-Rica-Aquiares-kaffepose-gns-230x283.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.app-section{background-color:#f4f3ee;border-radius:0;box-shadow:inset 0 0 0 0 #ebe9e0}.app-section,.app-section-white{cursor:pointer;transition:all .2s}.app-section-white{background-color:rgba(0,0,0,.03);border-radius:7px;padding:3em 1.5em;border:0 solid rgba(0,0,0,.2);height:100%;display:flex}.app-section-white.no-hover{cursor:default;height:auto}.app-section-yellow{background-color:#ffd97f}.app-section-yellow,.rating-section{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;padding:1em 1em 1em 2em;cursor:pointer;border:0 solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 0 #ebe9e0;transition:all .2s;height:100%;display:flex}.rating-section{background-color:rgba(0,0,0,.03)}.app-section-yellow div:first-child{text-align:center}.app-section-yellow div:nth-child(2){margin-left:none}.rating-section div:first-child{text-align:center}.rating-section div:nth-child(2){margin-left:none}.info-container{position:absolute;right:50%;top:25px;transform:translate(50%,-50%)}.app-section-image{transition:all .4s;transform:scale(80%)}.subscription-status{transition:all .2s;border-top:1px solid transparent;border-right:1px solid transparent;font-weight:700}@media (hover:hover){.app-section:hover{background-color:#ebe9e0}.app-section:hover .app-section-image{transform:rotate(-20deg) scale(100%)}.app-section:hover .button{color:#fff!important;background-color:#252728}.app-section-white:not(.no-hover):hover{background-color:rgba(0,0,0,.8);color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.3)}#app-section-subscription:hover+#subscription-status{color:#000!important;background-color:#fff!important;border-top:1px solid rgba(0,0,0,.8);border-right:1px solid rgba(0,0,0,.8)}.app-section-white:not(.no-hover):hover .app-section-image{transform:rotate(-20deg) scale(100%)}.app-section-white:not(.no-hover):hover .button{color:#000!important;background-color:#fff!important;border-color:transparent}.app-section-yellow:hover{background-color:rgba(0,0,0,.8);color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.3)}.app-section-yellow:hover .button{color:#000!important;background-color:#fff!important}.rating-section:hover{background-color:rgba(0,0,0,.8);color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.3)}.rating-section:hover .button{color:#000!important;background-color:#fff!important}}.app-section-button{display:flex;justify-content:center;align-items:center;width:100%}@media (min-width:992px){.app-section-white{padding:3em}.app-section,.app-section-white,.app-section-yellow,.rating-section{border-radius:7px;border-width:0}.app-section-yellow,.rating-section{flex-direction:row}.app-section-yellow div:first-child,.rating-section div:first-child{text-align:left}.app-section-yellow div:nth-child(2),.rating-section div:nth-child(2){margin-left:auto}.info-container{right:15px!important;top:25px!important;transform:translateY(-50%)}}