/* Ecreo Overwrites */

.textandheadlinewithimageblock {
    display: flex;
    flex-wrap: wrap;

    .btn-container {
        padding-top: 15px;

        &.left {
            text-align: left;
        }

        &.center {
            text-align: center;
        }

        &.right {
            text-align: right;
        }
    }

    .text-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1 1 58%;
        padding: 30px;
        font-size: 18px;
        line-height: 28px;
        order: 1;

        .headline {
            font-size: 24px;
            line-height: 32px;
            color: #00436f;
        }

        @media (max-width: 660px) {
            flex: 1 1 100%;
            order: 2;
        }
    }

    .image-container {
        flex: 1 1 42%;
        position: relative;
        overflow: hidden;
        align-items: normal;
        display: flex;

        img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;

            @media (max-width: 660px) {
                position: relative;
                display: block;
                height: auto;
            }
        }

        @media (max-width: 660px) {
            flex: 1 1 100%;
            min-height: auto;
            overflow: visible;
            order: 1;
        }
    }
}/* Content link cards */

[id^="block-"]:target {
    scroll-margin-top: 50px;
}

.content-link-cards {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
}

@media (max-width: 992px) {
    .content-link-cards {
        gap: 30px;
    }
}

.content-link-cards .content-link-card.row:after,
.content-link-cards .content-link-card.row:before {
    content: "" !important;
}

.content-link-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.content-link-card img {
    width: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    margin-bottom: 10px;
}

.content-link-card img.rounded {
    border-radius: 50%;
}

.content-link-card .title {
    font-size: 22px;
    color: #002b45;
    font-weight: 600;
    margin-bottom: 15px;
}

.content-link-card .more {
    font-size: 14px;
    color: #002b45;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 700;
    text-transform: uppercase;
}/* Root */

.reveal-anchors {
    display: none;
    visibility: hidden;
    opacity: 0.20;
    position: fixed;
    bottom: 16px;
    right: 0;
    display: flex;
    background-color: #00436f;
    padding: 16px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    transition: all 0.2s ease;
    transform: translateX(calc(140px));
}

.reveal-anchors:hover {
    opacity: 1;
    transform: translateX(0);
}

.reveal-anchors > *:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.3);
    margin-right: 16px;        
    padding-right: 16px;        
}/* Buttons */

.reveal-anchors .reveal-btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 4px;                     
    background: none;
    border: none;
    color: inherit;
    padding-top:5px;
}/* Icons */

.reveal-anchors .reveal-icon,
.reveal-anchors .anchor-link-svg {
    fill: white;
    width: 16px;
    height: 16px;
}/* Injected anchor markers */

.anchor-revealer {
    position: relative;
    width: auto;
    display: block;
    button{
        border-radius: 4px;
        padding:5px;
        background-color:lightgray;
    }
}

.reveal-anchors .anchor-link-icon:hover {
    opacity: 1;
}

.failedBlock {
    width: 100%;
    margin: 10px 0;
    border: 2px solid #ff4d4d;
    border-radius: 6px;
    background-color: #ffb3b3;
    color: #00436f;
    font-size: 16px;
    transition: background-color 0.2s ease;

    .failedBlock {
        width: 100%;
        margin: 10px 0;
        border: 2px solid #ff4d4d;
        border-radius: 6px;
        background-color: #ffb3b3;
        color: #00436f;
        font-size: 16px;
        transition: background-color 0.2s ease;

        summary {
            padding: 12px 16px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            list-style: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                    user-select: none;
            outline: none;

            &::-webkit-details-marker {
                display: none;
            }

            &:hover {
                background-color: #ff9999;
            }
        }

        .failedBlock-details {
            background-color: #fff;
            color: #00436f;
            font-size: 14px;
            font-family: Consolas, monospace;
            padding: 10px 15px;
            border-top: 1px solid #ff4d4d;
            border-radius: 0 0 6px 6px;
            white-space: pre-wrap;
            overflow-x: auto;
        }

        &[open] {
            background-color: #ffc6c6;
        }
    }


    summary {
        padding: 12px 16px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        list-style: none;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        outline: none;

        &::-webkit-details-marker {
            display: none;
        }

        &:hover {
            background-color: #ff9999;
        }
    }

    .failedBlock-details {
        background-color: #fff;
        color: #00436f;
        font-size: 14px;
        font-family: Consolas, monospace;
        padding: 10px 15px;
        border-top: 1px solid #ff4d4d;
        border-radius: 0 0 6px 6px;
        white-space: pre-wrap;
        overflow-x: auto;
    }

    &[open] {
        background-color: #ffc6c6;
    }
}

