.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

h1 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-family: Coustard, sans-serif;
    color: #d1b240;
    font-size: 66px;
    line-height: 120%;
    font-weight: 400;
}

h2 {
    margin-top: 16px;
    margin-bottom: 10px;
    font-family: Coustard, sans-serif;
    color: #020202;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

h3 {
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

p {
    max-width: 580px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}

a {
    font-family: Coustard, sans-serif;
    color: #d1b240;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    text-decoration: underline;
}

li {
    margin-top: 16px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
}

img {
    display: inline-block;
    max-width: 100%;
}

.header {
    height: 90px;
}

.container {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.container.nav-menu {
    width: 100vw;
    height: 100%;
    background-color: #000;
}

.nav-link {
    display: inline-block;
    margin-top: 40px;
    padding-right: 20px;
    font-family: Inter;
    color: #23231f;
    font-weight: 600;
    text-decoration: none;
}

.nav-link:hover {
    color: #9b86be;
    font-weight: 400;
}

.nav-link:focus {
    color: #9b86be;
    font-weight: 400;
}

.nav-link.w--current {
    color: #9b86be;
    font-weight: 400;
}

.logo {
    width: 180px;
    margin-top: 0;
    float: left;
}

.logo img {
    max-height: 81px;
}

.navigation-box {
    width: 38%;
    margin-left: 10%;
    float: left;
}

.navigation-box.right {
    margin-left: 0%;
}

.navigation-box.right.mobile-hide {
    width: auto;
    margin-top: 6px;
    margin-left: 10%;
}

.navigation-box.mobile-hide {
    width: auto;
    margin-right: 10%;
}

.navigation-box.float-right {
    width: auto;
    margin-top: 30px;
    margin-right: 10%;
    float: right;
}

.navigation-box.float-right.mobile-hide {
    width: auto;
    margin-top: 6px;
    margin-left: 10%;
}

.top-hero {
    width: 100vw;
    height: auto;
    padding-bottom: 70px;
    background-color: rgba(155, 134, 190, 0.2);
}

.top-hero.lesson {
    background-image: url('../images/Asset-3.svg');
    background-position: 110% -10%;
    background-size: 60%;
    background-repeat: no-repeat;
}

.top-hero.lesson.small {
    padding-bottom: 10px;
    background-color: rgba(251, 216, 202, 0.5);
    background-position: 70% 10%;
    background-size: 40%;
}

.top-hero.lesson.alkohol {
    background-color: rgba(251, 216, 202, 0.5);
}

.top-hero.opptilimeg-pages {
    background-image: url('../images/Asset-3.svg');
    background-position: 110% -10%;
    background-size: 60%;
    background-repeat: no-repeat;
}

.top-hero.opptilimeg-pages.small {
    padding-bottom: 10px;
    background-image: url('../images/full-illustrasjon.svg');
    background-position: 90% 10%;
    background-size: 40%;
}

.col-50 {
    width: 38%;
    margin-left: 10%;
    padding-top: 70px;
    float: left;
}

.col-50.right {
    margin-left: 0%;
}

.col-50.right.illustration {
    height: 100%;
}

.col-50.right.illustration.mobile-top {
    display: none;
}

.col-50.home-hero {
    padding-top: 180px;
}

.col-50._100.no-pad-top {
    padding-top: 0px;
}

.illustration-front {
    width: 100%;
    margin-top: -50px;
    float: right;
}

.ingress {
    max-width: 590px;
    margin-top: 56px;
    margin-bottom: 56px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.ingress.white {
    color: #f4f4f4;
}

.burger-menu-open {
    display: none;
}

.burger-menu-closed {
    display: none;
}

.logo-box {
    display: none;
    width: 38%;
    margin-left: 10%;
    float: left;
}

.cta-small {
    height: 50px;
    padding-top: 14px;
    padding-right: 30px;
    padding-left: 30px;
    float: right;
    border-radius: 4px;
    background-color: #d1b240;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.cta-small.negative-margin {
    position: relative;
    z-index: 2000;
    height: auto;
    margin-top: -45px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.cta-small.desktop-hide {
    display: none;
}

.cta-small.top-marg {
    margin-top: 32px;
}

.cta-small.form-submit {
    margin-top: 15px;
    padding-top: 6px;
}

.cta-small.right-marg {
    margin-right: 4%;
    padding-top: 15px;
}

.cta-small.clear-wide {
    width: 100%;
    margin-top: 24px;
    float: left;
    clear: both;
    border-radius: 0px;
    text-align: center;
}

.cta-small.clear-wide.big-no-top {
    height: 70px;
    margin-top: 6px;
    padding-top: 26px;
}

.content-section {
    padding-top: 70px;
    padding-right: 10%;
    padding-left: 10%;
}

.center {
    text-align: center;
}

.center.clear-fix {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

.center.clear-fix.no-top {
    margin-top: 66px;
    text-align: left;
}

.center.hide {
    display: none;
}

.footer {
    margin-top: 100px;
    padding: 0px 10% 40px;
}

.block-container {
    margin-top: 36px;
    margin-bottom: 24px;
}

.block-container.lessons {
    padding-bottom: 40px;
}

.block-container._50-width {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.block-container.front-black {
    padding: 48px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.block-container.front-black.float-left {
    float: left;
}

.subject-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 23%;
    min-height: 400px;
    margin-right: 2%;
    margin-left: 0%;
    padding: 0px;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #d1b240;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.subject-block.yellow {
    background-color: #f7f6d1;
    background-image: url('../images/Asset-5.svg');
    background-position: 110% 0%;
    background-size: 180px;
    background-repeat: no-repeat;
}

.subject-block.yellow._50 {
    width: 48%;
}

.subject-block.yellow._50.hide {
    display: none;
}

.subject-block.yellow._100 {
    width: 100%;
}

.subject-block.cactus {
    background-color: rgba(63, 125, 82, 0.2);
    background-image: url('../images/Asset-4.svg');
    background-position: 130% 0px;
    background-size: 70%;
    background-repeat: no-repeat;
}

.subject-block.cactus._50 {
    width: 48%;
}

.subject-block.cactus._50.hide {
    display: none;
}

.subject-block.cactus._100 {
    width: 100%;
}

.subject-block.peach {
    background-image: url('../images/Asset-3.svg');
    background-position: 150% -10%;
    background-size: 80%;
    background-repeat: no-repeat;
}

.subject-block.peach._100 {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
}

.card-headers {
    float: left;
    color: #d1b240;
}

.footer-nav {
    width: 100%;
    float: left;
    border-top: 2px none #000;
}

.opptilmeg {
    margin-top: 40px;
    float: right;
}

.opptilmeg.desktop-hide {
    display: none;
}

.juvente-logo {
    margin-top: 34px;
    margin-left: 12px;
    float: right;
}

.juvente-logo.mobile-hide {
    float: right;
}

.juvente-logo.desktop-hide {
    display: none;
}

.mobile-footer-left-box {
    display: none;
}

.link-block-footer {
    width: 50%;
    margin-bottom: 48px;
    float: left;
}

.bottom-info {
    clear: both;
}

.info {
    margin-top: 24px;
    text-align: center;
}

.info.light {
    color: #f4f4f4;
}

.unavailable {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    height: 160px;
    margin: -24px;
    background-color: hsla(0, 0%, 100%, 0.7);
    -o-object-fit: cover;
    object-fit: cover;
}

.tag {
    position: relative;
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 1px;
    padding: 1px 10px 0px 24px;
    float: left;
    clear: both;
    background-color: #fff;
}

.big-cta-btn {
    display: block;
    width: 220px;
    height: 90px;
    margin-top: 55px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 29px;
    padding-right: 48px;
    padding-left: 48px;
    float: none;
    clear: both;
    border-radius: 4px;
    background-color: #23231f;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

.big-cta-btn.right {
    width: auto;
    margin-top: 34px;
    padding-right: 24px;
    padding-left: 24px;
    float: right;
}

.big-cta-btn.right.no-top {
    margin-top: 0px;
}

.big-cta-btn.right.no-top.backbutton {
    height: 50px;
    padding-top: 16px;
    float: left;
    clear: none;
    border: 2px solid #000;
    border-radius: 0px;
    background-color: transparent;
    color: #000;
    font-size: 18px;
}

.big-cta-btn.right.no-top.nextbtn {
    height: 50px;
    padding-top: 16px;
    clear: none;
    border-radius: 0px;
    background-color: #d1b240;
    color: #23231f;
    font-size: 18px;
}

.big-cta-btn.right.no-top.center {
    height: auto;
    padding-top: 33px;
    padding-bottom: 33px;
    font-size: 26px;
}

.big-cta-btn.right.center {
    padding-top: 33px;
    padding-right: 48px;
    padding-left: 48px;
    font-size: 24px;
}

.big-cta-btn.wide {
    width: 550px;
    height: auto;
    margin-top: 24px;
    padding-top: 33px;
    padding-bottom: 33px;
    border-radius: 0px;
    background-color: #d1b240;
    color: #000;
}

.fullwidth-img {
    display: block;
    width: 600px;
    height: 400px;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.fullwidth-img.single {
    height: 400px;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

.block-container-600 {
    margin-top: 36px;
}

.block-container-600.lessons {
    padding-bottom: 40px;
}

.block-container-600.lessons.no-bottom {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.block-container-600.lessons.no-bottom.no-top {
    display: block;
}

.block-container-600.lessons.no-bottom.no-top.no-btm {
    padding-bottom: 5px;
}

.block-container-600.lessons.no-bottom.no-top.pt1 {
    display: block;
}

.block-container-600.lessons.no-bottom.no-top.pt1.white-background {
    padding-right: 24px;
    padding-left: 24px;
    border-radius: 4px;
    background-color: #fff;
}

.block-container-600.lessons.no-bottom.no-top.pt2 {
    display: none;
}

.block-container-600.lessons.no-bottom.no-top.pt3 {
    display: none;
}

.block-container-600.lessons.no-bottom.no-top.pt3 {
    display: none;
}

.block-container-600.lessons.no-bottom.no-top.pt4 {
    display: none;
}

.block-container-600.lessons.no-bottom.no-top.pt5 {
    display: none;
}

.block-container-600.lessons.no-bottom.no-top.pt0 {
    display: none;
}

.no-top {
    margin-top: 24px;
}

.no-top.no-btm {
    margin-bottom: 1px;
}

.no-top.question {
    font-size: 18px;
}

.long-read {
    margin-bottom: 31px;
}

.text-span {
    color: #6d9b6d;
    text-decoration: underline;
}

.video {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.slide {
    background-image: url('../images/jeremy-lapak-CVvFVQ_-oUg-unsplash.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide-2 {
    background-image: url('../images/pawel-czerwinski-a4nhogHFXu4-unsplash.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.input {
    height: 50px;
    border: 2px solid #000;
    border-radius: 1px;
    font-size: 18px;
}

.input::-webkit-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.input:-ms-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.input::-ms-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.input::placeholder {
    color: #23231f;
    font-weight: 700;
}

.input.text {
    height: 150px;
}

.form {
    margin-top: 36px;
}

.success-message {
    border: 2px solid #000;
    border-radius: 4px;
    background-color: transparent;
}

.resources {
    width: 100%;
    margin-top: 32px;
}

.resource-dl-btn {
    display: block;
    width: 31.3%;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    padding: 10px 16px 10px 10px;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px none #23231f;
    border-radius: 4px;
    background-color: rgba(251, 216, 202, 0.5);
    text-decoration: none;
}

.resource-dl-btn.yellow {
    background-color: #f7f6d1;
}

.resource-dl-btn.green {
    background-color: rgba(63, 125, 82, 0.2);
}

.resource-txt {
    display: block;
    margin-top: 8px;
    float: left;
    text-decoration: none;
}

.file-type {
    font-weight: 400;
}

.top {
    margin-top: 32px;
}

.top.less {
    margin-top: 8px;
}

.info-box {
    display: block;
    width: 31.3%;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 0%;
    padding: 0px 8px 16px;
    float: left;
    clear: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    border-width: 2px;
    border-color: #e2e2e2;
    border-radius: 4px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
    text-decoration: none;
}

.box {
    width: 100%;
    margin-bottom: 16px;
}

.dropdown-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-top: 24px;
    margin-bottom: 10px;
    padding-left: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 1px;
    background-image: url('../images/arrow-down-sharp.svg');
    background-position: 99% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
}

.dropdown-container::-webkit-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.dropdown-container:-ms-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.dropdown-container::-ms-input-placeholder {
    color: #23231f;
    font-weight: 700;
}

.dropdown-container::placeholder {
    color: #23231f;
    font-weight: 700;
}

.dropdown-container.no-top {
    margin-top: 10px;
}

.placeholder {
    font-size: 18px;
    font-weight: 700;
}

.answer-info {
    margin-top: 24px;
    margin-bottom: 32px;
}

.answer-alternatives {
    margin-bottom: 12px;
    color: #23231f;
    font-size: 16px;
}

.radio {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    border-width: 2px;
    border-color: #23231f;
}

.radio.w--redirected-checked {
    border-width: 7px;
    border-color: #d1b240;
    border-radius: 100%;
    background-color: #fff;
    color: #d1b240;
}

.radio-button-label {
    width: 80%;
    margin-top: 5px;
    line-height: 120%;
}

.tasks {
    width: 100%;
}

.text {
    font-size: 18px;
}

.progressbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.progress-dot {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    float: left;
    border-radius: 100px;
    background-color: #000;
}

.progress-dot.visited {
    background-color: #d1b240;
}

.progress-dot.current {
    width: 50px;
    background-color: #d1b240;
}

.progress-t {
    margin-left: 8px;
    float: left;
    color: #23231f;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
}

.checkbox {
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-right: 8px;
    border-width: 2px;
    border-color: #000;
    border-radius: 0px;
}

.checkbox.w--redirected-checked {
    border-color: #000;
    background-color: #000;
}

.checkbox-label {
    display: inline-block;
    max-width: 96%;
    margin-top: 0px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.quiz-image-optional {
    width: 100%;
    height: 360px;
    margin-bottom: 24px;
    -o-object-fit: cover;
    object-fit: cover;
}

.enig-uenig {
    display: block;
    width: 48%;
    height: 90px;
    padding-top: 34px;
    float: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: transparent;
    color: #000;
    text-align: center;
}

.enig-uenig.uenig {
    float: right;
    border-radius: 0px;
    background-color: #1d1d1d;
    color: #fff;
}

.enig-uenig.uenig:active {
    background-color: #d1b240;
    color: #1d1d1d;
}

.enig-uenig.enig {
    border-radius: 0px;
    background-color: #1d1d1d;
    color: #fff;
}

.enig-uenig.enig:active {
    background-color: #d1b240;
    color: #1d1d1d;
}

.multiple-choice-short {
    width: 48%;
    margin-bottom: 16px;
    float: left;
    border-style: solid;
    border-width: 2px;
    border-color: #000;
    border-radius: 4px;
    background-color: transparent;
    color: #000;
    text-align: center;
}

.multiple-choice-short:active {
    background-color: #000;
    color: #fff;
}

.multiple-choice-short.right {
    float: right;
}

.video-inline {
    margin-bottom: 24px;
}

.complete-img {
    display: block;
    width: 80%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
}

.imag-ressurshefte {
    width: 40%;
    height: 150px;
    margin-right: 16px;
    float: left;
    -o-object-fit: cover;
    object-fit: cover;
}

.download {
    margin-top: 8px;
    float: left;
}

.paragraph {
    float: left;
    font-weight: 400;
}

.paragraph.ressurs {
    max-width: 55%;
    margin-top: 8px;
}

.download-module-block {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    display: none;
    width: 100vw;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 92%, 0.9);
}

.no-style {
    margin-top: 24px;
    float: right;
    background-color: transparent;
    color: #020202;
    font-weight: 700;
}

.list {
    padding-left: 19px;
    clear: both;
}

.paragraph-2 {
    margin-top: 28px;
    margin-bottom: 24px;
    clear: both;
}

.text-block {
    float: left;
    font-size: 18px;
}

.max-list-width {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
}

.bold-text {
    font-weight: 400;
}

.bold-text-2 {
    font-weight: 400;
}

.bold-text-3 {
    font-weight: 400;
}

.bold-text-4 {
    font-weight: 400;
}

.bold-text-5 {
    font-weight: 400;
}

.bold-text-6 {
    font-weight: 400;
}

.bold-text-7 {
    font-weight: 400;
}

.link-block {
    float: right;
}

.paragraph-3 {
    font-family: Inter;
}

.bold-text-8 {
    font-weight: 400;
}

.bold-text-9 {
    font-weight: 400;
}

.bold-text-10 {
    font-weight: 400;
}

.list-item {
    font-size: 16px;
}

.bold-text-11 {
    font-weight: 400;
}

.paragraph-4 {
    margin-bottom: 23px;
}

.dropdown {
    margin-bottom: 16px;
    padding: 8px 8px 0px 16px;
    border-radius: 4px;
    background-color: rgba(155, 134, 190, 0.06);
    cursor: pointer;
}

.dropdown.hidden {
    display: none;
}

.dropdown.hidden._100-float {
    display: none;
    background-color: rgba(251, 216, 202, 0.5);
}

.dropdown._100-float {
    margin-top: 170px;
    clear: both;
}

.dropdown._100-float.peach {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(251, 216, 202, 0.5);
}

.heading {
    display: inline;
    float: left;
}

.dropdown-header {
    width: 90%;
    float: left;
}

.arrow-btn {
    width: 10%;
    float: left;
}

.dropdown-h3 {
    margin-top: 16px;
    float: left;
    clear: both;
    font-size: 16px;
}

.up-arrow {
    height: 40px;
    float: right;
    -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.down-arrow {
    height: 40px;
    float: right;
}

.list-2 {
    clear: both;
}

._1_3 {
    width: 31.3%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
}

.heading-2 {
    margin-top: 8px;
}

.heading-3 {
    margin-top: 8px;
}

.dl-pdfs {
    max-width: 70%;
    float: left;
}

.dl {
    margin-top: 0px;
    float: left;
    clear: both;
    color: #d17495;
}

.row {
    margin-top: 11px;
    margin-bottom: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    clear: both;
}

.lang {
    margin-right: 10%;
    float: right;
}

.choose-lang {
    margin-top: 30px;
    padding-right: 37px;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #fff;
    background-image: url('../images/arrow-down-sharp.svg');
    background-position: 92% 50%;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #23231f;
}

.lang-chooser {
    display: none;
    width: 100%;
    margin-top: 8px;
    padding: 0px;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #fff;
}

.button {
    width: 100%;
    border-bottom: 1px solid #000;
    background-color: transparent;
    color: #000;
}

.language {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #000;
    background-color: transparent;
    color: #000;
}

.language.current {
    color: #9b86be;
}

.language-small {
    display: inline-block;
    margin-top: 40px;
    padding-right: 20px;
    font-family: Inter;
    color: #23231f;
    font-weight: 600;
    text-decoration: none;
}

.language-small:hover {
    color: #9b86be;
    font-weight: 400;
}

.language-small:focus {
    color: #9b86be;
    font-weight: 400;
}

.language-small.w--current {
    color: #9b86be;
    font-weight: 400;
}

.bg-full {
    background-color: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 25, 9, 0.25)), to(rgba(30, 25, 9, 0.25))), url('../images/BG.jpg');
    background-image: linear-gradient(180deg, rgba(30, 25, 9, 0.25), rgba(30, 25, 9, 0.25)), url('../images/BG.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.card-intro {
    float: left;
    clear: both;
    font-family: 'Open Sans', sans-serif;
    color: #f4f4f4;
    font-size: 18px;
}

.bottom-content {
    padding: 24px;
}

.project-img {
    width: 100%;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
}

.subject-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 42px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.module-inline-image {
    width: 100%;
    height: 350px;
    margin-top: 24px;
    margin-bottom: 24px;
    -o-object-fit: cover;
    object-fit: cover;
}

.bold-text-12 {
    font-weight: 400;
}

.bottom {
    margin-bottom: 32px;
}

.label {
    overflow: hidden;
    margin-bottom: 16px;
    font-family: Coustard, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.text-field {
    height: 80px;
    border: 1px solid #d1b240;
    background-color: #000;
    color: #d1b240;
    font-size: 18px;
}

.text-field::-webkit-input-placeholder {
    color: #d1b240;
}

.text-field:-ms-input-placeholder {
    color: #d1b240;
}

.text-field::-ms-input-placeholder {
    color: #d1b240;
}

.text-field::placeholder {
    color: #d1b240;
}

.text-field.select {
    border-radius: 0px;
}

.inline {
    color: #000;
}

.h-link {
    margin-left: 16px;
}

.complete-module-check {
    position: relative;
    top: -423px;
    right: 11px;
    display: block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 100px;
    box-shadow: 2px 2px 13px 1px #000;
}

.dark {
    background-color: #000;
}

@media screen and (max-width: 991px) {
    h3 {
        font-size: 20px;
    }
    .container.nav-menu {
        position: relative;
        z-index: 1000;
        padding-right: 0%;
        padding-left: 0%;
    }
    .nav-link {
        width: 100%;
        margin-top: 20px;
        padding-right: 24px;
        font-family: Coustard, sans-serif;
        color: #f4f4f4;
        font-weight: 400;
        text-align: right;
    }
    .nav-link:hover {
        color: #d1b240;
    }
    .nav-link.w--current {
        margin-top: 20px;
        padding-right: 24px;
        font-family: Coustard, sans-serif;
        color: #d1b240;
        font-weight: 400;
        text-align: right;
    }
    .nav-link.right-align {
        margin-top: 15px;
        text-align: right;
    }
    .nav-link.right-align.no-p {
        padding-right: 0px;
    }
    .navigation-box.mobile-hide {
        display: none;
    }
    .top-hero {
        height: auto;
        padding-right: 5%;
        padding-bottom: 40px;
        padding-left: 5%;
    }
    .top-hero.lesson {
        padding-top: 80px;
        background-position: 110% 10%;
        background-size: 50%;
    }
    .top-hero.lesson.small {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .top-hero.opptilimeg-pages {
        padding-top: 80px;
        background-position: 110% 10%;
        background-size: 50%;
    }
    .top-hero.opptilimeg-pages.small {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .col-50 {
        width: 50%;
        margin-left: 0px;
    }
    .col-50.right.illustration.mobile-top {
        display: block;
        width: 100%;
        height: auto;
    }
    .col-50.right.illustration.mobile-hide {
        display: none;
    }
    .col-50.home-hero {
        width: 100%;
        padding-top: 0px;
    }
    .col-50._100 {
        width: 100%;
    }
    .illustration-front {
        margin-top: -43px;
    }
    .illustration-front.mob {
        margin-top: -112px;
    }
    .ingress.white {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .burger-menu-open {
        position: absolute;
        left: 0%;
        top: 70px;
        right: 0%;
        bottom: 0%;
        z-index: 1000;
        display: none;
        width: 100%;
        height: 100vh;
        margin-top: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #000;
    }
    .burger-menu-closed {
        position: absolute;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 10%;
        height: 90px;
        padding-top: 20px;
        padding-bottom: 20px;
        float: right;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ic-burger {
        width: 25px;
        color: rgba(30, 25, 9, 0.25);
    }
    .logo-box {
        display: block;
        width: 50%;
        margin-left: 0%;
    }
    .cta-small.desktop-hide {
        display: block;
    }
    .cta-small.desktop-hide.float-left {
        height: auto;
        margin-top: 20px;
        padding-top: 13px;
        padding-bottom: 13px;
        float: left;
    }
    .cta-small.right-marg {
        margin-right: 0%;
    }
    .cta-small.clear-wide.big-no-top {
        height: 50px;
        padding-top: 14px;
    }
    .content-section {
        padding-top: 0px;
        padding-right: 5%;
        padding-left: 5%;
    }
    .center {
        text-align: center;
    }
    .footer {
        padding-right: 5%;
        padding-left: 5%;
    }
    .block-container.lessons {
        margin-top: 16px;
    }
    .block-container.lessons.no-bottom {
        margin-bottom: 9px;
        padding-bottom: 0px;
    }
    .block-container._50-width {
        width: 100%;
    }
    .subject-block {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
        margin-left: 0%;
    }
    .subject-block.yellow {
        background-position: 80% 40%;
        background-size: 230px;
    }
    .subject-block.cactus {
        background-position: 80% 0px;
        background-size: 50%;
    }
    .subject-block.peach {
        background-position: 130% 0%;
    }
    .subject-block.peach._100 {
        margin-right: auto;
        margin-left: auto;
    }
    .opptilmeg.mobile-hide {
        display: none;
    }
    .opptilmeg.desktop-hide {
        display: block;
        margin-top: 15px;
        float: left;
    }
    .juvente-logo.mobile-hide {
        display: none;
    }
    .juvente-logo.desktop-hide {
        display: block;
        margin-top: 8px;
        margin-left: 0px;
        float: left;
        clear: left;
    }
    .mobile-footer-left-box {
        display: block;
        width: 50%;
        float: left;
    }
    .link-block-footer {
        width: 50%;
        margin-bottom: 16px;
        float: right;
    }
    .info {
        text-align: left;
    }
    .unavailable {
        z-index: 999;
    }
    .big-cta-btn {
        height: 60px;
        margin-top: 66px;
        padding-top: 16px;
        font-size: 28px;
    }
    .big-cta-btn.right.no-top.center {
        height: auto;
        padding-bottom: 33px;
    }
    .fullwidth-img {
        display: block;
        overflow: hidden;
        width: 100vw;
        height: 290px;
        max-width: none;
        margin-top: 25px;
        margin-right: -5.5%;
        margin-left: -5.5%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .block-container-600.lessons {
        margin-top: 16px;
    }
    .block-container-600.lessons.no-bottom {
        margin-bottom: 9px;
        padding-bottom: 0px;
    }
    .block-container-600.lessons.no-bottom.no-top.pt1.float-left {
        clear: both;
    }
    .block-container-600.lessons.no-bottom.no-top.pt1.white-background {
        padding-bottom: 16px;
    }
    .video {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .resource-dl-btn {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .resource-txt {
        width: 50%;
    }
    .info-box {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .dropdown-container {
        font-size: 18px;
    }
    .image-2 {
        margin-left: 5%;
    }
    .complete-img {
        margin-bottom: 55px;
    }
    .download {
        width: 50%;
    }
    .paragraph.ressurs {
        margin-bottom: 0px;
    }
    .text-block {
        margin-bottom: 15px;
    }
    ._1_3 {
        width: 100%;
    }
    .dl-pdfs {
        margin-top: 4px;
    }
    .row {
        margin-bottom: 8px;
    }
    .choose-lang.hide {
        display: none;
    }
    .language-small {
        width: 100%;
        margin-top: 20px;
        padding-right: 24px;
        text-align: right;
    }
    .language-small.w--current {
        margin-top: 20px;
        padding-right: 24px;
        text-align: right;
    }
    .language-small.right-align {
        margin-top: 15px;
        text-align: right;
    }
    .language-small.right-align.no-p {
        padding-right: 0px;
    }
    .div-block {
        width: 10px;
        height: 3px;
        background-color: #23231f;
    }
    .divider {
        width: 10px;
        height: 3px;
        background-color: #23231f;
    }
    .divider-menu {
        width: 32px;
        height: 3px;
        margin-top: 16px;
        margin-right: 24px;
        padding-right: 0px;
        padding-bottom: 0px;
        float: right;
        background-color: #23231f;
    }
    .text-field {
        height: 50px;
    }
    .text-field.select {
        border-radius: 0px;
    }
    .mob-hide {
        display: none;
    }
    .complete-module-check {
        top: -420px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 23px;
        line-height: 120%;
    }
    h3 {
        font-size: 18px;
    }
    li {
        font-size: 18px;
    }
    .header {
        height: 60px;
    }
    .logo {
        width: 130px;
        margin-top: 8px;
    }
    .navigation-box.float-right {
        margin-top: 17px;
    }
    .top-hero.lesson.small {
        background-color: rgba(251, 216, 202, 0.5);
        background-position: 100% 10%;
        background-size: 50%;
    }
    .top-hero.opptilimeg-pages.small {
        background-position: 70% 10%;
        background-size: 60%;
    }
    .ingress {
        font-size: 16px;
    }
    .ingress.white {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .burger-menu-open {
        top: 60px;
        display: none;
        margin-top: 0px;
    }
    .burger-menu-closed {
        height: 60px;
    }
    .ic-burger {
        width: 20px;
    }
    .cta-small.center-mob {
        display: block;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        float: none;
        text-align: center;
    }
    .cta-small.clear-wide {
        font-size: 16px;
    }
    .content-section.lessons {
        width: 100%;
    }
    .block-container.front-black {
        padding: 16px;
    }
    .block-container.front-black.float-left {
        width: 100%;
    }
    .subject-block {
        min-height: auto;
    }
    .subject-block.yellow._50 {
        width: 100%;
    }
    .subject-block.cactus._50 {
        width: 100%;
    }
    .subject-block.peach {
        background-position: 140% 0%;
    }
    .card-headers {
        font-size: 22px;
        line-height: 120%;
    }
    .link-block-footer {
        margin-bottom: 16px;
    }
    .big-cta-btn.right.no-top.backbutton {
        float: none;
        clear: none;
        background-color: transparent;
        color: rgba(63, 125, 82, 0.94);
        text-decoration: underline;
    }
    .big-cta-btn.right.no-top.nextbtn {
        width: 60%;
        height: auto;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 16px;
        float: none;
    }
    .big-cta-btn.right.no-top.center {
        width: 60%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 33px;
        float: none;
        text-align: center;
    }
    .big-cta-btn.right.no-top.center._100 {
        width: 100%;
    }
    .big-cta-btn.wide {
        width: 100%;
        margin-top: 30px;
    }
    .block-container-600.lessons.no-bottom.no-top.pt4 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt5 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt0 {
        display: none;
    }
    .video {
        width: 100%;
    }
    .complete-img {
        margin-bottom: 28px;
    }
    .no-style {
        margin-top: 2px;
        padding-right: 0px;
    }
    .dl-pdfs {
        margin-bottom: 8px;
    }
    .dl {
        margin-top: 0px;
        margin-bottom: 8px;
        float: left;
        clear: both;
    }
    .card-intro {
        font-size: 16px;
    }
    .project-img {
        height: 200px;
    }
    .h-link {
        font-size: 14px;
    }
    .complete-module-check {
        top: -380px;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 26px;
    }
    .nav-link.w--current {
        margin-top: 10px;
        padding-right: 24px;
        text-align: right;
    }
    .nav-link.right-align.no-p {
        padding-right: 0px;
    }
    .navigation-box.float-right {
        margin-right: 20px;
        margin-left: auto;
    }
    .top-hero.lesson.small {
        background-position: 88% -10%;
    }
    .top-hero.opptilimeg-pages.small {
        background-position: 88% -10%;
    }
    .illustration-front.mob {
        margin-top: -74px;
    }
    .ingress.white {
        margin-bottom: 16px;
    }
    .burger-menu-open {
        display: none;
    }
    .cta-small.desktop-hide.float-left {
        height: auto;
        padding-bottom: 13px;
    }
    .cta-small.center-mob {
        width: 80%;
    }
    .content-section {
        padding-right: 16px;
        padding-left: 16px;
    }
    .block-container._50-width {
        margin-top: 12px;
    }
    .subject-block {
        min-height: auto;
    }
    .subject-block.yellow {
        background-position: 120% 40%;
        background-size: 180px;
    }
    .subject-block.yellow._50 {
        width: 100%;
    }
    .subject-block.cactus {
        background-position: 120% 0px;
        background-size: 70%;
    }
    .subject-block.cactus._50 {
        width: 100%;
    }
    .subject-block.peach {
        background-position: 170% -50%;
    }
    .subject-block.peach._100 {
        margin-bottom: 10px;
    }
    .link-block-footer {
        margin-bottom: 16px;
    }
    .tag {
        position: absolute;
        margin-top: 125px;
    }
    .big-cta-btn.right.no-top.nextbtn {
        width: 80%;
    }
    .big-cta-btn.right.no-top.center {
        width: 100%;
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .big-cta-btn.right.no-top.center._100 {
        width: 100%;
    }
    .big-cta-btn.wide {
        width: 100%;
        height: 60px;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 18px;
        line-height: 135%;
    }
    .block-container-600.lessons.no-bottom.no-top.pt2 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt3 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt4 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt5 {
        display: none;
    }
    .block-container-600.lessons.no-bottom.no-top.pt0 {
        display: none;
    }
    .input::-webkit-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .input:-ms-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .input::-ms-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .input::placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .dropdown-container::-webkit-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .dropdown-container:-ms-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .dropdown-container::-ms-input-placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .dropdown-container::placeholder {
        color: #23231f;
        font-weight: 700;
    }
    .radio-button-label {
        max-width: 80%;
        font-size: 18px;
    }
    .quiz-image-optional {
        height: 190px;
    }
    .multiple-choice-short {
        width: 100%;
        margin-bottom: 8px;
    }
    .complete-img {
        width: 100%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .imag-ressurshefte {
        width: 100%;
    }
    .download {
        clear: both;
    }
    .download-module-block {
        background-color: hsla(0, 0%, 92%, 0.7);
    }
    .no-style {
        margin-top: 4px;
        margin-bottom: 10px;
    }
    .dropdown.hidden._100-float {
        display: none;
    }
    .dl-pdfs {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 22px;
    }
    .dl {
        margin-bottom: 0px;
        font-size: 14px;
    }
    .language-small.w--current {
        margin-top: 10px;
        padding-right: 24px;
        text-align: right;
    }
    .language-small.right-align.no-p {
        padding-right: 0px;
    }
    .bottom-content {
        padding: 8px 16px 16px;
    }
    .project-img {
        height: 170px;
    }
    .label {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .label.top {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .complete-module-check {
        top: -328px;
    }
}