/* CSS color library - Colors used in CSS utility classes are called from here */
:root {
    --dss-blue: #000F55;
    --dss-red: #FF2846;
    --dss-light-blue: #c7e5ff;
    --dss-light-grey: #f5f0f0;
    --dss-pink: #ffd1e0;
    --dss-black: #333333;
    --dss-white: #ffff;
    --dss-hero-offset: 4rem;
    --dss-hero-offset-mobile-ipad: 4rem;
    --dss-hero-offset-mobile: 2rem;
    --dss-padding-top-bottom-desktop: 6rem;
    --dss-padding-left-right-desktop: 14rem;
    --dss-padding-top-bottom-mobile: 2rem;
    --dss-padding-left-right-mobile: 1rem;
    --dss-padding-top-bottom-ipad: 2.5rem;
    --dss-padding-left-right-ipad: 2.5rem;
}

/* Component specific styles */

/* Widget container */

.dss-widget-container {
    position: relative;
    top: -1px;
}

section:last-of-type {
    padding-bottom: 10rem;
}

/* HEADER */
.dss-header {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.dss-menu-logo-container {
    display: flex;
    align-items: center;
}

.header-menu-nav-section {
    flex-wrap: nowrap;
    align-items: center;
}

.dss-menu-btn {
    max-height: 40px;
    border-radius: 2rem;
    padding: 1.3rem 0.8rem 1.3rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .dss-menu-btn {
        padding: 1rem 0.7rem 1rem 0.7rem;
    }
}

.burger-menu-mobile {
    display: none !important;
}


/* Media query for mobile devices */
@media screen and (max-width: 1108px) {
    .nav-section-2 {
        order: 3;
        padding-top: 2rem;
        padding-bottom: 10px;
        border-bottom: 2px solid var(--dss-white);
        width: 97%;
        overflow-x: auto;
        justify-content: center;
    }

    .nav-section-3 {
        order: 2;
    }

    .btn-show-mobile .span-btn-text {
        display: none;
    }

    .dss-btn-menu-container:not(.btn-show-mobile) {
        display: none;
    }

    .burger-menu-btn-container .dss-btn-menu-container {
        display: block;
    }

    .burger-menu-btn-container .dss-btn-language-selector {
        border: 1px solid var(--dss-blue);
    }

    .burger-menu-mobile {
        display: block !important;
    }

    .erhverv-menu-desktop {
        display: none;
    }

    .erhverv-menu-mobile {
        display: block;
    }

    .primacare-header-logo {
        max-width: 140px;
    }
}

@media screen and (min-width: 1108px) {

    .erhverv-menu-desktop {
        display: block;
    }

    .erhverv-menu-mobile {
        display: none;
    }
}

.dss-menu-logo {
    max-width: 130px;
    padding: 0.8rem 0.8rem 0.8rem 0rem;
}


@media screen and (max-width: 767px) {
    .dss-menu-logo {
        padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    }
}


.nav-item-icon ~ span {
    padding-left: 0.5rem;
}

.dss-menu-btn:hover .nav-item-btn-icon {
    filter: brightness(0.3);
}

.dss-bg-White .dss-menu-btn:hover .nav-item-btn-icon {
    filter: brightness(0) invert(1);
}


section.header {
    padding: 0rem 18rem 0rem 18rem;
}

@media screen and (min-width: 1023px) and (max-width: 1523px) {
    section.header {
        padding: 0rem 6rem 0rem 6rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    section.header {
        padding: 0rem 2.5rem 0rem 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    section.header {
        padding: 0rem 0rem 0rem 0rem;
    }

    .header .midt-spacer {
        flex-grow: 1;
    }

    .header .small-spacer {
        display: none;
    }

    .header .dss-btn-menu-container {
        padding: 0rem 0.3rem 0rem 0.3rem;
    }
}

/* Media query for very small phones */
@media screen and (max-width: 357px) {
    .header .dss-btn-menu-container {
        padding: 0rem 0.1rem 0rem 0.1rem;
    }
}


.header .midt-spacer {
    flex-grow: 1;
}

.header .small-spacer {
    flex-grow: 0.3;
}

/* Parent erhverv btn */

.dss-erhverv-btn:hover {
    cursor: pointer;
    background-color: var(--dss-red);
    color: var(--dss-white);
    border: 1px solid var(--dss-red) !important;
}

.dss-btn-menu-container {
    padding: 0rem 0.5rem 0rem 0.5rem;
    display: flex;
    align-items: center;
}

/* Colororing for blue menu */
.dss-menu-link {
    text-decoration: none;
    padding: 0rem 1rem 0rem 1rem;
    display: flex;
}

.dss-btn-menu-lan-container {
    min-width: 95px;
}

.lan-dropdown-content img {
    max-height: 20px;
}

.lan-dropdown-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
}


.dss-btn-language-selector .nav-item-icon {
    min-height: 18px;
    max-height: 18px;
}

.dss-btn-language-selector-mobile img {
    min-width: 18px;
    max-height: 18px;
}

.dss-menu-container ul li {
    display: flex;
    align-items: center;
}


/* Styling of hidden erhvervmenu */
.unfoldable-erhverv-menu {
    display: flex;
    justify-content: center;
    list-style: none;
}

.unfoldable-erhverv-menu.dss-bg-White {
    border-top: 1px solid var(--dss-light-grey);
    border-bottom: 1px solid var(--dss-light-grey);
}

.unfoldable-erhverv-menu ul {
    display: flex;
}

.unfoldable-erhverv-menu a {
    text-decoration: none;
}

.unfoldable-erhverv-menu div {
    display: flex;
}

.unfoldable-erhverv-menu-min-height {
    min-height: 50px;
}

@media screen and (max-width: 767px) {

    .unfoldable-erhverv-menu {
        flex-wrap: wrap;
    }

    .unfoldable-erhverv-menu-scroll-container {
        width: 100%;
        overflow-x: auto;
    }
}

.dss-erhverv-link {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.dss-erhvev-btn-container {
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 0rem 0.8rem 0rem 0.8rem;
    border-radius: 4rem;
}

.header-navlinks-erhverv-nobr-container {
    display: flex;
    align-items: center;
}

/* Colororing links for erhvervs menu */


/* Burger menu styling on mobile */

.ds-sundhed-mobile-menu .burger-menu-only-link-container {
    list-style: none;
    border-top: 1px solid var(--dss-blue);
    padding-bottom: 4rem;
    padding-left: 0rem;
}

.ds-sundhed-mobile-menu .burger-menu-only-link-container a {
    padding-left: 0rem;
}

.ds-sundhed-mobile-menu .burger-menu-nav-item-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ds-sundhed-mobile-menu .burger-menu-only-link {
    padding: 1rem 0rem 1rem 0rem;
    border-bottom: 1px solid var(--dss-blue);
}

.ds-sundhed-mobile-menu .burger-menu-link-text {
    margin-bottom: 0px;
}

.ds-sundhed-mobile-menu .my-dss-btn-col-mobile {
    display: flex;
    justify-content: end;
}

.ds-sundhed-mobile-menu .burger-menu-btn-container .col {
    padding: 0px;
}

.ds-sundhed-mobile-menu .dss-btn-language-selector-mobile, .ds-sundhed-mobile-menu .my-dss-btn-mobile {
    display: flex !important;
}

.ds-sundhed-mobile-menu .burger-menu-btn-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
    flex-wrap: nowrap;
}

.ds-sundhed-mobile-menu .burger-menu-content-container {
    padding: 4rem 1rem 2rem 1rem;
}

.ds-sundhed-mobile-menu .dss-logo-burger-menu {
    max-width: 150px;
}

.ds-sundhed-mobile-menu {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: var(--dss-white);
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 101;
}

.ds-sundhed-mobile-menu a {
    text-decoration: none;
    font-size: 18px;
    color: var(--dss-black);
    transition: 0.3s;
}

.ds-sundhed-mobile-menu a:hover {
    color: var(--dss-black);
}

.ds-sundhed-mobile-menu #menuToggle {
    display: flex;
    float: right;
}

.ds-sundhed-mobile-menu #menuToggle:focus + #sideMenu {
    width: 250px;
}