.herowithvideo {
    position: relative;
    width: 100%;
    height: 490px;
    overflow: hidden;

    @media screen and (max-width: 991px) {
        height:375px;
    }
}

.herowithvideo video {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;

    @media screen and (max-width: 991px) {
            min-height:375px;
    }
}

@media screen and (max-width: 991px) {
    .herowithvideo {
        min-height:375px;
    }
}

.herowithvideo .herotext{
    position:absolute;
    bottom:0;
    padding:20px 30px 20px 30px;
}

.herowithvideo .herotext p {
    font-size: 28px;
    line-height: 34px;
    font-weight:900;
    color:white;    
}

.parallax {
    position: relative;
    height: auto;
}

.parallax-media {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    overflow: hidden;
}

.parallax .parallax-media.stretch {
    width: calc(100vw - 8px);
}

.parallax-media img,
.parallax-media picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.parallax-content {
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
}/* ---------------- col-width-4 ---------------- */

@media (max-width: 834px) {
    .col-width-4 .parallax-media.stretch {
        margin-left: -20px;
    }
}

@media (min-width: 834px) {
    .col-width-4 .parallax-media.stretch {
        margin-left: calc(((750px - 100vw) / 2) - 20px);
    }
}

@media (min-width: 992px) {
    .col-width-4 .parallax-media.stretch {
        margin-left: calc(((970px - 100vw) / 2) - 232.5px);
    }
}

@media (min-width: 1200px) {
    .col-width-4 .parallax-media.stretch {
        margin-left: calc(((1200px - 100vw) / 2) - 232.5px);
    }
}/* ---------------- col-width-3 ---------------- */

@media (max-width: 834px) {
    .col-width-3 .parallax-media.stretch {
        margin-left: -20px;
    }
}

@media (min-width: 834px) {
    .col-width-3 .parallax-media.stretch {
        margin-left: calc(((750px - 100vw) / 2) - 20px);
    }
}

@media (min-width: 992px) {
    .col-width-3 .parallax-media.stretch {
        margin-left: calc((970px - 100vw) / 2);
    }
}

@media (min-width: 1200px) {
    .col-width-3 .parallax-media.stretch {
        margin-left: calc((1200px - 100vw) / 2);
    }
}/* ---------------- col-width-2 ---------------- */

@media (max-width: 834px) {
    .col-width-2 .parallax-media.stretch {
        margin-left: -20px;
    }
}

@media (min-width: 834px) {
    .col-width-2 .parallax-media.stretch {
        margin-left: calc(((750px - 100vw) / 2) - 20px);
    }
}

@media (min-width: 992px) {
    .col-width-2 .parallax-media.stretch {
        margin-left: calc(((970px - 100vw) / 2) - 95px);
    }
}

@media (min-width: 1200px) {
    .col-width-2 .parallax-media.stretch {
        margin-left: calc(((1200px - 100vw) / 2) - 95px);
    }
}/* ---------------- col-width-1 ---------------- */

@media (max-width: 834px) {
    .col-width-1 .parallax-media.stretch {
        margin-left: -20px;
    }
}

