/* =========================================================

   ALHEAL — MASTER CSS

   SimplyBook / Simple Beauty

   ========================================================= */

/* =========================================================

   1. FONTS + DESIGNSYSTEM

   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&family=Montserrat:wght@400;500&display=swap');

:root {

    --alheal-green: #2C4621;

    --alheal-dark: #1F3818;

    --alheal-cream: #D2D3B3;

    --alheal-light: #E1E0C9;

    --alheal-warm: #F3EDDF;

    --alheal-ivory: #FDFCF7;

    --alheal-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;

    --alheal-sans: "Montserrat", Arial, sans-serif;

    --alheal-content-width: 1180px;

    --alheal-page-width: 88%;

    --alheal-radius: 18px;

}

/* =========================================================

   2. BASIS

   ========================================================= */

html,

body {

    margin: 0 !important;

    padding: 0 !important;

    background: var(--alheal-ivory) !important;

}

html {

    scroll-behavior: smooth;

}

body {

    overflow-x: hidden !important;

    color: var(--alheal-dark) !important;

    font-family: var(--alheal-sans) !important;

}

* {

    box-sizing: border-box;

}

/* =========================================================

   3. SIMPLYBOOK HOMEPAGE RESET

   ========================================================= */

#main #main-buttons {

    width: 100% !important;

    max-width: none !important;

    min-height: 0 !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    background-image: none !important;

    background-color: var(--alheal-ivory) !important;

}

#main #main-buttons > .container-fluid.column,

#main #main-buttons .wrapper,

#main #main-buttons .wrapper .inner,

#main #main-buttons .main-descr,

#main #main-buttons .col-md-offset-1,

#main #main-buttons .row.description_only,

#main #main-buttons .col-sm-12,

#main #main-buttons section#about-us,

#main #main-buttons section#about-us .section-pd,

#main #main-buttons section#about-us .txt {

    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}

#main #main-buttons .wrapper .inner .bar {

    display: none !important;

}

#main #main-buttons .row.description_only > .col-sm-12 > p {

    margin: 0 !important;

    padding: 0 !important;

    min-height: 0 !important;

    height: 0 !important;

    line-height: 0 !important;

}

#main #main-buttons section#about-us > .section-pd > .title-main {

    display: none !important;

}

#main #main-buttons section#about-us {

    margin: 0 !important;

    padding: 0 !important;

}

/* =========================================================

   4. HEADER

   ========================================================= */

#header,

#header > .container-fluid.column,

#header .row.row-eq-height,

#header .header-controls {

    background: var(--alheal-green) !important;

    background-color: var(--alheal-green) !important;

    border: 0 !important;

    box-shadow: none !important;

}

#header {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    padding: 0 !important;

    z-index: 200 !important;

}

#header .brand.company-logo-only .logo {

    margin: 0 !important;

    padding: 0 !important;

}

#header .brand.company-logo-only .logo > a {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    margin: 0 !important;

    padding: 0 !important;

}

#header .brand.company-logo-only .logo > a img {

    display: block !important;

    width: auto !important;

    margin: 0 !important;

    object-fit: contain !important;

}

/* DESKTOP NAVIGATION */

#header .nav-wrapper,

#header .nav-wrapper #sb_menu,

#header .nav-wrapper #sb_menu .nav {

    background: transparent !important;

}

#header .nav-wrapper #sb_menu .nav li a {

    position: relative !important;

    background: transparent !important;

    color: var(--alheal-light) !important;

    font-family: var(--alheal-sans) !important;

    font-weight: 400 !important;

    text-decoration: none !important;

}

#header .nav-wrapper #sb_menu .nav li a:hover,

#sb_menu_list_items_container > li.active > a {

    color: var(--alheal-ivory) !important;

}

#sb_menu_list_items_container > li.active > a::after {

    content: "" !important;

    position: absolute !important;

    left: 18% !important;

    right: 18% !important;

    bottom: -7px !important;

    height: 2px !important;

    background: var(--alheal-cream) !important;

    border-radius: 999px !important;

}

/* =========================================================

   5. ALHEAL HOME

   ========================================================= */

.alheal-home {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: var(--alheal-warm) !important;

    color: var(--alheal-dark) !important;

    transform: none !important;

    zoom: 1 !important;

}

/* =========================================================

   6. HERO — LÅST

   ========================================================= */

#alheal-hero.alheal-hero {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    background-color: var(--alheal-green) !important;

    background-repeat: no-repeat !important;

}

.alheal-home .alheal-hero-content {

    position: relative !important;

    z-index: 2 !important;

    text-align: left !important;

    transform: none !important;

    zoom: 1 !important;

}

#alheal-hero .alheal-hero-content h1 {

    margin: 0 !important;

    font-family: var(--alheal-serif) !important;

    font-style: italic !important;

    font-weight: 500 !important;

    letter-spacing: -0.025em !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

    color: var(--alheal-light) !important;

    -webkit-text-fill-color: var(--alheal-light) !important;

}

#alheal-hero .alheal-hero-content p,

#alheal-hero .alheal-hero-content p * {

    font-family: var(--alheal-sans) !important;

    font-style: normal !important;

    font-weight: 400 !important;

    color: var(--alheal-cream) !important;

    -webkit-text-fill-color: var(--alheal-cream) !important;

}

.alheal-home .alheal-hero-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 28px !important;

    background: var(--alheal-cream) !important;

    color: var(--alheal-dark) !important;

    border: 0 !important;

    border-radius: 999px !important;

    box-shadow: none !important;

    font-family: var(--alheal-sans) !important;

    font-weight: 500 !important;

    text-decoration: none !important;

}

.alheal-home .alheal-hero-button,

.alheal-home .alheal-hero-button span {

    color: var(--alheal-dark) !important;

    -webkit-text-fill-color: var(--alheal-dark) !important;

}

.alheal-home .alheal-scroll {

    position: absolute !important;

    z-index: 3 !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: 1px solid rgba(210, 211, 179, .72) !important;

    border-radius: 50% !important;

    color: var(--alheal-cream) !important;

    text-decoration: none !important;

}

/* =========================================================

   7. FÆLLES SEKTIONSBREDDE

   ========================================================= */

#alheal-behandlinger .alheal-treatments-inner,

.alheal-forest-break,

#alheal-om .alheal-about-inner,

#alheal-kontakt .alheal-contact-inner {

    width: min(var(--alheal-content-width), var(--alheal-page-width)) !important;

    max-width: var(--alheal-content-width) !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

#alheal-behandlinger,

#alheal-om,

#alheal-kontakt {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: var(--alheal-warm) !important;

    color: var(--alheal-green) !important;

}

/* =========================================================

   8. BEHANDLINGER

   ========================================================= */

#alheal-behandlinger {

    background:

        linear-gradient(

            to bottom,

            var(--alheal-light) 0,

            var(--alheal-warm) 75px,

            var(--alheal-warm) 100%

        ) !important;

}

#alheal-behandlinger .alheal-treatments-inner {

    padding-top: 105px !important;

    padding-bottom: 105px !important;

}

#alheal-behandlinger .alheal-section-intro {

    width: 100% !important;

    max-width: 790px !important;

    margin: 0 auto 62px !important;

    text-align: center !important;

}

#alheal-behandlinger .alheal-eyebrow {

    margin: 0 0 18px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .24em !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-section-intro h2 {

    max-width: 780px !important;

    margin: 0 auto 18px !important;

    font-family: var(--alheal-serif) !important;

    font-size: clamp(42px, 4vw, 57px) !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.08 !important;

    letter-spacing: -.025em !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-section-intro p {

    margin: 0 !important;

    font-family: var(--alheal-sans) !important;

    font-size: 17px !important;

    font-weight: 400 !important;

    line-height: 1.6 !important;

    color: var(--alheal-green) !important;

}

/* BEHANDLINGSKORT */

#alheal-behandlinger .alheal-treatment-grid {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 26px !important;

    align-items: stretch !important;

}

#alheal-behandlinger .alheal-treatment {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 34px 27px 30px !important;

    background: var(--alheal-light) !important;

    border-radius: var(--alheal-radius) !important;

    text-align: center !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-treatment-icon {

    display: block !important;

    width: 130px !important;

    height: 130px !important;

    max-width: 130px !important;

    margin: 0 auto 22px !important;

    object-fit: contain !important;

}

#alheal-behandlinger .alheal-treatment-line {

    width: 42px !important;

    height: 1px !important;

    margin: 0 auto 22px !important;

    background: var(--alheal-green) !important;

    opacity: .45 !important;

}

#alheal-behandlinger .alheal-treatment h3 {

    margin: 0 0 12px !important;

    font-family: var(--alheal-serif) !important;

    font-size: 31px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.15 !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-treatment-subtitle {

    min-height: 52px !important;

    margin: 0 0 20px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 15.5px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-treatment-text {

    width: 100% !important;

    margin: 0 0 27px !important;

}

#alheal-behandlinger .alheal-treatment-text p {

    margin: 0 0 17px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.65 !important;

    color: var(--alheal-green) !important;

}

#alheal-behandlinger .alheal-treatment-text p:last-child {

    margin-bottom: 0 !important;

}

#alheal-behandlinger .alheal-treatment-button {

    width: 100% !important;

    max-width: 270px !important;

    margin: auto auto 0 !important;

    padding: 14px 20px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 18px !important;

    background: var(--alheal-green) !important;

    border: 0 !important;

    border-radius: 999px !important;

    color: var(--alheal-cream) !important;

    font-family: var(--alheal-sans) !important;

    font-size: 14.5px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: none !important;

}

#alheal-behandlinger .alheal-treatment-button,

#alheal-behandlinger .alheal-treatment-button span {

    color: var(--alheal-cream) !important;

    -webkit-text-fill-color: var(--alheal-cream) !important;

}

#alheal-behandlinger .alheal-treatment-button:hover {

    background: var(--alheal-dark) !important;

    text-decoration: none !important;

}

/* =========================================================

   9. SKOVOVERGANG

   ========================================================= */

.alheal-forest-break {

    display: block !important;

    height: 360px !important;

    overflow: hidden !important;

    border-radius: var(--alheal-radius) !important;

    background-image:

        linear-gradient(

            rgba(31, 56, 24, .025),

            rgba(31, 56, 24, .025)

        ),

        url("https://res.cloudinary.com/rqkjwhpa/image/upload/9E5553AF-6BB0-45C5-B711-5AFEA89C7FFF.png") !important;

    background-size: cover !important;

    background-position: center 68% !important;

    background-repeat: no-repeat !important;

}

/* =========================================================

   10. OM ALHEAL — FORSIDEN

   ========================================================= */

#alheal-om .alheal-about-inner {

    padding-top: 70px !important;

    padding-bottom: 70px !important;

}

#alheal-om .alheal-about-card {

    width: 100% !important;

    margin: 0 !important;

    padding: 62px 70px !important;

    background: var(--alheal-light) !important;

    border-radius: var(--alheal-radius) !important;

    text-align: center !important;

}

#alheal-om .alheal-about-eyebrow {

    margin: 0 0 18px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    letter-spacing: .24em !important;

    color: var(--alheal-green) !important;

}

#alheal-om .alheal-about-card h2 {

    margin: 0 0 22px !important;

    font-family: var(--alheal-serif) !important;

    font-size: clamp(44px, 4vw, 58px) !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.08 !important;

    color: var(--alheal-green) !important;

}

