@charset "UTF-8";

/* just import this file to your main stylesheet .scss file */
*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

:where(:root) {
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

:where(main) {
    display: block;
}

:where(h1) {
    font-size: 2em;
    margin: 0.67em 0;
}

:where(p + p) {
    margin-top: 1rem;
}

:where(a) {
    background-color: transparent;
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

:where(code, kbd, samp, pre) {
    font-family: monospace, monospace;
    font-size: 1em;
}

:where(sub, sup) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

:where(sub) {
    bottom: -0.25em;
}

:where(sup) {
    top: -0.5em;
}

:where(button, input, optgroup, select, textarea) {
    line-height: inherit;
    border: 1px solid currentColor;
}

:where(button) {
    overflow: visible;
    text-transform: none;
}

:where(button, [type=button], [type=reset], [type=submit]) {
    -webkit-appearance: button;
    padding: 1px 6px;
}

:where(button, [type=button], [type=reset], [type=submit]):not(:disabled) {
    cursor: pointer;
}

:where(input) {
    overflow: visible;
}

:where(input, textarea) {
    padding: 1px;
}

:where(fieldset) {
    border: 1px solid currentColor;
    margin: 0 2px;
}

:where(legend) {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

:where(progress) {
    display: inline-block;
    vertical-align: baseline;
}

:where(select) {
    text-transform: none;
}

:where(textarea) {
    overflow: auto;
    vertical-align: top;
}

:where([type=search]) {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

:where([type=color]) {
    background: inherit;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.5;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

::-moz-focus-inner {
    border: 0;
}

:-moz-focusring {
    outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
    box-shadow: none;
}

:where(hr) {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    color: inherit;
    overflow: visible;
}

:where(dl, ol, ul) {
    margin: 1em 0;
}

:where(ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl) {
    margin: 0;
}

:where(b, strong) {
    font-weight: bolder;
}

:where(audio, video) {
    display: inline-block;
}

:where(audio):not([controls]) {
    display: none;
    height: 0;
}

:where(img) {
    border: 0;
}

:where(svg):not(:root) {
    overflow: hidden;
}

:where(table) {
    text-indent: 0;
    border-color: inherit;
}

:where(details) {
    display: block;
}

:where(dialog) {
    background-color: inherit;
    border: solid;
    color: inherit;
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

:where(dialog):not([open]) {
    display: none;
}

:where(summary) {
    display: list-item;
}

:where(canvas) {
    display: inline-block;
}

:where(template) {
    display: none;
}

:where([hidden]) {
    display: none;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

:where(html) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:where(h1, h2, h3, h4, h5, h6) {
    font-weight: normal;
}

:where(ul) {
    list-style: none;
}

:where(img, video) {
    height: auto;
    max-width: 100%;
}

:where(iframe) {
    border: 0;
}

:where(table) {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Table of ratios
------------------------
1.067 - Minor second
1.125 - Major second
1.2 - Minor third
1.25 - Major third
1.333 - Perfect fourth
1.414 - Augmented fourth
1.5 - Perfect fifth
1.618 - Golden ratio
------------------------ */
:root {
    --html-font-size: 100%;
    --page-width: 1366px;

    /* Colors
  ---------------------------------------------------------------------------------- */
    --color-primary: var(--green_0, var(--wp--preset--color--green-0));
    --color-primary--200: var(--green_3, var(--wp--preset--color--green-3));
    --color-secondary: var(--green_1, var(--wp--preset--color--green-1));
    --color-secondary--100: var(--green_4, var(--wp--preset--color--green-4));
    --color-secondary--200: var(--green_3, var(--wp--preset--color--green-3));
    --color-secondary--300: var(--green_2), var(--wp--preset--color--green-2);
    --color-action: var(--color-dark);
    --color-light: var(--beige_1, var(--wp--preset--color--beige-1));
    --color-dark: var(--grey_0, var(--wp--preset--color--grey-0));
    --color-white: var(--white, var(--wp--preset--color--white));
    --color-black: var(--black, var(--wp--preset--color--black));

    /* Font weights
  ---------------------------------------------------------------------------------- */
    --font-weight-1: 100;
    --font-weight-2: 200;
    --font-weight-3: 300;
    --font-weight-4: 400;
    --font-weight-5: 500;
    --font-weight-6: 600;
    --font-weight-7: 700;
    --font-weight-8: 800;
    --font-weight-9: 900;

    /* Font Sizes
  ---------------------------------------------------------------------------------- */
    --font-size-xs: clamp(0.64rem, -0.01vw + 0.64rem, 0.63rem);
    --font-size-s: clamp(0.8rem, 0.08vw + 0.78rem, 0.84rem);
    --font-size-m: clamp(1rem, 0.22vw + 0.95rem, 1.13rem);
    --font-size-l: clamp(1.25rem, 0.43vw + 1.15rem, 1.5rem);
    --font-size-xl: clamp(1.56rem, 0.76vw + 1.39rem, 2rem);
    --font-size-xxl: clamp(1.95rem, 1.24vw + 1.67rem, 2.66rem);
    --font-size-xxxl: clamp(2.44rem, 1.93vw + 2.01rem, 3.55rem);

    /* Heading Font Sizes
  ---------------------------------------------------------------------------------- */
    --heading-font-size-xs: clamp(0.56rem, 0.12vw + 0.54rem, 0.63rem);
    --heading-font-size-s: clamp(0.75rem, 0.16vw + 0.71rem, 0.84rem);
    --heading-font-size-m: clamp(1rem, 0.22vw + 0.95rem, 1.13rem);
    --heading-font-size-l: clamp(1.33rem, 0.29vw + 1.27rem, 1.5rem);
    --heading-font-size-xl: clamp(1.78rem, 0.39vw + 1.69rem, 2rem);
    --heading-font-size-xxl: clamp(2.37rem, 0.51vw + 2.25rem, 2.66rem);
    --heading-font-size-xxxl: clamp(3.16rem, 0.69vw + 3rem, 3.55rem);
    --font-size-default: var(--font-size-m);
    --element-top: 1em;

    /* Heading font sizes
  ---------------------------------------------------------------------------------- */
    --h1: var(--heading-font-size-xxl);
    --h2: var(--heading-font-size-xl);
    --h3: var(--heading-font-size-l);
    --h4: var(--heading-font-size-m);
    --h5: var(--heading-font-size-m);
    --h6: var(--heading-font-size-s);

    /* Spacing
  ---------------------------------------------------------------------------------- */
    --space-xs: clamp(0.44rem, 0.22vw + 0.39rem, 0.57rem);
    --space-s: clamp(0.67rem, 0.45vw + 0.56rem, 0.93rem);
    --space-m: clamp(1rem, 0.87vw + 0.8rem, 1.5rem);
    --space-l: clamp(1.5rem, 1.61vw + 1.14rem, 2.43rem);
    --space-xl: clamp(2.25rem, 2.92vw + 1.59rem, 3.93rem);
    --space-xxl: clamp(3.38rem, 5.18vw + 2.21rem, 6.35rem);
    --space-xxxl: clamp(5.06rem, 9.07vw + 3.02rem, 10.28rem);
    --space-default: var(--space-m);
    --content-gap: var(--space-m);
    --container-gap: var(--space-l);

    /* Section Spacing
  ---------------------------------------------------------------------------------- */
    --section-space-xs: clamp(1.56rem, 3.16vw + 0.85rem, 3.38rem);
    --section-space-s: clamp(1.88rem, 4.57vw + 0.85rem, 4.5rem);
    --section-space-m: clamp(2.25rem, 6.52vw + 0.78rem, 6rem);
    --section-space-l: clamp(2.7rem, 9.21vw + 0.63rem, 8rem);
    --section-space-xl: clamp(3.24rem, 12.91vw + 0.34rem, 10.66rem);
    --section-space-xxl: clamp(3.89rem, 17.95vw + -0.15rem, 14.21rem);
    --section-space-xxxl: clamp(4.67rem, 24.83vw + -0.92rem, 18.94rem);
    --section-inline-default: clamp(1.25rem, 4.35vw + 0.27rem, 3.75rem);
    --section-space-default: var(--section-space-m);

    /* Shadows
  ---------------------------------------------------------------------------------- */
    --shadow-s: 0px 2px 4px rgba(21, 21, 21, 0.16);
    --shadow-m: 0px 0px 3px rgba(21, 21, 21, 0.003),
      0px 0px 5.1px rgba(21, 21, 21, 0.01),
      0px 0px 6.9px rgba(21, 21, 21, 0.02),
      0px 0px 9.3px rgba(21, 21, 21, 0.041),
      0px 0px 14px rgba(21, 21, 21, 0.1);

    /* Grid
  ---------------------------------------------------------------------------------- */
    --grid-1: minmax(0, 1fr);
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));

    /* Auto-Grid
  ---------------------------------------------------------------------------------- */
    --grid-auto-2: repeat(auto-fit, minmax(clamp(13.75rem, 26.09vw + 7.88rem, 28.75rem), 1fr));
    --grid-auto-3: repeat(auto-fit, minmax(clamp(13.75rem, 14.13vw + 10.57rem, 21.88rem) , 1fr));
    --grid-auto-4: repeat(auto-fit, minmax(clamp(7.5rem, 21.74vw + 2.61rem, 20rem) , 1fr));
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    font-size: var(--html-font-size, 100%);
    scroll-behavior: smooth;
    scroll-padding-top: auto;
}

body {
    font-size: var(--font-size-default, 1em);
    font-family: "Source Sans 3", sans-serif !important;
    color: var(--color-dark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    overscroll-behavior-y: none;
}

body *:focus,
button:focus {
    outline-style: solid;
    outline-color: var(--color-action);
    outline-width: 1px;
    outline-offset: 0.15em;
}

button,
.btn {
    text-align: center;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.skip-link {
    position: absolute;
    top: 1rem;
    left: 1rem;
    -webkit-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    transform: translateY(-250%);
    padding: 0.75em 1.5em;
    border-width: 0.25rem;
    border-radius: 0;
    text-transform: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    min-width: 20rem;
    line-height: 1;
    background: var(--color-secondary);
    color: var(--color-dark);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 9999;
}

.skip-link:focus {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.font-sans {
    font-family: "Source Sans 3", sans-serif !important;
}

.font-serif {
    font-family: "Marcellus" !important;
}

.pad-xs {
    padding: clamp(0.44rem, 0.22vw + 0.39rem, 0.57rem);
}

.pad-inline-xs {
    padding-inline: clamp(0.44rem, 0.22vw + 0.39rem, 0.57rem);
}

.pad-block-xs {
    padding-block: clamp(0.44rem, 0.22vw + 0.39rem, 0.57rem);
}

.pad-s {
    padding: clamp(0.67rem, 0.45vw + 0.56rem, 0.93rem);
}

.pad-inline-s {
    padding-inline: clamp(0.67rem, 0.45vw + 0.56rem, 0.93rem);
}

.pad-block-s {
    padding-block: clamp(0.67rem, 0.45vw + 0.56rem, 0.93rem);
}

.pad-m {
    padding: clamp(1rem, 0.87vw + 0.8rem, 1.5rem);
}

.pad-inline-m {
    padding-inline: clamp(1rem, 0.87vw + 0.8rem, 1.5rem);
}

.pad-block-m {
    padding-block: clamp(1rem, 0.87vw + 0.8rem, 1.5rem);
}

.pad-l {
    padding: clamp(1.5rem, 1.61vw + 1.14rem, 2.43rem);
}

.pad-inline-l {
    padding-inline: clamp(1.5rem, 1.61vw + 1.14rem, 2.43rem);
}

.pad-block-l {
    padding-block: clamp(1.5rem, 1.61vw + 1.14rem, 2.43rem);
}

.pad-xl {
    padding: clamp(2.25rem, 2.92vw + 1.59rem, 3.93rem);
}

.pad-inline-xl {
    padding-inline: clamp(2.25rem, 2.92vw + 1.59rem, 3.93rem);
}

.pad-block-xl {
    padding-block: clamp(2.25rem, 2.92vw + 1.59rem, 3.93rem);
}

.pad-xxl {
    padding: clamp(3.38rem, 5.18vw + 2.21rem, 6.35rem);
}

.pad-inline-xxl {
    padding-inline: clamp(3.38rem, 5.18vw + 2.21rem, 6.35rem);
}

.pad-block-xxl {
    padding-block: clamp(3.38rem, 5.18vw + 2.21rem, 6.35rem);
}

.pad-xxxl {
    padding: clamp(5.06rem, 9.07vw + 3.02rem, 10.28rem);
}

.pad-inline-xxxl {
    padding-inline: clamp(5.06rem, 9.07vw + 3.02rem, 10.28rem);
}

.pad-block-xxxl {
    padding-block: clamp(5.06rem, 9.07vw + 3.02rem, 10.28rem);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-family: "Marcellus" !important;
    color: var(--color-primary);
}

h1,
.h1 {
    font-size: var(--h1);
    line-height: 1.2;
    hyphens: auto;
}

h2,
.h2 {
    font-size: var(--h2);
}

h3,
.h3 {
    font-size: var(--h3);
}

h4,
.h4 {
    font-size: var(--h4);
}

h5,
.h5 {
    font-size: var(--h5);
}

h6,
.h6 {
    font-size: var(--h6);
}

/* TODO: how to solve this in a better way? */
:where(:not(.content-gap)) > :where(:not(svg, span, h1, h2, h3, h4, h5, h6)) + :where(h2, h3, h4, h5, h6),
:where(:not(.content-gap)) > :is(p, ul, ol, h1, h2, h3, h4, h5, h6, figure, blockquote, quote, .wp-block-image, table, .accordion-wrapper, .wp-block-kadence-iconlist) + :is(p, ul, ol, img, figure, blockquote, quote, .wp-block-image, table, .accordion-wrapper, .wp-block-kadence-iconlist),
:where(:not(.content-gap)) > :is(* + .wp-block-image) {
    margin-top: var(--element-top);
}

p {
    line-height: 1.45;
}

/* Font sizes
    ---------------------------------------------------------------------------------- */
.font-size-xs {
    font-size: var(--font-size-xs);
}

.font-size-s {
    font-size: var(--font-size-s);
}

.font-size-m {
    font-size: var(--font-size-m);
}

.font-size-l {
    font-size: var(--font-size-l);
}

.font-size-xl {
    font-size: var(--font-size-xl);
}

.font-size-xxl {
    font-size: var(--font-size-xxl);
}

.font-size-xxxl {
    font-size: var(--font-size-xxxl);
}

.text--hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text--justify {
    text-align: justify;
}

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

.text--left {
    text-align: left;
}

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

:is(.btn, a).center--self {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

img,
figure {
    margin: 0;
    line-height: 0;
    display: block;
}

ul {
    list-style: disc;
    margin-left: 2em;
}

nav ul,
.list--none,
ul[class*=grid] {
    list-style: none;
    margin-left: 0;
}

/* Default Sections */
:where(main > section, body > footer, .section),
.block-editor-block-list__layout > section {
    padding-inline: var(--section-inline-default);
    padding-block: var(--section-space-default);
}

:where(body > header .topbar, body > header .mainbar) {
    padding-inline: var(--section-inline-default);
}

:where(main > section),
.block-editor-block-list__layout > section {
    display: grid;
    row-gap: var(--container-gap);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

/* Section Spacing
---------------------------------------------------------------------------------- */
.section-pad--xs {
    padding-block: var(--section-space-xs);
}

.section-pad--s {
    padding-block: var(--section-space-s);
}

.section-pad--m {
    padding-block: var(--section-space-m);
}

.section-pad--l {
    padding-block: var(--section-space-l);
}

.section-pad--xl {
    padding-block: var(--section-space-xl);
}

.section-pad--xxl {
    padding-block: var(--section-space-xxl);
}

.section-pad--xxxl {
    padding-block: var(--section-space-xxxl);
}

.section-pad--none,
.block-editor-block-list__layout > .section-pad--none {
    padding-block: 0;
}

main > .woocommerce,
.container {
    width: 100%;
    max-width: var(--page-width);
    margin-inline: auto;
    position: relative;
}

body > footer {
    margin-top: auto;
}

.hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mb-none {
    margin-bottom: 0;
}

.pb-none {
    padding-bottom: 0;
}

.m-xs {
    margin: var(--space-xs);
}

.mb-xs {
    margin-bottom: var(--space-xs);
}

.mt-xs {
    margin-top: var(--space-xs);
}

.mx-xs {
    margin-inline: var(--space-xs);
}

.my-xs {
    margin-block: var(--space-xs);
}

.p-xs {
    padding: var(--space-xs);
}

.pb-xs {
    padding-bottom: var(--space-xs);
}

.pt-xs {
    padding-top: var(--space-xs);
}

.px-xs {
    padding-inline: var(--space-xs);
}

.py-xs {
    padding-block: var(--space-xs);
}

.m-s {
    margin: var(--space-s);
}

.mb-s {
    margin-bottom: var(--space-s);
}

.mt-s {
    margin-top: var(--space-s);
}

.mx-s {
    margin-inline: var(--space-s);
}

.my-s {
    margin-block: var(--space-s);
}

.p-s {
    padding: var(--space-s);
}

.pb-s {
    padding-bottom: var(--space-s);
}

.pt-s {
    padding-top: var(--space-s);
}

.px-s {
    padding-inline: var(--space-s);
}

.py-s {
    padding-block: var(--space-s);
}

.m-m {
    margin: var(--space-m);
}

.mb-m {
    margin-bottom: var(--space-m);
}

.mt-m {
    margin-top: var(--space-m);
}

.mx-m {
    margin-inline: var(--space-m);
}

.my-m {
    margin-block: var(--space-m);
}

.p-m {
    padding: var(--space-m);
}

.pb-m {
    padding-bottom: var(--space-m);
}

.pt-m {
    padding-top: var(--space-m);
}

.px-m {
    padding-inline: var(--space-m);
}

.py-m {
    padding-block: var(--space-m);
}

.m-l {
    margin: var(--space-l);
}

.mb-l {
    margin-bottom: var(--space-l);
}

.mt-l {
    margin-top: var(--space-l);
}

.mx-l {
    margin-inline: var(--space-l);
}

.my-l {
    margin-block: var(--space-l);
}

.p-l {
    padding: var(--space-l);
}

.pb-l {
    padding-bottom: var(--space-l);
}

.pt-l {
    padding-top: var(--space-l);
}

.px-l {
    padding-inline: var(--space-l);
}

.py-l {
    padding-block: var(--space-l);
}

.m-xl {
    margin: var(--space-xl);
}

.mb-xl {
    margin-bottom: var(--space-xl);
}

.mt-xl {
    margin-top: var(--space-xl);
}

.mx-xl {
    margin-inline: var(--space-xl);
}

.my-xl {
    margin-block: var(--space-xl);
}

.p-xl {
    padding: var(--space-xl);
}

.pb-xl {
    padding-bottom: var(--space-xl);
}

.pt-xl {
    padding-top: var(--space-xl);
}

.px-xl {
    padding-inline: var(--space-xl);
}

.py-xl {
    padding-block: var(--space-xl);
}

.m-xxl {
    margin: var(--space-xxl);
}

.mb-xxl {
    margin-bottom: var(--space-xxl);
}

.mt-xxl {
    margin-top: var(--space-xxl);
}

.mx-xxl {
    margin-inline: var(--space-xxl);
}

.my-xxl {
    margin-block: var(--space-xxl);
}

.p-xxl {
    padding: var(--space-xxl);
}

.pb-xxl {
    padding-bottom: var(--space-xxl);
}

.pt-xxl {
    padding-top: var(--space-xxl);
}

.px-xxl {
    padding-inline: var(--space-xxl);
}

.py-xxl {
    padding-block: var(--space-xxl);
}

.m-xxxl {
    margin: var(--space-xxxl);
}

.mb-xxxl {
    margin-bottom: var(--space-xxxl);
}

.mt-xxxl {
    margin-top: var(--space-xxxl);
}

.mx-xxxl {
    margin-inline: var(--space-xxxl);
}

.my-xxxl {
    margin-block: var(--space-xxxl);
}

.p-xxxl {
    padding: var(--space-xxxl);
}

.pb-xxxl {
    padding-bottom: var(--space-xxxl);
}

.pt-xxxl {
    padding-top: var(--space-xxxl);
}

.px-xxxl {
    padding-inline: var(--space-xxxl);
}

.py-xxxl {
    padding-block: var(--space-xxxl);
}

.my-auto {
    margin-inline: auto;
}

a.clickable-parent,
.clickable-parent:not(a) {
    position: static;
}

a.clickable-parent::after,
.clickable-parent:not(a) > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

:where(.container-gap) > * + * {
    margin-top: var(--container-gap);
}

:where(.content-gap) > * + * {
    margin-top: var(--content-gap);
}

:where(.content-gap--unset) > * + * {
    margin-top: unset;
}

[class*=grid--],
.width-full {
    width: 100%;
}

.align-items--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.grid--last-item-stretch > :last-child {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    grid-column-end: -1;
    grid-column-start: 1;
}

.grid--1 {
    display: grid;
    grid-template-columns: var(--grid-1);
    gap: var(--space-l);
}

.grid--2 {
    display: grid;
    grid-template-columns: var(--grid-auto-2);
    gap: var(--space-l);
}

.grid--3 {
    display: grid;
    grid-template-columns: var(--grid-auto-3);
    gap: var(--space-m);
}

.grid--4 {
    display: grid;
    grid-template-columns: var(--grid-auto-4);
    gap: var(--space-m);
}

/* .grid--5 {
    display: grid;
    grid-template-columns: var(--grid-auto-5);
    gap: var(--space-m);
}

.grid--6 {
    display: grid;
    grid-template-columns: var(--grid-auto-6);
    gap: var(--space-m);
} */
.wp-block-embed__wrapper:not(:has(.rcb-content-blocker)),
.iframe-container:not(:has(.rcb-content-blocker)) {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.wp-block-embed__wrapper iframe,
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
}

.wp-block-embed__wrapper iframe {
    height: 100%;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: none;
    clear: both;
    width: 100%;
}

.add-to-cart-form__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-column-gap: var(--space-s);
    -moz-column-gap: var(--space-s);
    column-gap: var(--space-s);
}

.add-to-cart-form .product-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.product_meta > span {
    display: block;
}

.product-price .price--strike {
    text-decoration: line-through;
    font-size: var(--font-size-s);
    margin-right: var(--space-s);
}

.product-price .price--sale {
    color: #ca4343;
    margin-right: var(--space-s);
}

.product-single__summary .product_meta {
    font-size: var(--font-size-s);
}

.woocommerce .product .product-single__summary .product-price {
    font-size: var(--font-size-xxl);
    font-weight: bold;
    color: var(--green_0);
    margin-top: var(--space-m);
}

.woocommerce div.product p.stock {
    font-size: inherit;
}

.woocommerce .product p.wc-gzd-additional-info,
.product-single__summary .stock-info p {
    margin: 0;
    font-size: inherit;
}

.woocommerce .product p.wc-gzd-additional-info.smaller {
    font-size: 70%;
}

.woocommerce .product p.price-unit.wc-gzd-additional-info {
    margin-bottom: var(--space-m);
    color: var(--grey_1);
}

.product-single__summary .stock-info .stock {
    margin: var(--space-s) 0 !important;
}

.shop-quicksearch__fieldwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--space-s);
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.shop-quicksearch__fieldwrapper label {
    /* display: flex;
  align-items: center; */
    display: none;
}

.bhdlg-pricing-table__col-preis div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.product-single__after-summary {
    margin-top: var(--space-l);
}

.archive-product {
    gap: var(--space-l);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 769px) {
    .archive-product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: var(--space-m);
    }
}

section .container .wpgb-facet-title {
    color: var(--grey_0);
}

section .container .wpgb-facet .wpgb-button[aria-pressed=true] {
    background-color: var(--green_1);
    border-color: var(--green_1);
    color: var(--white);
}

section .container .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-progress {
    background-color: var(--green_1);
}

section .container .wpgb-facet .wpgb-range-facet .wpgb-range-slider .wpgb-range-thumb {
    border-color: var(--green_1);
}

section .container .wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed=true] .wpgb-checkbox-control {
    border-color: var(--green_1);
    background-color: var(--green_1);
}

section .container .wpgb-facet .wpgb-color-facet .wpgb-color[aria-pressed=true] .wpgb-color-control,
section .container .wpgb-facet .wpgb-radio-facet .wpgb-radio[aria-pressed=true] .wpgb-radio-control {
    border-color: var(--green_1);
}

section .container .wpgb-facet .wpgb-radio-facet .wpgb-radio-control:after {
    background-color: var(--green_1);
}

section .container .wpgb-facet .wpgb-pagination li a[aria-current] {
    color: var(--green_1);
}

section .container .wpgb-facet .wpgb-load-more,
section .container .wpgb-facet .wpgb-apply {
    background-color: var(--green_1);
}

section .container .wpgb-facet ul .wpgb-button {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 0 8px;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    outline: none;
    cursor: pointer;
    -webkit-transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

section .container .wpgb-facet .wpgb-input,
section .container .wpgb-facet .wpgb-select,
section .container .wpgb-facet .wpgb-button:not(button),
section .container .wpgb-facet .wpgb-radio .wpgb-radio-control,
section .container .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control,
section .container .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before {
    border-color: var(--beige_1);
    background-color: var(--beige_1);
}

section .container .wpgb-facet .wpgb-button:not(button):focus {
    /* outline: 0; */
    outline-color: var(--green_1);
}

.wpgb-facet-6 .wpgb-facet-title {
    display: none;
}

.wpgb-facet-6 .wpgb-facet .wpgb-inline-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

input {
    font-size: var(--font-size-m);
}

input.search-field,
input[type=text],
input[type=password],
input[type=number] {
    border: 1px solid var(--grey_1);
    border-radius: 0.25em;
    padding: 0.35em 0.5em 0.25em;
    line-height: 1;
}

input[type=number] {
    padding-right: 0;
}

.quicksearch__fieldwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--space-s);
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.searchresult-info {
    margin-top: var(--space-s);
}

.search-results__wrapper #searchform {
    margin-top: var(--space-s);
}

.ubermenu-content-block #searchform input.search-field,
.search-results__wrapper #searchform input.search-field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

:root,
:where(html) {
    --radius-m: 0.5em;
    --radius-l: 0.75em;
    --radius-xl: 1em;
    --radius-btn: var(--radius-m);
    --card-radius: var(--radius-m);
    --topbar-clamp: clamp(3.18rem, 0.54vw + 3.06rem, 3.49rem);
    --header-clamp: clamp(4.36rem, 2.75vw + 3.74rem, 5.94rem);
    --admin-bar: 0;
}

body.admin-bar {
    --admin-bar: 32px;
}

html {
    scroll-padding-top: 200px;
}

button,
.btn {
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    border-radius: var(--radius-btn);
    border: 1px solid var(--grey_1);
    padding: 0.75em 1.2em;
    background-color: var(--white);
    color: var(--grey_1);
    display: inline-block;
}

button:hover,
button:focus,
button[aria-selected=true],
.btn:hover,
.btn:focus,
.btn[aria-selected=true] {
    background-color: var(--green_4);
}

a {
    color: inherit;
    -webkit-text-decoration-color: var(--color-secondary);
    text-decoration-color: var(--color-secondary);
    text-decoration-thickness: 0.075em;
    text-underline-offset: 1.75px;
    -webkit-transition: text-underline-offset 0.2s, color 0.2s;
    transition: text-underline-offset 0.2s, color 0.2s;
}

a:hover {
    text-decoration-thickness: 0.15em;
    text-underline-offset: 2.5px;
}

/* Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://www.cssmojo.com/hide-content-from-sighted-users/
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/ */
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;

    /* 1 */
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;

    /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;

    /* 3 */
}

/* Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links 
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732 */
.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

.btn--primary {
    background-color: var(--color-primary);
    color: var(--color-light);
    border-color: var(--color-primary);
}

.btn--primary:hover,
.btn--primary:focus {
    background-color: var(--green_1);
    border-color: var(--green_1);
}

.btn--outline {
    background-color: unset;
}

.btn--outline.btn--primary {
    color: var(--color-primary);
}

.btn--outline.btn--primary:hover,
.btn--outline.btn--primary:focus {
    color: var(--color-light);
}

.btn--outline.btn--secondary {
    color: var(--color-secondary);
}

.btn--outline.btn--secondary:hover,
.btn--outline.btn--secondary:focus {
    color: var(--color-light);
}

:where(h3, .h3) + ul,
:where(h3, .h3) + ol,
:where(h3, .h3) + p {
    margin-top: var(--element-top);
}

:where(main > section, main > footer) {
    row-gap: var(--container-gap);
}

.bg--light {
    background-color: var(--color-light);
}

.bg--white {
    background-color: var(--color-white);
}

.bg--alt {
    background-color: var(--green_3);
}

.bg--alt-light {
    background-color: var(--green_4);
}

#header {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12.2px);
    -webkit-backdrop-filter: blur(12.2px);
    width: 100%;
}

.header-inner {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    height: clamp(1.88rem, 1.63vw + 1.51rem, 2.81rem);
    overflow: hidden;
    position: relative;
}

.header__logo img {
    width: auto;
    height: 100%;
}

.menu-primary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--space-m);
    color: var(--color-dark);
    list-style: none;
    margin-left: 0;
}

.topbar {
    background-color: var(--color-primary);
    padding-block: var(--space-xs);
    width: 100%;
}

.topbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--space-xs);
}