.ds-sundhed-mobile-menu .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    cursor: pointer;
    color: var(--dss-black);
    text-decoration: none;
}

.ds-sundhed-mobile-menu .closebtn:hover {
    color: var(--dss-black);
}


/* Domain switch */

.dss-domain-switch {
    display: flex;
    width: 100%;
    font-weight: 600;
}

.domain-switch-tab {
    flex: 1;
    text-align: center;
    padding: 10px;
    text-decoration: none;
}

.domain-switch-left {
    cursor: pointer;
    padding-left: 14rem;
}

.domain-switch-right {
    cursor: pointer;
    padding-right: 14rem;
}

@media screen and (max-width: 767px) {
    .dss-domain-switch {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .erhverv-menu-mobile-primacare {
        display: none;
    }

    .erhverv-menu-desktop-primacare .dss-erhverv-btn {
        display: none;
    }
}


/* HERO */
.hero {
    margin-bottom: var(--dss-hero-offset);
    top: -1px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
    .hero {
        margin-bottom: var(--dss-hero-offset-mobile-ipad);
    }
}

@media screen and (max-width: 767px) {
    .hero {
        margin-bottom: var(--dss-hero-offset-mobile);
    }
}

.hero-container {
    position: relative;
    top: var(--dss-hero-offset);
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
    .hero-container {
        top: var(--dss-hero-offset-mobile-ipad);
    }
}

@media screen and (max-width: 767px) {
    .hero-container {
        top: var(--dss-hero-offset-mobile);
    }
}


/* HERO CARD CONTAINER */

.hero-card-container {
    background-color: var(--dss-white);
    top: var(--dss-hero-offset);
    height: 100%;
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);
}


