@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'Open Sans',sans-serif;line-height:1.15}h1,h2,h3,h4,h5,h6{margin-top:0}.questionnaire{background:#ededed}.questionnaire-intro{background:#fff}.container,.header-container{padding:0 5rem}.header-container-wrapper{position:fixed;z-index:2;width:calc(100% - 12rem);padding:1.5rem 0;background:#fff}.no-sidebar .header-container-wrapper{width:100%}.no-fixedHeader .header-container-wrapper{position:relative}.wrapper{display:-ms-flexbox;display:flex}.main{position:relative;width:calc(100% - 12rem);margin-bottom:2rem}.sidebar{position:fixed;z-index:5;top:0;right:0;bottom:0;width:12rem;background:#3c3c3b;color:#fff;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-direction:column}.sidebar header{margin-bottom:1.5rem}.sidebar .image{text-align:center;padding:3rem 1.25rem}.sidebar h5{padding:0 1.25rem;margin:0;text-align:center;font-weight:300;font-size:1.25rem}.sidebar .progress{flex-grow:1;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:5rem}.sidebar .progress-step{position:relative;flex-grow:1;margin-left:2rem}.sidebar .progress-step:last-child{flex-grow:0}.sidebar .progress-step::before,.sidebar .progress-step::after{content:"";width:.25rem;height:100%;background:#575756;position:absolute;left:.25rem;top:.5rem}.sidebar .progress-step::before{background:#c1c0c0;height:0;z-index:1;transition:200ms ease-in-out all}.sidebar .progress-step:last-child::before,.sidebar .progress-step:last-child::after{content:none}.sidebar .progress-step .dot{position:absolute;z-index:1;top:.25rem;display:inline-block;width:.75rem;height:.75rem;background:#706f6f;border-radius:50%;transition:300ms ease-in-out all}.sidebar .progress-step .dot::before,.sidebar .progress-step .dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.75rem;height:.125rem;background-color:#3c3c3b;transition:300ms ease-in-out all;transition-delay:200ms;opacity:0;visibility:hidden}.sidebar .progress-step .dot::after{transform:translate(-50%,-50%) rotate(90deg)}.sidebar .progress-step .label{padding-left:1.5rem;font-size:.875rem}.sidebar .progress-step.active .dot{background:#fff;width:1.25rem;height:1.25rem;transform:translate(-.25rem,-.25rem);transform-origin:center center}.sidebar .progress-step.active .dot::before,.sidebar .progress-step.active .dot::after{opacity:1;visibility:visible}.sidebar .progress-step.done::before{height:100%}.sidebar .progress-step.done .dot{background:#fff}#customForm{overflow-x:hidden}.intro{background:#fff;font-size:2rem;padding-top:10rem;padding-right:30%;padding-bottom:5rem;background-image:url(https://cdn2.hubspot.net/hubfs/384366/Datadriven%20Test/watermark.png);background-repeat:no-repeat;background-position:right 10% bottom -225px}.intro h2{font-size:4rem;margin-top:0;margin-bottom:2rem}.intro p{margin:0}.step{position:relative}.step p{margin:0}.step .content{background:#ededed;padding-top:2.5rem;padding-bottom:5rem}.btn,.step .btn{background:#00afc3;border:0;text-align:left;display:block;color:#fff;padding:.75rem;width:12rem;line-height:1.15;font-size:.875rem;text-decoration:none;position:absolute;bottom:0;cursor:pointer;transition:200ms ease-in-out all}.btn::before,.step .btn::before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:.75rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%}.btn::after,.step .btn::after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:.75rem;width:0;height:0;border-top:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.5rem solid #00afc3;transition:200ms ease-in-out all}.btn:hover,.step .btn:hover{background:#0096aa}.btn:hover::after,.step .btn:hover::after{border-left-color:#0096aa}.step .btn.next{right:5rem}.step .btn.back{left:5rem;background:0;color:#000;margin:.75rem 0;padding:0;text-decoration:underline;width:auto}.step .btn.back::before,.step .btn.back::after{content:none}.step .error{color:#ff765e;font-size:.75rem}.step.demographics .groups{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:-5px;margin-right:-5px}.step.demographics .group{width:20%;padding:0 5px}.step.demographics .group h3{margin-top:0;font-size:1rem;font-weight:400}.step.demographics .field{padding:.25rem 0;font-weight:300}.step.demographics .field input{position:absolute;left:-9999px}.step.demographics .field input ~ .label{position:relative;display:block;padding-left:1.5rem;cursor:pointer}.step.demographics .field input ~ .label::before,.step.demographics .field input ~ .label::after{content:"";position:absolute;border-radius:50%}.step.demographics .field input ~ .label::before{left:0;width:1rem;height:1rem;border:1px solid #000}.step.demographics .field input ~ .label::after{top:.25rem;left:.25rem;width:.625rem;height:.625rem;transition:200ms ease-in-out all}.step.demographics .field input:checked ~ .label::after{background:#000}.step.values .section{display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-bottom:3rem;padding-bottom:3rem;border-bottom:2px solid #fff;counter-reset:question}.step.values .section:last-child{border:0}.step.values .description{width:25%;font-size:1.25rem;padding-right:1rem}.step.values .groups{width:75%}.step.values .group{position:relative;margin-bottom:5rem;padding-bottom:1.5rem}.step.values .group:last-child{margin-bottom:0}.step.values .group h4{display:-ms-flexbox;display:flex}.step.values .group h4::before{content:counter(question)". ";counter-increment:question;padding-right:1.25rem}.step.values .fields{display:-ms-flexbox;display:flex;justify-content:space-between}.step.values .field{width:20%;position:relative;display:-ms-flexbox;display:flex;justify-content:center}.step.values .field::after{content:"";position:absolute;top:.625rem;left:50%;width:100%;height:3px;background:#e3e3e3}.step.values .field:last-child::after{content:none}.step.values .field label{display:block;text-align:center;cursor:pointer}.step.values .field input{position:absolute;left:-9999px}.step.values .field input ~ .label{display:block;position:relative;font-weight:300;padding-top:2rem}.step.values .field input ~ .label::before,.step.values .field input ~ .label::after{content:"";position:absolute;z-index:1;left:50%;transform:translateX(-50%);border-radius:50%}.step.values .field input ~ .label::before{top:.25rem;width:1rem;height:1rem;background:#c6c6c6}.step.values .field input ~ .label::after{top:.375rem;width:.75rem;height:.75rem}.step.values .field input:checked ~ .label::after{background:#00afc3}.step.values .error{position:absolute;bottom:0;left:0}.step-result label{display:block;margin-bottom:.5rem;font-size:.875rem}.step-result .hs-form-field{position:relative}.step-result .actions{position:relative;width:12rem;transition:200ms ease-in-out all}.step-result input[type="text"],.step-result input[type="email"],.step-result input[type="tel"]{padding:1rem;border:0;width:100%;margin-bottom:1rem}.step-result .hs-fieldtype-booleancheckbox legend{display:block;margin-bottom:.5rem;font-size:.875rem}.step-result .hs-fieldtype-booleancheckbox .inputs-list{list-style:none;padding:0}.step-result .hs-fieldtype-booleancheckbox label{display:-ms-flexbox;display:flex;align-items:center;cursor:pointer}.step-result .hs-fieldtype-booleancheckbox input+span{margin-left:.5rem}.step-result input[type="submit"]{background:#00afc3;border:0;text-align:left;display:block;color:#fff;padding:.75rem;width:12rem;line-height:1.15;font-size:.875rem;text-decoration:none;cursor:pointer;transition:200ms ease-in-out all}.step-result .actions::before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:.75rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%}.step-result .actions::after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:.75rem;width:0;height:0;border-top:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.5rem solid #00afc3;transition:200ms ease-in-out all}.step-result input[type="submit"]:hover{background:#0096aa}.step-result .actions:hover::after{border-left-color:#0096aa}.step-result .hs-error-msgs{margin:0;padding:0;list-style:none;color:tomato;font-size:.75rem}.step-result .hs-form-field .hs-error-msgs{position:absolute;top:0;right:0}.step-result .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msgs{top:auto;bottom:0}.step-result .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msgs label{margin:0}.step-result .hs_error_rollup{margin-top:1.25rem}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;width:calc(100% - 12rem);display:flex;flex-direction:column;justify-content:center;align-items:center}#loader .text{text-align:center;font-size:1.5rem;font-weight:300;margin-top:1rem}#loader .throbber>span,#loader .throbber:before,#loader .throbber:after{display:inline-block;width:1rem;height:1rem;background:#0097ab;border-radius:50%;animation:bouncing-loader .6s infinite alternate}#loader .throbber:before,#loader .throbber:after{content:" "}#loader .throbber>span{margin:0 5px;animation-delay:.2s}#loader .throbber:after{animation-delay:.4s}#loader .circle-chart__circle{transform:rotate(-90deg);transform-origin:center;opacity:0}#loader.active .circle-chart__circle{opacity:1;animation:circle-chart-fill 15s reverse}@keyframes circle-chart-fill{to{stroke-dasharray:0 150}}@keyframes bouncing-loader{to{opacity:.1;transform:translate3d(0,-16px,0)}}.intro-page .banner{position:relative;height:500px;background-repeat:no-repeat;background-position:center center;background-size:cover;display:-ms-flexbox;display:flex;align-items:center}.intro-page .banner .text{color:#fff;position:relative;width:75%;padding:2.5rem;padding-right:10rem;padding-bottom:3.5rem}.intro-page .banner .text::before,.intro-page .banner .text::after{content:"";position:absolute;right:0;background:#00afc3;mix-blend-mode:multiply;z-index:0}.intro-page .banner .text::before{height:2rem;bottom:100%;width:75%}.intro-page .banner .text::after{top:0;left:0;bottom:0}.intro-page .banner .text>div{position:relative;z-index:1}.intro-page .banner .text h1{font-size:3rem;font-weight:400;margin:0}.intro-page .banner .text h1 strong{font-weight:700}.intro-page .banner .icon{position:absolute;right:5rem;top:50%;transform:translateY(-50%)}.intro-page .content .inner{display:-ms-flexbox;display:flex;padding:3rem 0}.intro-page .content .text{width:65%}.intro-page .content .button{width:35%;display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end}.intro-page .content .btn{position:relative}.result-page{display:-ms-flexbox;display:flex;padding:15rem 5rem 10rem 10rem}.result-page .image{width:150px;margin-right:3rem}.result-page .content{width:calc(100% - 198px)}.result-page .title{font-weight:300;font-size:3rem}.result-page .title strong{font-weight:700}.result-page .text{display:flex;flex-wrap:wrap;justify-content:space-between}.result-page .text .text-column{width:48%}.result-page .text.single-column .text-column-1{width:100%}.result-page .text p{line-height:1.25}.result-page .text p:not(:last-child){margin-bottom:1rem}.result-page .text a{color:#00afc3;font-weight:700;text-decoration:none}@media(max-width:1200px){.result-page{padding-left:5rem}.intro-page .banner .text h1{font-size:2rem}}@media(max-width:1024px){.container,.header-container{padding-left:2.5rem;padding-right:2.5rem}.header-container-wrapper{width:100%}.main{width:100%;margin-bottom:6rem}.sidebar{top:auto;left:0;width:100%;height:auto;padding:1rem 0}.sidebar header{display:none}.sidebar .progress{flex-direction:row;margin-bottom:0}.sidebar .progress-step{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;margin-left:0;width:25%}.sidebar .progress-step::before,.sidebar .progress-step::after{width:100%;height:.25rem;left:50%}.sidebar .progress-step::before{width:0}.sidebar .progress-step:last-child{flex-grow:1}.sidebar .progress-step .label{padding-left:0;padding-top:1.5rem}.sidebar .progress-step.active .dot{left:auto}.sidebar .progress-step.done::before{height:.25rem;width:100%}.intro{padding-right:2.5rem}.step .btn.next{right:2.5rem}.step .btn.back{left:2.5rem}.step.demographics .field{padding:.5rem 0;font-size:.875rem}.step.values .description{width:50%;margin-bottom:1.5rem}.step.values .groups{width:100%}#loader{width:100%;height:calc(100% - 4.5rem)}.result-page .text .text-column{width:100%}.intro-page .banner .text{width:65%;padding-right:2.5rem}.intro-page .banner .icon{right:2.5rem}}@media(max-width:767px){.intro{font-size:1.5rem}.step.demographics .groups{justify-content:flex-start}.step.demographics .group{width:33.334%;margin-bottom:1.5rem}.step.values .description{width:100%;padding-right:0}.result-page{flex-direction:column;padding:10rem 2.5rem 5rem 2.5rem}.result-page .image{margin-right:0;margin-bottom:1rem}.result-page .content{width:100%}.result-page .title{font-size:2rem}.intro-page .banner{height:300px}.intro-page .banner .text{width:100%}.intro-page .banner .text h1{font-size:1.5rem}.intro-page .banner .icon{display:none}.intro-page .content .inner{flex-direction:column}.intro-page .content .text,.intro-page .content .button{width:100%}.intro-page .content .button{margin-top:3rem}}@media(max-width:550px){.container,.header-container{padding-left:1.25rem;padding-right:1.25rem}.intro{padding-right:1.25rem;font-size:1.25rem}.intro h2{font-size:2.5rem}.step .btn.next{right:1.25rem}.step .btn.back{left:1.25rem}.step.demographics .group{width:50%}.step.values .group{margin-bottom:3rem}.result-page{padding-left:1.25rem;padding-right:1.25rem}.intro-page .banner .text{padding:1.25rem}.intro-page .banner .text::before{height:1rem}}@media(max-width:400px){.step.demographics .group{width:100%;padding:0}.step.values .field input ~ .label{font-size:.75rem}}.hs_ja_tak_til_nyhedsbrev ul{padding-left:0px}.hs_ja_tak_til_nyhedsbrev ul li{list-style-type:none}