@import"https://fonts.googleapis.com/css?family=Montserrat:400&display=swap";

body.debug {
    padding-bottom: 450px
}

body.debug * {
    outline: 1px solid red
}

iframe.portal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40vh
}

:root {
    --meny-clr-red-dark: #671f22;
    --meny-clr-red-light: #854c4e;
    --meny-clr-light-600: #ebe3c4;
    --meny-clr-light-200: #f3eedc;
    --meny-clr-light-100: #fbf9f3;
    --meny-clr-gray-900: #242424;
    --meny-clr-text: var(--meny-clr-red-light);
    --meny-clr-bg: var(--meny-clr-light-600);
    --meny-clr-surface-dark: var(--meny-clr-gray-900);
    --meny-clr-surface-light: var(--meny-clr-light-600)
}

:root {
    font-weight: 400;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 1280px) {

    button,
    html,
    input,
    textarea {
        font-size: 81.25%
    }
}

img {
    max-width: 100%;
    height: auto
}

.site-content:has(+.karburator-root-section) .container {
    padding-block: 0
}

.karburator-root-section+.frontpage_usp {
    margin-top: 0
}

.karburator-root-section {
    font-family: Montserrat, sans-serif;
    background-color: #fbfaf4;
    color: #333
}

.karburator-root-section :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 400
}

.karburator-root-section .container {
    width: 80%
}

@media (min-width: 768px) {
    .karburator-root-section .container {
        max-width: 100%
    }
}

@media screen and (min-width: 980px) {
    .karburator-root-section .container {
        width: 100%;
        max-width: 1080px
    }
}

.karburator-root-section .section {
    padding: 50px 0
}

@media only screen and (min-width: 981px) {
    .karburator-root-section .section {
        padding: 4% 0
    }
}

@media only screen and (min-width: 1350px) {
    .karburator-root-section .section {
        padding: 54px 0
    }
}

@media screen and (min-width: 768px) {
    .karburator-root-section .section:has(.shift-header-container) {
        padding-top: 0
    }
}

.page-hero {
    position: relative;
    padding-block: 190px 50px;
    display: grid;
    place-items: center
}

.page-hero .section-bg {
    position: absolute;
    inset: 0
}

.page-hero .section-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width: 980px) {
    .page-hero {
        min-height: 50vh
    }
}

@media screen and (min-width: 981px) {
    .page-hero {
        min-height: 800px;
        padding-block: 4%
    }
}

.page-hero .row {
    margin-top: 4vh !important;
    margin-bottom: auto !important
}

.page-hero .col-1 {
    padding-inline: 10px
}

.page-hero-inner-content {
    margin-inline: auto;
    max-width: 80%
}

.page-hero-inner-content h2 {
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 980px) {
    .page-hero-inner-content {
        margin-inline: 2% auto;
        width: 47.25%;
        margin-inline: 0 auto
    }
}

.page-hero-inner-content h2 {
    font-size: 32px;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .page-hero-inner-content h2 {
        font-size: 44px
    }
}

@media only screen and (min-width: 980px) {
    .page-hero-inner-content h2 {
        font-size: 60px
    }
}

.container:has(.shifted-header) {
    isolation: isolate
}

.container:has(.shifted-header) .row {
    margin-inline: auto;
    width: 80%
}

.shift-header-container {
    margin-inline: auto
}

@media screen and (min-width: 990px) {
    .shift-header-container {
        max-width: 64%
    }
}

@media screen and (min-width: 768px) {
    .shifted-header {
        min-width: 200px;
        margin-inline: auto;
        margin-top: calc(-65px - 1rem);
        background-color: var(--_bg-color, #fbf9f3);
        padding: 1.4rem 2rem 0
    }
}

@media screen and (min-width: 990px) {
    .shifted-header {
        min-width: 500px
    }
}

.shifted-header h2,
.shifted-header h3 {
    color: #8f5855
}

.shifted-header h2 {
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: .5rem
}

.shifted-header h3 {
    font-size: 36px;
    margin-top: 0
}

.shifted-header+p {
    max-width: 780px;
    margin-inline: auto;
    text-align: center
}

.blurb-module {
    background-color: #f4f0df;
    background-color: attr(data-bg-color type(<color>), transparent);
    padding-bottom: 2rem
}

.blurb-module :where(h1, h2, h3, h4, h5, h6) {
    color: var(--meny-clr-red-dark)
}

.blurb-module .blurb-image {
    background: currentColor
}

.blurb-module .blurb-image img {
    display: block;
    margin: 0;
    width: 100%
}

.blurb-module .blurb-image img.img-squareish {
    width: 100%;
    height: auto;
    aspect-ratio: 41/39;
    object-fit: cover
}

.blurb-module .blurb-container {
    --_spacer: 1rem;
    padding-inline: .5rem;
    margin-top: var(--_spacer)
}

.blurb-module .blurb-container h3 {
    margin-block: 0 .5rem
}

.blurb-module .blurb-container p {
    line-height: 1.5;
    text-wrap-style: stable
}

.blurb-module .blurb-container p:has(.see-more:only-child) {
    margin-top: 1rem;
    text-align: end
}

.blurb-module .blurb-container p .see-more {
    color: inherit;
    text-transform: uppercase;
    font-weight: 500
}

.blurb-module.blurb-2cols-image {
    container-name: blurb2Cols;
    container-type: inline-size;
    margin-block: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.blurb-module.blurb-2cols-image :where(h1, h2, h3, h4, h5, h6, p) {
    text-align: center;
    margin-block: 0 1rem
}

.blurb-module.blurb-2cols-image h2:has(+h3) {
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #671f22
}

.blurb-module.blurb-2cols-image :where(h3, h4, h5, h6) {
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
    padding-bottom: 0;
    line-height: 1.1;
    font-weight: 500;
    text-wrap-style: balance
}

.blurb-module.blurb-2cols-image h3 {
    padding-bottom: 10px;
    margin-bottom: 1.875rem
}

.blurb-module.blurb-2cols-image .blurb-content .et_pb_button {
    margin-block: .875rem
}

@container blurb2Cols (width >=900px) {
    .blurb-module.blurb-2cols-image .blurb-content {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(445px, 1fr));
        align-items: start;
        max-width: 100%
    }

    .blurb-module.blurb-2cols-image .blurb-content .et_pb_button {
        margin-block-end: 1rem
    }
}

.blurb-module.blurb-2cols-image .blurb-image {
    margin-block-end: 0;
    height: 100%
}

.blurb-module.blurb-2cols-image .blurb-image>span {
    display: block;
    height: 100%
}

.blurb-module.blurb-2cols-image .blurb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blurb-module.blurb-2cols-image .blurb-container {
    padding: 1rem 3% .5rem;
    padding: 2.5rem 2rem 3rem;
    max-width: 62ch;
    margin-inline: auto
}

@container blurb2Cols (width >=900px) {
    .blurb-module.blurb-2cols-image .blurb-container {
        display: block;
        height: 100%;
        padding: 1.875rem 4.375rem
    }
}

@container blurb2Cols (width >=900px) {
    .blurb-module.blurb-2cols-image.blurb-2cols-right .blurb-image {
        grid-column: 2;
        grid-row: 1
    }

    .blurb-module.blurb-2cols-image.blurb-2cols-right .blurb-container {
        grid-column: 1;
        grid-row: 1
    }
}