.hero-headline-container * {
    font-weight: 800;
    padding-bottom: 2rem;
}


.hero-card-img-container {
    align-items: center;
    display: flex;
    justify-content: end;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.hero-card-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Media query for mobile devices */
@media screen and (max-width: 767px) {
    .hero-card-content-container {
        position: relative;
    }
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    .hero-card-content-container {
        position: relative;
    }
}

.dss-hero-logo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-card-subtitle-container {
    padding-bottom: 1rem;
    text-align: center;
}

.hero-card-bodytext-container {
    padding-bottom: 1rem;
    text-align: center;
}

.hero-card-container .col-lg-8 {
    padding-right: 0px;
    padding-left: 0px;
}

.hero-card-subtitle-container h1, .hero-card-subtitle-container h2 {
    font-size: 2rem !important;
}


/* BUSINESS CARD */
.business-card-title {
    padding: 0rem 0rem 4rem 0rem;
    margin-bottom: 0px;
}

    .business-card-title * {
        font-weight: 800;
    }

.business-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.business-card-bodytext {
    padding-bottom: 1rem;
}

.business-card-media-container {
    padding-top: 75%;
}

.business-card-media {
    padding: 0rem 0rem 0rem 0rem;
    overflow: hidden;
}

.business-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.business-card-subtitle {
    padding-bottom: 1rem;
}


/*SPOTLIST STYLING*/

.spot-list-header {
    margin: 1rem 0rem 3rem 0rem;
    text-align: center;
    width: 100%;
}

.spot-list-item {
    display: flex;
    flex-direction: column;
    margin: 0 0.625rem;
    font-size: 1rem;
    flex-basis: 0;
    flex-grow: 1;
}

@media screen and (min-width: 768px) {
    .spot-list-item:first-child {
        margin-left: 0;
    }

    .spot-list-item:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .spot-list-item {
        margin: 0.625rem 0;
        font-size: 16px;
    }
}

.spot-list-item-image {
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    max-height: 250px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 5rem 0;
}

.spot-list-item-icon {
    height: 100%;
    max-width: 100px;
    width: 100%;
}

.spot-list-item-content {
    display: flex;
    flex-direction: column;
}

.spot-list-content-heading {
    margin-bottom: 1rem;
    font-weight: 700;
}

.spot-list-content-text {
    margin: 0.5rem 0 1rem;
}

.spot-list-item-border {
    border: 1px solid var(--dss-light-grey);
}


/* COMPONENT PICKER (Checkmark banner and Title with Bodytext and CTA) */

.componentpicker .col {
    width: 50%;
}

.checkmark-banner-headline {
    padding: 0rem 0rem 2rem 0rem;
    margin-bottom: 0px;
}

/* Media query for desktop */
.checkmark-banner-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 2rem 2rem 0rem;
}

