@charset "UTF-8";

@media screen and (max-width: 570px) {
    div.danske-bank_hero_bottom div.buttonContainer {
        margin-bottom: 20px;
    }
}

.lunar p {
    font-size: 16px;
}

.lunar footer p {
    font-size: 12px;
}

.danske-bank {
    background-color: white !important;
}

@media screen and (max-width: 570px) {
    .danske-bank .header_main {
        top: 0;
    }
}

.danske-bank section:not(.footer_top) {
    background-color: white;
}

.danske-bank section, .danske-bank footer {
    position: relative;
}

@media screen and (max-width: 570px) {
    .danske-bank section:not(.danske-bank_hero), .danske-bank footer:not(.danske-bank_hero) {
        z-index: 2;
    }
}

.danske-bank_hero {
    position: relative;
    margin-top: 65px;
    overflow: hidden;
    z-index: 1;
    background-color: white;
    height: calc(100vh - 95px);
}

@media screen and (min-width: 1481px) and (min-aspect-ratio: 1588/816) {
    .danske-bank_hero {
        height: unset;
    }
}

@media screen and (max-width: 1480px) {
    .danske-bank_hero {
        height: unset;
        margin-top: 57px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero {
        position: fixed !important;
        height: 90vh;
        top: 32px;
        margin-top: 26px;
    }
}

.danske-bank_hero_white-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media screen and (min-aspect-ratio: 16/9) {
    .danske-bank_hero_white-mask {
        right: 180px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_white-mask {
        right: -90vh;
    }
}

@media screen and (max-width: 460px) {
    .danske-bank_hero_white-mask {
        left: -90px;
        right: -100vh;
    }
}

@media screen and (max-width: 335px) {
    .pension + .danske-bank_hero_white-mask {
        left: -40px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 570px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .danske-bank_hero_white-mask {
        right: -90vh;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .danske-bank_hero_white-mask {
        left: -160px;
    }
}

.danske-bank_hero_image {
    width: 54%;
    position: absolute;
    top: 9.5vw;
    right: -120px;
}

    .danske-bank_hero_image.pension {
        right: -200px;
    }

@media screen and (min-aspect-ratio: 16/9) {
    .danske-bank_hero_image {
        width: 50%;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_image {
        display: none;
    }
}

.danske-bank_hero_text-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 200px 0;
    width: 70%;
    height: 43vw;
}

    .danske-bank_hero_text-banner.pension {
        background-position: 300%;
    }

@media screen and (max-width: 570px) {
    .danske-bank_hero_text-banner.pension {
        background-position: 90%;
    }
}

@media screen and (max-width: 376px) {
    .danske-bank_hero_text-banner.pension {
        padding: 5vh 0;
    }

        .danske-bank_hero_text-banner.pension h1, .danske-bank_hero_text-banner.pension p {
            padding-bottom: 15px;
        }
}

@media screen and (min-width: 571px) {
    .danske-bank_hero_text-banner.lunar {
        width: 74%;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_text-banner.lunar {
        background-position: 60%;
    }
}

@media screen and (max-width: 1480px) {
    .danske-bank_hero_text-banner {
        padding: 100px 0;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_hero_text-banner {
        padding: 50px 0;
    }
}

@media screen and (max-width: 730px) {
    .danske-bank_hero_text-banner {
        padding-top: 40px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_text-banner {
        width: 100%;
        height: 80vh;
        padding: 10vh 0;
        text-align: center;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 570px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .danske-bank_hero_text-banner {
        padding: 5vh 0;
    }
}

.danske-bank_hero_text-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(6, 26, 58, 0.8);
}

.danske-bank_hero_text-banner.pension::before {
    background: rgba(6, 26, 58, 0.4);
}

.danske-bank_secondary-container {
    position: relative;
    padding: 0 25% 0 15%;
    z-index: 1;
}

@media screen and (max-width: 1480px) {
    .danske-bank_secondary-container {
        padding-right: 25%;
    }
}

@media screen and (max-width: 1300px) {
    .danske-bank_secondary-container {
        padding-right: 190px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_secondary-container {
        padding-right: 50px;
        padding-left: 10vw;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_secondary-container {
        padding: 0 10%;
    }
}

.danske-bank_secondary-container.pension {
    text-align: center;
}

.danske-bank_secondary-container h1 {
    font-size: 60px;
    margin: 0;
    padding-bottom: 25px;
    color: white !important;
    line-height: 70px !important;
}

@media screen and (max-width: 1480px) {
    .danske-bank_secondary-container h1 {
        line-height: 43px !important;
        font-size: 40px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_secondary-container h1 {
        padding-bottom: 20px;
        line-height: 40px !important;
        font-size: 37px;
    }
}

@media screen and (max-width: 730px) {
    .danske-bank_secondary-container h1 {
        padding-bottom: 0px;
        font-size: 35px;
        line-height: 38px !important;
    }
}

@media screen and (max-width: 600px) {
    .danske-bank_secondary-container h1 {
        padding-bottom: 25px;
        font-size: 29px !important;
        line-height: 32px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 570px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .danske-bank_secondary-container h1 {
        padding-bottom: 5px;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .danske-bank_secondary-container h1 {
        font-size: 33px !important;
        line-height: 36px !important;
    }
}

@media screen and (min-width: 1481px) {
    .danske-bank_secondary-container.pension h1 {
        font-size: 50px;
        line-height: 60px !important;
    }
}

.danske-bank_secondary-container p {
    margin: 0;
    padding-bottom: 25px;
    color: white;
    font-size: 25px;
}

@media only screen and (device-width: 1920px) and (device-height: 1200px) {
    .danske-bank_secondary-container p {
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_secondary-container p {
        padding-bottom: 20px;
        font-size: 19px;
    }
}

@media screen and (max-width: 730px) {
    .danske-bank_secondary-container p {
        padding-bottom: 10px;
        font-size: inherit;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_secondary-container p {
        padding-bottom: 25px;
        font-size: inherit;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .danske-bank_secondary-container p {
        font-size: 24px;
    }
}

@media only screen and (device-width: 1920px) and (device-height: 1200px) {
    .danske-bank_secondary-container.pension p {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_secondary-container div {
        display: flex;
        flex-direction: column;
    }
}

.danske-bank_secondary-container .btn {
    background-color: white;
    font-weight: 600;
    color: black;
    font-size: 25px;
    width: 275px;
    border-radius: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_secondary-container .btn {
        width: 225px;
    }
}

@media screen and (max-width: 1170px) {
    .danske-bank_secondary-container .btn {
        width: 180px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_secondary-container .btn {
        width: 150px;
        font-size: 20px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_secondary-container .btn {
        width: 100%;
    }
}

.danske-bank_secondary-container.pension .qbutton {
    font-size: 25px;
    border: none !important;
    font-weight: 400;
    padding: 14px 36px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_secondary-container.pension .qbutton {
        font-size: 18px;
    }
}

.danske-bank_secondary-container .btn:hover {
    color: black !important;
    background-color: lightgray;
}

.danske-bank_secondary-container .btn:first-child {
    margin-right: 25px;
}

@media screen and (max-width: 570px) {
    .danske-bank_secondary-container .btn:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.danske-bank_hero_bottom {
    display: flex;
    margin-top: 0px;
    position: absolute;
    align-items: flex-end;
    bottom: 10px;
    width: 100%;
}

    .danske-bank_hero_bottom > .buttonContainer {
        display: none;
    }

@media screen and (min-width: 1481px) and (min-aspect-ratio: 1588/816) {
    .danske-bank_hero_bottom {
        position: relative;
        margin-top: 35px;
    }
}

@media screen and (max-width: 1480px) {
    .danske-bank_hero_bottom {
        margin-top: 130px;
        position: relative;
    }

        .danske-bank_hero_bottom.pension {
            margin-top: 70px;
        }
}

@media screen and (max-width: 1450px) {
    .danske-bank_hero_bottom {
        margin-top: 30px;
    }

        .danske-bank_hero_bottom.pension {
            margin-top: 30px;
        }
}

@media screen and (max-width: 1000px) {
    .danske-bank_hero_bottom {
        margin-top: 50px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom {
        position: fixed;
        bottom: 0;
        flex-direction: column-reverse;
        align-items: center;
    }

        .danske-bank_hero_bottom > .buttonContainer {
            display: block;
        }

        .danske-bank_hero_bottom.pension {
            bottom: 50px;
        }

            .danske-bank_hero_bottom.pension p {
                display: none;
            }
}

.danske-bank_hero_bottom p {
    flex: 2;
    text-align: center;
    margin: 0;
    color: black;
    font-size: 18px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_hero_bottom p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 570px) {
    .danske-bank_hero_bottom p {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 570px) and (max-height: 550px) {
    .danske-bank_hero_bottom p {
        padding-top: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 570px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .danske-bank_hero_bottom p {
        padding-top: 0px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom .lunar-disclaimer {
        display: none;
    }
}

.danske-bank_hero_bottom .lunar-mobile-button {
    display: none;
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom .lunar-mobile-button {
        margin: 15px;
        display: block;
        text-align: center;
        min-width: 290px;
    }
}

.danske-bank_hero_bottom_icon {
    flex: 1;
    text-align: center;
}

    .danske-bank_hero_bottom_icon.-desktop {
        display: block;
    }

    .danske-bank_hero_bottom_icon.-mobile {
        display: none;
    }

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom_icon.-desktop {
        display: none;
    }

    .danske-bank_hero_bottom_icon.-mobile {
        display: block;
    }
}

@media only screen and (max-width: 570px) {
    .danske-bank_hero_bottom_icon {
        padding-top: 20px;
    }

    .pension .danske-bank_hero_bottom_icon {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 570px) and (max-height: 550px) {
    .danske-bank_hero_bottom_icon {
        padding-top: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 570px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation: portrait) {
    .danske-bank_hero_bottom_icon {
        padding-top: 0px;
    }
}

.danske-bank_hero_bottom_icon a {
    color: black;
}

    .danske-bank_hero_bottom_icon a:hover {
        color: black !important;
    }

.danske-bank_hero_bottom_icon div {
    max-width: 70px;
    margin: 0 auto;
}

@media screen and (max-width: 570px) {
    .pension .danske-bank_hero_bottom_icon div {
        max-width: 40px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom_icon.lunar {
        padding-top: 0;
    }

        .danske-bank_hero_bottom_icon.lunar div {
            max-width: 40px;
        }
}

.danske-bank_hero_bottom_logo {
    flex: 2;
    text-align: right;
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom_logo {
        text-align: center;
    }
}

.danske-bank_hero_bottom_logo img {
    width: 40%;
    margin-right: 75px;
}

@media screen and (max-width: 1000px) {
    .danske-bank_hero_bottom_logo img {
        margin-right: 15px;
        width: 70%;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero_bottom_logo img {
        margin-right: 0;
        width: 50%;
    }
}

.danske-bank_main-container {
    position: relative;
    margin: 0 auto;
    max-width: 45%;
    text-align: center;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .danske-bank_main-container {
        max-width: 70%;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_main-container {
        max-width: 90%;
    }
}

.danske-bank_main-container h1, .danske-bank_main-container h2 {
    font-size: 40px;
    margin: 0;
    padding-bottom: 25px;
}

.lunar .danske-bank_main-container h1, .lunar .danske-bank_main-container h2 {
    line-height: 1.2 !important;
}

@media screen and (max-width: 1480px) {
    .danske-bank_main-container h1, .danske-bank_main-container h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_main-container h1, .danske-bank_main-container h2 {
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 600px) {
    .danske-bank_main-container h1, .danske-bank_main-container h2 {
        font-size: 30px !important;
    }
}

.danske-bank_main-container p {
    margin: 0;
    padding-bottom: 25px;
    font-size: 25px;
}

@media screen and (max-width: 570px) {
    .danske-bank_main-container p {
        font-size: 15px;
    }
}

.danske-bank_main-container .buttonContainer {
    margin-top: 25px;
    text-align: center;
}

.danske-bank_products h3 {
    margin: 0;
    padding: 50px 0;
    color: black !important;
    font-family: "Barlow medium", sans-serif !important;
}

@media screen and (max-width: 570px) {
    .danske-bank_products h3 {
        display: none;
    }
}

.danske-bank_products_text-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 250px 0 200px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_products_text-banner {
        padding: 200px 0 175px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_products_text-banner {
        padding: 75px 0;
        margin-bottom: 25px;
    }
}

.company .danske-bank_products_text-banner {
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
}

@media screen and (max-width: 570px) {
    .company .danske-bank_products_text-banner {
        clip-path: polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%);
    }
}

.private .danske-bank_products_text-banner {
    clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
}

@media screen and (max-width: 570px) {
    .private .danske-bank_products_text-banner {
        clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    }
}

@media screen and (max-width: 570px) {
    .private.lunar .danske-bank_products_text-banner {
        clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%);
    }
}

.danske-bank_products_text-banner .danske-bank_main-container h2 {
    color: white;
    font-weight: 700;
}

.danske-bank_products_text-banner .danske-bank_main-container p {
    color: white !important;
}

.danske-bank_products_text-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(6, 26, 58, 0.8);
}

.danske-bank_discount {
    padding-bottom: 125px;
}

    .danske-bank_discount.pension {
        padding-bottom: 0;
    }

@media screen and (max-width: 570px) {
    .danske-bank_discount {
        padding-bottom: 50px;
    }

        .danske-bank_discount .danske-bank_main-container {
            max-width: 100%;
        }
}

.danske-bank_discount_container {
    border: 1px solid;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2);
}

    .danske-bank_discount_container.pension {
        border-radius: 20px;
        overflow: hidden;
        border: none;
        display: none;
    }

        .danske-bank_discount_container.pension.-sticky {
            display: initial;
        }

@media screen and (max-width: 1580px) {
    .danske-bank_discount_container.pension.-sticky {
        width: 25%;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_container.pension {
        border-radius: 0;
        display: initial;
    }
}

.danske-bank_discount_container.pension .pension_CTA {
    padding: 10px 33px 20px;
}

    .danske-bank_discount_container.pension .pension_CTA .qbutton {
        width: 100%;
        display: block;
        text-align: center;
    }

.danske-bank_discount_container.lunar {
    border-radius: 20px;
    overflow: hidden;
    width: 300px;
    background-color: white;
    border: none;
    box-shadow: 0 2px 23px 8px rgba(0, 0, 0, 0.1);
}

    .danske-bank_discount_container.lunar h2 {
        padding: 25px;
        font-size: 2rem;
        text-align: center;
    }

        .danske-bank_discount_container.lunar h2 + div {
            padding: 20px;
        }

    .danske-bank_discount_container.lunar .danske-bank_discount_info {
        max-width: 100%;
        padding-bottom: 15px;
    }

    .danske-bank_discount_container.lunar .danske-bank_discount_bullet {
        font-size: 15px;
        margin-right: 0;
    }

        .danske-bank_discount_container.lunar .danske-bank_discount_bullet:before {
            padding: 2px 12px;
            margin-right: -16px;
        }

    .danske-bank_discount_container.lunar .danske-bank_discount_text p {
        font-size: 15px;
    }

@media screen and (max-width: 570px) {
    .danske-bank_discount_container.lunar .danske-bank_discount_text {
        padding-left: 20px;
    }
}

.danske-bank_discount_container.lunar .danske-bank_discount_image {
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_container {
        border: none;
        box-shadow: none;
    }
}

.danske-bank_discount_container h2 {
    color: white;
    background-color: #082451;
    padding: 25px 70px;
    line-height: 1;
    margin: 0;
    font-size: 35px;
    text-align: left;
    font-family: "Barlow medium", sans-serif !important;
}

@media screen and (max-width: 1480px) {
    .danske-bank_discount_container h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 1000px) {
    .danske-bank_discount_container h2 {
        padding: 25px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_container h2 {
        font-size: 27px !important;
    }
}

.danske-bank_discount_container h2 + div {
    padding: 50px 75px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_discount_container h2 + div {
        padding: 50px 25px 50px 75px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_container h2 + div {
        padding: 35px 25px;
    }
}

.danske-bank_discount_container.-sticky {
    position: fixed;
    top: calc(50vh - 300px + 30px);
    right: 20px;
    z-index: 0;
    width: 20%;
}

@media screen and (max-width: 1480px) {
    .danske-bank_discount_container.-sticky {
        width: 25%;
    }
}

.danske-bank_discount_container.-sticky h2 {
    padding: 25px 0 25px 25px;
    font-size: 25px;
}

    .danske-bank_discount_container.-sticky h2 + div {
        padding: 25px;
        background-color: white;
    }

.danske-bank_discount_container.-sticky.pension h2 + div {
    padding: 25px 15px 0;
}

.danske-bank_discount_info {
    display: flex;
    text-align: left;
    max-width: 80%;
}

.pension .danske-bank_discount_info {
    padding-bottom: 15px;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_info {
        max-width: 100%;
    }
}

.-sticky .danske-bank_discount_info {
    max-width: 90%;
}

.danske-bank_discount_bullet {
    font-size: 23px;
    color: white;
    margin-right: 20px;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_bullet {
        font-size: 17px;
    }
}

.-sticky .danske-bank_discount_bullet {
    font-size: 17px;
}

.danske-bank_discount_bullet:before {
    content: "";
    background-color: #082451;
    border-radius: 50%;
    padding: 2px 17px;
    margin-right: -23px;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_bullet:before {
        padding: 2px 13px;
        margin-right: -18px;
    }
}

.-sticky .danske-bank_discount_bullet:before {
    padding: 2px 13px;
    margin-right: -18px;
}

.danske-bank_discount_text {
    padding-left: 20px;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_text {
        padding-left: 0;
    }
}

.-sticky .danske-bank_discount_text {
    padding-left: 0;
}

    .-sticky .danske-bank_discount_text p {
        font-size: 17px;
    }

.danske-bank_discount_text p {
    padding-bottom: 0;
    margin-bottom: 0;
    color: black;
    font-size: 23px;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_text p {
        font-size: 17px;
    }
}

.danske-bank_discount_text p:first-child {
    font-weight: 500;
}

.danske-bank_discount_image {
    padding: 25px 0 0 55px;
    width: 60%;
}

@media screen and (max-width: 570px) {
    .danske-bank_discount_image {
        width: 95%;
    }
}

.-sticky .danske-bank_discount_image {
    width: 100%;
    padding: 10px 0 0 33px;
}

.danske-bank_footer.pension {
    border-top: 1.5px solid #afafaf;
}

@media screen and (max-width: 570px) {
    .danske-bank_footer.pension {
        padding-bottom: 46px;
    }
}

.danske-bank_footer_logos {
    display: flex;
    align-items: center;
    padding: 25px 0 30px;
}

    .danske-bank_footer_logos.pension {
        padding: 60px 150px 0;
    }

@media screen and (min-aspect-ratio: 16/9) {
    .danske-bank_footer_logos.pension {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1480px) {
    .danske-bank_footer_logos.pension {
        padding: 60px 40px 0;
    }
}

@media screen and (max-width: 1450px) {
    .danske-bank_footer_logos.pension {
        padding: 0 40px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_hero .danske-bank_footer_logos.pension {
        display: none;
    }
}

.danske-bank_footer .danske-bank_footer_logos.pension {
    padding: 25px 150px 30px;
}

@media screen and (max-width: 1480px) {
    .danske-bank_footer .danske-bank_footer_logos.pension {
        padding: 25px 40px 30px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_footer .danske-bank_footer_logos.pension {
        padding: 25px 0px 30px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_footer_logos {
        padding: 20px 0;
    }
}

.danske-bank_footer_logos div {
    flex: 1;
}

    .danske-bank_footer_logos div:nth-child(2) {
        flex: 0.15;
        margin: 0 150px;
    }

@media screen and (max-width: 1480px) {
    .danske-bank_footer_logos div:nth-child(2) {
        margin: 0 75px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_footer_logos div:nth-child(2) {
        margin: 0 15px;
    }
}

.danske-bank_footer_logos.pension div:nth-child(2) {
    margin: 0 50px;
}

@media screen and (max-width: 570px) {
    .danske-bank_footer_logos.pension div:nth-child(2) {
        margin: 0 15px;
    }
}

.danske-bank_footer_logos.pwc div:last-child {
    position: relative;
}

    .danske-bank_footer_logos.pwc div:last-child img {
        width: 60%;
        position: relative;
        left: -37px;
        top: -27px;
    }

@media (max-aspect-ratio: 1/1) {
    .danske-bank_footer_logos.pwc div:last-child img {
        top: -20px;
    }
}

.danske-bank_footer_X {
    position: relative;
}

    .danske-bank_footer_X:before, .danske-bank_footer_X:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 3px;
        background-color: black;
    }

@media screen and (max-width: 570px) {
    .danske-bank_footer_X:before, .danske-bank_footer_X:after {
        height: 2px;
    }
}

.danske-bank_footer_X:before {
    transform: rotate(45deg);
}

.danske-bank_footer_X:after {
    transform: rotate(-45deg);
}

.danske-bank .footer_top {
    margin-top: 90px;
}

@media screen and (max-width: 570px) {
    .danske-bank .footer_top {
        margin-top: 0;
    }
}

div > img:not(.landingPage-image-normal) {
    width: 100%;
}

footer div > img {
    width: unset;
}

#overlay2 img {
    width: 200px;
}

.pension-hero_trustpilot {
    position: absolute;
    top: 35px;
    right: 100px;
}

    .pension-hero_trustpilot .trustpilot-widget {
        width: 65%;
    }

@media screen and (max-width: 1300px) {
    .pension-hero_trustpilot {
        width: 130px;
        top: 20px;
        right: 150px;
    }
}

@media screen and (max-width: 1100px) {
    .pension-hero_trustpilot {
        right: 100px;
    }
}

@media screen and (max-width: 570px) {
    .pension-hero_trustpilot {
        display: none;
    }
}

.pension-hero_logo {
    flex: 2;
    padding: 0 80px;
}

@media screen and (min-width: 570px) {
    .pension-hero_logo {
        display: none;
    }
}

@media screen and (max-width: 570px) {
    .pension-hero_logo.lunar {
        padding: 0 120px;
    }

    div.buttonContainer ~ .pension-hero_logo.lunar {
        margin-bottom: 16px;
    }
}

.pension-hero_logo.pwc {
    text-align: center;
}

    .pension-hero_logo.pwc img {
        width: 60%;
    }

.pension-banner {
    background: #f8f9fa !important;
    padding: 50px 0 250px;
    position: relative;
}

    .pension-banner.lunar {
        padding-bottom: 50px;
    }

        .pension-banner.lunar.top-spacing {
            margin-top: 55px;
        }

        .pension-banner.lunar .lunar-disclaimer {
            position: absolute;
            bottom: -25px;
            width: 300px;
            padding: 0;
        }

            .pension-banner.lunar .lunar-disclaimer p {
                font-size: 14px;
                padding-bottom: 0;
            }

@media screen and (max-width: 570px) {
    .pension-banner {
        margin-top: 100vh;
    }
}

.pension_text {
    text-align: left;
    width: 66.6666666667%;
    padding-right: 10%;
}

.lunar-download .pension_text {
    width: 100%;
    padding-right: 0;
}

@media screen and (max-width: 1480px) {
    .pension_text {
        width: 100%;
        padding-right: 0;
    }
}

.pension_text h2 {
    color: black;
    font-family: "Barlow", sans-serif !important;
}

@media screen and (max-width: 1480px) {
    .pension_text h2 {
        line-height: 40px !important;
        font-size: 37px;
    }
}

@media screen and (max-width: 1000px) {
    .pension_text h2 {
        line-height: 37px !important;
        font-size: 34px;
    }
}

@media screen and (max-width: 730px) {
    .pension_text h2 {
        font-size: 32px;
        line-height: 35px !important;
    }
}

@media screen and (max-width: 600px) {
    .pension_text h2 {
        font-size: 26px !important;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .pension_text h2 {
        font-size: 30px !important;
    }
}

.pension_text h3 {
    color: black !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 1.3rem;
}

@media screen and (max-width: 1000px) {
    .pension_text h3 {
        line-height: 28px !important;
        font-size: 25px;
    }
}

@media screen and (max-width: 730px) {
    .pension_text h3 {
        font-size: 23px;
        line-height: 26px !important;
    }
}

@media screen and (max-width: 600px) {
    .pension_text h3 {
        font-size: 20px !important;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .pension_text h3 {
        font-size: 23px !important;
    }
}

.pension_text:last-child p {
    padding-bottom: 0;
}

.pension_text p {
    color: black;
    font-size: 15px;
}

.pension_CTA .trustpilot-widget {
    display: none;
}

@media screen and (max-width: 570px) {
    .pension_CTA .qbutton {
        display: none;
    }

    .pension_CTA .trustpilot-widget {
        display: initial;
        width: 60%;
        margin: 0 auto;
    }
}

.pension_CTA:after {
    content: "Ekskl. rabat, som fratrækkes ved betaling";
    width: 100%;
    display: block;
}

.danske-bank_hero .pension_CTA:after {
    color: white;
    padding-top: 20px;
}

.danske-bank_discount .pension_CTA:after {
    text-align: center;
    font-size: 14px;
}

@media screen and (max-width: 570px) {
    .pension_CTA:after {
        content: "";
    }
}

.pension_CTA.lunar:after {
    content: "";
}

.pension_trustpilot {
    padding-top: 100px;
}

@media screen and (max-width: 570px) {
    .pension_trustpilot {
        padding-top: 0;
        padding-bottom: 20px;
    }
}

.mobile-buttons.pension {
    z-index: 3;
}

@media screen and (min-width: 770px) {
    .mobile-buttons.pension {
        display: none;
    }
}

.lunar-flex {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1480px) {
    .lunar-flex {
        flex-direction: column;
    }
}

.lunar-flex .icons-row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 70px;
    align-items: flex-start;
    justify-content: space-between;
}

.lunar-flex .icon-card {
    width: 27%;
}

@media screen and (max-width: 570px) {
    .lunar-flex .icons-row {
        width: 220px;
        margin: 0 auto;
        padding-top: 30px;
    }

    .lunar-flex .icon-card {
        width: 100%;
        padding-top: 15px;
    }
}

.lunar-flex .icon-img {
    width: 100px;
    margin: 0 auto 5px;
}

.lunar-products + .lunar-products {
    background-color: #f8f9fa;
}

.lunar-products h2 {
    text-align: center;
    font-size: 40px;
    color: black;
    font-family: "Barlow", sans-serif !important;
}

@media screen and (max-width: 1480px) {
    .lunar-products h2 {
        line-height: 40px !important;
        font-size: 37px;
    }
}

@media screen and (max-width: 1000px) {
    .lunar-products h2 {
        line-height: 37px !important;
        font-size: 34px;
    }
}

@media screen and (max-width: 730px) {
    .lunar-products h2 {
        font-size: 32px;
        line-height: 35px !important;
    }
}

@media screen and (max-width: 600px) {
    .lunar-products h2 {
        font-size: 26px !important;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .lunar-products h2 {
        font-size: 30px !important;
    }
}

.lunar-products_list {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-top: 130px;
}

    .lunar-products_list.reduce-padding {
        padding-top: 50px;
    }

@media screen and (max-width: 770px) {
    .lunar-products_list.reduce-padding {
        padding-top: 0;
    }
}

@media screen and (max-width: 770px) {
    .lunar-products_list {
        flex-direction: column;
        padding-top: 0;
        align-items: center;
    }
}

.lunar-products_item {
    min-width: 332px;
    max-width: 370px;
    flex-grow: 1;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 23px 8px rgba(0, 0, 0, 0.1);
    margin: 10px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 770px) {
    .lunar-products_item {
        min-width: unset;
        max-width: 332px;
    }
}

@media screen and (min-width: 771px) {
    .lunar-products_item:nth-child(2) {
        margin-top: -100px;
        margin-bottom: 100px;
        box-shadow: 15px 40px 23px 8px rgba(0, 0, 0, 0.1);
    }

    .lunar-products_item:last-child {
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 0 2px 23px 8px rgba(0, 0, 0, 0.1);
    }
}

.lunar-products_item_head {
    background: #C7D4D8;
    padding: 10px 20px;
    text-align: center;
}

    .lunar-products_item_head h2, .lunar-products_item_head p {
        margin-bottom: 0;
    }

        .lunar-products_item_head h2:first-child {
            font-size: 1.6rem;
        }

        .lunar-products_item_head h2:nth-child(2) {
            font-size: 1.3rem;
            font-weight: 400;
        }

.lunar-products_item_body {
    padding: 10px 20px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lunar-products_item_list p {
    display: flex;
    align-items: baseline;
}

    .lunar-products_item_list p span {
        flex: 15;
    }

    .lunar-products_item_list p:before {
        content: "";
        flex: 1;
        height: 12px;
        margin-right: 7px;
        background-image: url("../img_new/label-check.png");
        background-repeat: no-repeat;
    }

.lunar-products_item_CTA {
    text-align: center;
    font-size: 18px;
    max-height: 44px;
}

@media screen and (max-width: 1480px) {
    .lunar-products_item_CTA {
        font-size: 18px;
    }
}

.lunar-products_item_CTA:not(:last-child) {
    margin-right: 30px;
}

@media screen and (max-width: 570px) {
    .lunar-products_item_CTA:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.danske-bank_products .lunar-products_item_CTA {
    padding: 14px 36px;
    min-width: 290px;
    font-size: 25px;
    border: none !important;
    max-height: unset;
}

@media screen and (max-width: 1480px) {
    .danske-bank_products .lunar-products_item_CTA {
        font-size: 18px;
    }
}

@media screen and (max-width: 570px) {
    .danske-bank_products .lunar-products_item_CTA {
        display: block;
    }
}

.lunar-process {
    background-color: #f8f9fa !important;
}

    .lunar-process.company {
        padding-top: 0 !important;
    }

.lunar-process_example-box {
    text-align: left;
    padding: 25px 25px 15px;
    background-color: #e7ebee;
    margin-top: 50px;
}

    .lunar-process_example-box p {
        font-size: 15px;
        color: black;
        padding-bottom: 10px;
    }

.lunar-process .lunar-download_button {
    padding-top: 50px;
}

.lunar-process_description {
    text-align: left;
    margin-top: 50px;
}

    .lunar-process_description p {
        font-size: 15px;
        color: black;
        padding-bottom: 10px;
    }

.lunar-process h2 {
    color: black;
    font-family: "Barlow", sans-serif !important;
}

@media screen and (max-width: 1480px) {
    .lunar-process h2 {
        line-height: 40px !important;
        font-size: 37px;
    }
}

@media screen and (max-width: 1000px) {
    .lunar-process h2 {
        line-height: 37px !important;
        font-size: 34px;
    }
}

@media screen and (max-width: 730px) {
    .lunar-process h2 {
        font-size: 32px;
        line-height: 35px !important;
    }
}

@media screen and (max-width: 600px) {
    .lunar-process h2 {
        font-size: 26px !important;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .lunar-process h2 {
        font-size: 30px !important;
    }
}

.lunar-process h3 {
    color: black !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 1.3rem;
}

@media screen and (max-width: 1000px) {
    .lunar-process h3 {
        line-height: 28px !important;
        font-size: 25px;
    }
}

@media screen and (max-width: 730px) {
    .lunar-process h3 {
        font-size: 23px;
        line-height: 26px !important;
    }
}

@media screen and (max-width: 600px) {
    .lunar-process h3 {
        font-size: 20px !important;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .lunar-process h3 {
        font-size: 23px !important;
    }
}

.lunar-process_desktop {
    padding: 50px 0;
}

@media screen and (max-width: 570px) {
    .lunar-process_desktop {
        display: none;
    }
}

.lunar-process_mobile {
    display: none;
    padding: 50px 0;
}

@media screen and (max-width: 570px) {
    .lunar-process_mobile {
        display: block;
    }

        .lunar-process_mobile div:not(:last-child) {
            padding-bottom: 20px;
        }
}

.lunar-download_button {
    text-align: center;
}

    .lunar-download_button a {
        padding: 9px 40px;
        font-size: 18px;
        font-weight: 600;
        min-width: 290px;
    }

@media screen and (max-width: 570px) {
    .lunar-download_button a {
        display: block;
    }
}

.lunar-download_button a:hover {
    text-decoration: none;
}

.lunar-download_button a.blue {
    background-color: #212940;
    color: white;
    border-radius: 10px;
}

    .lunar-download_button a.blue:hover {
        color: white !important;
        background-color: #181e2f;
    }

.popular-products {
    background-color: #f8f9fa !important;
}

    .popular-products .pension_text ul {
        margin-left: 17px;
        margin-top: 14px;
    }

    .popular-products .pension_text li {
        color: black;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .popular-products + .danske-bank_products {
        background-color: #f8f9fa;
    }

.danske-bank.lunar section:not(.danske-bank_hero):not(.danske-bank_products):not(.danske-bank_footer):not(.sector_content):not(.pe-landing) {
    padding-top: 50px;
    padding-bottom: 50px;
}

.lunar-footer-logo img {
    width: 80%;
}
/*# sourceMappingURL=danskeBank.css.map */