#alheal-om .alheal-about-line {

    width: 42px !important;

    height: 1px !important;

    margin: 0 auto 30px !important;

    background: var(--alheal-green) !important;

    opacity: .45 !important;

}

#alheal-om .alheal-about-text {

    max-width: 680px !important;

    margin: 0 auto 34px !important;

}

#alheal-om .alheal-about-text p {

    margin: 0 0 20px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: var(--alheal-green) !important;

}

#alheal-om .alheal-about-text p:last-child {

    margin-bottom: 0 !important;

}

#alheal-om .alheal-about-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 28px !important;

    width: 100% !important;

    max-width: 300px !important;

    padding: 15px 22px !important;

    background: var(--alheal-green) !important;

    border-radius: 999px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    color: var(--alheal-cream) !important;

    text-decoration: none !important;

}

#alheal-om .alheal-about-button,

#alheal-om .alheal-about-button span {

    color: var(--alheal-cream) !important;

    -webkit-text-fill-color: var(--alheal-cream) !important;

}

/* =========================================================

   11. KONTAKT

   ========================================================= */

#alheal-kontakt .alheal-contact-inner {

    padding-top: 0 !important;

    padding-bottom: 40px !important;

}

#alheal-kontakt .alheal-contact-card {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    width: 100% !important;

    min-height: 560px !important;

    overflow: hidden !important;

    background: var(--alheal-light) !important;

    border-radius: var(--alheal-radius) !important;

}

#alheal-kontakt .alheal-contact-image {

    width: 100% !important;

    min-height: 560px !important;

    overflow: hidden !important;

}

#alheal-kontakt .alheal-contact-image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-height: 560px !important;

    object-fit: cover !important;

    object-position: center center !important;

}

#alheal-kontakt .alheal-contact-content {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    padding: 54px 58px !important;

    text-align: left !important;

}

#alheal-kontakt .alheal-contact-eyebrow {

    margin: 0 0 15px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    letter-spacing: .24em !important;

    color: var(--alheal-green) !important;

}

#alheal-kontakt .alheal-contact-content h2 {

    margin: 0 0 20px !important;

    font-family: var(--alheal-serif) !important;

    font-size: clamp(44px, 4vw, 58px) !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.05 !important;

    color: var(--alheal-green) !important;

}

#alheal-kontakt .alheal-contact-line {

    width: 42px !important;

    height: 1px !important;

    margin: 0 0 25px !important;

    background: var(--alheal-green) !important;

    opacity: .45 !important;

}

#alheal-kontakt .alheal-contact-intro {

    max-width: 500px !important;

    margin: 0 0 26px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;

    color: var(--alheal-green) !important;

}

#alheal-kontakt .alheal-contact-details {

    width: 100% !important;

    margin: 0 0 30px !important;

}

#alheal-kontakt .alheal-contact-detail {

    display: flex !important;

    align-items: center !important;

    gap: 13px !important;

    width: fit-content !important;

    margin: 0 0 12px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 15.5px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    color: var(--alheal-green) !important;

    -webkit-text-fill-color: var(--alheal-green) !important;

    text-decoration: none !important;

}

#alheal-kontakt a.alheal-contact-detail:link,

#alheal-kontakt a.alheal-contact-detail:visited,

#alheal-kontakt a.alheal-contact-detail:active {

    color: var(--alheal-green) !important;

    -webkit-text-fill-color: var(--alheal-green) !important;

    text-decoration: none !important;

}

#alheal-kontakt a.alheal-contact-detail:hover {

    color: var(--alheal-dark) !important;

    -webkit-text-fill-color: var(--alheal-dark) !important;

    text-decoration: none !important;

}

#alheal-kontakt .alheal-contact-symbol {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex: 0 0 24px !important;

    width: 24px !important;

    height: 24px !important;

    min-width: 24px !important;

    min-height: 24px !important;

    color: var(--alheal-green) !important;

}

#alheal-kontakt .alheal-contact-symbol svg {

    display: block !important;

    width: 19px !important;

    height: 19px !important;

    max-width: 19px !important;

    max-height: 19px !important;

    overflow: visible !important;

    fill: none !important;

    stroke: var(--alheal-green) !important;

    stroke-width: 1.8 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;

}

#alheal-kontakt .alheal-contact-symbol svg .alheal-svg-fill {

    fill: var(--alheal-green) !important;

    stroke: none !important;

}

#alheal-kontakt .alheal-contact-symbol svg.alheal-facebook-icon,

#alheal-kontakt .alheal-contact-symbol svg.alheal-facebook-icon path {

    fill: var(--alheal-green) !important;

    stroke: none !important;

}

#alheal-kontakt .alheal-contact-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 28px !important;

    width: 100% !important;

    max-width: 250px !important;

    padding: 15px 22px !important;

    background: var(--alheal-green) !important;

    border-radius: 999px !important;

    font-family: var(--alheal-sans) !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    color: var(--alheal-cream) !important;

    text-decoration: none !important;

}

#alheal-kontakt .alheal-contact-button,

#alheal-kontakt .alheal-contact-button span {

    color: var(--alheal-cream) !important;

    -webkit-text-fill-color: var(--alheal-cream) !important;

}

/* =========================================================

   12. DESKTOP — 1025px+

   ========================================================= */

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

    #header,

    #header > .container-fluid.column,

    #header .row.row-eq-height {

        height: 112px !important;

        min-height: 112px !important;

    }

    #header > .container-fluid.column {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }

    #header .row.row-eq-height {

        display: flex !important;

        align-items: center !important;

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }

    #header .brand,

    #header .header-controls,

    #header .nav-wrapper {

        height: 112px !important;

        display: flex !important;

        align-items: center !important;

    }

    #header .brand.company-logo-only .logo > a img {

        width: 98px !important;

        height: 98px !important;

        max-width: 98px !important;

        max-height: 98px !important;

    }

    #header .nav-wrapper #sb_menu .nav li a {

        font-size: 18px !important;

        line-height: 1.25 !important;

        padding-left: 19px !important;

        padding-right: 19px !important;

    }

    #main {

        padding-top: 112px !important;

    }

    #alheal-hero.alheal-hero {

        height: calc(100vh - 112px) !important;

        min-height: 650px !important;

        max-height: 850px !important;

        display: flex !important;

        align-items: center !important;

        background-image:

            linear-gradient(

                90deg,

                rgba(18, 32, 14, .58) 0%,

                rgba(18, 32, 14, .42) 28%,

                rgba(18, 32, 14, .18) 52%,

                rgba(18, 32, 14, .03) 72%

            ),

            url("https://res.cloudinary.com/rqkjwhpa/image/upload/F340B3D0-EC65-4D34-BEA2-86935EC62C60.png") !important;

        background-size: cover !important;

        background-position: center center !important;

        background-repeat: no-repeat !important;

    }

    .alheal-home .alheal-hero-content {

        width: 56% !important;

        max-width: 820px !important;

        margin: 0 0 0 9% !important;

        padding: 0 !important;

    }

    #alheal-hero .alheal-hero-content h1 {

        width: auto !important;

        max-width: none !important;

        margin: 0 0 27px !important;

        font-size: clamp(66px, 5.6vw, 86px) !important;

        line-height: 1 !important;

        letter-spacing: -.03em !important;

        white-space: nowrap !important;

    }

    .alheal-home .alheal-hero-content p {

        width: 100% !important;

        max-width: 520px !important;

        margin: 0 0 35px !important;

        font-size: 21px !important;

        line-height: 1.55 !important;

    }

    .alheal-home .alheal-hero-button {

        width: auto !important;

        min-width: 290px !important;

        padding: 17px 27px !important;

        font-size: 17px !important;

    }

    .alheal-home .alheal-scroll {

        width: 44px !important;

        height: 44px !important;

        bottom: 22px !important;

        font-size: 20px !important;

    }

    #alheal-behandlinger .alheal-treatment-icon {

        width: 170px !important;

        height: 170px !important;

        max-width: 170px !important;

        margin-bottom: 24px !important;

    }

}

/* =========================================================

   13. TABLET — 768px TIL 1024px

   ========================================================= */

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

    #header,

    #header > .container-fluid.column,

    #header .row.row-eq-height {

        height: 94px !important;

        min-height: 94px !important;

    }

    #header .row.row-eq-height {

        display: flex !important;

        align-items: center !important;

    }

    #header .brand,

    #header .header-controls {

        height: 94px !important;

        display: flex !important;

        align-items: center !important;

    }

    #header .brand.company-logo-only .logo > a img {

        width: 80px !important;

        height: 80px !important;

        max-width: 80px !important;

        max-height: 80px !important;

    }

    #header .header-controls {

        justify-content: flex-end !important;

    }

    #sb_mob_menu_trigger .hamburger-inner,

    #sb_mob_menu_trigger .hamburger-inner::before,

    #sb_mob_menu_trigger .hamburger-inner::after {

        background-color: var(--alheal-cream) !important;

    }

    #main {

        padding-top: 94px !important;

    }

    #alheal-hero.alheal-hero {

        min-height: 680px !important;

        display: flex !important;

        align-items: center !important;

        background-image:

            linear-gradient(

                90deg,

                rgba(18, 32, 14, .56) 0%,

                rgba(18, 32, 14, .36) 40%,

                rgba(18, 32, 14, .08) 75%

            ),

            url("https://res.cloudinary.com/rqkjwhpa/image/upload/F340B3D0-EC65-4D34-BEA2-86935EC62C60.png") !important;

        background-size: cover !important;

        background-position: center center !important;

    }

    .alheal-home .alheal-hero-content {

        width: 60% !important;

        max-width: 560px !important;

        margin-left: 7% !important;

        padding: 60px 0 !important;

    }

    #alheal-hero .alheal-hero-content h1 {

        font-size: clamp(50px, 6.5vw, 62px) !important;

        line-height: 1 !important;

        white-space: nowrap !important;

        margin-bottom: 24px !important;

    }

    .alheal-home .alheal-hero-content p {

        max-width: 400px !important;

        margin: 0 0 30px !important;

        font-size: 18px !important;

        line-height: 1.55 !important;

    }

    .alheal-home .alheal-hero-button {

        min-width: 250px !important;

        padding: 16px 24px !important;

        font-size: 17px !important;

    }

    .alheal-home .alheal-scroll {

        width: 46px !important;

        height: 46px !important;

        bottom: 24px !important;

        font-size: 21px !important;

    }

    #alheal-behandlinger .alheal-treatments-inner,

    .alheal-forest-break,

    #alheal-om .alheal-about-inner,

    #alheal-kontakt .alheal-contact-inner {

        width: 88% !important;

        max-width: none !important;

    }

    #alheal-behandlinger .alheal-treatments-inner {

        padding-top: 82px !important;

        padding-bottom: 82px !important;

    }

    #alheal-behandlinger .alheal-treatment-grid {

        gap: 18px !important;

    }

    #alheal-behandlinger .alheal-treatment {

        padding: 28px 20px 26px !important;

    }

    #alheal-behandlinger .alheal-treatment-icon {

        width: 110px !important;

        height: 110px !important;

        max-width: 110px !important;

    }

    .alheal-forest-break {

        height: 310px !important;

        background-position: center 68% !important;

    }

    #alheal-om .alheal-about-inner {

        padding-top: 60px !important;

        padding-bottom: 60px !important;

    }

    #alheal-kontakt .alheal-contact-inner {

        padding-bottom: 40px !important;

    }

    #alheal-kontakt .alheal-contact-content {

        padding: 42px 36px !important;

    }

}