/* Media query for mobile devices */
@media screen and (max-width: 767px) {

    .componentpicker .single-image-container img {
        max-width: 90vw;
    }

    .componentpicker .col {
        width: 100%;
    }

    .checkmark-banner-list {
        padding: 2rem 0rem 2rem 0rem;
    }
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .checkmark-banner-list {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }
}

.checkmark-banner-ul {
    padding-left: 0px;
}

    .checkmark-banner-ul li{
        list-style: none;
    }

    .checkmark-banner-ul li a{
        text-decoration: none; 
        color: inherit; 
    }

    .checkmark-row-container {
        display: flex;
        justify-content: space-between;
        list-style: none;
        align-items: center;
        padding: 0.8rem 1rem 0.8rem 0rem;
        border-bottom: 1px solid #d9d9d9;
    }

.checkmark-container img {
    min-height: 25px;
    min-width: 25px;
}

    .checkmark-banner-btn-container {
        justify-content: end;
        padding-top: 1.8rem;
    }

/* Media query for mobile devices */
@media screen and (max-width: 767px) {
    .checkmark-banner-btn-container {
        justify-content: center;
    }
}


/* Title Text and CTA */

.title-text-cta-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title-text-cta-content-headline {
    padding: 0rem 0rem 1rem 0rem;
    margin-bottom: 0rem;
}

.title-text-cta-body-text {
    padding-bottom: 1.5rem;
}

.title-text-cta-content-container .title-text-cta-body-text a {
    color: inherit;
}

@media screen and (min-width: 1108px) {
    .title-text-cta-content-container .no-cb-row.narrow, .title-text-cta .no-cb-row.narrow {
        padding-left: 12rem;
        padding-right: 12rem;
    }
}

/* Title picker */
.title-picker-bold {
    font-weight: 800;
}



/* CONTACT BANNER */
.contact-banner-headline {
    padding: 0rem 0rem 2rem 0rem;
    margin-bottom: 0px;
}

.contact-banner-bodytext {
    padding: 0rem 0rem 2rem 0rem;
}

/* PRODUCT SHOWCASE */
.product-showcase .swiper {
    height: auto;
}

.product-showcase .swiper-wrapper {
    display: flex;
    align-items: stretch;
    height: auto;
    padding-bottom: 3rem;
}

.product-showcase .swiper-slide {
    height: auto;
}

.product-showcase .swiper-slide .product {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: box-shadow 0.5s;
    margin-top: 2px;
}

.product-showcase .swiper-slide .product:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.product-showcase .swiper-slide .product .product-content-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-showcase .swiper-slide .product .body-text {
    flex-grow: 1;
}

.product-showcase .dss-btn-container {
    display: flex;
    justify-content: center;
}


.product-showcase .product-price-container {
    display: flex;
    justify-content: center;
}

.product-showcase .product-title-container {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.product-showcase .swiper-pagination-bullet-active {
    background-color: var(--dss-blue) !important;
}

.product-showcase .swiper-button-next, .product-showcase .swiper-button-prev {
    color: var(--dss-blue);
    display: none;
}


/* CUSTOMER SUPPORT SERVICE */

.customer-support-service-title-container {
    padding: 0rem 0rem 2rem 0rem;
}

.customer-support-service-service {
    padding: 1.5rem 1rem 1.5rem 1rem;
    margin: 1rem 0rem 1rem 0rem;
}

.customer-support-service-service:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .customer-support-service-service {
        margin: 1rem 0rem 1rem 0rem;
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }

    .customer-support-service-service.hasicon {
        padding: 1.5rem 1.5rem 1.5rem 0.5rem;
    }

    .customer-support-service-service.hasicon .customer-support-service-service-title{
        padding-left: 0.5rem;
    }
}