.iconbar__btn,
.popover-iconbar__btn {
    background: transparent;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    border-style: none;
    padding-inline: 0.25em;
    padding-block: 0.25em;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--radius-btn);
    font-size: var(--font-size-m);
}

.iconbar__btn:hover,
.iconbar__btn:focus,
.iconbar__btn:active,
.popover-iconbar__btn:hover,
.popover-iconbar__btn:focus,
.popover-iconbar__btn:active {
    background: var(--color-secondary);
    outline-color: var(--color-white);
}

.iconbar__btn > svg,
.popover-iconbar__btn > svg {
    height: 1.75rem;
    width: 1.75rem;
}

.iconbar__btn svg path,
.popover-iconbar__btn svg path {
    fill: var(--color-white);
}

.popover-iconbar__popover-content {
    display: none;
}

.popover-iconbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--space-xs);
    list-style: none;
    margin-left: 0;
}

.topbar__cta-btn {
    padding: 0.45em 0.75em;
    text-decoration: none;
    color: var(--green_4);
    font-weight: var(--font-weight-4);
    font-size: var(--font-size-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0.5em;
    border: 1px solid var(--green_1);
    background-color: transparent;
}

.topbar__cta-btn:hover {
    background-color: var(--color-secondary);
}

.topbar__cta-btn:focus {
    outline-color: var(--color-white);
}

.topbar__cta-btn svg {
    width: 1.125rem;
    height: 1.125rem;
}

.color-swatch {
    height: 100px;
    width: 100px;
    padding: 0.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: var(--font-size-s);
}

.menu-primary a {
    color: currentColor;
    text-decoration: none;
}

.site-info p {
    margin-top: 0;
    line-height: 1.1;
}

.site-info p span {
    /* font-weight: var(--font-weight-7) */
    display: block;
}

.site-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--space-s);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.site-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--color-primary);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-info hr {
    border: 0 none;
    background-color: var(--color-secondary);
    height: 0.5px;
    width: 100%;
}