@media (min-width: 834px) {
    .col-width-1 .parallax-media.stretch {
        margin-left: calc(((750px - 100vw) / 2) - 20px);
    }
}

@media (min-width: 992px) {
    .col-width-1 .parallax-media.stretch {
        margin-left: calc(((970px - 100vw) / 2) - 172.5px);
    }
}

@media (min-width: 1200px) {
    .col-width-1 .parallax-media.stretch {
        margin-left: calc(((1200px - 100vw) / 2) - 172.5px);
    }
}/* 1. IDE "Peace of Mind" - Defines defaults so Rider/VS stop showing red lines */

:root {
    --button-color: #000;
    --slide-bg: transparent;
    --slide-padding: 30px;
    --p-color: #000;
}/* General Wrapper */

.content-slider-wrapper {
    margin: 20px auto 80px auto;
    position: relative;
}

.content-slider-wrapper.is-standard {
    max-width: 560px;
}

@media (max-width: 883px) {
    .content-slider-wrapper {
        width: 100% !important;
    }
}

.content-slider-wrapper .swiper-wrapper {
    aspect-ratio: 1/1;
    margin: 0 auto;
}

@media (max-width: 883px) {
    .content-slider-wrapper .swiper-wrapper {
        aspect-ratio: 10 / 14;
    }
}/* Slide Text Styling */

.content-slider-wrapper .text {
    position: absolute;
    z-index: 200;
    background-color: var(--slide-bg);
    padding: var(--slide-padding);
}

.content-slider-wrapper .text p{
    color: var(--p-color);
    font-size: 15px;
    line-height: 25px;
}

@media (max-width: 883px) {
    .content-slider-wrapper .text p{
        line-height: 19px;
    }
}

.content-slider-wrapper .text-inner p:last-child {
    margin-bottom: 0;
}/* Picture Element */

.content-slider-wrapper picture {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}/* Target the internal <img> injected by the TagHelper */

.content-slider-wrapper img.full {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover; /* Important: this works with the focal point object-position */
}

.content-slider-wrapper img.half {
    width: 100% !important;
    height: 50% !important; /* Only half height */
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
}/* Ensure layout text doesn't overlap focal point logic */

.content-slider-wrapper .layout-half .text {
    height: 50%;
    bottom: 0;
    z-index: 10;
}/* Video Element */

.content-slider-wrapper .slideiframe {
    min-height: 100%;
    min-width: 100%;
}

.content-slider-wrapper .slideiframe.half {
    height: 50%;
    min-width: 100%;
}

@media (max-width: 883px) {
    .content-slider-wrapper .slideiframe.half {
        height: 392px;
    }
}/* Layout Variations */

.content-slider-wrapper .layout-full .text {
    left: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;
}

.content-slider-wrapper .layout-full .text-inner {
    position: absolute; padding: 30px; top: 50%; left: 50%;
    transform: translate(-50%, -50%); width: 100%;
}

.content-slider-wrapper .layout-half .text {
    left: 0; bottom: 0; width: 100%; height: 50%;
}

.content-slider-wrapper .layout-bottom .text {
    left: 0; bottom: 0; width: 100%;
}

.content-slider-wrapper .video-active .text {
    pointer-events: none;
}/* Navigation - "Inside" Mode */

.content-slider-wrapper .swiper-button-prev.inside,
.content-slider-wrapper .swiper-button-next.inside {
    color: white;
    width: 40px;
    height: 40px;
    background-color: var(--button-color);
}/* Navigation - "Below" Mode (The Centering Fix) */

.content-slider-wrapper .navigation-below {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--button-color);
    height: 40px;
    border-radius: 20px;
    display: flex;          /* Use Flexbox */
    align-items: center;    /* Vertically center content */
    justify-content: center;/* Horizontally center content */
    min-width: 120px;
    z-index: 10;
    gap:10px;
}