.customer-support-service .row > .col:first-child {
    padding-right: 0.5rem;
}

.customer-support-service .row > .col:last-child {
    padding-left: 0.5rem;
}

.customer-support-service .row > .col:only-child {
    padding-left: 0rem;
    padding-right: 0rem;
}

.customer-support-service-service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customer-support-service-service-content {
    padding: 0rem 1rem 0rem 1rem;
    overflow: hidden;
}

.customer-support-service-service-content p:first-child {
    margin-top: 2rem;
}

.customer-support-service-service-content ul:first-child {
    margin-top: 2rem;
}

.dss-open {
    animation: expandAnimation 0.75s ease-in-out forwards;
    max-height: 1000px;
}

.dss-close {
    animation: closeAnimation 0.75s ease-in-out backwards;
    max-height: 0px;
}

@keyframes expandAnimation {
    from {
        max-height: 0;
    }

    to {
        max-height: 1000px;
    }
}

@keyframes closeAnimation {
    from {
        max-height: 1000px;
    }

    to {
        max-height: 0;
    }
}

.customer-support-service-service-content a {
    padding: 1rem 1rem 1rem 1rem;
    color: inherit !important;
    padding: 0px;
    margin: 0px;
}

.customer-support-service-service-title * {
    font-weight: 600;
}

.customer-support-service-btn-container {
    min-width: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.customer-support-service-service-expand-button {
    border-radius: 50%;
    border: none;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dss-white);
    color: var(--dss-red);
    font-size: 24px;
}

.customer-support-service-service-content ol {
    margin-top: 1rem !important;
}

.reverse-service-color-red {
    background-color: var(--dss-red);
    color: var(--dss-white);
}

.customer-support-service-service-header .optional-icon {
    max-height: 25px;
    max-width: 25px;
    padding: 0px;
}


/* External Content and External Sub Components (Trustpilot, YouTube, Vimeo) */
.external-content-title-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 0rem 2rem 0rem;
}

.youtube-embed-container div {
    justify-content: center;
    display: flex;
}

.youtube-embed-container {
    max-width: inherit;
}

@media screen and (max-width: 767px) {
    .youtube-embed-container {
        max-width: 100vw;
    }

        .youtube-embed-container iframe {
            max-height: 220px;
            max-width: fit-content;
        }
}

.vimeo-container {
    display: flex;
    text-align: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .vimeo-container iframe {
        max-height: 220px;
        max-width: fit-content;
    }
}

.vimeo-container iframe {
    max-width: inherit;
}

.third-party-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.trustpilot-consent-text {
    text-align: center;
}

/* Single Image */
.single-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .single-image-container img {
        max-width: 100%;
    }

.single-image {
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
}


/* Footer */

.footer-column-headline * {
    font-weight: 800;
    padding-bottom: 2rem;
    display: flex;
}

@media screen and (max-width: 767px) {
    .footer-column-headline * {
        justify-content: center;
        text-align: center;
    }
}

.footer-column ul {
    padding-left: 0rem !important;
}


.footer-icon-only {
    padding-right: 1rem;
}

.footer-icon-only:hover {
    text-decoration: none !important;
}

.footer-container .footer-icon-only, .footer-container .footer-icon-only img{
    max-height: 50px;
}

.footer-column {
    list-style: none;
}

.footer-media-text-link-container ul {
    list-style: none;
}

.footer-media-text-link-container img {
    width: 25px;
}