.site-info a {
    color: inherit;
    text-decoration: none;
}

.archive-grid {
    align-self: stretch;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: var(--space-s);
    grid-template-rows: auto;
    list-style: none;
    margin-left: 0;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.25em;
    list-style: none;
    margin-left: 0;
}

.pagination .btn {
    height: 35px;
    width: 35px;
    border: 2px solid var(--color-primary);
    border-radius: 50em;
    background: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.pagination .btn :focus {
    outline: 0.5px solid var(--color-primary);
    outline-offset: 0.05em;
}

.pagination .btn:hover {
    background-color: var(--color-primary);
}

.pagination .btn:hover .btn-icon {
    stroke: #fff;
}

.pagination .page-link .btn:hover {
    background-color: var(--color-primary);
}

.pagination .btn-icon {
    height: 20px;
    width: 20px;
    stroke: var(--color-primary);
}

.pagination .page-link:link,
.pagination .page-link:active {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    width: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination .page-link--link {
    background-color: var(--color-primary);
    color: #fff;
}

.pagination .page-link--link :focus {
    outline: 0.5px solid var(--color-primary);
    outline-offset: 0.05em;
}

.pagination .page-link:focus,
.pagination .page-link:hover,
.pagination .page-link:active {
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 50em;
}

.pagination .page-link--active {
    border-radius: 50em;
    background-color: var(--color-light);
}

.tmpl-pagination {
    width: 100%;
}

.pagination-wrapper {
    width: 100%;
}

section.hero {
    padding-block: var(--topbar-clamp) 0 !important;
    background-color: var(--color-light);
    display: grid;
}

.hero.hero.hero--img-right {
    background-color: var(--white);
}

.hero__bg-img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
    -o-object-position: center;
    object-position: center;
}

.hero__bgimg-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

@media (min-width: 769px) {
    section.hero.accent {
        overflow: hidden;
    }

    section.hero.accent figure.hero__bgimg-wrapper {
        isolation: isolate;
    }

    section.hero.accent figure.hero__bgimg-wrapper::after {
        z-index: -1;
        content: "";
        position: absolute;
        height: 800px;
        aspect-ratio: 1/1;
        left: -287.5px;
        top: 48px;
        background: radial-gradient(49.73% 49.73% at 50% 50%, #C9D8C3 0%, rgba(201, 216, 195, 0.0001) 100%);
    }
}

@media (min-width: 1370px) {
    section.hero.accent figure.hero__bgimg-wrapper::after {
        height: 1141px;
        left: -387.5px;
    }
}

.hero__subtitle {
    font-size: var(--size-l);
}

.hero__text {
    max-width: 65ch;
}

.hero__textwrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space-m);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 769px) {
    .hero__bgimg-wrapper {
        display: grid;
        grid-row-start: 1;
        grid-column-end: 3;
        grid-column-start: 1;
    }

    .hero__bgimg-wrapper > div {
        background-image: -webkit-gradient(linear, right top, left top, from(hsl(55deg, 38%, 94%)), color-stop(8%, hsla(55deg, 38%, 94%, 0.987)), color-stop(15.4%, hsla(55deg, 38%, 94%, 0.951)), color-stop(22.2%, hsla(55deg, 38%, 94%, 0.896)), color-stop(28.6%, hsla(55deg, 38%, 94%, 0.825)), color-stop(34.6%, hsla(55deg, 38%, 94%, 0.741)), color-stop(40.4%, hsla(55deg, 38%, 94%, 0.648)), color-stop(46.1%, hsla(55deg, 38%, 94%, 0.55)), color-stop(51.7%, hsla(55deg, 38%, 94%, 0.45)), color-stop(57.5%, hsla(55deg, 38%, 94%, 0.352)), color-stop(63.4%, hsla(55deg, 38%, 94%, 0.259)), color-stop(69.7%, hsla(55deg, 38%, 94%, 0.175)), color-stop(76.4%, hsla(55deg, 38%, 94%, 0.104)), color-stop(83.6%, hsla(55deg, 38%, 94%, 0.049)), color-stop(91.4%, hsla(55deg, 38%, 94%, 0.013)), to(hsla(55deg, 38%, 94%, 0)));
        background-image: linear-gradient(to left, hsl(55deg, 38%, 94%) 0%, hsla(55deg, 38%, 94%, 0.987) 8%, hsla(55deg, 38%, 94%, 0.951) 15.4%, hsla(55deg, 38%, 94%, 0.896) 22.2%, hsla(55deg, 38%, 94%, 0.825) 28.6%, hsla(55deg, 38%, 94%, 0.741) 34.6%, hsla(55deg, 38%, 94%, 0.648) 40.4%, hsla(55deg, 38%, 94%, 0.55) 46.1%, hsla(55deg, 38%, 94%, 0.45) 51.7%, hsla(55deg, 38%, 94%, 0.352) 57.5%, hsla(55deg, 38%, 94%, 0.259) 63.4%, hsla(55deg, 38%, 94%, 0.175) 69.7%, hsla(55deg, 38%, 94%, 0.104) 76.4%, hsla(55deg, 38%, 94%, 0.049) 83.6%, hsla(55deg, 38%, 94%, 0.013) 91.4%, hsla(55deg, 38%, 94%, 0) 100%);
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        top: 0;
        width: 50%;
    }
}