.content-slider-wrapper .navigation-below .swiper-button-prev.below,
.content-slider-wrapper .navigation-below .swiper-button-next.below {
    position: relative;     /* Override Swiper absolute positioning */
    top: auto;              /* Reset default top: 50% */
    margin-top: 0;
    color: white;
    width: 30px;
    height: 100%;           /* Fill height for better hit area */
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-slider-wrapper .navigation-below .swiper-button-prev.below::after,
.content-slider-wrapper .navigation-below .swiper-button-next.below::after {
    font-size: 14px;        /* Smaller arrows for the pill bar */
}

.content-slider-wrapper .custom-pagination.below {
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    white-space: nowrap;
    line-height: 1;         /* Fixes baseline shifts */
}/* Pagination & Scrollbar */

.content-slider-wrapper .swiper-pagination-bullet-active {
    background-color: var(--button-color);
}

.content-slider-wrapper .swiper-pagination { bottom: -40px; }

.content-slider-wrapper .swiper-scrollbar { bottom: 0; left: 0; width: 100%; }

.content-slider-wrapper .swiper-pagination-bullets {opacity: 0}

.news-item--itemtype main section > div {
    
}

.most-read-articles-container {
    @media (max-width: 992px) {
        padding: 40px 15px;
    }
}

[data-component="TextAndHeadlineWithBlockquote"] {
    @media (min-width: 1200px) {
        width: var(--desktop-w, 113%);
    }
}

.indsigt p, .indsigt .item a {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 5px !important;
}

.halfWidth {
    display: flex !important;
    width: 100% !important;
    gap: 15px !important;
}

.halfWidth .halfFirst,
    .halfWidth .halfLast {
        width: calc(50% - 7.5px) !important;
        box-sizing: border-box !important;
    }

@media only screen and (min-width: 1200px) {
    .landing-page-table.mobile-only {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .landing-page-table.desktop-only {
        display: none;
    }
}

.landing-page-table {
    background-color: #fff !important;
    border-spacing: 0;
    margin-bottom: 0;
}

.landing-page-table td {
    color: #00436f !important;
    background-color: #fff !important;
    padding: 15px 30px;
    border: 0;
    font-size: .875em;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}

.landing-page-table tr:first-child td {
    border-top: 1px solid #e4edf4;
    color: #00436f;
    font-weight: 700;
    font-size: 1em;
    line-height: 21px;
    padding: 30px 30px;
}

.landing-page-table tr td:first-child,
.landing-page-table tr th:first-child {
    text-align: left;
}

.landing-page-table tr:nth-child(odd) td {
    background-color: #e4edf4 !important;
}

.landing-page-table-horizontal {
    padding: 0px 30px;
}

.landing-page-table-horizontal td {
    padding: 30px 10px !important;
    text-align: center;
}

[data-block="didYouKnowBlock"] {
    margin-bottom:15px;
}

[data-block="brevoBlock"],
[data-block="brevoBlock"] p,
[data-block="brevoBlock"] button {
    font-family: Sydinvest, sans-serif !important;
}

[data-block="brevoBlock"] form {
    width: 100%;
    max-width: 530px;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    color: #333;
    padding: 30px;

    @media (max-width: 833px) {
        padding: 30px !important;
    }
}

[data-block="brevoBlock"] form .form-group {
    margin: 0;
    padding: 0;
    width: 100%;
}

[data-block="brevoBlock"] form label {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
}

[data-block="brevoBlock"] form input {
        display: inline-block;
        width: 100%;
        border-radius: 3px;
        padding: 0px 16px;
        max-width: 530px;
        background-color: white;
        height: 50px;
        margin-bottom: 25px;
        border: none;
        font-family: Sydinvest, sans-serif;
    }

[data-block="brevoBlock"] form input::-moz-placeholder {
        color: #a7a7a7;
    }

[data-block="brevoBlock"] form input::placeholder {
        color: #a7a7a7;
    }

[data-block="brevoBlock"] form button {
        font-size: 17px;
        line-height: 17px;
        text-align: left;
        color: #FFFFFF;
        background-color: #00436f;
        border-radius: 11px;
        border-width: 0px;
        padding: 14px 33px;
        margin-top:10px;
    }

[data-block="brevoBlock"] .brevo-form-error {
    color: #d42054;
    margin-bottom: 15px;
    font-weight: 700;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.flex {
    display: flex !important;
}

.w-full {
    width: 100% !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.full-width {
    width: 100% !important;
}

.table {
    display: table !important;
}

.float-left {
    float: left !important;
}

.display-flex {
    display: flex !important;
}

.inline {
    display: inline !important;
}

.flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.gap-30 {
    gap: 30px !important;
}

.box-border {
    box-sizing: border-box !important;
}

.overflow-hidden {
    overflow: hidden;
}

.block {
    z-index: 5;
}/* --- GAP --- */

.gap-1 {
    gap: 1px !important;
}

.gap-2 {
    gap: 2px !important;
}

.gap-3 {
    gap: 3px !important;
}

.gap-4 {
    gap: 4px !important;
}

.gap-5 {
    gap: 5px !important;
}

.gap-6 {
    gap: 6px !important;
}

.gap-7 {
    gap: 7px !important;
}

.gap-8 {
    gap: 8px !important;
}

.gap-9 {
    gap: 9px !important;
}

.gap-10 {
    gap: 10px !important;
}

.gap-11 {
    gap: 11px !important;
}

.gap-12 {
    gap: 12px !important;
}

.gap-13 {
    gap: 13px !important;
}

.gap-14 {
    gap: 14px !important;
}

.gap-15 {
    gap: 15px !important;
}

.gap-16 {
    gap: 16px !important;
}

.gap-17 {
    gap: 17px !important;
}

.gap-18 {
    gap: 18px !important;
}

.gap-19 {
    gap: 19px !important;
}

.gap-20 {
    gap: 20px !important;
}

.gap-21 {
    gap: 21px !important;
}

.gap-22 {
    gap: 22px !important;
}

.gap-23 {
    gap: 23px !important;
}

.gap-24 {
    gap: 24px !important;
}

.gap-25 {
    gap: 25px !important;
}

.gap-26 {
    gap: 26px !important;
}

.gap-27 {
    gap: 27px !important;
}

.gap-28 {
    gap: 28px !important;
}

.gap-29 {
    gap: 29px !important;
}

.gap-30 {
    gap: 30px !important;
}/* --- PADDING TOP --- */

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}/* --- PADDING BOTTOM --- */

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}/* --- PADDING LEFT --- */

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}/* --- PADDING RIGHT --- */

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}/* --- MARGIN TOP --- */

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}/* --- MARGIN BOTTOM --- */

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}/* --- MARGIN LEFT --- */

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}/* --- MARGIN RIGHT --- */