/* =========================================================

   14. MOBIL — MAX 767px

   ========================================================= */

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

    #header,

    #header > .container-fluid.column,

    #header .row.row-eq-height {

        height: 100px !important;

        min-height: 100px !important;

    }

    #header .row.row-eq-height {

        display: flex !important;

        align-items: center !important;

    }

    #header .brand,

    #header .header-controls {

        height: 100px !important;

        min-height: 100px !important;

        display: flex !important;

        align-items: center !important;

    }

    #header .brand.company-logo-only .logo > a img {

        width: 80px !important;

        height: 80px !important;

        max-width: 80px !important;

        max-height: 80px !important;

    }

    #header .header-controls {

        display: flex !important;

        align-items: center !important;

        justify-content: flex-end !important;

    }

    #header .nav-trigger {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        height: 100px !important;

        margin: 0 !important;

        padding: 0 !important;

    }

    #sb_mob_menu_trigger {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        margin: 0 !important;

    }

    #sb_mob_menu_trigger .hamburger-inner,

    #sb_mob_menu_trigger .hamburger-inner::before,

    #sb_mob_menu_trigger .hamburger-inner::after {

        background-color: var(--alheal-cream) !important;

    }

    #main {

        padding-top: 100px !important;

    }

    #alheal-hero.alheal-hero {

        min-height: calc(100svh - 100px) !important;

        height: auto !important;

        display: block !important;

        background-image:

            linear-gradient(

                90deg,

                rgba(18, 32, 14, .52) 0%,

                rgba(18, 32, 14, .28) 48%,

                rgba(18, 32, 14, .05) 82%

            ),

            url("https://res.cloudinary.com/rqkjwhpa/image/upload/FA6D3052-6E7B-4DE9-8425-108E1B7E0D84.png") !important;

        background-size: cover !important;

        background-position: 61% center !important;

        background-repeat: no-repeat !important;

    }

    .alheal-home .alheal-hero-content {

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 48px 7% 145px !important;

    }

    #alheal-hero .alheal-hero-content h1 {

        width: auto !important;

        max-width: none !important;

        margin: 0 0 21px !important;

        font-size: 42px !important;

        line-height: 1 !important;

        letter-spacing: -.03em !important;

        white-space: normal !important;

    }

    .alheal-home .alheal-hero-content p {

        width: 100% !important;

        max-width: 300px !important;

        margin: 0 0 27px !important;

        font-size: 16px !important;

        line-height: 1.55 !important;

    }

    .alheal-home .alheal-hero-button {

        width: 100% !important;

        min-width: 0 !important;

        max-width: 270px !important;

        padding: 14px 20px !important;

        font-size: 16px !important;

    }

    .alheal-home .alheal-scroll {

        width: 46px !important;

        height: 46px !important;

        bottom: 24px !important;

        font-size: 22px !important;

    }

    #alheal-behandlinger .alheal-treatments-inner,

    .alheal-forest-break,

    #alheal-om .alheal-about-inner,

    #alheal-kontakt .alheal-contact-inner {

        width: 82% !important;

        max-width: none !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    #alheal-behandlinger .alheal-treatments-inner {

        padding-top: 70px !important;

        padding-bottom: 70px !important;

    }

    #alheal-behandlinger .alheal-section-intro {

        max-width: 390px !important;

        margin-bottom: 46px !important;

    }

    #alheal-behandlinger .alheal-eyebrow {

        font-size: 11px !important;

        letter-spacing: .22em !important;

    }

    #alheal-behandlinger .alheal-section-intro h2 {

        font-size: 37px !important;

        line-height: 1.08 !important;

    }

    #alheal-behandlinger .alheal-section-intro p {

        font-size: 16px !important;

    }

    #alheal-behandlinger .alheal-treatment-grid {

        display: block !important;

    }

    #alheal-behandlinger .alheal-treatment {

        width: 100% !important;

        max-width: 520px !important;

        margin: 0 auto 26px !important;

        padding: 30px 22px 26px !important;

    }

    #alheal-behandlinger .alheal-treatment:last-child {

        margin-bottom: 0 !important;

    }

    #alheal-behandlinger .alheal-treatment-icon {

        width: 120px !important;

        height: 120px !important;

        max-width: 120px !important;

    }

    #alheal-behandlinger .alheal-treatment-subtitle {

        min-height: 0 !important;

    }

    .alheal-forest-break {

        height: 250px !important;

        border-radius: var(--alheal-radius) !important;

        background-position: center 68% !important;

    }

    #alheal-om .alheal-about-inner {

        padding-top: 50px !important;

        padding-bottom: 50px !important;

    }

    #alheal-om .alheal-about-card {

        padding: 38px 22px 32px !important;

    }

    #alheal-om .alheal-about-card h2 {

        font-size: 38px !important;

    }

    #alheal-om .alheal-about-text p {

        font-size: 15px !important;

        line-height: 1.7 !important;

    }

    #alheal-kontakt .alheal-contact-inner {

        padding-top: 0 !important;

        padding-bottom: 40px !important;

    }

    #alheal-kontakt .alheal-contact-card {

        display: flex !important;

        flex-direction: column !important;

        min-height: 0 !important;

    }

    #alheal-kontakt .alheal-contact-image {

        width: 100% !important;

        height: 330px !important;

        min-height: 0 !important;

    }

    #alheal-kontakt .alheal-contact-image img {

        width: 100% !important;

        height: 330px !important;

        min-height: 0 !important;

        object-fit: cover !important;

        object-position: center center !important;

    }

    #alheal-kontakt .alheal-contact-content {

        width: 100% !important;

        padding: 36px 22px 30px !important;

        align-items: center !important;

        text-align: center !important;

    }

    #alheal-kontakt .alheal-contact-eyebrow {

        font-size: 11px !important;

        letter-spacing: .22em !important;

    }

    #alheal-kontakt .alheal-contact-content h2 {

        font-size: 38px !important;

    }

    #alheal-kontakt .alheal-contact-line {

        margin-left: auto !important;

        margin-right: auto !important;

    }

    #alheal-kontakt .alheal-contact-intro {

        max-width: 340px !important;

        margin: 0 auto 27px !important;

        font-size: 15px !important;

        line-height: 1.7 !important;

    }

    #alheal-kontakt .alheal-contact-intro br {

        display: none !important;

    }

    #alheal-kontakt .alheal-contact-details {

        width: 100% !important;

        max-width: 320px !important;

        margin: 0 auto 28px !important;

        text-align: left !important;

    }

    #alheal-kontakt .alheal-contact-detail {

        width: 100% !important;

        font-size: 14px !important;

        overflow-wrap: anywhere !important;

    }

    #alheal-kontakt .alheal-contact-symbol {

        flex: 0 0 24px !important;

        width: 24px !important;

        height: 24px !important;

        min-width: 24px !important;

    }

    #alheal-kontakt .alheal-contact-symbol svg {

        width: 19px !important;

        height: 19px !important;

        max-width: 19px !important;

        max-height: 19px !important;

    }

    #alheal-kontakt .alheal-contact-button {

        max-width: 250px !important;

        margin: 0 auto !important;

    }

}

/* =========================================================

   15. SMÅ MOBILER

   ========================================================= */

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

    .alheal-home .alheal-hero-content {

        padding: 42px 7% 130px !important;

    }

    #alheal-hero .alheal-hero-content h1 {

        font-size: 39px !important;

        margin-bottom: 20px !important;

    }

    .alheal-home .alheal-hero-content p {

        max-width: 285px !important;

        font-size: 15.5px !important;

        margin-bottom: 25px !important;

    }

    .alheal-home .alheal-hero-button {

        max-width: 260px !important;

        font-size: 15.5px !important;

    }

}

/* =========================================================

   16. MOBILMENU

   ========================================================= */

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

    #header .nav-wrapper {

        background: rgba(20, 43, 16, .94) !important;

    }

    #header .nav-wrapper #sb_menu,

    #header .nav-wrapper #sb_menu .nav,

    #sb_menu_list_items_container {

        background: transparent !important;

    }

    #header .nav-wrapper #sb_menu .nav li a {

        font-family: var(--alheal-sans) !important;

        font-size: 20px !important;

        font-weight: 400 !important;

        line-height: 1.25 !important;

        color: var(--alheal-cream) !important;

        padding-top: 12px !important;

        padding-bottom: 12px !important;

        text-decoration: none !important;

    }

    #sb_menu_list_items_container > li.active > a {

        color: var(--alheal-ivory) !important;

    }

    #sb_menu_list_items_container > li.active > a::after {

        display: none !important;

        content: none !important;

    }

    #sb_mob_menu_trigger .hamburger-inner,

    #sb_mob_menu_trigger .hamburger-inner::before,

    #sb_mob_menu_trigger .hamburger-inner::after,

    #sb_mob_menu_trigger.is-active .hamburger-inner,

    #sb_mob_menu_trigger.is-active .hamburger-inner::before,

    #sb_mob_menu_trigger.is-active .hamburger-inner::after {

        background-color: var(--alheal-cream) !important;

    }

}

/* =========================================================

   17. FOOTER

   ========================================================= */

#footer,

footer {

    background: var(--alheal-green) !important;

    color: var(--alheal-ivory) !important;

    margin-top: 0 !important;

}

#footer a,

footer a {

    color: var(--alheal-cream) !important;

}

/* =========================================================

   18. FJERN TOMT FELT FØR FOOTER

   ========================================================= */

.alheal-home,

#alheal-kontakt {

    background: var(--alheal-warm) !important;

}

.alheal-home {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}

#alheal-kontakt {

    margin-bottom: 0 !important;

}

#main > #main-content:empty {

    display: none !important;

    min-height: 0 !important;

    height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}

#main {

    margin-bottom: 0 !important;

}

#footer,

footer {

    margin-top: 0 !important;

}

#sb_main.page--index #about_us_section {

    padding: 0 !important;

}

/* =========================================================

   19. OM ALHEAL-SIDEN

   ========================================================= */

.alheal-about-page {

    --about-green: #2C4621;

    --about-dark-green: #1F3818;

    --about-cream: #D2D3B3;

    --about-light-cream: #E1E0C9;

    --about-warm: #F3EDDF;

    --about-ivory: #FDFCF7;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    background: var(--about-warm) !important;

    color: var(--about-green) !important;

    font-family: "Montserrat", Arial, sans-serif !important;

}

.alheal-about-page,

.alheal-about-page * {

    box-sizing: border-box;

}

.alheal-about-page .alheal-about-page-inner {

    width: min(760px, 88%) !important;

    max-width: 760px !important;

    margin: 0 auto !important;

    padding: 64px 0 72px !important;

    background: transparent !important;

}

.alheal-about-page .alheal-about-eyebrow {

    margin: 0 0 13px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

    font-weight: 500 !important;

    letter-spacing: 0.16em !important;

    text-transform: uppercase !important;

    color: var(--about-green) !important;

}

.alheal-about-page h1,

.alheal-about-page h2 {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: var(--about-green) !important;

    padding: 0 !important;

}

.alheal-about-page h1 {

    margin: 0 !important;

    font-size: 58px !important;

    line-height: 0.98 !important;

    letter-spacing: -0.02em !important;

}