@media (min-width: 769px) {
    .hero.hero--img-right .hero__bgimg-wrapper > div {
        right: auto;
        left: 0;
        background-image: -webkit-gradient(linear, left top, right top, from(hsl(0deg, 0%, 100%)), color-stop(8%, hsla(0deg, 0%, 100%, 0.987)), color-stop(15.4%, hsla(0deg, 0%, 100%, 0.951)), color-stop(22.2%, hsla(0deg, 0%, 100%, 0.896)), color-stop(28.6%, hsla(0deg, 0%, 100%, 0.825)), color-stop(34.6%, hsla(0deg, 0%, 100%, 0.741)), color-stop(40.4%, hsla(0deg, 0%, 100%, 0.648)), color-stop(46.1%, hsla(0deg, 0%, 100%, 0.55)), color-stop(51.7%, hsla(0deg, 0%, 100%, 0.45)), color-stop(57.5%, hsla(0deg, 0%, 100%, 0.352)), color-stop(63.4%, hsla(0deg, 0%, 100%, 0.259)), color-stop(69.7%, hsla(0deg, 0%, 100%, 0.175)), color-stop(76.4%, hsla(0deg, 0%, 100%, 0.104)), color-stop(83.6%, hsla(0deg, 0%, 100%, 0.049)), color-stop(91.4%, hsla(0deg, 0%, 100%, 0.013)), to(hsla(0deg, 0%, 100%, 0)));
        background-image: linear-gradient(to right, hsl(0deg, 0%, 100%) 0%, hsla(0deg, 0%, 100%, 0.987) 8%, hsla(0deg, 0%, 100%, 0.951) 15.4%, hsla(0deg, 0%, 100%, 0.896) 22.2%, hsla(0deg, 0%, 100%, 0.825) 28.6%, hsla(0deg, 0%, 100%, 0.741) 34.6%, hsla(0deg, 0%, 100%, 0.648) 40.4%, hsla(0deg, 0%, 100%, 0.55) 46.1%, hsla(0deg, 0%, 100%, 0.45) 51.7%, hsla(0deg, 0%, 100%, 0.352) 57.5%, hsla(0deg, 0%, 100%, 0.259) 63.4%, hsla(0deg, 0%, 100%, 0.175) 69.7%, hsla(0deg, 0%, 100%, 0.104) 76.4%, hsla(0deg, 0%, 100%, 0.049) 83.6%, hsla(0deg, 0%, 100%, 0.013) 91.4%, hsla(0deg, 0%, 100%, 0) 100%);
    }

    .hero.hero--img-right .hero__bgimg-wrapper {
        grid-row-start: 1;
        grid-column-start: 2;
        grid-column-end: -1;
    }
}

.hero > div.container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: var(--space-l);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 769px) {
    .hero > div.container {
        grid-template-columns: minmax(100px, 6fr) minmax(0, 1fr) minmax(100px, 5fr);
        display: grid;
        grid-template-rows: auto;
        grid-template-areas: "col1 middle col2";
        grid-row: 1;
        grid-column-start: 2;
        grid-column-end: -1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .hero.hero--img-right > div.container {
        grid-template-columns: minmax(100px, 5fr) minmax(0, 1fr) minmax(100px, 6fr);
    }
}

.hero__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: var(--space-m);
    padding-top: 0;
    padding-bottom: var(--section-space-s);
    z-index: 1;
}

@media (min-width: 769px) {
    .hero__content-wrapper {
        padding-top: var(--section-space-m);
        padding-bottom: var(--section-space-m);
        grid-area: col2;
        grid-row-start: 1;
        grid-column-start: 2;
        grid-column-end: -1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hero.hero--img-right .hero__content-wrapper {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .has-sticky-header #main > section.hero .hero__content-wrapper {
        padding-top: calc(var(--section-space-m) + var(--header-clamp) + var(--topbar-clamp));
    }
}

.hero--image-only {
    background-color: var(--beige_1);
    padding-top: 0;
    padding-bottom: 0;
}

.has-sticky-header .hero--image-only {
    padding-top: calc(var(--topbar-clamp)) !important;
}

.hero--image-only__img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero--image-only > div.container {
    height: 500px;
    max-height: 50vh;
    min-height: 340px;
}

.has-sticky-header .topbar {
    z-index: 1000;
}

.has-sticky-header header#header {
    position: fixed;
    top: 0;
    z-index: 999;
}

body.has-sticky-header.admin-bar #header {
    top: var(--admin-bar, 0);
}