.footer-column-content-container {
    justify-content: left;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .footer-column-content-container {
        justify-content: center;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .footer-column-headline * {
        justify-content: center;
        text-align: center;
    }
}


.footer-column-content-container p {
    display: flex;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .footer-column-content-container p {
        text-align: center;
        justify-content: center;
    }
}


.footer-column-content-container li {
    display: flex;
}

@media screen and (max-width: 767px) {
    .footer-column-content-container li {
        text-align: center;
        justify-content: center;
    }
}

.footer-column-content-container a {
    text-decoration: none;
    color: inherit;
}

    .footer-column-content-container a:hover {
        text-decoration: underline;
        color: inherit;
    }

.footer-media-text-link-container {
    display: flex;
    align-items: center;
    justify-content: left;
}

@media screen and (max-width: 767px) {
    .footer-media-text-link-container {
        text-align: center;
        justify-content: center;
    }
}


.footer-media-text-link-container a {
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}

.footer-media-text-link {
    padding-left: 1rem;
}

.footer-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .footer-container {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-column * {
        justify-content: center;
    }
}

.footer-column {
    padding-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .footer-column {
        padding-bottom: 2rem;
    }
}

.column-title {
    font-size: 1.5rem;
}

.column-text {
    font-size: 1rem;
}


/* Column component list */
.column-component-list {
    height: auto;
}

.column-component-list .column-row {
    height: auto;
    justify-content: center;
}

.column-component-list .column-container {
    height: auto;
    display: flex;
    justify-content: center;
}

.column-component-list .column {
    height: auto;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}

.column-component-list .column img {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.column-component-list .column-image-container {
    height: 250px;
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}


.column-component-list .column-content-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.column-component-list .body-text {
    flex-grow: 1;
}

.column-component-list .dss-btn-container {
    display: flex;
    justify-content: center;
    padding-bottom: 0.5rem;
}

/* Vacancies */

.vacancies-title-container {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}

.vacancies-title-container * {
    font-weight: 800;
}

.vacancies-vacancy-title {
    font-size: 1.1rem;
    font-weight: 600;
}

.vacancies-body-text {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}

    .vacancies-body-text p {
        font-size: 1.4rem;
    }

.vacancies-list .no-vacancies {
    text-align: center;
}

.vacancies-list .row {
    padding: 2rem 0rem 2rem 0rem;
    border-top: 2px solid var(--dss-light-grey);
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .vacancies-list .row {
        padding-bottom: 0rem;
    }
}

.vacancies-col-container {
    display: flex;
    align-items: center;
    padding: 10px;
}

@media screen and (max-width: 767px) {
    .vacancies-col-container {
        padding-bottom: 1.5rem;
        text-align: center;
    }
}

.vacancies-link {
    color: inherit;
    text-decoration: none;
}

.vacancies-vacancy-description {
    min-height: 8rem;
}

.vacancies-vacancy-link {
    justify-content: end;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .vacancies-vacancy-link {
        justify-content: left;
    }
}

@media screen and (max-width: 767px) {
    .vacancies-col-container {
        justify-content: center;
    }
}


/* Raffle and Embedded Raffle */

.embedded-raffle #dansksundhedsikring-embedded div:first-child {
    position: relative !important;
}

.embedded-raffle .close-btn-wrapper {
    top: 0rem !important;
}

/* Terms and condition banner */
.terms-and-condition-banner .row {
    justify-content: space-between;
}

.terms-and-condition-banner .col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-and-condition-banner .plan-col-container {
    display: block;
    text-align: center;
}

.terms-and-condition-banner .plan-title-container {
    padding-bottom: 2rem;
}

.terms-and-condition-banner .feature-row {
    padding-bottom: 2rem;
}


.terms-and-condition-banner .text-col {
    justify-content: center;
}

.terms-and-condition-banner-title-container {
    text-align: center;
    padding-bottom: 3rem;
}

.terms-and-condition-banner .plan-title * {
    font-weight: 800;
}

.terms-and-condition-banner .btn-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .terms-and-condition-banner {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

        .terms-and-condition-banner .plan-tag {
            display: none;
        }

        .terms-and-condition-banner .col-2 {
            padding-left: 0px;
        }

        .terms-and-condition-banner .plan-title * {
            font-size: 1.2rem;
        }

        .terms-and-condition-banner .dss-btn {
            padding: 5px 10px;
            font-size: 0.9rem;
        }
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .terms-and-condition-banner .checkmark-banner-list {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }

    .terms-and-condition-banner .plan-col-container {
        padding-left: 0px;
    }

    .terms-and-condition-banner .plan-tag {
        font-size: 0.9rem;
    }
}



/* Wide image hero */

    .wide-image-hero {
        overflow: hidden;
        position: relative;
        padding: 0px;
    }

    /* Fixes padding issues on ipad and desktop caused by the offset of the textbox in this component by subtracting the margin from next section element only if wide image hero includes a title text and cta*/
    @media screen and (min-width: 767px) {
        .wide-image-hero.includes-title-text-cta  {
            margin-bottom: calc(var(--dss-hero-offset) * -1);
        }
    }
 
    .wide-image-hero img {
        width: 100%;
        height: 24rem;
        object-fit: cover;
    }

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .wide-image-hero img {
        height: 16rem; /* Adjust the height for iPad */
    }

    .wide-image-hero .title-text-cta-content-container {
        width: 40% !important;
        padding: 3rem 3rem 3rem 3rem !important;
    }

    .wide-image-hero.textbox-position-left .title-text-cta-content-container {
        margin: 0 10% auto !important;
    }

    .wide-image-hero.textbox-position-right .title-text-cta-content-container {
        margin: 0 50% auto;
    }
}