.alheal-about-page h2 {

    margin: 0 !important;

    font-size: 46px !important;

    line-height: 1.04 !important;

    letter-spacing: -0.015em !important;

}

.alheal-about-page .alheal-about-divider {

    width: 58px !important;

    height: 1px !important;

    margin: 25px 0 29px !important;

    background: var(--about-green) !important;

    opacity: 0.42 !important;

}

.alheal-about-page .alheal-about-copy {

    margin: 0 !important;

    padding: 0 !important;

}

.alheal-about-page .alheal-about-copy p,

.alheal-about-page .alheal-about-seed-card p,

.alheal-about-page .alheal-about-ending p {

    font-family: "Montserrat", Arial, sans-serif !important;

    font-style: normal;

}

.alheal-about-page .alheal-about-copy p {

    margin: 0 0 18px !important;

    color: var(--about-green) !important;

    font-size: 17px !important;

    line-height: 1.72 !important;

    font-weight: 400 !important;

}

.alheal-about-page .alheal-about-copy p:last-child {

    margin-bottom: 0 !important;

}

.alheal-about-page .alheal-about-intro {

    margin: 0 0 34px !important;

    padding: 0 !important;

}

.alheal-about-page .alheal-about-image {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    background: var(--about-light-cream) !important;

}

.alheal-about-page .alheal-about-image img {

    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 18px !important;

}

.alheal-about-page .alheal-about-image-portrait {

    margin-bottom: 42px !important;

}

.alheal-about-page .alheal-about-image-forest,

.alheal-about-page .alheal-about-image-walking {

    margin-top: 42px !important;

    margin-bottom: 50px !important;

}

.alheal-about-page .alheal-about-seed-section {

    margin: 0 !important;

    padding: 0 !important;

}

.alheal-about-page .alheal-about-lead {

    margin: 0 0 20px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 31px !important;

    line-height: 1.2 !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: var(--about-green) !important;

}

.alheal-about-page .alheal-about-seed-card {

    width: 100% !important;

    margin: 0 !important;

    padding: 35px 40px 38px !important;

    border-radius: 18px !important;

    background: var(--about-light-cream) !important;

    color: var(--about-green) !important;

    text-align: center !important;

}

.alheal-about-page .alheal-about-seed {

    display: block !important;

    width: 125px !important;

    height: 125px !important;

    max-width: 125px !important;

    max-height: 125px !important;

    object-fit: contain !important;

    margin: 0 auto !important;

}

.alheal-about-page .alheal-about-seed-card .alheal-about-divider {

    margin: 23px auto 23px !important;

}

.alheal-about-page .alheal-about-seed-card .alheal-about-quote {

    margin: 0 auto 15px !important;

    max-width: 580px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 29px !important;

    line-height: 1.25 !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: var(--about-green) !important;

}

.alheal-about-page .alheal-about-seed-card p:not(.alheal-about-quote) {

    max-width: 570px !important;

    margin: 0 auto !important;

    font-size: 16px !important;

    line-height: 1.7 !important;

    font-weight: 400 !important;

    color: var(--about-green) !important;

}

.alheal-about-page .alheal-about-section {

    margin: 0 !important;

    padding: 0 !important;

}

.alheal-about-page .alheal-about-ending {

    width: 100% !important;

    margin: 52px 0 0 !important;

    padding: 42px 42px 40px !important;

    border-radius: 18px !important;

    background: var(--about-green) !important;

    color: var(--about-ivory) !important;

}

.alheal-about-page .alheal-about-ending p {

    margin: 0 0 17px !important;

    color: var(--about-ivory) !important;

    font-size: 16px !important;

    line-height: 1.7 !important;

    font-weight: 400 !important;

}

.alheal-about-page .alheal-about-ending .alheal-about-ending-title {

    margin: 0 0 23px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 34px !important;

    line-height: 1.15 !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: var(--about-ivory) !important;

}

.alheal-about-page .alheal-about-ending-divider {

    width: 55px !important;

    height: 1px !important;

    margin: 29px 0 27px !important;

    background: var(--about-cream) !important;

    opacity: 0.9 !important;

}

.alheal-about-page .alheal-about-ending .alheal-about-ending-heading {

    margin: 0 0 13px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 35px !important;

    line-height: 1.1 !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: var(--about-cream) !important;

}

.alheal-about-page .alheal-about-ending .alheal-about-signature {

    margin: 27px 0 0 !important;

    color: var(--about-cream) !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    font-weight: 500 !important;

    letter-spacing: 0.08em !important;

}

#main-content:has(.alheal-about-page),

#sb_content:has(.alheal-about-page),

#content-view:has(.alheal-about-page),

#custom-page:has(.alheal-about-page),

.page-content:has(.alheal-about-page) {

    background: #F3EDDF !important;

}

/* OM ALHEAL — TABLET */

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

    .alheal-about-page .alheal-about-page-inner {

        width: 84% !important;

        max-width: 760px !important;

        padding-top: 54px !important;

        padding-bottom: 64px !important;

    }

    .alheal-about-page h1 {

        font-size: 53px !important;

    }

    .alheal-about-page h2 {

        font-size: 42px !important;

    }

}

/* OM ALHEAL — MOBIL */

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

    .alheal-about-page .alheal-about-page-inner {

        width: 82% !important;

        max-width: none !important;

        margin-left: auto !important;

        margin-right: auto !important;

        padding: 42px 0 54px !important;

    }

    .alheal-about-page .alheal-about-eyebrow {

        margin-bottom: 10px !important;

        font-size: 11px !important;

        line-height: 1.4 !important;

        letter-spacing: 0.14em !important;

    }

    .alheal-about-page h1 {

        font-size: 43px !important;

        line-height: 1 !important;

    }

    .alheal-about-page h2 {

        font-size: 36px !important;

        line-height: 1.05 !important;

    }

    .alheal-about-page .alheal-about-divider {

        width: 48px !important;

        margin-top: 20px !important;

        margin-bottom: 23px !important;

    }

    .alheal-about-page .alheal-about-copy p {

        margin-bottom: 16px !important;

        font-size: 15px !important;

        line-height: 1.68 !important;

    }

    .alheal-about-page .alheal-about-intro {

        margin-bottom: 27px !important;

    }

    .alheal-about-page .alheal-about-image,

    .alheal-about-page .alheal-about-image img {

        border-radius: 18px !important;

    }

    .alheal-about-page .alheal-about-image-portrait {

        margin-bottom: 32px !important;

    }

    .alheal-about-page .alheal-about-image-forest,

    .alheal-about-page .alheal-about-image-walking {

        margin-top: 32px !important;

        margin-bottom: 39px !important;

    }

    .alheal-about-page .alheal-about-lead {

        margin-bottom: 17px !important;

        font-size: 26px !important;

        line-height: 1.2 !important;

    }

    .alheal-about-page .alheal-about-seed-card {

        padding: 28px 22px 30px !important;

    }

    .alheal-about-page .alheal-about-seed {

        width: 105px !important;

        height: 105px !important;

        max-width: 105px !important;

        max-height: 105px !important;

    }

    .alheal-about-page .alheal-about-seed-card .alheal-about-divider {

        margin: 19px auto 20px !important;

    }

    .alheal-about-page .alheal-about-seed-card .alheal-about-quote {

        margin-bottom: 14px !important;

        font-size: 24px !important;

        line-height: 1.28 !important;

    }

    .alheal-about-page .alheal-about-seed-card p:not(.alheal-about-quote) {

        font-size: 14px !important;

        line-height: 1.68 !important;

    }

    .alheal-about-page .alheal-about-ending {

        margin-top: 40px !important;

        padding: 31px 24px 30px !important;

    }

    .alheal-about-page .alheal-about-ending p {

        margin-bottom: 15px !important;

        font-size: 14px !important;

        line-height: 1.68 !important;

    }

    .alheal-about-page .alheal-about-ending .alheal-about-ending-title {

        margin-bottom: 20px !important;

        font-size: 28px !important;

        line-height: 1.16 !important;

    }

    .alheal-about-page .alheal-about-ending-divider {

        margin-top: 24px !important;

        margin-bottom: 23px !important;

    }

    .alheal-about-page .alheal-about-ending .alheal-about-ending-heading {

        margin-bottom: 12px !important;

        font-size: 29px !important;

        line-height: 1.12 !important;

    }

    .alheal-about-page .alheal-about-ending .alheal-about-signature {

        margin-top: 22px !important;

        font-size: 11px !important;

        line-height: 1.5 !important;

    }

}

/* =========================================================

   20. SPØRGSMÅL & SVAR

   ========================================================= */

.alheal-faq-page,

.alheal-faq-page * {

    box-sizing: border-box !important;

}

.alheal-faq-page {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #F3EDDF !important;

    color: #2C4621 !important;

}

.alheal-faq-inner {

    width: min(760px, 88%) !important;

    max-width: 760px !important;

    margin: 0 auto !important;

    padding: 64px 0 80px !important;

}

.alheal-faq-header {

    width: 100% !important;

    margin: 0 0 64px !important;

    text-align: center !important;

}

.alheal-faq-eyebrow {

    margin: 0 0 17px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .24em !important;

    color: #2C4621 !important;

}

.alheal-faq-header h1 {

    margin: 0 !important;

    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;

    font-size: 58px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.05 !important;

    letter-spacing: -.025em !important;

    color: #2C4621 !important;

}

.alheal-faq-title-line {

    width: 44px !important;

    height: 1px !important;

    margin: 25px auto 27px !important;

    background: #2C4621 !important;

    opacity: .45 !important;

}

.alheal-faq-header p {

    max-width: 650px !important;

    margin: 0 auto !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: #2C4621 !important;

}

.alheal-faq-section {

    width: 100% !important;

    margin: 0 0 64px !important;

    padding: 0 !important;

}

.alheal-faq-section-heading {

    display: flex !important;

    align-items: center !important;

    gap: 17px !important;

    width: 100% !important;

    margin: 0 0 20px !important;

}

.alheal-faq-section-heading::after {

    content: "" !important;

    display: block !important;

    flex: 1 1 auto !important;

    height: 1px !important;

    background: #2C4621 !important;

    opacity: .25 !important;

}

.alheal-faq-section-heading span {

    flex: 0 0 auto !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .22em !important;

    color: #2C4621 !important;

}

.alheal-faq-list {

    width: 100% !important;

}

.alheal-faq-item {

    width: 100% !important;

    margin: 0 0 12px !important;

    padding: 0 !important;

    overflow: hidden !important;

    background: #E1E0C9 !important;

    border: 0 !important;

    border-radius: 18px !important;

    box-shadow: none !important;

}

.alheal-faq-item:last-child {

    margin-bottom: 0 !important;

}

.alheal-faq-item summary {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 24px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 22px 24px !important;

    cursor: pointer !important;

    list-style: none !important;

    background: transparent !important;

    color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 16px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    text-align: left !important;

    -webkit-tap-highlight-color: transparent !important;

}

.alheal-faq-item summary::-webkit-details-marker {

    display: none !important;

}

.alheal-faq-item summary::marker {

    display: none !important;

    content: "" !important;

}

.alheal-faq-plus {

    position: relative !important;

    display: block !important;

    flex: 0 0 22px !important;

    width: 22px !important;

    height: 22px !important;

}

.alheal-faq-plus::before,