.has-sticky-header #main > section:not(.hero, .hero--image-only):first-child,
.has-sticky-header #main > .woocommerce:first-child {
    padding-top: calc(var(--section-space-m) + var(--topbar-clamp) + var(--header-clamp));
}

html:has(body.has-sticky-header.admin-bar) {
    margin-top: 0 !important;
}

body.has-sticky-header.admin-bar #main {
    margin-top: var(--admin-bar, 0);
}

#footer {
    background-color: var(--green_0);
    gap: var(--container-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--white);
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    font-size: var(--font-size-xs);
    border-top: 2px solid var(--green_1);
    gap: var(--content-gap);
    padding-top: var(--container-gap);
}

/* Cards
---------------------------------------------------------------------------------- */
.card--hoverable:hover,
.card--hoverable:focus,
.card--hoverable:focus-within {
    -webkit-transform: scale(1.01, 1.01);
    -ms-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
}

.card--hoverable {
    -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}

.card--hoverable a {
    text-decoration: none;
}

[class*=card-].card--hoverable:hover {
    -webkit-box-shadow: var(--shadow-m);
    box-shadow: var(--shadow-m);
}

:where(.card-post) {
    position: relative;
    border-radius: var(--card-radius);
    overflow: hidden;
    background-color: var(--white);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
}

.card-post__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-post__media figure {
    overflow: hidden;
    line-height: 0;
}

.card-post__image {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 16/9;
    line-height: 0;
}

.card-post__heading a {
    text-decoration: none;
}

.card-post__content {
    padding: var(--space-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--space-s);
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-post__content-right svg path {
    fill: var(--color-primary);
}

.card-post__content-right svg {
    height: 1.25rem;
    width: 1rem;
}

.card-post__content-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--space-xs);
}

.card-post__content p {
    font-size: var(--font-size-s);
    margin-top: 0 !important;
}

:where(.card-type1) {
    overflow: hidden;
    border-radius: var(--card-radius);
    background-color: var(--color-light);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    position: relative;
}

.card-type1__content {
    padding: var(--space-m);
    gap: var(--space-xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.card-type1__content h3 > a {
    text-decoration: none;
    outline-color: var(--green_2);
}

.card-magazine__readmore,
.card-type1__readmore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: var(--element-top);
}

.card-magazine__readmore:before,
.card-type1__readmore:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='arrowhead-right'%3E%3Cpath d='m18.78 11.37-4.78-6a1 1 0 0 0-1.41-.15 1 1 0 0 0-.15 1.41L16.71 12l-4.48 5.37a1 1 0 0 0 .13 1.41A1 1 0 0 0 13 19a1 1 0 0 0 .77-.36l5-6a1 1 0 0 0 .01-1.27z'/%3E%3Cpath d='M7 5.37a1 1 0 0 0-1.61 1.26L9.71 12l-4.48 5.36a1 1 0 0 0 .13 1.41A1 1 0 0 0 6 19a1 1 0 0 0 .77-.36l5-6a1 1 0 0 0 0-1.27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='arrowhead-right'%3E%3Cpath d='m18.78 11.37-4.78-6a1 1 0 0 0-1.41-.15 1 1 0 0 0-.15 1.41L16.71 12l-4.48 5.37a1 1 0 0 0 .13 1.41A1 1 0 0 0 13 19a1 1 0 0 0 .77-.36l5-6a1 1 0 0 0 .01-1.27z'/%3E%3Cpath d='M7 5.37a1 1 0 0 0-1.61 1.26L9.71 12l-4.48 5.36a1 1 0 0 0 .13 1.41A1 1 0 0 0 6 19a1 1 0 0 0 .77-.36l5-6a1 1 0 0 0 0-1.27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    content: "";
    height: 1em;
    width: 1em;
    top: 0.05em;
    position: relative;
    background-color: currentColor;
}

.card-magazine .card-magazine__media figure {
    height: 100%;
}

@media (min-width: 769px) {
    body:not(.paged) .magazine-grid .card-magazine--first {
        grid-column: span 3;
    }

    body:not(.paged) .magazine-grid .card-magazine--first {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
}

:where(.card-type2) {
    counter-increment: css-counter 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--space-s);
    padding: var(--space-m);
    background: var(--color-light);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
}

.card-type2__num:before {
    content: counter(css-counter);
    position: absolute;
    top: 0.0125rem;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-type2-wrapper {
    counter-reset: css-counter 0;
    list-style-type: none;
}

.card-type2__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--space-xs);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.card-type2__num {
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    text-align: center;
    border-radius: 10em;
    background: var(--color-primary);
    color: var(--color-light);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.card-type2__heading {
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: -0.25px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
}

.card-type2__content {
    max-width: 100%;
}

.card-iconbox1 {
    background-color: var(--color-white);
    border-radius: var(--card-radius);
    padding: var(--space-s);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    display: grid;
    grid-template-columns: clamp(3rem, 5.22vw + 1.83rem, 6rem) auto;
    grid-template-rows: auto;
    gap: var(--space-m);
    grid-template-areas: "media content";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-iconbox1__title {
    font-size: var(--font-size-m);
    color: var(--green_0);
}

.card-iconbox1__text {
    font-size: calc(var(--font-size-s) * 1.15);
}

.card-iconbox1__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: var(--space-xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-iconbox1__icon {
    width: 100%;
    height: auto;
}

.card-iconbox1--double {
    background-color: var(--white);
    border-radius: var(--card-radius);
    -webkit-box-shadow: var(--shadow-m);
    box-shadow: var(--shadow-m);
    display: grid;
    grid-template-columns: clamp(3rem, 5.22vw + 1.83rem, 6rem) auto clamp(3rem, 5.22vw + 1.83rem, 6rem);
    grid-template-rows: auto;
    grid-template-areas: "icon1 content icon2";
    padding: var(--space-s);
    -webkit-column-gap: var(--space-m);
    -moz-column-gap: var(--space-m);
    column-gap: var(--space-m);
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 769px) {
    .card-iconbox1--double {
        max-width: 600px;
    }
}

.card-iconbox1--double__media {
    grid-area: icon1;
}

.card-iconbox1--double__media2 {
    grid-area: icon2;
}

.card-iconbox1--double__content {
    grid-area: content;
    text-align: center;
}

.section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(var(--space-xs) * 0.5);
    margin-inline: auto;
}

.section-header > h2 {
    max-width: 38ch;
}

.section-header > p {
    max-width: 85ch;
}

.section-header > * {
    width: 100%;
    text-align: center;
}

.section-header--left-align {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.section-header--left-align > * {
    text-align: left;
}

.section-header * + * {
    margin-top: 0;
}

.section-header__accent {
    font-weight: var(--font-weight-3);
    text-transform: uppercase;
    font-size: var(--font-size-m);
    line-height: 1;
}

.section-header__subtitle {
    max-width: 85ch;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
}

.section-header--icon {
    --_size: 4rem;
    --_space: calc(var(--_size) + var(--space-m));
    padding-top: var(--_space);
}

.section-header--icon:before {
    content: "";
    position: absolute !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--green_0);
    height: var(--_size) !important;
    width: var(--_size) !important;
    margin-top: calc(var(--_space) * -1);
}

:not(.section-header--left-align).section-header--icon:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-header--icon-attention:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M14.24 19.168h3.52l.64-13.12h-4.8l.64 13.12zM16 20.8c-1.312 0-2.4 1.088-2.4 2.4s1.088 2.4 2.4 2.4 2.4-1.088 2.4-2.4-1.088-2.4-2.4-2.4zM16 0C7.168 0 0 7.168 0 16s7.168 16 16 16 16-7.168 16-16S24.832 0 16 0zm0 30.4C8.064 30.4 1.6 23.936 1.6 16S8.064 1.6 16 1.6 30.4 8.064 30.4 16 23.936 30.4 16 30.4z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M14.24 19.168h3.52l.64-13.12h-4.8l.64 13.12zM16 20.8c-1.312 0-2.4 1.088-2.4 2.4s1.088 2.4 2.4 2.4 2.4-1.088 2.4-2.4-1.088-2.4-2.4-2.4zM16 0C7.168 0 0 7.168 0 16s7.168 16 16 16 16-7.168 16-16S24.832 0 16 0zm0 30.4C8.064 30.4 1.6 23.936 1.6 16S8.064 1.6 16 1.6 30.4 8.064 30.4 16 23.936 30.4 16 30.4z'/%3E%3C/svg%3E");
}

.section-header--icon-ask:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M484-247q16 0 27-11t11-27q0-16-11-27t-27-11q-16 0-27 11t-11 27q0 16 11 27t27 11Zm-35-146h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M484-247q16 0 27-11t11-27q0-16-11-27t-27-11q-16 0-27 11t-11 27q0 16 11 27t27 11Zm-35-146h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z'/%3E%3C/svg%3E");
}

.grid-bhdlngzn {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "male female" "list list";
    gap: var(--space-m);
}

@media (min-width: 481px) {
    .grid-bhdlngzn {
        display: grid;
        grid-template-columns: 2fr 1fr 2fr;
        grid-template-rows: auto;
        grid-template-areas: "male list female";
    }
}

.grid-bhdlngzn__col-list > li {
    text-align: center;
    display: block;
}

.list-bhdlngzn {
    list-style-type: none;
    margin-left: 0;
}

.list-bhdlngzn > li {
    text-align: center;
}

.list-bhdlngzn > li span {
    display: block;
    font-size: var(--font-size-s);
}