/* Media query for mobile devices */
@media screen and (max-width: 767px) {
    .wide-image-hero img {
        height: 12rem; /* Adjust the height for mobile */
    }

    .wide-image-hero .title-text-cta-content-container {
        margin: 0 !important;
        width: 100% !important;
        top: 0 !important;
        position: relative !important;
        padding: 4rem 3rem 4rem 3rem !important;
    }
}

    .wide-image-hero .title-text-cta-content-container {
        width: 30%;
        top: -12rem;
        position: relative;
        padding: 4rem 3rem 4rem 3rem;
    }

.wide-image-hero.textbox-position-left .title-text-cta-content-container {
    margin: 0 20% auto;
}

.wide-image-hero.textbox-position-right .title-text-cta-content-container {
    margin: 0 50% auto;
}

.wide-image-hero .dss-bg-Blue {
    background-color: rgb(0, 15, 85, 0.85) !important;
}

.wide-image-hero .dss-bg-Red {
    background-color: rgb(255, 34, 69, 0.85) !important;
}

.wide-image-hero .dss-bg-Light-blue {
    background-color: rgb(199, 229, 255, 0.85) !important;
}

.wide-image-hero .dss-bg-Light-grey {
    background-color: rgb(245, 240, 240, 0.85) !important;
}

.wide-image-hero .dss-bg-Pink {
    background-color: rgb(255, 209, 224, 0.85) !important;
}

.wide-image-hero .dss-bg-Black {
    background-color: rgb(28, 28, 28, 0.85) !important;
}

.wide-image-hero .dss-bg-White {
    background-color: rgb(255, 255, 255, 0.85) !important;
}

@media screen and (max-width: 767px) {
    .wide-image-hero .dss-bg-Blue {
        background-color: rgb(0, 15, 85, 1) !important;
    }

    .wide-image-hero .dss-bg-Red {
        background-color: rgb(255, 34, 69, 1) !important;
    }

    .wide-image-hero .dss-bg-Light-blue {
        background-color: rgb(199, 229, 255, 1) !important;
    }

    .wide-image-hero .dss-bg-Light-grey {
        background-color: rgb(245, 240, 240, 1) !important;
    }

    .wide-image-hero .dss-bg-Pink {
        background-color: rgb(255, 209, 224, 1) !important;
    }

    .wide-image-hero .dss-bg-Black {
        background-color: rgb(28, 28, 28, 1) !important;
    }

    .wide-image-hero .dss-bg-White {
        background-color: rgb(255, 255, 255, 1) !important;
    }
}



/* News article */

.news {
   color: var(--dss-blue);
}

.news-published-date {
    padding-bottom: 2rem;
}