.alheal-faq-plus::after {

    content: "" !important;

    position: absolute !important;

    top: 50% !important;

    left: 50% !important;

    width: 16px !important;

    height: 1px !important;

    background: #2C4621 !important;

    transform: translate(-50%, -50%) !important;

    transition: transform .2s ease, opacity .2s ease !important;

}

.alheal-faq-plus::after {

    transform: translate(-50%, -50%) rotate(90deg) !important;

}

.alheal-faq-item[open] .alheal-faq-plus::after {

    opacity: 0 !important;

    transform: translate(-50%, -50%) rotate(0deg) !important;

}

.alheal-faq-item[open] summary {

    padding-bottom: 17px !important;

}

.alheal-faq-answer {

    margin: 0 24px !important;

    padding: 21px 0 24px !important;

    border-top: 1px solid rgba(44, 70, 33, .22) !important;

}

.alheal-faq-answer p {

    margin: 0 0 16px !important;

    padding: 0 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 15.5px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: #2C4621 !important;

}

.alheal-faq-answer p:last-child {

    margin-bottom: 0 !important;

}

.alheal-faq-answer em {

    font-style: italic !important;

    color: #2C4621 !important;

}

.alheal-faq-contact {

    width: 100% !important;

    margin: 8px 0 0 !important;

    padding: 48px 48px 46px !important;

    background: #2C4621 !important;

    border-radius: 18px !important;

    text-align: center !important;

    color: #FDFCF7 !important;

}

.alheal-faq-contact-eyebrow {

    margin: 0 0 15px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .22em !important;

    color: #D2D3B3 !important;

    -webkit-text-fill-color: #D2D3B3 !important;

}

.alheal-faq-contact h2 {

    margin: 0 !important;

    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;

    font-size: 43px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.08 !important;

    color: #FDFCF7 !important;

    -webkit-text-fill-color: #FDFCF7 !important;

}

.alheal-faq-contact-line {

    width: 44px !important;

    height: 1px !important;

    margin: 23px auto 25px !important;

    background: #D2D3B3 !important;

}

.alheal-faq-contact p {

    max-width: 570px !important;

    margin: 0 auto 14px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 15.5px !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;

    color: #FDFCF7 !important;

    -webkit-text-fill-color: #FDFCF7 !important;

}

.alheal-faq-contact p:last-of-type {

    margin-bottom: 28px !important;

}

.alheal-faq-contact-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 28px !important;

    width: 100% !important;

    max-width: 250px !important;

    margin: 0 auto !important;

    padding: 15px 22px !important;

    background: #D2D3B3 !important;

    border: 0 !important;

    border-radius: 999px !important;

    box-shadow: none !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    color: #1F3818 !important;

    -webkit-text-fill-color: #1F3818 !important;

}

.alheal-faq-contact-button span {

    color: #1F3818 !important;

    -webkit-text-fill-color: #1F3818 !important;

}

/* FAQ — TABLET */

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

    .alheal-faq-inner {

        width: 84% !important;

        max-width: 760px !important;

        padding-top: 56px !important;

        padding-bottom: 70px !important;

    }

    .alheal-faq-header h1 {

        font-size: 52px !important;

    }

}

/* FAQ — MOBIL */

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

    .alheal-faq-inner {

        width: 82% !important;

        max-width: none !important;

        padding: 44px 0 60px !important;

    }

    .alheal-faq-header {

        margin-bottom: 50px !important;

    }

    .alheal-faq-eyebrow {

        font-size: 10.5px !important;

        letter-spacing: .21em !important;

        margin-bottom: 14px !important;

    }

    .alheal-faq-header h1 {

        font-size: 41px !important;

        line-height: 1.04 !important;

    }

    .alheal-faq-title-line {

        margin-top: 21px !important;

        margin-bottom: 22px !important;

    }

    .alheal-faq-header p {

        font-size: 14.5px !important;

        line-height: 1.7 !important;

    }

    .alheal-faq-section {

        margin-bottom: 50px !important;

    }

    .alheal-faq-section-heading {

        gap: 13px !important;

        margin-bottom: 16px !important;

    }

    .alheal-faq-section-heading span {

        font-size: 10px !important;

        letter-spacing: .2em !important;

    }

    .alheal-faq-item {

        margin-bottom: 10px !important;

        border-radius: 16px !important;

    }

    .alheal-faq-item summary {

        gap: 16px !important;

        padding: 19px 18px !important;

        font-size: 14.5px !important;

        line-height: 1.45 !important;

    }

    .alheal-faq-item[open] summary {

        padding-bottom: 15px !important;

    }

    .alheal-faq-plus {

        flex-basis: 20px !important;

        width: 20px !important;

        height: 20px !important;

    }

    .alheal-faq-plus::before,

    .alheal-faq-plus::after {

        width: 14px !important;

    }

    .alheal-faq-answer {

        margin: 0 18px !important;

        padding: 17px 0 20px !important;

    }

    .alheal-faq-answer p {

        margin-bottom: 14px !important;

        font-size: 14px !important;

        line-height: 1.7 !important;

    }

    .alheal-faq-contact {

        padding: 38px 22px 34px !important;

        border-radius: 18px !important;

    }

    .alheal-faq-contact-eyebrow {

        font-size: 10px !important;

    }

    .alheal-faq-contact h2 {

        font-size: 36px !important;

    }

    .alheal-faq-contact p {

        font-size: 14px !important;

        line-height: 1.7 !important;

    }

    .alheal-faq-contact-button {

        max-width: 235px !important;

        padding: 14px 20px !important;

        font-size: 14.5px !important;

    }

}

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

    .alheal-faq-inner {

        width: 84% !important;

    }

    .alheal-faq-header h1 {

        font-size: 38px !important;

    }

    .alheal-faq-item summary {

        font-size: 14px !important;

    }

    .alheal-faq-contact h2 {

        font-size: 34px !important;

    }

}

/* =========================================================

   21. UNDERSIDER — ENDELIG STRUKTUR

   ========================================================= */

#content-view:has(.alheal-about-page),

#content-view:has(.alheal-faq-page) {

    background: #F3EDDF !important;

    scroll-margin-top: 112px !important;

}

.alheal-about-page,

.alheal-faq-page {

    background: #F3EDDF !important;

}

/* =========================================================

   UNDERSIDER — DESKTOP

   ========================================================= */

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

    /* OM ALHEAL

       900px visuel ramme */

    #content-view .alheal-about-page .alheal-about-page-inner {

        width: 100% !important;

        max-width: 900px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        padding-top: 176px !important;

    }

    /* Intro og sektioner følger 900px-rammen */

    .alheal-about-page .alheal-about-intro,

    .alheal-about-page .alheal-about-section {

        width: 100% !important;

        max-width: none !important;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    /* Almindelig fortællende tekst:

       760px læsekolonne inde i 900px-rammen */

    .alheal-about-page .alheal-about-copy {

        width: 100% !important;

        max-width: 760px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    /* Afslutningskort:

       900px kort / 680px læsekolonne */

    .alheal-about-page .alheal-about-ending p {

        width: 100% !important;

        max-width: 680px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    /* Sørg for samme vandrette alignment

       på afslutningskortets overskrifter */

    .alheal-about-page .alheal-about-ending .alheal-about-ending-title,

    .alheal-about-page .alheal-about-ending .alheal-about-ending-heading {

        margin-left: auto !important;

        margin-right: auto !important;

    }

    /* FAQ

       Bevar den verificerede 1170px kortbredde */

    #content-view .alheal-faq-page .alheal-faq-inner {

        width: 100% !important;

        max-width: 1170px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        padding-top: 176px !important;

    }

    /* FAQ intro — 650px */

    .alheal-faq-page .alheal-faq-header p {

        width: 100% !important;

        max-width: 650px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    /* FAQ svar — 760px læsebredde */

    .alheal-faq-page .alheal-faq-answer p {

        max-width: 760px !important;

    }

    /* FAQ afslutning — 570px tekst */

    .alheal-faq-page .alheal-faq-contact p {

        max-width: 570px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

}

/* =========================================================

   UNDERSIDER — TABLET SCROLL-AFSTAND

   ========================================================= */

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

    #content-view:has(.alheal-about-page),

    #content-view:has(.alheal-faq-page) {

        scroll-margin-top: 94px !important;

    }

}

/* =========================================================

   UNDERSIDER — MOBIL SCROLL-AFSTAND

   ========================================================= */

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

    #content-view:has(.alheal-about-page),

    #content-view:has(.alheal-faq-page) {

        scroll-margin-top: 100px !important;

    }

}

/* =========================================================

   ALHEAL BOOKING — KORT PREVIEW

   ========================================================= */

/*

   SimplyBook lægger den fulde behandlingsbeskrivelse i .txt.short.

   På oversigtskortene skjuler vi derfor ALHEALs lange indhold

   og lader "Læs mere" åbne den fulde beskrivelse.

*/

#sb_service_step_container .service-item .txt.short

.alheal-service-page,

#sb_service_step_container .service-item .txt.short

.alheal-service-clean {

    display: none !important;

}

/* =========================================================

   ALHEAL BOOKING — LÆS MERE POPUP — DESKTOP

   ========================================================= */

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

    #sb_main #sb_service_step_container .service-item .modal-dialog {

        width: min(900px, 88vw) !important;

        min-width: 0 !important;

        max-width: 900px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

}
/* =========================================================

   ALHEAL BOOKING — LÆS MERE BILLEDE — DESKTOP

   ========================================================= */

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

    #sb_service_step_container

    .service-item

    .modal

    .full-info > .preloader.img-full > img.user-img {

        display: block !important;

        width: 240px !important;

        height: 240px !important;

        max-width: 240px !important;

        max-height: 240px !important;

        margin-left: auto !important;

        margin-right: auto !important;

        object-fit: contain !important;

        object-position: center center !important;

    }

}