.grid-bhdlngzn__col-male {
    grid-area: male;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.grid-bhdlngzn__col-female {
    grid-area: female;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-bhdlngzn__col-list {
    grid-area: list;
    margin-top: var(--mt-l);
}

@media (min-width: 481px) {
    .list-bhdlngzn {
        margin-top: var(--space-xl);
    }
}

.grid-bhdlngzn__col-male > svg,
.grid-bhdlngzn__col-male > img,
.grid-bhdlngzn__col-female > svg,
.grid-bhdlngzn__col-female > img {
    max-height: 600px;
    width: 100%;
}

.list-bhdlngzn a {
    padding-top: calc(var(--space-xs) * 0.5);
    padding-bottom: calc(var(--space-xs) * 0.5);
    display: block;
}

/* Accordions (allgemein)
---------------------------------------------------------------------------------- */
.accordion__header > button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 0;
    border-radius: 0;
    background-color: transparent;
    padding: var(--space-s);
    text-align: left;
    line-height: 1.2;
    color: currentColor;
}

.accordion__header > button:focus,
.accordion__header > button[aria-expanded=true] {
    outline-width: 1px;
    outline-offset: 0;
}

.accordion__header > button svg {
    -webkit-transition: rotate 0.3s ease;
    transition: rotate 0.3s ease;
}

.accordion__header > button[aria-expanded=false] svg {
    rotate: 90deg;
}

.accordion__header > button[aria-expanded=true] svg {
    rotate: 0;
}

.accordion__panel {
    display: grid;
    grid-template-rows: 1fr;
    -webkit-transition: grid-template-rows 0.5s;
    transition: grid-template-rows 0.5s;
    transition: grid-template-rows 0.5s, -ms-grid-rows 0.5s;
}

.accordion__panel > div {
    overflow: hidden;
}

.accordion__panel > div > div {
    padding: var(--space-s);
}

.accordion__panel[hidden] {
    grid-template-rows: 0fr;
    visibility: collapse;
}

.accordion__header {
    font-size: inherit;
    font-weight: normal;
}

/* Accodion: Behandlungs Zonen
---------------------------------------------------------------------------------- */
.bhdlngzn-accordion-wrapper {
    width: 100%;
    gap: var(--space-m);
    display: grid;
}

.bhdlngzn-accordion__question-wrapper.accordion__header > button {
    outline-offset: -0.15em;
    outline-color: var(--green_2);
}

@media (min-width: 769px) {
    .bhdlngzn-accordion-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
}

@media (min-width: 1025px) {
    .bhdlngzn-accordion-wrapper:not(.bhdlngzn-accordion-wrapper--grid-2) {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
    }
}

.bhdlngzn-accordion__question-wrapper {
    background-color: var(--color-secondary--200);
    border-left: 1px solid var(--color-secondary--200);
    border-right: 1px solid var(--color-secondary--200);
}

.bhdlngzn-accordion__panel > div > div {
    padding: var(--space-s);
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-secondary--200);
    border-left: 1px solid var(--color-secondary--200);
    border-right: 1px solid var(--color-secondary--200);
}

@media (min-width: 769px) {
    .textcols--2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: var(--space-l);
        -moz-column-gap: var(--space-l);
        column-gap: var(--space-l);
    }
}

.text-align--justify {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.center--self {
    -ms-flex-item-align: center;
    align-self: center;
    margin-inline: auto;
}

.list--checkmark > li:before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='currentColor'%3E%3Cpath d='M20 11.83a1 1 0 0 0-1 1v5.57a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6h9.57a1 1 0 1 0 0-2H5.6A2.61 2.61 0 0 0 3 5.6v12.8A2.61 2.61 0 0 0 5.6 21h12.8a2.61 2.61 0 0 0 2.6-2.6v-5.57a1 1 0 0 0-1-1Z'/%3E%3Cpath d='M10.72 11a1 1 0 0 0-1.44 1.38l2.22 2.33a1 1 0 0 0 .72.31 1 1 0 0 0 .72-.3l6.78-7a1 1 0 1 0-1.44-1.4l-6.05 6.26Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='currentColor'%3E%3Cpath d='M20 11.83a1 1 0 0 0-1 1v5.57a.6.6 0 0 1-.6.6H5.6a.6.6 0 0 1-.6-.6V5.6a.6.6 0 0 1 .6-.6h9.57a1 1 0 1 0 0-2H5.6A2.61 2.61 0 0 0 3 5.6v12.8A2.61 2.61 0 0 0 5.6 21h12.8a2.61 2.61 0 0 0 2.6-2.6v-5.57a1 1 0 0 0-1-1Z'/%3E%3Cpath d='M10.72 11a1 1 0 0 0-1.44 1.38l2.22 2.33a1 1 0 0 0 .72.31 1 1 0 0 0 .72-.3l6.78-7a1 1 0 1 0-1.44-1.4l-6.05 6.26Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor;
    line-height: 1;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 0.2em;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list--checkmark > li {
    position: relative;
    padding-left: 1.5em;
}

.list--checkmark {
    list-style-type: none;
    margin-left: 0;
}

.list--checkbox > li:before {
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='Layer 2' fill='currentColor'%3E%3Cpath d='M18 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3zM6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z' data-name='square'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='Layer 2' fill='currentColor'%3E%3Cpath d='M18 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3zM6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z' data-name='square'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    line-height: 1;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 0.2em;
    left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: currentColor;
}

.list--checkbox > li {
    position: relative;
    padding-left: 1.5em;
}

.list--checkbox {
    list-style-type: none;
    margin-left: 0;
}

.infobox-type1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "content" "image";
}

@media (min-width: 769px) {
    .infobox-type1 {
        -webkit-column-gap: var(--space-l);
        -moz-column-gap: var(--space-l);
        column-gap: var(--space-l);
        grid-template-areas: "image content";
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        grid-template-columns: minmax(0, 2fr) minmax(0, 4fr);
    }
}

.infobox-type1__content {
    grid-area: content;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space-s);
    padding-block: var(--section-space-default);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.infobox-type1__icon {
    height: 4rem;
    width: 4rem;
}

.infobox-type1__col2 h2 {
    font-size: var(--h1);
}

.infobox-type1__image {
    width: auto;
    max-height: 400px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 769px) {
    .infobox-type1__image {
        max-height: 100%;
    }
}

.infobox-type1__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.infobox-type2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "content" "image";
}

@media (min-width: 769px) {
    .infobox-type2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas: "image content";
        -webkit-column-gap: var(--space-l);
        -moz-column-gap: var(--space-l);
        column-gap: var(--space-l);
    }
}

.infobox-type2__content {
    padding-top: var(--section-space-m);
    padding-bottom: var(--section-space-m);
    text-align: center;
    grid-area: content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space-s);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.infobox-type2__media {
    grid-area: image;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.infobox-type2__image {
    height: 100%;
    margin-right: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.infobox-type2__icon {
    width: 6rem;
    height: 6rem;
}

.infobox-type2__content h2 {
    font-size: var(--h1);
}

.icon {
    color: var(--green_0);
    fill: currentColor;
}

.text--green_0 {
    color: var(--green_0);
}

.footer-grid {
    -webkit-column-gap: var(--space-l);
    -moz-column-gap: var(--space-l);
    column-gap: var(--space-l);
    row-gap: var(--space-m);
    display: grid;
    grid-template-columns: var(--grid-auto-3);
}

.pricelist-accordion__item .accordion__panel > div > div {
    padding-block: var(--space-m);
}

.pricelist-accordion__item .accordion__header button,
.faq-accordion-item .accordion__header button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: var(--space-m);
    font-family: "Marcellus" !important;
    color: var(--green_0);
    outline-offset: 0;
}

.pricelist-accordion__item .accordion__header button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pricelist-accordion__item .accordion__header button {
    font-size: var(--h3);
}

.faq-accordion-item .accordion__header > button[aria-expanded=false] svg {
    rotate: -90deg;
}

.faq-accordion-item .accordion__header button:focus {
    outline: 1px solid var(--green_2);
}

.faq-accordion-item .accordion__panel > div > div {
    --icon-width: 19px;
    --padding-inline: calc(var(--space-s) + var(--space-m) + var(--icon-width));
    padding-inline: var(--padding-inline);
}

.faq-accordion-wrapper {
    width: 100%;
    max-width: calc(var(--page-width) - 566px);
    margin-inline: auto;
}

.pricelist-accordion-wrapper .pricelist-accordion__item {
    border-top: 2px solid var(--green_3);
}

.faq-accordion-wrapper .faq-accordion-item {
    border-top: 1px solid var(--green_4);
}

.bhdlg-pricing-table,
.bhdlg-pricing-table table {
    width: 100%;
}

.bhdlg-pricing-table th {
    text-align: left;
    font-weight: 400;
}

.bhdlg-pricing-table > thead th {
    font-weight: bold;
}

.bhdlg-pricing-table thead th {
    text-align: left;
    line-height: 1;
    color: var(--green_0);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.bhdlg-pricing-table td {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.bhdlg-pricing-table .bhdlg-pricing-table__col-preis {
    text-align: right;
}

.bhdlg-pricing-table tbody td:not(:first-child) {
    white-space: nowrap;
}

.bhdlg-pricing-table > thead th,
.bhdlg-pricing-table > tbody > tr > td {
    padding: var(--space-s) var(--space-m);
}

.bhdlg-pricing-table > thead th.bhdlg-pricing-table__col-dauer {
    padding-left: var(--space-s);
}

.bhdlg-pricing-table table td,
.bhdlg-pricing-table table th {
    padding-block: var(--space-xs);
}

.bhdlg-pricing-table table tbody tr td.bhdlg-pricing-table__col-dauer,
.bhdlg-pricing-table table tbody tr td.bhdlg-pricing-table__col-preis {
    padding-left: var(--space-m);
}

.bhdlg-pricing-table > tbody > tr:nth-child(odd) {
    background-color: var(--beige_1);
}

.bhdlg-pricing-table a {
    font-weight: bold;
    text-decoration-thickness: 0;
}

.bhdlg-pricing-table a:hover {
    text-decoration: underline;
}

/* .pricing-accordion-wrapper {
    width: 100%;
    max-width: 85ch;
    margin-inline: auto;
}

.pricing-accordion-item {
    width: 100%;
}

.pricing-accordion-item .accordion__header {
    background-color: var(--beige_1);
}

.pricing-accordion-item .accordion__header {
    // flex-direction: row-reverse;
    // justify-content: flex-end;
    gap: var(--space-m);
}

//.pricing-accordion-item .accordion__header > button[aria-expanded=false] svg {
//    rotate: -90deg;
//} */
.bhdlg-pricing-table__col-behandlung {
    width: auto;
}

.bhdlg-pricing-table__col-dauer {
    width: 20%;
}

.bhdlg-pricing-table__col-preis {
    width: 10%;
}

.pricing-accordion-item .accordion__header button {
    font-family: "Marcellus" !important;
    font-size: var(--font-size-m);
    outline-color: var(--green_2);
    outline-offset: -0.2em;
}

.pricing-accordion-pricehint {
    color: var(--grey_1);
    font-size: var(--font-size-s);
    text-align: center;
    margin-top: var(--space-m);
}

.accordion-wrapper {
    width: 100%;
}

.trtmntacc-wrapper {
    counter-reset: treatment-steps;
}

.trtmntacc__header-counter:before {
    content: counter(treatment-steps, decimal);
    padding-right: var(--space-xs);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.trtmntacc__item {
    counter-increment: treatment-steps;
}

/* .treatment-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
} */
.treatment-gallery-grid img {
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 4/3;
}

.trtmntacc__header > button {
    border-bottom: 1px solid var(--green_4);
    outline: none;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    font-weight: var(--font-weight-6);
}

.trtmntacc__header > button:focus {
    background-color: var(--beige_1);
}

.product-card {
    overflow: hidden;
    border-radius: var(--card-radius);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: var(--green_4);
}

.product-card__content {
    padding: var(--space-s) var(--space-s);
    line-height: 1.1;
    font-size: var(--font-size-s);
}

.product-card__content a {
    text-decoration: none;
    line-height: 1;
}

.grid-used-products {
    display: grid;
    gap: var(--space-m);
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.product-card__media > figure {
    overflow: hidden;
}

.product-card__media img {
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
}

.container--narrow {
    max-width: calc(var(--page-width) - 566px);
    margin-inline: auto;
}

/* New Stuff
---------------------------------------------------------------------------------- */
.card-bhdlg {
    background-color: var(--color-white);
    border-radius: var(--card-radius);
    padding: var(--space-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space-xs);
    color: var(--color-primary);
    position: relative;
}

.card-bhdlg__meta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    margin-left: 0;
    font-weight: var(--font-weight-5);
    margin-top: auto;
}

.card-bhdlg__meta-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    gap: 0.25em;
    line-height: 1;
}

.card-bhdlg__meta-item > svg {
    width: 1em;
    height: 1em;
}

.card-bhdlg__text {
    margin-top: 0;
    font-size: calc(var(--font-size-s) * 1.2);
}

.grid--bhdlg-cards,
.wpgb-grid-bhdlg_cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(13.75rem, 14.13vw + 10.57rem, 21.88rem), 1fr));
    gap: var(--space-m);
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.wp-grid-builder {
    width: 100%;
}

.card-type1__media img {
    width: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
}

.sp-opening-hours-table th {
    text-align: left;
    font-weight: normal;
}

.sp-opening-hours-table tbody td {
    padding-left: var(--space-m);
}

.infobox-type2__inner-content a[class*=btn] {
    margin-top: var(--space-m);
}

.card-iconbox1--double__icon {
    width: 100%;
}

.card-type1__content h3 {
    font-family: "Marcellus" !important;
    color: var(--green_0);
}

.section-header__title {
    margin-top: 0;
}

.social-links a:hover svg {
    fill: var(--green_3);
}

.card-magazine__meta-wrapper ul {
    margin-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--space-s);
    -moz-column-gap: var(--space-s);
    column-gap: var(--space-s);
    font-size: var(--font-size-s);
}