.news-headline-contaner * {
    padding-bottom: 2rem;
    font-size: 2.2rem;
    font-weight: 600;
}

section.news-header {
    padding-bottom: 0px !important;
    padding-top: 6rem !important;
}

section.news {
    padding: 0rem 22rem 2rem 22rem;
}

/* Media query for mobile-sized screens */
@media screen and (max-width: 767px) {
    section.news {
        padding: 0rem 1rem 2rem 1rem;
    }

    section.news-header {
        padding-top: 4rem !important;
    }
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    section.news {
        padding: 0rem 2.5rem 2.5rem 2.5rem;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1125px) {
    section.news {
        padding: 0rem 16rem 2.5rem 16rem;
    }
}

.news-subheadline-contaner {
    padding-bottom: 3rem;
}

.news-text-subheadline * {
    padding-bottom: 1rem;
}


/* Latest news */

.latest-news .news-thumbnail {
    max-height: 250px;
    max-width: 250px;
}

.latest-news .row {
    padding: 2rem 0rem;
}

.latest-news .col {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

        .latest-news .col.img-container {
            align-items: center;
        }

@media screen and (max-width: 767px) {
    .latest-news .col.img-container {
        padding-bottom: 2rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .latest-news .news-thumbnail {
        max-height: 300px;
        max-width: 320px;
    }

    .latest-news .col.text-container {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.latest-news .col.text-container {
    padding-right: 8rem;
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .latest-news .col.text-container {
        padding-right: 2rem;
    }
}

.latest-news .article-date, .latest-news .article-title, .latest-news .article-description {
    padding-bottom: 1rem;
}

        .latest-news .article-title * {
            font-weight: 600;
        }

.latest-news .link-container {
    color: inherit;
    font-weight: 600;
}

.latest-news-content {
    padding-bottom: 4rem;
}


/* Latest news mini */

.latest-news-mini.on-news-domain {
    padding-left: 22rem;
    padding-right: 22rem;
}

.latest-news-mini a, .latest-news-mini .col-lg-3, .latest-news-mini .col-lg-9 {
    padding-left: 0rem;
    text-decoration: none;
    color: inherit;
}

.latest-news-mini .row {
    border-top: 1px solid #dfdfdf;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

        .latest-news-mini .row:last-child {
            border-bottom: 1px solid #dfdfdf;
        }

.latest-news-mini .title * {
    padding-bottom: 2rem;
    font-weight: 800;
}


@media screen and (max-width: 767px) {
    .latest-news-mini.on-news-domain {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Media query for iPad-sized screens */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .latest-news-mini.on-news-domain {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1125px) {
    .latest-news-mini.on-news-domain {
        padding-right: 16rem;
        padding-left: 16rem;
    }
}



/* Service Navigator */

.service-navigator {
    text-align: center;
}

        .service-navigator .row {
            justify-content: center;
            flex-wrap: wrap;
        }

        .service-navigator .service-element {
            position: relative;
            text-align: center;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 2rem;
            height: 320px;
            width: 300px;
        }

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .service-navigator .service-element {
        width: 250px;
    }
}


.service-navigator .icon {
    height: 100px;
    padding-bottom: 2rem;
}

.service-navigator .title-container {
    padding-bottom: 2rem;
}

.service-navigator .dss-btn-container {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
}



/* TEXT SWIPER */
.text-swiper .swiper {
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.text-swiper .swiper-wrapper {
    padding-bottom: 2.5rem;
}

.text-swiper .swiper-pagination-bullet-active {
    background-color: var(--dss-blue) !important;
}

.text-swiper .card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.text-swiper .card {
    box-sizing: border-box;
    padding: 2rem 1.8rem;
    margin: 0rem 1rem;
    border-radius: 4px;
    transition: transform 0.5s, box-shadow 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
}

.text-swiper .title {
    margin-left: 1rem;
    padding-bottom: 2rem;
}

.text-swiper .card-title {
    min-height: 4rem;
}

.text-swiper .card-title * {
    font-size: 1.2rem;
    font-weight: 800;
}