/* =========================================================

   ALHEAL BOOKING — FULD BEHANDLINGSTEKST — DESKTOP

   Kun indholdet i "Læs mere"-popupen

   ========================================================= */

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

    /* Fjernhealing + Englehealing */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page {

        width: 100% !important;

        max-width: 760px !important;

        margin: 0 auto !important;

        padding: 38px 0 50px !important;

        color: #2C4621 !important;

        font-family: "Montserrat", Arial, sans-serif !important;

    }

    /* Brødtekst */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page p,

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page li {

        font-family: "Montserrat", Arial, sans-serif !important;

        font-size: 16px !important;

        font-style: normal !important;

        font-weight: 400 !important;

        line-height: 1.75 !important;

        color: #2C4621 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page p {

        margin: 0 0 19px !important;

    }

    /* Små overtekster */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-eyebrow {

        margin: 0 0 13px !important;

        font-family: "Montserrat", Arial, sans-serif !important;

        font-size: 11px !important;

        font-weight: 500 !important;

        line-height: 1.4 !important;

        letter-spacing: .22em !important;

        color: #2C4621 !important;

    }

    /* Overskrifter */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page h2,

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page h3 {

        margin: 0 !important;

        padding: 0 !important;

        font-family: "Cormorant Garamond", Georgia, serif !important;

        font-style: italic !important;

        font-weight: 500 !important;

        color: #2C4621 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page h2 {

        font-size: 50px !important;

        line-height: 1.04 !important;

        letter-spacing: -.025em !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-page h3 {

        font-size: 36px !important;

        line-height: 1.08 !important;

        letter-spacing: -.015em !important;

    }

    /* Små skillelinjer */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-divider {

        width: 48px !important;

        height: 1px !important;

        margin: 22px 0 26px !important;

        background: #2C4621 !important;

        opacity: .42 !important;

    }

    /* Intro + almindelige tekstsektioner */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-intro,

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-section {

        width: 100% !important;

        margin: 0 auto 54px !important;

        padding: 0 !important;

    }

    /* Cremefarvede sektioner */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-card {

        width: 100% !important;

        margin: 0 auto 54px !important;

        padding: 38px 42px !important;

        background: #E1E0C9 !important;

        border-radius: 18px !important;

        color: #2C4621 !important;

    }

    /* Liste */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-list {

        margin: 6px 0 24px !important;

        padding: 0 0 0 22px !important;

        list-style: disc !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-list li {

        margin: 0 0 8px !important;

        padding-left: 5px !important;

    }

    /* Fremhævet sætning */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-emphasis {

        margin: 26px 0 18px !important;

        font-family: "Cormorant Garamond", Georgia, serif !important;

        font-size: 27px !important;

        font-style: italic !important;

        font-weight: 500 !important;

        line-height: 1.25 !important;

        color: #2C4621 !important;

    }

    /* Grøn afslutning */

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-experience {

        width: 100% !important;

        margin: 0 !important;

        padding: 42px 46px !important;

        background: #2C4621 !important;

        border-radius: 18px !important;

        text-align: center !important;

        color: #FDFCF7 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-experience p {

        color: #FDFCF7 !important;

        -webkit-text-fill-color: #FDFCF7 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-experience-title {

        margin: 0 auto !important;

        font-family: "Cormorant Garamond", Georgia, serif !important;

        font-size: 37px !important;

        font-style: italic !important;

        font-weight: 500 !important;

        line-height: 1.1 !important;

        color: #D2D3B3 !important;

        -webkit-text-fill-color: #D2D3B3 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-light-divider {

        width: 48px !important;

        height: 1px !important;

        margin: 22px auto 24px !important;

        background: #D2D3B3 !important;

    }

    #sb_service_step_container

    .service-item

    .modal

    .txt.full

    .alheal-service-closing {

        margin: 26px auto 0 !important;

        font-family: "Cormorant Garamond", Georgia, serif !important;

        font-size: 26px !important;

        font-style: italic !important;

        font-weight: 500 !important;

        line-height: 1.3 !important;

        color: #D2D3B3 !important;

        -webkit-text-fill-color: #D2D3B3 !important;

    }

}

/* =========================================================

   ALHEAL — SERVICEPOPUP

   RET SPECIALTEKSTER

   ========================================================= */

#sb_service_step_container .service-item .modal .txt.full

.alheal-service-page p.alheal-service-emphasis {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 28px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.25 !important;

    margin-top: 27px !important;

    margin-bottom: 18px !important;

    color: #2C4621 !important;

}

#sb_service_step_container .service-item .modal .txt.full

.alheal-service-page p.alheal-service-experience-title {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 37px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.1 !important;

    margin: 0 auto !important;

    color: #D2D3B3 !important;

    -webkit-text-fill-color: #D2D3B3 !important;

}

#sb_service_step_container .service-item .modal .txt.full

.alheal-service-page p.alheal-service-closing {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 26px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    margin-top: 26px !important;

    margin-bottom: 0 !important;

    color: #D2D3B3 !important;

    -webkit-text-fill-color: #D2D3B3 !important;

}
/* =========================================================

   ALHEAL — SERVICEPOPUP: MINDRE LUFT I TOPPEN

   ========================================================= */

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

    #sb_service_step_container .service-item .modal .full-info .tab-pd {

        padding-top: 8px !important;

    }

    #sb_service_step_container .service-item .modal .full-info .cap.full {

        padding-top: 18px !important;

    }

    #sb_service_step_container .service-item .modal .txt.full .alheal-service-page {

        padding-top: 26px !important;

padding-bottom: 24px !important;

    }

}
/* =========================================================

   BOOKING — MOBIL: VIS "LÆS MERE"

   ========================================================= */

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

    #sb_service_step_container

    .service-item

    .excerpt-info

    .txt.short {

        height: 32px !important;

        max-height: 32px !important;

        overflow: visible !important;

        position: relative !important;

    }

    #sb_service_step_container

    .service-item

    .excerpt-info

    .txt.short

    > span.read-more[data-toggle="modal"] {

        display: inline-block !important;

        position: static !important;

        float: none !important;

    }

}

/* =========================================================

   BOOKING — MOBIL: MERE KOMPAKT SERVICEBILLEDE

   ========================================================= */

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

    #sb_service_step_container

    .service-item

    .excerpt-info

    > .preloader {

        height: 190px !important;

        min-height: 190px !important;

        padding-bottom: 0 !important;

        overflow: hidden !important;

        position: relative !important;

    }

    #sb_service_step_container

    .service-item

    .excerpt-info

    .preloader

    .user.img {

        width: 100% !important;

        height: 190px !important;

        display: flex !important;

   align-items: flex-end !important;     


        justify-content: center !important;

    }

    #sb_service_step_container

    .service-item

    .excerpt-info

    .preloader

    .user.img

    > img.user-img {

        width: 230px !important;

        height: 230px !important;

        max-width: 230px !important;

        max-height: 230px !important;

        object-fit: contain !important;

        object-position: center !important;

    }

}

    #sb_service_step_container

    .service-item

    .excerpt-info

    > .preloader {

        height: 190px !important;

        min-height: 190px !important;

        padding-bottom: 0 !important;

        overflow: hidden !important;

    }

    #sb_service_step_container

    .service-item

    .excerpt-info

    .preloader

    .user.img {

        width: 100% !important;

        height: 100% !important;

    }

    #sb_service_step_container

    .service-item

    .excerpt-info

    .preloader

    .user.img

    > img.user-img {

        width: 100% !important;

        height: 100% !important;

        object-fit: contain !important;

        object-position: center !important;

    }

}
/* =========================================================

   BOOKING — MOBIL: TEKST EFTER SERVICEBILLEDE

   ========================================================= */

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

    #sb_service_step_container

    .service-item

    .excerpt-info

    .tab-pd {

        padding-top: 8px !important;

        margin-top: 0 !important;

    }

}
/* =========================================================

   BOOKING — TILKØB: FJERN DOBBELT TITEL I PREVIEW

   ========================================================= */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

> .tab

> .paid-attr__description

> .alheal-addon-clean

> p:first-child

> strong,

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

> .tab

> .paid-attr__description

> .alheal-addon-clean

> p:first-child

> strong

+ br {

    display: none !important;

}
/* =========================================================

   BOOKING — TILKØB: PLADS TIL UNDERTITEL + LÆS MERE

   ========================================================= */

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

    #sb_attribute_list_container

    .paid-attr__item:has(#attr_check_1)

    .paid-attr__description {

        height: 52px !important;

        min-height: 52px !important;

        overflow: hidden !important;

        padding-right: 110px !important;

    }

    #sb_attribute_list_container

    .paid-attr__item:has(#attr_check_1)

    .paid-attr__description

    > span.read-more {

        top: 0 !important;

        right: 0 !important;

        bottom: auto !important;

    }

}
/* =========================================================

   BOOKING — ALHEAL BAGGRUND

   ========================================================= */

#sb-timeline,

#sb-timeline #steps,

#sb-timeline #steps-content {

    background: #F3EDDF !important;

}
/* =========================================================

   BOOKING — ALHEAL SERVICEKORT

   ========================================================= */

#sb_service_step_container

.service-item

.tab.tab-col {

    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow: 0 8px 24px rgba(31, 56, 24, 0.08) !important;

}
/* =========================================================

   BOOKING — ALHEAL TRINBJÆLKE

   ========================================================= */

#sb-timeline #steps-nav {

    border-radius: 18px !important;

    overflow: hidden !important;

}
/* =========================================================

   BOOKING — ALHEAL TRINTYPOGRAFI

   ========================================================= */

#sb-timeline

#steps-nav

.step_info_item

.title-small {

    font-family: "Montserrat", sans-serif !important;

    font-weight: 500 !important;

    letter-spacing: 0.02em !important;

}
/* =========================================================

   BOOKING — ALHEAL TILVALGSKORT

   ========================================================= */

#sb-timeline

#sb_booking_content

.paid-attribute-wrapper

#sb_attribute_list_container

.paid-attr__item {

    border-radius: 18px !important;

    border: 1px solid rgba(44, 70, 33, 0.12) !important;

    background: #FDFCF7 !important;

    box-shadow: 0 8px 24px rgba(31, 56, 24, 0.06) !important;

    overflow: hidden !important;

}
/* =========================================================

   BOOKING — ALHEAL TILVALG FOOTER

   ========================================================= */

#sb-timeline

#steps

#steps-content

.paid-attribute-footer {

    background: #F3EDDF !important;

    border-top: 1px solid rgba(44, 70, 33, 0.10) !important;

}
/* =========================================================

   BOOKING — ALHEAL TILVALG OVERSKRIFT

   ========================================================= */

#sb-timeline

#sb_booking_content

.paid-attribute-wrapper

.section-pd

> .title-main {

    font-family: "Cormorant Garamond", serif !important;

    font-style: italic !important;

    font-weight: 500 !important;

    font-size: 36px !important;

    line-height: 1.08 !important;

    color: #2C4621 !important;

}
/* =========================================================

   BOOKING — TILVALGSKORT

   ========================================================= */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1) {

    background: #FDFCF7 !important;

    border: 1px solid rgba(44, 70, 33, 0.14) !important;

    border-radius: 18px !important;

    box-shadow: 0 8px 24px rgba(31, 56, 24, 0.06) !important;

}

/* Mere rolig indvendig afstand */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

> .tab {

    padding: 24px !important;

}

/* Ikon + titel */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

.one-line:first-child {

    align-items: center !important;

    margin-bottom: 20px !important;

}

/* Behandlingens navn */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

.item-name {

    color: #2C4621 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    min-height: 0 !important;

}

/* Undertitel + Læs mere */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

.paid-attr__description {

    margin-bottom: 24px !important;

}

/* Pris */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

.item-price {

    color: #2C4621 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 16px !important;

    font-weight: 600 !important;

}

/* Valgt tilvalg */

#sb_attribute_list_container