.card-magazine__meta-wrapper {
    background-color: var(--green_4);
    padding: 0.25em var(--space-m);
}

.card-magazine__heading {
    color: var(--green_0);
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}

.card-magazine__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--space-s);
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}

.card-magazine__inner-content {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}

:where(.card-magazine) {
    position: relative;
    overflow: hidden;
    border-radius: var(--card-radius);
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    background-color: var(--white);
}

.card-magazine__media .card-magazine__image {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 4/3;
    height: 100%;
}

@media (min-width: 769px) {
    body:not(.paged) .magazine-grid .card-magazine--first .card-magazine__meta-wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    body:not(.paged) .magazine-grid .card-magazine--first .card-magazine__heading {
        font-size: var(--h2);
    }
}

.hero__accent {
    text-transform: uppercase;
    color: var(--green_0);
}

.post-excerpt {
    font-weight: 600;
    font-size: calc(var(--font-size-m) * 1.1);
}

.section-header__accent a {
    text-decoration: none;
}

.section-header__accent a:hover {
    text-decoration: underline;
}

#toc {
    width: 100%;
}

#toc ol {
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#toc a.active {
    color: var(--grey_1);
}

#toc a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--green_1);
    padding-block: 0.2em;
}

#toc a:before {
    -webkit-transition: width 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out 0.2s;
    transition: width 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out 0.2s;
    transition: width 0.2s ease-in-out, transform 0.1s ease-in-out 0.2s;
    transition: width 0.2s ease-in-out, transform 0.1s ease-in-out 0.2s, -webkit-transform 0.1s ease-in-out 0.2s;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1rem' height='1.4375rem' fill='none' viewBox='0 0 33 25'%3E%3Cpath fill='currentColor' d='m20.05 24.05-2.15-2.1 8.4-8.4H0v-3h26.3L17.85 2.1 20 0l12.05 12.05-12 12Z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1rem' height='1.4375rem' fill='none' viewBox='0 0 33 25'%3E%3Cpath fill='currentColor' d='m20.05 24.05-2.15-2.1 8.4-8.4H0v-3h26.3L17.85 2.1 20 0l12.05 12.05-12 12Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: "";
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow: hidden;
    width: 0;
    height: 1.4375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: currentColor;
}

#toc a:hover,
#toc a:focus {
    color: var(--green_0);
}

#toc a:hover:before,
#toc a:focus:before,
#toc a.active:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 1rem;
    margin-right: 0.5rem;
}

#toc ol ol {
    padding-left: 1rem;
}

#toc::before {
    content: attr(data-content);
    display: block;
    color: var(--green_0);
    font-size: var(--h2);
    margin-bottom: var(--space-m);
    font-family: "Marcellus" !important;
    line-height: 1.2;
}

#toc-wrapper {
    z-index: 40;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--beige_1);
    width: 80%;
    max-width: 600px;
    padding-inline: var(--space-l);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 130px;
    padding-bottom: 80px;
    -webkit-box-shadow: var(--shadow-s);
    box-shadow: var(--shadow-s);
    overflow-y: auto;
}

@media (min-width: 769px) {
    #toc-wrapper {
        padding-top: 225px;
    }
}

#toc-trigger {
    position: fixed;
    display: block;
    bottom: 30px;
    left: 30px;
    border-radius: 30em;
    width: 56px;
    height: 56px;
    background-color: var(--green_0);
    z-index: 999;
    border: 1.5px solid var(--green_4);
    line-height: 1;
    padding: 0 !important;
}

#toc-trigger:before,
#toc-trigger:after {
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#toc-trigger:before {
    background-size: 30%;
}

#toc-trigger:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='20' fill='none' viewBox='0 0 36 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.491 3c-.427 0-.783-.145-1.066-.434A1.476 1.476 0 0 1 0 1.491C0 1.064.145.708.434.425.723.142 1.08 0 1.509 0c.427 0 .783.145 1.066.434C2.858.723 3 1.08 3 1.509c0 .427-.145.783-.434 1.066C2.277 2.858 1.92 3 1.491 3ZM.425 11.066c.283.29.639.434 1.066.434.428 0 .786-.142 1.075-.425.29-.283.434-.639.434-1.066 0-.428-.142-.786-.425-1.075A1.431 1.431 0 0 0 1.509 8.5c-.428 0-.786.142-1.075.425C.144 9.208 0 9.564 0 9.991c0 .428.142.786.425 1.075Zm0 8.5c.283.29.639.434 1.066.434.428 0 .786-.142 1.075-.425A1.43 1.43 0 0 0 3 18.509c0-.428-.142-.786-.425-1.075A1.43 1.43 0 0 0 1.509 17c-.428 0-.786.142-1.075.425A1.43 1.43 0 0 0 0 18.491c0 .428.142.786.425 1.075ZM8.5 17v3H36v-3H8.5Zm0-5.5v-3H36v3H8.5ZM8.5 0v3H36V0H8.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 40%;
}

#toc-trigger.toc-trigger--opened {
    background-color: white;
}

#toc-trigger.toc-trigger--opened:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000000' d='M2.1 27.3 0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3Z'/%3E%3C/svg%3E");
}

#toc-trigger.toc-trigger--opened:after {
    background-image: none;
}