.mr-0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}/* --- PADDING X (Left + Right) --- */

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}/* --- PADDING VERTICAL (Top + Bottom) --- */

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.py-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.py-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.py-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.py-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.py-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.py-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.py-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}/* --- MARGIN HORIZONTAL (Left + Right) --- */

.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mx-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mx-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.mx-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mx-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.mx-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}/* --- MARGIN VERTICAL (Top + Bottom) --- */

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.my-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.my-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.my-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.my-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.my-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}/* --- LINE HEIGHT --- */

.leading-10 {
    line-height: 10px !important;
}

.leading-11 {
    line-height: 11px !important;
}

.leading-12 {
    line-height: 12px !important;
}

.leading-13 {
    line-height: 13px !important;
}

.leading-14 {
    line-height: 14px !important;
}

.leading-15 {
    line-height: 15px !important;
}

.leading-16 {
    line-height: 16px !important;
}

.leading-17 {
    line-height: 17px !important;
}

.leading-18 {
    line-height: 18px !important;
}

.leading-19 {
    line-height: 19px !important;
}

.leading-20 {
    line-height: 20px !important;
}

.leading-21 {
    line-height: 21px !important;
}

.leading-22 {
    line-height: 22px !important;
}

.leading-23 {
    line-height: 23px !important;
}