.paid-attr__item.selected:has(#attr_check_1) {

    background: #E1E0C9 !important;

    border-color: #2C4621 !important;

}
/* =========================================================

   BOOKING — TILVALG: KUN UNDERTITEL I MOBIL-PREVIEW

   ========================================================= */

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

    /* Skjul kun den lange brødtekst i previewet */

    #sb_attribute_list_container

    .paid-attr__item:has(#attr_check_1)

    > .tab

    > .paid-attr__description

    > .alheal-addon-clean

    > p:not(:first-child) {

        display: none !important;

    }

    /* Giv plads til hele undertitlen */

    #sb_attribute_list_container

    .paid-attr__item:has(#attr_check_1)

    > .tab

    > .paid-attr__description {

        height: 72px !important;

        min-height: 72px !important;

        max-height: 72px !important;

        overflow: hidden !important;

        padding-right: 120px !important;

        margin-bottom: 22px !important;

        position: relative !important;

    }

    /* Bevar "Læs mere" til højre */

    #sb_attribute_list_container

    .paid-attr__item:has(#attr_check_1)

    > .tab

    > .paid-attr__description

    > span.read-more {

        top: 0 !important;

        right: 0 !important;

        bottom: auto !important;

    }

}
/* =========================================================

   BOOKING — ALHEAL TILVALG CHECKBOX

   ========================================================= */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

label.product-label::before {

    width: 22px !important;

    height: 22px !important;

    border-radius: 6px !important;

    border: 1px solid rgba(44, 70, 33, 0.35) !important;

    background: #FDFCF7 !important;

    box-shadow: none !important;

}

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

input.check:checked

+ label.product-label::before {

    background: #2C4621 !important;

    border-color: #2C4621 !important;

}

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

input.check:checked

+ label.product-label::after {

    color: #FDFCF7 !important;

}
/* =========================================================

   BOOKING — CHECKBOX FLUEBEN

   ========================================================= */

#sb_attribute_list_container

.paid-attr__item:has(#attr_check_1)

input.check:checked

+ label.product-label::after {

    color: #FDFCF7 !important;

    border-color: #FDFCF7 !important;

}
/* =========================================================

   BOOKING — ALHEAL DATO & TID PANELER

   ========================================================= */

#sb_datetime_step_container

#sb_dateview_container,

#sb_datetime_step_container

#sb_timeview_container {

    background: #FDFCF7 !important;

    border-radius: 18px !important;

    box-shadow: 0 8px 24px rgba(31, 56, 24, 0.07) !important;

}
/* =========================================================

   BOOKING — ALHEAL TIDSKNAPPER

   ========================================================= */

#sb_datetime_step_container

#sb_timeview_container

.cell.sb-cell {

    border-radius: 8px !important;

}

/* =========================================================

   BOOKING — ALHEAL DATOPILE

   ========================================================= */

#sb_dateview_container

#sb_prev_date::before,

#sb_dateview_container

#sb_next_date::before {

    background-image: none !important;

    background-color: #2C4621 !important;

    -webkit-mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    -webkit-mask-size: contain !important;

    mask-repeat: no-repeat !important;

    mask-position: center !important;

    mask-size: contain !important;

    opacity: 1 !important;

}

#sb_dateview_container

#sb_prev_date::before {

    -webkit-mask-image: url("https://alheal.simplybook.it/v2/themes/simple_beauty_theme/img/ics/arrow_prev.svg") !important;

    mask-image: url("https://alheal.simplybook.it/v2/themes/simple_beauty_theme/img/ics/arrow_prev.svg") !important;

    transform: none !important;

}

#sb_dateview_container

#sb_next_date::before {

    -webkit-mask-image: url("https://alheal.simplybook.it/v2/themes/simple_beauty_theme/img/ics/arrow_prev.svg") !important;

    mask-image: url("https://alheal.simplybook.it/v2/themes/simple_beauty_theme/img/ics/arrow_prev.svg") !important;

    transform: rotate(180deg) !important;

}


/* =========================================================

   BOOKING — ALHEAL KLIENTFELTER

   ========================================================= */

#details input#sb_client_name,

#details input#sb_client_email,

#details .input-group:has(> input#sb_client_phone) > .iti > input.iti__tel-input {

    background: #F3EDDF !important;

    border: 1px solid rgba(44, 70, 33, 0.12) !important;

    border-radius: 10px !important;

    color: #2C4621 !important;

    box-shadow: none !important;

    font-family: "Montserrat", Arial, sans-serif !important;

}
/* =========================================================

   BOOKING — ALHEAL KLIENTOVERSKRIFT

   ========================================================= */

#details .title-main {

    font-family: "Cormorant Garamond", serif !important;

    font-style: italic !important;

    font-weight: 500 !important;

    font-size: 36px !important;

    line-height: 1.08 !important;

    color: #2C4621 !important;

}
/* =========================================================

   BOOKING — ALHEAL RESUMÉ

   ========================================================= */

#details .confirm-details {

    background: #FDFCF7 !important;

    border-radius: 18px !important;

    box-shadow: 0 8px 24px rgba(31, 56, 24, 0.06) !important;

    padding: 24px !important;

}
/* =========================================================

   BOOKING — ALHEAL BETINGELSER

   ========================================================= */

#details #sb_terms_and_conditions,

#details #sb_terms_and_conditions label,

#details #sb_terms_and_conditions a {

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.6 !important;

    color: #2C4621 !important;

}
/* =========================================================

   BOOKING — ALHEAL BETINGELSES-CHECKBOXES

   ========================================================= */

#details

#sb_terms_and_conditions

.custom-checkbox

> input

+ .custom-label::before {

    width: 22px !important;

    height: 22px !important;

    background: #FDFCF7 !important;

    border: 1px solid rgba(44, 70, 33, 0.35) !important;

    border-radius: 6px !important;

    box-sizing: border-box !important;

}

#details

#sb_terms_and_conditions

.custom-checkbox

> input:checked

+ .custom-label::before {

    background: #2C4621 !important;

    border-color: #2C4621 !important;

}

#details

#sb_terms_and_conditions

.custom-checkbox

> input:checked

+ .custom-label::after {

    border-right-color: #FDFCF7 !important;

    border-bottom-color: #FDFCF7 !important;

}
/* =========================================================

   BOOKING — ALHEAL BEKRÆFT BOOKING

   ========================================================= */

#details

#sb_book_btn:not(.disabled):not([disabled]):not([aria-disabled="true"]) {

    background: #2C4621 !important;

    color: #FDFCF7 !important;

    border-radius: 10px !important;

    box-shadow: none !important;

}

#details

#sb_book_btn:not(.disabled):not([disabled]):not([aria-disabled="true"])

span {

    color: #FDFCF7 !important;

}
/* =========================================================

   BOOKING — ALHEAL RESUMÉ-DROPDOWN

   ========================================================= */

#details #collapseInvoice_details {

    background: #F3EDDF !important;

    border: 1px solid rgba(44, 70, 33, 0.12) !important;

    border-radius: 10px !important;

    color: #2C4621 !important;

    box-shadow: none !important;

}
/* =========================================================

   BOOKING — ALHEAL RESUMÉ-DROPDOWN

   ========================================================= */

#details

.current-booking-info

.accordion

> a.title[data-target="#collapseInvoice_details"] {

    background: #F3EDDF !important;

    border: 1px solid rgba(44, 70, 33, 0.12) !important;

    border-radius: 10px !important;

    color: #2C4621 !important;

    box-shadow: none !important;

}
/* =========================================================

   HEADER — TABLET: CENTRÉR HAMBURGER

   ========================================================= */

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

    #header

    .header-controls

    > .nav-trigger {

        align-self: center !important;

    }

}
/* =========================================================

   KONTAKT — TABLET: JUSTÉR BILLEDFOKUS

   ========================================================= */

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

    #alheal-kontakt

    .alheal-contact-image

    > img {

        object-position: 42% center !important;

    }

}


/* =========================================================

   ALHEAL — TRE BEHANDLINGSSIDER

   FJERNHEALING / ENGLEHEALING / KRYSTALHEALING

   ========================================================= */

/* Sammenhængende beige baggrund på behandlingssiderne */

#main-content:has(.alheal-treatment-page),

#sb_content:has(.alheal-treatment-page),

#content-view:has(.alheal-treatment-page),

#custom-page:has(.alheal-treatment-page),

.page-content:has(.alheal-treatment-page) {

    background: #F3EDDF !important;

}

/* Fjern SimplyBooks breddebegrænsning på netop disse sider */

#content-view:has(.alheal-treatment-page) > .container-fluid.column {

    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}

/* Behandlingssidernes ydre ramme */

.alheal-treatment-page,

.alheal-treatment-page * {

    box-sizing: border-box !important;

}

.alheal-treatment-page {

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 176px 24px 80px !important;

    background: #F3EDDF !important;

    color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

}

/* Fælles indholdsstruktur */

.alheal-treatment-page-intro,

.alheal-treatment-page-section,

.alheal-treatment-page-card,

.alheal-treatment-page-ending {

    width: 100% !important;

    margin-left: auto !important;

    margin-right: auto !important;

}

.alheal-treatment-page-intro,

.alheal-treatment-page-section {

    max-width: 760px !important;

}

.alheal-treatment-page-section {

    margin-top: 58px !important;

}

.alheal-treatment-page-card {

    max-width: 900px !important;

    margin-top: 58px !important;

    padding: 38px 42px !important;

    background: #E1E0C9 !important;

    border-radius: 18px !important;

}

/* Små overtekster */

.alheal-treatment-page-eyebrow {

    margin: 0 0 13px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 12px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .22em !important;

    color: #2C4621 !important;

}

/* Overskrifter */

.alheal-treatment-page h1,

.alheal-treatment-page h2 {

    margin: 0 !important;

    padding: 0 !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-style: italic !important;

    font-weight: 500 !important;

    color: #2C4621 !important;

}

.alheal-treatment-page h1 {

    font-size: 58px !important;

    line-height: 1.02 !important;

    letter-spacing: -.025em !important;

}

.alheal-treatment-page h2 {

    font-size: 42px !important;

    line-height: 1.08 !important;

    letter-spacing: -.015em !important;

}

.alheal-treatment-page-divider {

    width: 48px !important;

    height: 1px !important;

    margin: 24px 0 27px !important;

    background: #2C4621 !important;

    opacity: .42 !important;

}

/* Brødtekst */

.alheal-treatment-page p,

.alheal-treatment-page li {

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: #2C4621 !important;

}

.alheal-treatment-page p {

    margin: 0 0 18px !important;

}

.alheal-treatment-page p:last-child {

    margin-bottom: 0 !important;

}

/* Lister */

.alheal-treatment-page-list {

    margin: 6px 0 24px !important;

    padding-left: 22px !important;

}

.alheal-treatment-page-list li {

    margin-bottom: 8px !important;

    padding-left: 5px !important;

}

/* Fremhævet tekst */

.alheal-treatment-page-emphasis {

    margin: 27px 0 18px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 28px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.25 !important;

}

/* Grøn afslutning */

.alheal-treatment-page-ending {

    max-width: 900px !important;

    margin-top: 58px !important;

    padding: 44px 46px !important;

    background: #2C4621 !important;

    border-radius: 18px !important;

    text-align: center !important;

}

.alheal-treatment-page-ending p {

    max-width: 680px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    color: #FDFCF7 !important;

    -webkit-text-fill-color: #FDFCF7 !important;

}

.alheal-treatment-page-ending-title {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 38px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.1 !important;

    color: #D2D3B3 !important;

    -webkit-text-fill-color: #D2D3B3 !important;

}

.alheal-treatment-page-light-divider {

    width: 48px !important;

    height: 1px !important;

    margin: 22px auto 24px !important;

    background: #D2D3B3 !important;

}

.alheal-treatment-page-closing {

    margin-top: 26px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 27px !important;

    font-style: italic !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    color: #D2D3B3 !important;

    -webkit-text-fill-color: #D2D3B3 !important;

}

/* Bookingknap */

.alheal-treatment-page-book-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 28px !important;

    width: 100% !important;

    max-width: 270px !important;

    margin: 30px auto 0 !important;

    padding: 15px 22px !important;

    background: #D2D3B3 !important;

    border-radius: 999px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    color: #1F3818 !important;

    -webkit-text-fill-color: #1F3818 !important;

}