.sharing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--sharing-gap, 0.5rem);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sharing-item {
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    color: var(--sharing-color, #fff);
    background-color: var(--sharing-bg, #000);
    padding: var(--sharing-padding, 0.875rem);
    border-radius: var(--sharing-radius, 0.5rem);
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 2px 5px -1px rgba(0, 0, 0, 0.05);
}

.sharing-item .i {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    stroke-width: 2;
    width: var(--sharing-size, 22px);
    height: var(--sharing-size, 22px);
    display: block;
}

.sharing-item:hover {
    background-color: #fff;
    --sharing-color: var(--sharing-bg, #000);
}

.sharing-item:hover .i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.sharing-facebook {
    --sharing-bg: #1778F2;
}

.sharing-twitter {
    --sharing-bg: #55ACEE;
}

.sharing-pinterest {
    --sharing-bg: #F0002A;
}

.sharing-tumblr {
    --sharing-bg: #35465C;
}

.sharing-reddit {
    --sharing-bg: #FF4500;
}

.sharing-vk {
    --sharing-bg: #4376A6;
}

.sharing-whatsapp {
    --sharing-bg: #4FCE5D;
}

.sharing-telegram {
    --sharing-bg: #0088CC;
}

.sharing-envelope {
    --sharing-bg: #464EB8;
}

.sharing-linkedin {
    --sharing-bg: #007bb6;
}

.post-tags {
    font-size: var(--font-size-s);
}

.wp-block-image figcaption {
    font-size: var(--font-size-s);
    font-style: italic;
}

.product-single__topcontent-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-l);
}

@media (min-width: 769px) {
    .product-single__topcontent-wrapper {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
}

.product-single__gallery {
    overflow: hidden;
}

.section-header--left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bhdlg-pricing-table thead svg {
    width: var(--font-size-l);
    height: var(--font-size-l);
    margin-right: 0.25em;
    display: table-cell;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bhdlg-pricing-table th div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-bottom p + p {
    margin-top: 0;
}

/* SEOPress Breadcrumb START */
ol.breadcrumb {
    list-style-type: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ol.breadcrumb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: none;
    flex-wrap: none;
}

.breadcrumb-item a span,
.breadcrumb-item.active span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 276px;
}

/* SEOPress Breadcrumb END */
/* Media Text Core Block START */
.wp-block-media-text {
    gap: var(--space-l);
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0;
}

/* Media Text Core Block END */
.pricelist li:not(:first-child) h3 {
    margin-top: var(--container-gap);
}

.footer-col ul.menu {
    list-style-type: none;
    margin-left: 0;
}

.menu-footer {
    padding-left: 0px;
    list-style-type: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: calc(var(--font-size-m) * 0.7);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-footer li:not(:last-child):after {
    content: "|";
    padding-inline: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-bottom p {
    margin-top: 0px !important;
}

.menu-footer a {
    text-decoration: none;
}

.menu-footer li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.2;
}

.address-info a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.address-info a:hover {
    color: var(--green_3);
}

.address-info__link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.address-info__label::after {
    content: ":";
}

.address-info__icon {
    width: var(--font-size-m);
    height: var(--font-size-m);
    background-color: currentColor;
    mask-repeat: no-repeat;
    margin-right: 0.25em;
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.address-info__icon--phone {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M776 569q-5-121-89-205t-205-89v-60q72 2 135.5 30.5T729 322q48 48 76.5 111.5T836 569h-60Zm-169 0q-5-50-40-84.5T482 445v-60q75 5 127.5 57T667 569h-60Zm188 367q-122 0-242.5-60T336 720q-96-96-156-216.5T120 261q0-19.286 12.857-32.143T165 216h140q13.611 0 24.306 9.5Q340 235 343 251l27 126q2 14-.5 25.5T359 422L259 523q56 93 125.5 162T542 802l95-98q10-11 23-15.5t26-1.5l119 26q15.312 3.375 25.156 15.188Q840 740 840 756v135q0 19.286-12.857 32.143T795 936ZM229 468l81-82-23-110H180q0 39 12 85.5T229 468Zm369 363q41 19 89 31t93 14V769l-103-21-79 83ZM229 468Zm369 363Z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M776 569q-5-121-89-205t-205-89v-60q72 2 135.5 30.5T729 322q48 48 76.5 111.5T836 569h-60Zm-169 0q-5-50-40-84.5T482 445v-60q75 5 127.5 57T667 569h-60Zm188 367q-122 0-242.5-60T336 720q-96-96-156-216.5T120 261q0-19.286 12.857-32.143T165 216h140q13.611 0 24.306 9.5Q340 235 343 251l27 126q2 14-.5 25.5T359 422L259 523q56 93 125.5 162T542 802l95-98q10-11 23-15.5t26-1.5l119 26q15.312 3.375 25.156 15.188Q840 740 840 756v135q0 19.286-12.857 32.143T795 936ZM229 468l81-82-23-110H180q0 39 12 85.5T229 468Zm369 363q41 19 89 31t93 14V769l-103-21-79 83ZM229 468Zm369 363Z'%3E%3C/path%3E%3C/svg%3E");
}

.address-info__icon--whatsapp {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M240 657h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM80 976V236q0-23 18-41.5t42-18.5h680q23 0 41.5 18.5T880 236v520q0 23-18.5 41.5T820 816H240L80 976Zm60-145 75-75h605V236H140v595Zm0-595v595-595Z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M240 657h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM80 976V236q0-23 18-41.5t42-18.5h680q23 0 41.5 18.5T880 236v520q0 23-18.5 41.5T820 816H240L80 976Zm60-145 75-75h605V236H140v595Zm0-595v595-595Z'%3E%3C/path%3E%3C/svg%3E");
}

.copyright-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: var(--space-m);
}

.copyright-grid__col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 769px) {
    .copyright-grid__col2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .copyright-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) {
    .grid--3-2 {
        display: grid;
        grid-template-columns: 3fr 2fr;
    }
}

.grid--3-2 {
    gap: var(--space-m);
}

.encyclopedia-card:not(:last-child) {
    margin-bottom: var(--content-gap);
}

/* * Read more Block -- START */
.read-more-state:where([hidden]) {
    display: none !important;
}

.read-more-target {
    display: grid;
    grid-template-rows: 0fr;
    visibility: collapse;
    -webkit-transition: grid-template-rows 0.3s ease-out;
    transition: grid-template-rows 0.3s ease-out;
    transition: grid-template-rows 0.3s ease-out, -ms-grid-rows 0.3s ease-out;
}

.read-more-target > * {
    overflow: hidden;
}

[class*=read-more-trigger--] {
    cursor: pointer;
}

.read-more-trigger--opened {
    display: none;
}

.read-more-state:checked ~ .read-more-wrapper .read-more-target {
    grid-template-rows: 1fr;
    visibility: visible;
    margin-bottom: var(--element-top);
}

.read-more-state:checked ~ .read-more-trigger--opened {
    display: block;
}

.read-more-state:checked ~ .read-more-trigger--closed {
    display: none;
}

.read-more-wrapper {
    display: grid;
    gap: var(--element-top);
}

.read-more-trigger {
    color: var(--color-primary);
    font-style: italic;
}

/* * Read more Block -- END */
#searchoverlay {
    position: fixed;
    inset: 0px;
    background-color: rgba(19, 36, 24, 0.71);
    z-index: 999;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--space-xxxl) var(--space-m);
}

.searchoverlay__contentwrap {
    width: 100%;
    position: relative;
    margin-inline: auto;
    max-width: var(--page-width);
}

.searchoverlay__contentwrap .search-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#searchoverlay__closebtn {
    font-size: 74px;
    padding: 0;
    background-color: transparent;
    color: #ffffff;
    line-height: 0.5;
    border: 0px none;
    position: absolute;
    top: var(--space-m);
    right: var(--space-m);
    cursor: pointer;
    overflow: hidden;
}

.wp-block-cloudcatch-splide-carousel-item > .wp-block-image > img {
    border-radius: var(--card-radius);
}

.splide .splide__list {
    max-width: calc(100vw - var(--section-inline-default) * 2);
}

.splide button.splide__arrow {
    border: 1px solid var(--green_0);
    border-radius: 50em;
    background-color: var(--beige_1);
    outline: none;
}

.splide button.splide__arrow svg {
    width: 32px;
    height: 32px;
}

.splide button.splide__arrow svg path {
    fill: var(--green_0);
}

@media screen and (min-width: 782px) {
    .splide .splide__arrows--ltr .splide__arrow--prev {
        left: 0;
    }

    .splide .splide__arrows--ltr .splide__arrow--next {
        right: 0;
    }
}

@media screen and (min-width: 1515px) {
    .splide .splide__arrows--ltr .splide__arrow--prev {
        left: calc(-2em - 30px);
    }

    .splide .splide__arrows--ltr .splide__arrow--next {
        right: calc(-2em - 30px);
    }
}

.splide button.splide__pagination__page {
    outline: none;
    border: 1px solid var(--green_0);
    background-color: var(--beige_1);
    width: 8px;
    height: 8px;
}

.splide button.splide__pagination__page.is-active {
    background-color: var(--green_0);
}

.splide .splide__pagination {
    bottom: -24px;
}

.wp-block-cloudcatch-splide-carousel-item .card-type1,
.wp-block-cloudcatch-splide-carousel-item .card-post {
    margin: 0px 4px 4px 2px;
    height: 100%;
}

figure.image-comparison {
    /* Safari Workaround */
    /* Accessibility Fallback #1 */
    /* Accessibility Fallback #2 */
}

figure.image-comparison .image-compare {
    --splitter-color: var(--green_1);
    --splitter-size: 0.125rem;
    --expand: 0.875rem;
    --handle-size: calc(var(--expand) + var(--splitter-size));
    position: relative;
}

figure.image-comparison figcaption {
    display: block;
    line-height: 1.2;
    margin-top: 1rem;
    font-style: italic;
    color: var(--green_1);
    text-align: center;
}

figure.image-comparison .image-compare span {
    display: block;
    position: absolute;
    top: 0;
    left: calc(-1 * var(--expand));
    bottom: calc(-1 * var(--expand));
    width: calc(var(--expand) + 50% + var(--splitter-size) / 2);
    max-width: calc(var(--expand) + 100%);
    min-width: var(--handle-size);
    padding-left: var(--expand);
    padding-bottom: var(--expand);
    background: linear-gradient(135deg, transparent 0, transparent 50%, var(--splitter-color) 50%, var(--splitter-color)) 100% 100%/var(--handle-size) var(--handle-size) no-repeat;
    resize: horizontal;
    overflow: hidden;
}

figure.image-comparison .image-compare img {
    display: block;
    height: 100%;
    min-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: unset;
}

figure.image-comparison .image-compare span > img {
    min-width: 100%;
}

figure.image-comparison .image-compare > img {
    height: auto;
    width: 100%;
}

figure.image-comparison .image-compare span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: var(--expand);
    border-right: var(--splitter-size) solid var(--splitter-color);
}

@supports (-webkit-hyphens: none) {
    figure.image-comparison {
        /* Safari */
    }

    figure.image-comparison .image-compare span {
        width: var(--handle-size);
    }
}

@-webkit-keyframes pingpong {
    0%,
    100% {
        width: calc(var(--expand) + 50% + var(--splitter-size) / 2);
    }

    75% {
        width: var(--handle-size);
    }

    25% {
        width: calc(var(--expand) + 100%);
    }
}

@keyframes pingpong {
    0%,
    100% {
        width: calc(var(--expand) + 50% + var(--splitter-size) / 2);
    }

    75% {
        width: var(--handle-size);
    }

    25% {
        width: calc(var(--expand) + 100%);
    }
}

figure.image-comparison .image-compare:focus span {
    background-image: none;
    -webkit-animation: pingpong 5s linear infinite;
    animation: pingpong 5s linear infinite;
    resize: none;
}

@-webkit-keyframes fade {
    0%,
    23%,
    77%,
    100% {
        opacity: 1;
    }

    27%,
    73% {
        opacity: 0;
    }
}

@keyframes fade {
    0%,
    23%,
    77%,
    100% {
        opacity: 1;
    }

    27%,
    73% {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    figure.image-comparison .image-compare:focus span {
        width: calc(var(--expand) + 100%);
        -webkit-animation-name: fade;
        animation-name: fade;
    }

    figure.image-comparison .image-compare:focus span::after {
        display: none;
    }
}

.copyright-grid__col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--space-s);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 769px) {
    .copyright-grid__col3 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.copyright-grid__col3 .store-badge {
    height: 40px;
    display: block;
}

null {
}

/* .meta-date {
} */
.meta-date {
    display: none;
}