.leading-24 {
    line-height: 24px !important;
}

.leading-25 {
    line-height: 25px !important;
}

.leading-26 {
    line-height: 26px !important;
}

.leading-27 {
    line-height: 27px !important;
}

.leading-28 {
    line-height: 28px !important;
}

.leading-29 {
    line-height: 29px !important;
}

.leading-30 {
    line-height: 30px !important;
}

.leading-31 {
    line-height: 31px !important;
}

.leading-32 {
    line-height: 32px !important;
}

.leading-33 {
    line-height: 33px !important;
}

.leading-34 {
    line-height: 34px !important;
}

.leading-35 {
    line-height: 35px !important;
}

.leading-36 {
    line-height: 36px !important;
}

.leading-37 {
    line-height: 37px !important;
}

.leading-38 {
    line-height: 38px !important;
}

.leading-39 {
    line-height: 39px !important;
}

.leading-40 {
    line-height: 40px !important;
}

.leading-41 {
    line-height: 41px !important;
}

.leading-42 {
    line-height: 42px !important;
}

.leading-43 {
    line-height: 43px !important;
}

.leading-44 {
    line-height: 44px !important;
}

.leading-45 {
    line-height: 45px !important;
}

.leading-46 {
    line-height: 46px !important;
}

.leading-47 {
    line-height: 47px !important;
}

.leading-48 {
    line-height: 48px !important;
}

.leading-49 {
    line-height: 49px !important;
}

.leading-50 {
    line-height: 50px !important;
}/* --- TAILWIND LARGE-SCREEN-AND-DOWN OVERWRITES (max-width: 1199.98px) --- */