.alheal-treatment-page-book-button span {

    color: #1F3818 !important;

    -webkit-text-fill-color: #1F3818 !important;

}

/* =========================================================

   BEHANDLINGSSIDER — TABLET

   ========================================================= */

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

    .alheal-treatment-page {

        padding: 126px 24px 64px !important;

    }

    .alheal-treatment-page h1 {

        font-size: 52px !important;

    }

    .alheal-treatment-page h2 {

        font-size: 39px !important;

    }

}

/* =========================================================

   BEHANDLINGSSIDER — MOBIL

   ========================================================= */

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

    .alheal-treatment-page {

        padding: 132px 20px 54px !important;

    }

    .alheal-treatment-page h1 {

        font-size: 42px !important;

        line-height: 1.02 !important;

    }

    .alheal-treatment-page h2 {

        font-size: 34px !important;

    }

    .alheal-treatment-page-eyebrow {

        font-size: 10.5px !important;

        letter-spacing: .20em !important;

    }

    .alheal-treatment-page p,

    .alheal-treatment-page li {

        font-size: 14.5px !important;

        line-height: 1.7 !important;

    }

    .alheal-treatment-page-section {

        margin-top: 44px !important;

    }

    .alheal-treatment-page-card {

        margin-top: 44px !important;

        padding: 30px 22px !important;

    }

    .alheal-treatment-page-emphasis {

        font-size: 25px !important;

    }

    .alheal-treatment-page-ending {

        margin-top: 44px !important;

        padding: 34px 22px 32px !important;

    }

    .alheal-treatment-page-ending-title {

        font-size: 32px !important;

    }

    .alheal-treatment-page-closing {

        font-size: 24px !important;

    }

    .alheal-treatment-page-book-button {

        max-width: 250px !important;

        padding: 14px 20px !important;

        font-size: 14.5px !important;

    }

}

/* =========================================================

   FORSIDE — ENS BEHANDLINGSKNAPPER — DESKTOP

   ========================================================= */

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

    #alheal-behandlinger .alheal-treatment-button {

        height: 64px !important;

        min-height: 64px !important;

        flex-shrink: 0 !important;

        align-items: center !important;

        justify-content: space-between !important;

    }

    #alheal-behandlinger .alheal-treatment-button > span:first-child {

        flex: 1 1 auto !important;

        min-width: 0 !important;

        white-space: normal !important;

        text-align: left !important;

    }

    #alheal-behandlinger .alheal-treatment-button > span:last-child {

        flex: 0 0 auto !important;

    }

}



/* =========================================================

   ALHEAL — MOBIL: RET OVERSKRIFTER UNDER HEADER

   Kun Om ALHEAL og Spørgsmål & svar

   ========================================================= */

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

    .alheal-about-page .alheal-about-page-inner {

        padding-top: 142px !important;

    }

    .alheal-faq-inner {

        padding-top: 144px !important;

    }

}

/* =========================================================

   BOOKING — ALHEAL ADRESSEFELT VED FJERNHEALING

   ========================================================= */

#details textarea[placeholder^="Hvilken adresse"] {

    display: block !important;

    box-sizing: border-box !important;

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    min-height: 100px !important;

    height: auto !important;

    padding: 12px 15px !important;

    background: var(--alheal-warm, #F3EDDF) !important;

    border: 1px solid rgba(44, 70, 33, 0.12) !important;

    border-radius: 10px !important;

    box-shadow: none !important;

    color: var(--alheal-green, #2C4621) !important;

    font-family: var(--alheal-sans, "Montserrat", Arial, sans-serif) !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    resize: vertical !important;

}

#details textarea[placeholder^="Hvilken adresse"]::placeholder {

    color: #999999 !important;

    opacity: 1 !important;

}

/* Tydelig markering ved tastaturfokus */

#details textarea[placeholder^="Hvilken adresse"]:focus-visible {

    outline: 2px solid var(--alheal-green, #2C4621) !important;

    outline-offset: 2px !important;

}

/* =========================================================

   ALHEAL — UGEKALENDER OG BOOKINGENS SIDEKORT

   ========================================================= */

/* =========================================================

   1. UGEKALENDER — LÆSBARE LEDIGE TIDER

   ========================================================= */

#sb_time_slots_weekly_container a.cell.sb-cell.free {

    background: #2C4621 !important;

    color: #F7F5ED !important;

    -webkit-text-fill-color: #F7F5ED !important;

    border-radius: 10px !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-weight: 500 !important;

}

#sb_time_slots_weekly_container a.cell.sb-cell.free * {

    color: #F7F5ED !important;

    -webkit-text-fill-color: #F7F5ED !important;

}

#sb_time_slots_weekly_container a.cell.sb-cell.free:hover {

    background: #1F3818 !important;

}

#sb_time_slots_weekly_container a.cell.sb-cell.free:focus-visible {

    outline: 2px solid #2C4621 !important;

    outline-offset: 3px !important;

}

/* =========================================================

   2. SIDEKORT — BEHANDLING

   Bevar billede, navn, pris og Læs mere

   ========================================================= */

/* Fjern den lange beskrivelse fra det lille kort */

#sb_sidebar_container

.service-item

.excerpt-info

.txt.short

> .alheal-service-page,

#sb_sidebar_container

.service-item

.excerpt-info

.txt.short

> .alheal-service-clean {

    display: none !important;

}

/* Lad indholdet bestemme kortets højde */

#sb_sidebar_container

.service-item

> .tab

> .excerpt-info {

    height: auto !important;

    min-height: 0 !important;

}

#sb_sidebar_container

.service-item

.excerpt-info

.tab-pd {

    padding: 20px !important;

}

#sb_sidebar_container

.service-item

.excerpt-info

.tab-pd

> .content {

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 0 !important;

    height: auto !important;

    min-height: 0 !important;

}

/* Behandlingens navn */

#sb_sidebar_container

.service-item

.excerpt-info

.cap.short {

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 0 12px !important;

    padding: 0 !important;

    overflow: visible !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    line-height: 1.45 !important;

}

/* Pris før Læs mere */

#sb_sidebar_container

.service-item

.excerpt-info

.bar-service {

    order: 1 !important;

    width: 100% !important;

    margin: 0 0 14px !important;

    padding: 0 !important;

}

#sb_sidebar_container

.service-item

.excerpt-info

.bar-service

.price {

    position: static !important;

    float: none !important;

    color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 16px !important;

    line-height: 1.5 !important;

}

/* Området med Læs mere */

#sb_sidebar_container

.service-item

.excerpt-info

.txt.short {

    order: 2 !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

}

/* =========================================================

   3. SIDEKORT — MIE

   Navn og Læs mere på hver sin linje

   ========================================================= */

#sb_sidebar_container

.provider-item

> .tab

> .excerpt-info {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;

    gap: 12px !important;

    height: auto !important;

    min-height: 0 !important;

    padding: 20px !important;

}

#sb_sidebar_container

.provider-item

> .tab

> .excerpt-info

> .name {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    line-height: 1.45 !important;

}

/* =========================================================

   4. SIDEKORT — TYDELIGE LÆS MERE-LINKS

   Kun kortenes preview, ikke indholdet i popupperne

   ========================================================= */

#sb_sidebar_container

.service-item

.excerpt-info

.txt.short

> .read-more,

#sb_sidebar_container

.provider-item

> .tab

> .excerpt-info

> .read-more {

    position: static !important;

    float: none !important;

    transform: none !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    width: fit-content !important;

    height: auto !important;

    min-height: 44px !important;

    max-height: none !important;

    margin: 0 !important;

    padding: 8px 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #2C4621 !important;

    -webkit-text-fill-color: #2C4621 !important;

    font-family: "Montserrat", Arial, sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    text-decoration: underline !important;

    text-underline-offset: 4px !important;

    cursor: pointer !important;

}

#sb_sidebar_container

.service-item

.excerpt-info

.txt.short

> .read-more:focus-visible,

#sb_sidebar_container

.provider-item

> .tab

> .excerpt-info

> .read-more:focus-visible {

    outline: 2px solid #2C4621 !important;

    outline-offset: 3px !important;

}



/* Hjem-link: giv plads til den faste menu */

#alheal-hero {

    scroll-margin-top: 112px !important;

}

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

    #alheal-hero {

        scroll-margin-top: 94px !important;

    }

}

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

    #alheal-hero {

        scroll-margin-top: 100px !important;

    }

}

/* =========================================================

   ALHEAL — COMPUTERMENU

   Ens afstand og markering af aktiv side

   ========================================================= */

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

    /* Giv menuen adgang til den ledige plads */

    #header .header-controls {

        width: 100% !important;

        min-width: 0 !important;

    }

    #header .nav-wrapper {

        flex: 1 1 auto !important;

        min-width: 0 !important;

    }

    #header .nav-wrapper #sb_menu {

        width: 100% !important;

        min-width: 0 !important;

    }

    #header #sb_menu_list_items_container {

        display: flex !important;

        align-items: center !important;

        justify-content: flex-end !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        float: none !important;

    }

    /* Fjern den dobbelte afstand omkring punkterne */

    #header .nav-wrapper #sb_menu .nav li {

        padding-left: 0 !important;

        padding-right: 0 !important;

        margin-bottom: 0 !important;

    }

    /* Ensartet størrelse og afstand på linkene */

    #header .nav-wrapper #sb_menu .nav li a {

        position: relative !important;

        font-size: 17px !important;

        line-height: 1.3 !important;

        padding-left: 14px !important;

        padding-right: 14px !important;

        white-space: nowrap !important;

    }

    /* Aktiv side — også punkter i den indlejrede liste */

    #header #sb_menu_list_items_container li.menu-item.active > a::after,

    /* Det brugerdefinerede Hjem-link */

    #sb_main.page--index

    #header #sb_menu_list_items_container

    a[href$="#alheal-hero"]::after,

    /* Det brugerdefinerede bookinglink */

    #sb_main.page--booking

    #header #sb_menu_list_items_container

    a[href*="#book/"]::after {

        content: "" !important;

        display: block !important;

        position: absolute !important;

        left: 14px !important;

        right: 14px !important;

        bottom: -7px !important;

        height: 2px !important;

        background: var(--alheal-cream) !important;

        border-radius: 999px !important;

        pointer-events: none !important;

    }

}

/* ALHEAL — VIS ALLE MENUPUNKTER PÅ COMPUTER */

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

    #header #sb_appended_menu_item {

        display: flex !important;

        align-items: center !important;

        position: static !important;

        flex: 0 0 auto !important;

    }

    /* Skjul kun selve Mere-knappen */

    #header #sb_appended_menu_item > a {

        display: none !important;

    }

    /* Vis punkterne direkte i toplinjen */

    #header #sb_appended_menu_item > #sb_appended_child_menu {

        display: flex !important;

        align-items: center !important;

        position: static !important;

        width: auto !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        top: auto !important;

        right: auto !important;

        opacity: 1 !important;

        visibility: visible !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        transition: none !important;

    }

    #header #sb_appended_child_menu::before {

        display: none !important;

    }

    #header #sb_appended_child_menu > li {

        flex: 0 0 auto !important;

        margin: 0 !important;

        padding: 0 !important;

    }

    #header #sb_appended_child_menu > li > a {

        display: block !important;

        padding: 0 14px 3px !important;

        border: 0 !important;

        background: transparent !important;

        font-size: 17px !important;

        line-height: 1.3 !important;

    }

}