@media (max-width: 1199.98px) {

    /* ==========================================
     1. MARGIN RIGHT (mr)
     ========================================== */
    /* Standard Spacing Utility */
    .max-lg\:mr-0 {
        margin-right: 0px !important;
    }

    .max-lg\:mr-5 {
        margin-right: 5px !important;
    }

    .max-lg\:mr-10 {
        margin-right: 10px !important;
    }

    .max-lg\:mr-15 {
        margin-right: 15px !important;
    }

    .max-lg\:mr-20 {
        margin-right: 20px !important;
    }

    .max-lg\:mr-25 {
        margin-right: 25px !important;
    }

    .max-lg\:mr-30 {
        margin-right: 30px !important;
    }

    .max-lg\:mr-35 {
        margin-right: 35px !important;
    }

    .max-lg\:mr-40 {
        margin-right: 40px !important;
    }

    /* Arbitrary Bracket Utility */
    .max-lg\:mr-\[0px\] {
        margin-right: 0px !important;
    }

    .max-lg\:mr-\[5px\] {
        margin-right: 5px !important;
    }

    .max-lg\:mr-\[10px\] {
        margin-right: 10px !important;
    }

    .max-lg\:mr-\[15px\] {
        margin-right: 15px !important;
    }

    .max-lg\:mr-\[20px\] {
        margin-right: 20px !important;
    }

    .max-lg\:mr-\[25px\] {
        margin-right: 25px !important;
    }

    .max-lg\:mr-\[30px\] {
        margin-right: 30px !important;
    }

    .max-lg\:mr-\[35px\] {
        margin-right: 35px !important;
    }

    .max-lg\:mr-\[40px\] {
        margin-right: 40px !important;
    }


    /* ==========================================
     2. MARGIN LEFT (ml)
     ========================================== */
    /* Standard Spacing Utility */
    .max-lg\:ml-0 {
        margin-left: 0px !important;
    }

    .max-lg\:ml-5 {
        margin-left: 5px !important;
    }

    .max-lg\:ml-10 {
        margin-left: 10px !important;
    }

    .max-lg\:ml-15 {
        margin-left: 15px !important;
    }

    .max-lg\:ml-20 {
        margin-left: 20px !important;
    }

    .max-lg\:ml-25 {
        margin-left: 25px !important;
    }

    .max-lg\:ml-30 {
        margin-left: 30px !important;
    }

    .max-lg\:ml-35 {
        margin-left: 35px !important;
    }

    .max-lg\:ml-40 {
        margin-left: 40px !important;
    }

    /* Arbitrary Bracket Utility */
    .max-lg\:ml-\[0px\] {
        margin-left: 0px !important;
    }

    .max-lg\:ml-\[5px\] {
        margin-left: 5px !important;
    }

    .max-lg\:ml-\[10px\] {
        margin-left: 10px !important;
    }

    .max-lg\:ml-\[15px\] {
        margin-left: 15px !important;
    }

    .max-lg\:ml-\[20px\] {
        margin-left: 20px !important;
    }

    .max-lg\:ml-\[25px\] {
        margin-left: 25px !important;
    }

    .max-lg\:ml-\[30px\] {
        margin-left: 30px !important;
    }

    .max-lg\:ml-\[35px\] {
        margin-left: 35px !important;
    }

    .max-lg\:ml-\[40px\] {
        margin-left: 40px !important;
    }


    /* ==========================================
     3. HORIZONTAL MARGIN (mx)
     ========================================== */
    /* Standard Spacing Utility */
    .max-lg\:mx-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .max-lg\:mx-5 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .max-lg\:mx-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .max-lg\:mx-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .max-lg\:mx-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .max-lg\:mx-25 {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .max-lg\:mx-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    /* ==========================================
     4. HORIZONTAL PADDING (px)
     ========================================== */
    /* Standard Spacing Utility */
    .max-lg\:px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .max-lg\:px-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .max-lg\:px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .max-lg\:px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .max-lg\:px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .max-lg\:px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .max-lg\:px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}/* --- RESPONSIVE MD BREAKPOINT (768px+) --- */

@media (min-width: 768px) {
    /* PADDING X (Left + Right) */
    .md\:px-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .md\:px-5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .md\:px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .md\:px-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .md\:px-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .md\:px-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .md\:px-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .md\:px-40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .md\:px-45 {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .md\:px-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .md\:px-60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    /* PADDING VERTICAL (Top + Bottom) */
    .md\:py-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .md\:py-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .md\:py-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .md\:py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .md\:py-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .md\:py-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .md\:py-35 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .md\:py-40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .md\:py-45 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .md\:py-50 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .md\:py-55 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .md\:py-60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}/* MOBILE OVERWRITES AND GRID SPACING FIXES */

@media (max-width: 833px) {
    .py-5-mob {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 834px) {
    .stocks.thumbnail {
        padding: 20px 15px;
    }
}

@media (max-width: 833px) {
    section .content {
        padding: 20px 30px 50px 30px;
    }
}

@media (max-width: 833px) {
    .mmxx .news__mmxx > div:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.tab-content.tab-content-news-grid {
    margin-right: 30px;
    margin-left: 30px;
}

.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 833px) {
    [data-page="InvestmentHandbookPage"] .container, .footer-bottom .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.news-item--single > main.container {
    padding: 0 30px;

    @media (max-width: 991px) {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.megatrends .uddybning {
    margin: 0 30px 60px 30px
}

.tabs-header--rounded {
    margin: 0 0px;
}/* OVERWRITES */

.esg section:last-of-type {
    display: block!important;
}

html {
    overflow-y: scroll !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    margin-left:0;
}

[data-page="FundsDetailsPage"] section {
    display: inline-block;
    width: 100%;
    float: left;
}

section {
    display: block;
    width: auto;
    height: auto;
}

section > div{
    display:inline-block;
    width:100%;
}

.text-content {
    display: inline-block;
    width: 100%;
}

.block, .esg section.block {
    display: block !important;
}

ul li p {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    aside {
        padding: 15px 40px 25px 30px;
    }

        aside .sidebar-module {
            margin-right: 0;
            margin-left: 0;
        }
}

.px-md-60-left {
    padding-left: 60px;

    @media (max-width: 991px) {
        padding-left: 0px;
    }
}

.px-md-60-right {
    padding-right: 60px;

    @media (max-width: 991px) {
        padding-left: 0px;
    }
}

.quotes {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px !important;
}

.fs-1828,
.fs-1828 p,
.fs-1828 span,
.fs-1828 li {
    color: #303a3c;
    font-size: 18px;
    line-height: 28px;
}

.mmxx .fs-2432,
.mmxx .fs-2432 p,
.mmxx .fs-2432 span,
.mmxx .fs-2432 li
.fs-2432,
.fs-2432 p,
.fs-2432 span,
.fs-2432 li {
    font-size: 24px;
    line-height: 32px;
}

.fs-2432.fw-bold p {
    font-weight: 700;
}

.fs-2432,
.fs-2432 p,
.fs-2432 span,
.fs-2432 li {
    font-size: 24px;
    line-height: 32px;
}

.fs-2432.fw-bold p {
        font-weight: 700;
    }

.fw-bold,
.fw-bold p,
.fw-bold span,
.fw-bold li {
    font-weight: 700;
}

.fs-4858,
.fs-4858 p,
.fs-4858 span {
    color: #003255;
    font-size: 48px;
    line-height: 58px;

    @media (max-width: 831px) {
        font-size: 36px;
        line-height: 46px;
    }
}

@media (max-width: 991px) {
    .npp-col-width-default {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.news-ticker__item-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-module{
    margin-right:0;
}/**/

.news-post-page,
[data-page="TextPage"],
[data-page="MegatrendsPage"],
[data-page="ContentPage"],
[data-page="CommentPage"] /*, .homepage*/ {

    @media (min-width: 992px) {
        .col-width-4 {
            margin-left: 16.66667%;
            margin-right: 16.66667%;
        }

        .col-width-1 {
            margin-left: 10%;
            margin-right: 10%;
        }

        .col-width-2 {
            margin-left: 7%;
            margin-right: 7%;
        }

        .col-width-3 {
            margin-left: 0;
            margin-right: 0;
        }
    }
}

.homepage [data-component="BlockListWrapperTemplate"] > div {
    margin-bottom: 0px;
}

.news-post-page [data-component="BlockListWrapperTemplate"] > div {
    /*margin-bottom: 15px;*/
}

.uddybning-block-margin {
    margin: 0px 30px !important;
}

[data-component="TextAndHeadline"] p:last-child {
    margin-bottom: 0;
}

[data-component="TextAndHeadline"] .fs-1828 span.fw-900 {
    font-weight: 900 !important;
}

[data-component] img {
    max-width: 100%;
    height: auto;
}

[data-component] img {
    max-width: 100%;
    height: auto;
}

[data-component="ImageWithText"] em {
    display: block;
    padding-bottom: 30px;
}/*News read more */

.read-more-container .read-more-new {
    margin: 0 auto;
    background: #00436f;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 162px;
    border-radius: 14px;
}/*tax-guide-news*/

.fs-1828 .tax-guide-news span {
    font-weight: bold;
    color: #003255;
    font-size: 14px;
    line-height: 24px;
}

.investeringshaandbogen section:last-of-type {
    display: block !important;
}

.hero-info {
    @media (max-width: 835px) {
        padding-left: 30px;
    }
}

@media (max-width: 1199px) {
    .esg .horisont-col.col-width-1 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}/* Contact form required-field marker */

[data-form="contactUsForm"] .required-marker {
    color: #c0392b;
    font-weight: bold;
    margin-left: 2px;
}