@font-face {font-family: "League Spartan black"; font-style: normal; font-weight: 200 900; font-display: swap; src: url('/lg_fonts/LeagueSpartan-VF.woff2') format('woff2');}@font-face {font-family: "Work Sans normal"; font-style: normal; font-weight: 400; font-display: swap; src: url('/lg_fonts/work-sans-400.woff2') format('woff2');}
:root {
    --primColor: hsl(30, 80%, 65%, 1);
    --primColorHSL: 30,80%,65%;
    --secColor: hsl(99, 47%, 46%, 1);
    --secColorHSL: 99,47%,46%;
    --terColor: hsl(200, 59%, 69%, 1);
    --terColorHSL: 200,59%,69%;
    --quartColor: hsl(91, 45%, 34%, 1);
    --quartColorHSL: 91,45%,34%;
    --quintColor: hsl(0, 0%, 36%, 1);
    --quintColorHSL: 0,0%,36%;
    --blackColor: hsl(0, 0%, 0%, 1);
    --blackColorHSL: 0,0%,0%;
    --whiteColor: hsl(0, 0%, 100%, 1);
    --whiteColorHSL: 0,0%,100%;
    --none: transparent;
    --topBarHeight: 90px;
    --borderRadius: 4px;
    --siteBorderRadiusParts: 0px;
    --siteColumnsPictureBorderRadius: var(--borderRadius);
    --animDuration: 0.4s;
    --animDistance: 28px;
    --animScaleFrom: 0.97;
    --animEasing: cubic-bezier(0.44, 0, 0.56, 1);
    --baseSpacing: 16px;
    --blockGapVerticalMultiplier: 1.5;
    --partRotationDefault: 0deg;
    --rootFontSize: 18px;
    --mp: 12px;
    --mw: 28px;
    --mt: 3px;
    --cardPictureBG: transparent;
    --menuTextColor: var(--whiteColor);
    --menuToggleColor: var(--whiteColor);
    --menuHoverColor: var(--terColor);
    --menuFontFamily: 'League Spartan black', sans-serif;
    --stdPageMarginConf: 10vw;
    --stdColGapConf: 12px;
    --narrowContentInset: 1;
    --fontColor: var(--blackColor);
    --fontColorHead: var(--blackColor);
    --fontWeight: 400;
    --fontWeightHead: 900;
    --fontFamilyHead: 'League Spartan black';
    --fontFamily: 'Work Sans normal';
    
    
    
    
    --buttonMarginRight: auto;
    --buttonMarginLeft: auto;
    --buttonMarginTop: 0;
    --buttonPaddingTop: 8px;
    --buttonPaddingRight: 16px;
    --buttonPaddingBottom: 8px;
    --buttonPaddingLeft: 16px;
}
@media (max-width: 767px) {
    :root {
        --rootFontSize: 16px;
    }
}
    #top_bar {    position: fixed;    top: var(--extraOffset);    z-index: 20;}:root {
    --extraOffset: 0px;
}

#top_bar {
    display: grid;
    grid-template-columns: 2fr 4fr 2fr;
    height: var(--topBarHeight);
    width: calc(100vw);
    align-content: center;
}

#menu {
    grid-area: 1/1;
    display: flex;
}

#menu_content_wrapper {
    font-weight: bolder;
    font-family: var(--menuFontFamily, inherit);
}

#menu_logo {
    height: calc(var(--topBarHeight) - 10px);
    object-fit: contain;
}

#menu_content_wrapper nav, #menu_content_wrapper nav a, .menu_parent {
    background: inherit;
}

#menu_logo, #menu_content_wrapper nav, #sec_nav {
    padding: 20px;
}

@media (min-width: 600px) {
    #menu_logo, #menu_content_wrapper nav, #sec_nav {
        padding-left: 60px;
    }
}

@media (min-width: 1000px) {
    #menu_logo, #menu_content_wrapper nav, #sec_nav {
        padding-left: 80px;
    }
}

#language-navigation {
    text-transform: uppercase;
}

#sec_nav {
    padding-bottom: 16vw;
    font-size: 0.9em;
    text-align: center;
}

.menu_item_overlay {
    display: inline-block;
    font-size: 1rem;
    color: var(--menuTextColor);
    padding: 4px 8px;
    border-radius: var(--borderRadius);
    border: none;
    border-bottom: none;
    text-decoration: none;
    max-width: 100%;
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.menu_item_overlay::after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--menuItemBgPadY, 0px));
    bottom: calc(-1 * var(--menuItemBgPadY, 0px));
    left: calc(-1 * var(--menuItemBgPadX, 0px));
    right: calc(-1 * var(--menuItemBgPadX, 0px));
    border-radius: inherit;
    z-index: -1;
    pointer-events: none;
}

#main_nav a {
    width: max-content;
}

#language-navigation {
    gap: 0px;
    display: flex;
    position: fixed;
    right: 8px;
    top: calc(14px + var(--extraOffset));
    background: hsla(var(--whiteColorHSL),1);
    padding: 4px;
    cursor: pointer;
}

.language_list_wrapper {
    display: inline-flex;
    flex-direction: column;
    height: calc(1rem + 8px);
    overflow: hidden;
}

#language-navigation.expanded .language_list_wrapper,
#language-navigation:hover .language_list_wrapper {
    overflow: visible;
    height: unset;
}

.language_label {
    padding: 4px 0px 4px 12px;
    color: var(--menuTextColor);
    border: none;
    border-bottom: none;
    text-decoration: none;
    width: max-content;
    line-height: 1;
}

a.language_label:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

#main_nav a:hover,
.expand_sub_menu:hover,
.minimize_sub_menu:hover {
    background-image: linear-gradient(var(--menuHoverColor), var(--menuHoverColor));
    background-position: 50% calc(100% - 0px);
    background-size: 60% 3px;
    background-repeat: no-repeat;
}

#main_nav a:hover {
    color: var(--menuHoverColor);
}

#menu_content_wrapper nav#main_nav a.menu_child:hover {
    background: unset;
    border-radius: unset;
}

#sec_nav div {
    margin: 3vh 0;
}

#menu_overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 15;
    height: 100vh;
    width: 100vw;
    opacity: 0.5;
    background: darkgray;
}

#logo {
    display: grid;
    place-items: center center;
}

#logo a {
    height: max-content;
    display: flex;
    max-height: var(--topBarHeight);
}

#logo img {
    max-height: calc(var(--topBarHeight) - 10px);
    object-fit: contain;
    border-radius: 0;
    width: 100%;
}

#sec_nav a svg { height: 18px; width: 18px; }
#sec_nav a svg .st0 { fill: none; }
#sec_nav a svg path { fill: var(--secColor); }

.menu_parent { position: relative; }

.sub_menu {
    display: flex;
    flex-direction: column;
    display: none;
    position: absolute;
    min-width: 100%;
    background: inherit;
    margin-top: 0;
    border: 1px solid lightgray;
    padding: 8px;
}

.menu_parent .sub_menu .menu_item_overlay {
    display: block;
    width: max-content;
    padding: 4px 0 2px 0;
    margin-right: 1.5vw;
    margin-bottom: 2px;
    border-bottom: 2px solid transparent;
}

.menu_parent .sub_menu .menu_item_overlay:hover {
    background-image: linear-gradient(var(--menuHoverColor), var(--menuHoverColor));
    background-position: 50% calc(100% - 0px);
    background-size: 60% 2px;
    background-repeat: no-repeat;
    border-bottom: none;
}

.expand_sub_menu { display: none; }
.minimize_sub_menu { display: none; }

.expand_sub_menu,
.minimize_sub_menu,
#menu_toggle,
#menu_close {
    border: none;
    background: transparent;
}

.wzclose.icon {
    color: var(--menuToggleColor);
    position: absolute;
    width: var(--mw);
    height: var(--mw);
    border-radius: var(--borderRadius);
}
.wzclose.icon:before {
    content: '';
    position: absolute;
    top: var(--mp);
    width: var(--mw);
    height: var(--mt);
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: var(--borderRadius);
}
.wzclose.icon:after {
    content: '';
    position: absolute;
    top: var(--mp);
    width: var(--mw);
    height: var(--mt);
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: var(--borderRadius);
}

.socialLinks_wrapper {
    display: flex;
    gap: 4px;
    align-items: first baseline;
}

.leadingElementTextContainer {
    display: flex;
    gap: 12px;
}

.block .part .leadingElementTextContainer > picture {
    margin: 0;
    flex-shrink: 0;
    align-self: baseline;
}

.block .part .leadingElementTextContainer > .pageContent {
    flex-grow: 1;
}
@media (max-width: 768px) {
:root {
    --topBarHeight: 60px;
}
#main_nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.menu_item_overlay {
    width: max-content;
}
#menu_content_wrapper {
    position: fixed;
    height: 100vh;
    width: min(80vw, 500px);
    top: 0;
    left: 0;
    z-index: 20;
    display: grid;
    grid-template-rows: 1fr 5fr 3fr;
    transform: translateX(calc(-1 * min(80vw, 500px)));
    transition: transform 0.5s ease-in-out;
    overflow-y: scroll;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}
#menu_content_wrapper.show_menu {
    transform: translateX(0);
}
#menu_toggle {
    position: relative;
}
#menu_toggle, #menu_close {
    cursor: pointer;
    width: var(--mw);
    height: calc( var(--mw) / 1.2);
    margin: auto 0 auto 16px;
    display: flex;
}
#menu_close {
    position: absolute;
    right: var(--mp);
    top: calc(var(--extraOffset) + var(--mp) );
    z-index: 99;
}
.wzmenu.icon {
    color: var(--menuToggleColor);
    position: relative;
    width: var(--mw);
    height: var(--mt);
    background-color: currentColor;
    border-radius: var(--borderRadius);
    margin: auto 0;
}
.wzmenu.icon:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    width: var(--mw);
    height: var(--mt);
    background-color: currentColor;
    border-radius: var(--borderRadius);
}
.wzmenu.icon:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: var(--mw);
    height: var(--mt);
    background-color: currentColor;
    border-radius: var(--borderRadius);
}
.sub_menu {
    display: flex;
    flex-direction: column;
    position: relative;
    border: none;
    padding-top: 0;
    margin-left: 16px;
    background: none;
    min-width: 0;
}
.sub_menu {
    display: none;
}
.menu_parent.expanded .sub_menu {
    display: flex;
}
.expand_sub_menu, .minimize_sub_menu {
    display: inline-block;
    font-size: 1.2rem;
    padding: 4px;
    cursor: pointer;
}
.minimize_sub_menu {
    display: none;
}
.menu_parent .expand_sub_menu {
    display: inline-block;
}
.menu_parent.expanded .expand_sub_menu {
    display: none;
}
.menu_parent.expanded .minimize_sub_menu {
    display: inline-block;
}
}
@media (min-width: 769px) {
#menu_close, #menu_toggle, #menu_content_wrapper #sec_nav, #menu_logo {
    display: none;
}
#menu_content_wrapper {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    left: auto;
}
#menu_content_wrapper nav a {
    display: inline-block;
    margin: 0 0 0 0;
}
#menu_content_wrapper nav a.menu_item_overlay:last-of-type {
    margin-right: -8px;
}
#menu_content_wrapper nav .sub_menu a.menu_item_overlay {
    margin-right: 0;
    white-space: nowrap;
}
#menu_content_wrapper nav {
    padding: 0;
    display: flex;
    gap: 1.5vw;
    align-items: center;
}
.menu_parent:hover .sub_menu {
    display: flex;
}
.shoppingCartWrap {
    margin-left: 60px;
}
#top_bar {
    display: grid;
    grid-template-columns: auto 4fr min-content;
    padding: 0 var(--stdPageMargin);
    width: 100vw;
}
#logo {
    grid-area: 1 / 1;
    place-items: center baseline;
}
#logo img {
    justify-self: start;
}
#menu {
    grid-area: 1 / 2;
    display: grid;
    justify-content: end;
}
#sec_nav {
    display: none;
}
#menu_content_wrapper {
    display: flex;
}

}
.block .button {font-weight:bold;}.block .button::before {background-color:var(--primColor);border-color:var(--primColor);border-style:solid;}.block .button:hover {}.block .button:hover::before {}#main_nav a.menu_item_overlay.menuItem_5d8076a0, #menu_content_wrapper nav .sub_menu a.menu_item_overlay.menuItem_5d8076a0 {color:var(--whiteColor);}#main_nav a.menu_item_overlay.menuItem_5d8076a0:hover, #menu_content_wrapper nav .sub_menu a.menu_item_overlay.menuItem_5d8076a0:hover {color:var(--whiteColor);box-shadow:none;background-image:none;}#main_nav a.menu_item_overlay.menuItem_5d8076a0::after, #menu_content_wrapper nav .sub_menu a.menu_item_overlay.menuItem_5d8076a0::after {background-color:var(--quartColor);}#main_nav a.menu_item_overlay.menuItem_5d8076a0:hover::after, #menu_content_wrapper nav .sub_menu a.menu_item_overlay.menuItem_5d8076a0:hover::after {background-color:var(--secColor);}* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

::selection {
    background: var(--selectionBackgroundColor, var(--blackColor));
    color: var(--selectionColor, var(--whiteColor));
}

.hide {
    display: none !important;
}

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

body {
    overflow-x: hidden;
    height: 100vh;
    min-height: 100vh;
    font-size: var(--rootFontSize);
    font-family: var(--fontFamily);
    font-weight: var(--fontWeight);
    line-height: 1.4;
    color: var(--fontColor);
    -webkit-font-smoothing: antialiased;
}

body.noscroll {
    overflow-y: hidden;
}

footer {
    position: relative;
}

main {
    margin-top: calc(var(--topBarHeight) + var(--extraOffset));
}

img,
picture,
video,
canvas,
svg {
    display: block;
}

picture {
    max-width: 100%;
}

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

picture,
picture > img.imgContent {
    z-index: 5;
    position: relative;
}

.pageContent {
    z-index: 10;
    position: relative;
}

.pageContent > :last-child {
    margin-bottom: 0;
}

.pageContent.background {
    border-radius: var(--borderRadius);
    position: relative;
    z-index: initial;
}

.primColorBG { background: var(--primColor) !important; }
.secColorBG { background: var(--secColor) !important; }
.terColorBG { background: var(--terColor) !important; }
.quartColorBG { background: var(--quartColor) !important; }
.quintColorBG { background: var(--quintColor) !important; }
.blackColorBG { background: var(--blackColor) !important; }
.whiteColorBG { background: var(--whiteColor) !important; }
.noBG { background: transparent !important; }


.lg_block {
    position: relative;
    padding: var(--baseSpacing);
}

.lg_std_margin {
    --ptf: 1;
    --prf: 1;
    --pbf: 1;
    --plf: 1;
    padding: calc(var(--ptf) * var(--stdElGap)) calc(var(--prf) * var(--stdPageMargin)) calc(var(--pbf) * var(--stdElGap)) calc(var(--plf) * var(--stdPageMargin));
}

.lg_std_d_margin { padding: var(--stdElGap) calc(2 * var(--stdPageMargin)); }
.lg_std_footer_margin { padding: var(--stdElGap) var(--stdPageMargin); }
.lg_std_notice_margin { padding: 10px 0; }
.lg_std_R_margin {
    margin: calc(-1 * var(--stdElGap)) var(--stdPageMargin) var(--stdElGap);
    border-top: calc(var(--topBarHeight) + var(--stdElGap)) solid transparent;
    background-clip: padding-box;
}

.lg_basicButton {
    display: block;
    max-width: fit-content;
    background: var(--secColor);
    color: var(--terColor);
    border: 2px solid var(--secColor);
    --buttonMarginRight: auto;
    --buttonMarginLeft: auto;
    --buttonMarginTop: 0;
    margin: 0 var(--buttonMarginRight) 0 var(--buttonMarginLeft);
    --buttonPaddingTop: 8px;
    --buttonPaddingRight: 16px;
    --buttonPaddingBottom: 8px;
    --buttonPaddingLeft: 16px;
    padding:
        var(--buttonPaddingTop)
        var(--buttonPaddingRight)
        var(--buttonPaddingBottom)
        var(--buttonPaddingLeft);
    border-radius: var(--borderRadius);
    cursor: pointer;
    transition: 0.25s;
    text-decoration: none;
}

.lg_basicButton:hover {
    background: var(--terColor);
    color: var(--secColor);
}

.lg_regular_content > .pageContent,
.content_width > picture {
    width: min(70ch, 100%);
    margin: auto;
}

.lg_regular_content.left > .pageContent { margin: 0 auto 0 0; }
.lg_regular_content.center > .pageContent { margin: 0 auto 0 auto; }
.lg_regular_content.right > .pageContent { margin: 0 0 0 auto; }

.lg_full_width_image > picture > img {
    width: 100%;
    height: auto;
    border-radius: var(--borderRadius);
}

.block a {
    color: var(--fontColor);
    text-decoration: none;
}


.pageContent a {
    text-decoration: none;
    border-bottom: 1px solid var(--terColor);
    color: var(--linkTextColor, inherit);
    position: relative;
    font-weight: var(--linkTextFontWeight, inherit);
    transition: all 0.3s;
}
.pageContent a:hover {
    color: var(--linkTextHoverColor, inherit);
}
.pageContent a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s;
}

aside.do_notice p {
    font-size: 0.9rem;
    text-align: center;
    margin: 10px var(--stdPageMargin);
}
aside.do_notice p a {
    border-bottom: 1px solid lightgray; 
    color: var(--fontColor);
    text-decoration: none;
}


.pageContent * + p,
.pageContent * + h1,
.pageContent * + h2,
.pageContent * + h3,
.pageContent * + h4,
.pageContent * + h5,
.pageContent * + h6,
.pageContent * + ol,
.pageContent * + ul {
    margin: 1rem 0 0 0;
}
.pageContent p + h1, 
.pageContent p + h2, 
.pageContent p + h3, 
.pageContent p + h4, 
.pageContent p + h5, 
.pageContent p + h6 {
    margin: 2rem 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
    color: var(--fontColorHead);
    font-weight: var(--fontWeightHead);
    font-family: var(--fontFamilyHead);
}

h1 {
    font-size: 2.0rem;
}

h1.small_medium {
    font-size: clamp(2.2rem, 4vw, 3.0rem);
    line-height: 1.1;
}

h1.medium {
    font-size: clamp(2.4rem, 4.5vw, 4.0rem);
    line-height: 1.1;
}

h1.medium_large {
    font-size: clamp(2.8rem, 4.75vw, 5.0rem);
    line-height: 1.1;
}

h1.large {
    font-size: clamp(3.0rem, 5vw, 6.0rem);
    line-height: 1.1;
}

h1.extra_large {
    font-size: clamp(4.0rem, 6vw, 8.0rem);
    line-height: 1.1;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.15rem;
}

h6 {
    font-size: 1.1rem;
}

li {
    color: var(--fontColor);
    margin: 0 0 calc(var(--rootFontSize) / 3.33) 0;
    margin-left: calc(var(--rootFontSize) * 1.33);
}

input, button, textarea, select {
  font: inherit;
}
button {
    font-family: var(--fontFamily);
  }

:focus-visible {
    outline: 2px solid var(--blackColor);
    outline-offset: 2px;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}


p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
th, td {
    padding: 4px 8px;
  }

  #topNotice {
    background: var(--terColor);
    color: white;
    position: fixed;
    top: 0;
    width: 100vw;
    text-align: center;
    font-size: 0.9rem;
    padding: 4px;
    box-sizing: border-box;
    z-index: 46;
    min-height: calc(var(--extraOffset) - 4px);
    display: grid;
    place-items: center;
  }body {
    --blockGap: var(--baseSpacing, 16px);

    --bp_t_f: 1; --bp_r_f: 1; --bp_b_f: 1; --bp_l_f: 1;
    --columnsGap: var(--stdColGapConf, var(--baseSpacing, 16px));
    --blockGridAlign: normal;
    --blockMinHeight: 0px;
    
    --pp_t_f: 0; --pp_r_f: 0; --pp_b_f: 0; --pp_l_f: 0;
    --partPadding: var(--baseSpacing, 16px);
    --partGap: var(--baseSpacing, 16px);
    
    --partGapFactor768: 1;
    --partGapFactor1200: 1;
    --partGapFactor1500: 1;
    --partRotationDefault: 0deg;
    --narrowContentInset: 1;
    
    --justify-content: initial;
    --shadow: none;

    --columnsPictureBorderRadius: var(--siteColumnsPictureBorderRadius, var(--borderRadius));
    --columnsPictureObjectPosition: 50% 50%;
    --columnsPictureMarginRight: auto;
    --columnsPictureMarginLeft: auto;
    --columnsPictureObjectFit: cover;
    --columnsPictureHeight: 1000%;
    --columnsPictureFilter: none;
    --columnsPictureWidth: 100%;
    --borderRadiusParts: var(--siteBorderRadiusParts, 0px);

    
    --stdElGap: 24px;
    --stdColGap: 12px;

    --stdPageMarginConf: 8vw;
    --stdPageMargin: 16px;

    --buttonPaddingTop: 8px;
    --buttonPaddingRight: 20px;
    --buttonPaddingBottom: 8px;
    --buttonPaddingLeft: 20px;
}

@media (min-width: 500px) {
    body {
        --stdColGap: 24px;
    }
}
@media (min-width: 768px) {
    body {
        --stdPageMargin: max(1.8vw, calc(0.5 * var(--stdPageMarginConf)));
        --stdColGap: 36px;
        --stdElGap: 36px;
    }
}
@media (min-width: 992px) {
    body {
        --stdPageMargin: calc(1 * var(--stdPageMarginConf));;
    }
}
@media (min-width: 1200px) {
    body {
        --stdPageMargin: calc(1.4 * var(--stdPageMarginConf));
        --stdColGap: 48px;
        --stdElGap: 48px;
    }
}
@media (min-width: 1400px) {
    body {
        --stdPageMargin: calc(1.6 * var(--stdPageMarginConf));
    }
}
@media (min-width: 1600px) {
    body {
        --stdPageMargin: calc(1.8 * var(--stdPageMarginConf));
    }
}
@media (min-width: 1800px) {
    body {
        --stdPageMargin: max(calc((100vw - 1400px) / 2), calc(2 * var(--stdPageMarginConf)));
    }
}
.block {
    position: relative;
    
    --extraPaddingTop: 0px;
    --extraPaddingBottom: 0px;
    
    
    min-height: var(--blockMinHeight);
    align-items: var(--blockGridAlign);
}



.block #lg_pageBlocks .block {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


body {
    
    --transitionHeight_top: 0px;
    --transitionHeight_bottom: 0px;
    
    --transitionBackgroundColor: transparent;
    --breakpointMultiplier: 1;
    --blockSettings_transitionPaddingMultiplier_top: 1;
    --blockSettings_transitionPaddingMultiplier_bottom: 1;
    --transitionFillColor: white;
    --partBorder: none;
    --partShadow: none;
    --columnsPictureShadow: none;
}

.block.withTransitionSvg_top {
    --extraPaddingTop: calc(var(--transitionHeight_top) * 100vw);
}
.block.withTransitionSvg_bottom {
    --extraPaddingBottom: calc(var(--transitionHeight_bottom) * 100vw);
}
.block.withTransitionFixed_bottom {
    --extraPaddingBottom: var(--transitionHeight_bottom);
}
.block.withTransitionFixed_top {
    --extraPaddingTop: var(--transitionHeight_top);
}

.transition {
    position: absolute;
    width: 100%;
    background-color: var(--transitionBackgroundColor);
}
.transition.top {
    top: -1px;
}
.transition.bottom {
    bottom: -1px;
}
.transition svg {
    fill: var(--transitionFillColor);
}
body {
    --breakpointMultiplier_top: 0.33;
    --breakpointMultiplier_bottom: 0.33;
}
@media (min-width: 500px) {
    body {
        --breakpointMultiplier_top: 0.67;
        --breakpointMultiplier_bottom: 0.67;
    }
}
@media (min-width: 1000px) {
    body {
        --breakpointMultiplier_top: 1;
        --breakpointMultiplier_bottom: 1;
    }
}
@media (min-width: 1500px) {
    body {
        --breakpointMultiplier_top: 1.33;
        --breakpointMultiplier_bottom: 1.33;
    }
}
@media (min-width: 2000px) {
    body {
        --breakpointMultiplier_top: 1.67;
        --breakpointMultiplier_bottom: 1.67;
    }
}
@media (min-width: 2500px) {
    body {
        --breakpointMultiplier_top: 2;
        --breakpointMultiplier_bottom: 2;
    }
}
@media (min-width: 3000px) {
    body {
        --breakpointMultiplier_top: 2.33;
        --breakpointMultiplier_bottom: 2.33;
    }
}


.part {
    padding: 
        calc(var(--pp_t_f) * var(--partPadding)) 
        calc(var(--pp_r_f) * var(--partPadding)) 
        calc(var(--pp_b_f) * var(--partPadding)) 
        calc(var(--pp_l_f) * var(--partPadding));
    position: relative;
    display: flex;
    gap: var(--partGap);
    flex-direction: column;
    justify-content: var(--justify-content);
    border-radius: var(--borderRadiusParts);
    z-index: 5;
    box-shadow: var(--partShadow, var(--shadow));
    max-width: 100%;
    border: var(--partBorder);
    rotate: var(--partRotationOffset, 0deg);
}
.part .background {
    border-radius: var(--backgroundBorderRadius, var(--borderRadiusParts));
}
.part > form {
    display: flex;
    gap: var(--partGap);
    flex-direction: column;
}


@media (max-width: 768px) {
    .part {
        padding-right: calc(min(4, var(--pp_r_f)) * var(--partPadding));
        padding-left: calc(min(4, var(--pp_l_f)) * var(--partPadding));
    }
}
@media (max-width: 501px) {
    .part {
        padding-right: calc(min(1, var(--pp_r_f)) * var(--partPadding));
        padding-left: calc(min(1, var(--pp_l_f)) * var(--partPadding));
    }
}


.block {
    position: relative;
    display: grid;
    
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    --blockGapHorizontal: var(--blockGap);
    --blockGapVertical: calc(var(--blockGap) * var(--blockGapVerticalMultiplier, 1.5));
    column-gap: var(--blockGapHorizontal);
    row-gap: var(--blockGapVertical);
    padding: 
        calc(var(--bp_t_f) * 1 * var(--blockGap) + var(--extraPaddingTop, 0px)) 
        calc(var(--bp_r_f) * var(--stdPageMargin)) 
        calc(var(--bp_b_f) * 1 * var(--blockGap) + var(--extraPaddingBottom, 0px)) 
        calc(var(--bp_l_f) * var(--stdPageMargin));
}
.columns.block {
    --columnsGapVertical: calc(var(--columnsGap) * var(--blockGapVerticalMultiplier, 1.5));
    column-gap: var(--columnsGap);
    row-gap: var(--columnsGapVertical);
}

@media (min-width: 768px) {
    .block {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        column-gap: calc(1.5 * var(--blockGapHorizontal));
        row-gap: calc(1.5 * var(--rowGapFactor, 1) * var(--blockGapVertical));
        padding: 
            calc(var(--bp_t_f) * 1.5 * var(--blockGap) + var(--extraPaddingTop, 0px)) 
            calc(var(--bp_r_f) * var(--stdPageMargin)) 
            calc(var(--bp_b_f) * 1.5 * var(--blockGap) + var(--extraPaddingBottom, 0px)) 
            calc(var(--bp_l_f) * var(--stdPageMargin));
    }
    .part {
        gap: calc(var(--partGapFactor768) * var(--partGap));
    }
    .columns.block {
        column-gap: calc(1.5 * var(--columnsGap));
        row-gap: calc(1.5 * var(--rowGapFactor, 1) * var(--columnsGapVertical));
    }
}
@media (min-width: 1200px) {
    .block {
        grid-template-columns: repeat(18, minmax(0, 1fr)) !important;
        column-gap: calc(2 * var(--blockGapHorizontal));
        row-gap: calc(2 * var(--rowGapFactor, 1) * var(--blockGapVertical));
        padding: 
            calc(var(--bp_t_f) * 2 * var(--blockGap) + var(--extraPaddingTop, 0px)) 
            calc(var(--bp_r_f) * var(--stdPageMargin)) 
            calc(var(--bp_b_f) * 2 * var(--blockGap) + var(--extraPaddingBottom, 0px)) 
            calc(var(--bp_l_f) * var(--stdPageMargin));
    }
    .part {
        gap: calc(var(--partGapFactor1200) * var(--partGap));
    }
    .columns.block {
        column-gap: calc(2 * var(--columnsGap));
        row-gap: calc(2 * var(--rowGapFactor, 1) * var(--columnsGapVertical));
    }
}
@media (min-width: 1500px) {
    .block {
        grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
        column-gap: calc(2.2 * var(--blockGapHorizontal));
        row-gap: calc(2.2 * var(--rowGapFactor, 1) * var(--blockGapVertical));
    }
    .part {
        gap: calc(var(--partGapFactor1500) * var(--partGap));
    }
    .columns.block {
        column-gap: calc(2.2 * var(--columnsGap));
        row-gap: calc(2.2 * var(--rowGapFactor, 1) * var(--columnsGapVertical));
    }
}



.feature.block .part {
    grid-area: span 1 / span 6;
    --justify-content: center;
}


@media (max-width: 768px) {
    .feature.block.tekstOverAfbeelding {
        row-gap: 0;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        z-index: 7;
        margin-right: 36px;
        margin-bottom: 24px;
    }
    
    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) {
        margin-top: -64px;
        margin-left: 36px;
    }

    
}


@media (min-width: 1000px) {

    .feature.block .part {
        
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column: span 6;
    }
    .feature.block.reverse .part:nth-of-type(2) {
        order: -1;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) picture {
        height: 1px;
        min-height: 100%;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) picture img {
        height: 100%;
        object-fit: cover;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        z-index: 7;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 7;
        grid-column-end: 13;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 1;
        grid-column-end: 9;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 1;
        grid-column-end: 7;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 5;
        grid-column-end: 13;
    }
}

@media (min-width: 1200px) {
    .feature.block .part {
        
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column: span 9;
    }
    .feature.block.reverse .part:nth-of-type(2) {
        order: -1;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        z-index: 7;
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 10;
        grid-column-end: 19;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 1;
        grid-column-end: 12;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 1;
        grid-column-end: 10;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 8;
        grid-column-end: 19;
    }
}
@media (min-width: 1500px) {
    .feature.block .part {
        grid-column: span 12;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 1;
        grid-column-end: 15;
    }
    .feature.block.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 13;
        grid-column-end: 25;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(1) {
        grid-column-start: 11;
        grid-column-end: 25;
    }
    .feature.block.reverse.tekstOverAfbeelding .part:nth-of-type(2) {
        grid-column-start: 1;
        grid-column-end: 13;
    }
}


.columns.block .part {
    grid-column: span 1;
    min-width: 0;
}

.block .part picture {
    width: min(var(--columnsPictureWidth), calc(var(--columnsPictureHeight) * var(--imgAspectRatio)));
    max-width: var(--columnsPictureWidth);
    max-height: var(--columnsPictureHeight);
    aspect-ratio: var(--imgAspectRatio);
    margin: 0 var(--columnsPictureMarginRight) 0 var(--columnsPictureMarginLeft);
    position: relative;
    --columnsPictureFilterHover: var(--columnsPictureFilter);
}

.block .part picture[data-label]:not([data-label=""]):not([data-label="undefined"])::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 6;
    color: white;
    padding: 0px 8px;
    background: #9999998f;
    left: 0;
    text-align: right;
    font-size: 1.4rem;
    line-height: 2;
}

.block { 
    --imgAspectRatio: initial; 
    --columnsPictureFilterHover: var(--columnsPictureFilter);
}

.block .part .wrapper picture {
    width: min(var(--columnsPictureWidth), calc(var(--columnsPictureHeight) * var(--imgAspectRatio)));
    max-width: var(--columnsPictureWidth);
    max-height: var(--columnsPictureHeight);
    aspect-ratio: var(--imgAspectRatio);
}

.block.oneToOne { --imgAspectRatio: 1; }
.block.oneToTwo { --imgAspectRatio: 0.5; }
.block.twoToOne { --imgAspectRatio: 2; }
.block.threeToFour { --imgAspectRatio: 0.75; }
.block.fourToThree { --imgAspectRatio: 1.33; }

.block.circular .part picture img {
    border-radius: 100%;
}

.block .background picture img,
.block .part picture img {
    height: 100%;
    object-fit: var(--columnsPictureObjectFit);
    object-position: var(--columnsPictureObjectPosition);
    width: 100%;
    
}

.block.original .part picture {
    height: min(var(--columnsPictureHeight), 100%);
    display: flex;
    width: var(--columnsPictureWidth);
    margin: auto;
    --imgAspectRatio: 0;
}
.block.original .part picture img {
    
    margin: auto;
    position: relative;
}



.simple.block .part {
    grid-column: 1 / -1;
}






.block.oneColumn,
.block.oneColumn_small,
.block.twoColumns,
.block.threeColumns,
.block.fourColumns,
.block.fiveColumns,
.block.sixColumns,
.block.twelveColumns {
    grid-template-columns: minmax(0, 1fr) !important;
}
.block.oneColumn .part,
.block.oneColumn_small .part,
.block.twoColumns .part,
.block.threeColumns .part,
.block.fourColumns .part,
.block.fiveColumns .part,
.block.sixColumns .part,
.block.twelveColumns .part {
    grid-column: span 1;
    grid-row: span 1;
    min-width: 0;
}


.block.oneColumn {
    grid-template-columns: minmax(0, 1fr) !important;
}


.block.oneColumn_small {
    grid-template-columns: minmax(0, 1fr) !important;
}
.block.oneColumn_small .part {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    .block.oneColumn_small .part {
        max-width: calc((12 - 2 * var(--narrowContentInset, 1)) / 12 * 100%);
    }
}
@media (min-width: 1200px) {
    .block.oneColumn_small .part {
        max-width: calc((18 - 6 * var(--narrowContentInset, 1)) / 18 * 100%);
    }
}
@media (min-width: 1500px) {
    .block.oneColumn_small .part {
        max-width: calc((24 - 8 * var(--narrowContentInset, 1)) / 24 * 100%);
    }
}


@media (min-width: 768px) {
    .block.twoColumns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .block.twoColumns:has(.part.smaller ~ .part.larger) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important;
    }
    .block.twoColumns:has(.part.larger ~ .part.smaller) {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
    }
}


@media (min-width: 768px) {
    .block.threeColumns {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .block.threeColumns:has(.part.smaller):has(.part.larger) {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important;
    }
}


@media (min-width: 500px) {
    .block.fourColumns {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 768px) {
    .block.fourColumns {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}


@media (min-width: 768px) {
    .block.fiveColumns {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}


.block.sixColumns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 500px) {
    .block.sixColumns {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 768px) {
    .block.sixColumns {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}


@media (min-width: 768px) {
    .block.sixColumns.heroGallery {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
    .block.sixColumns.heroGallery .part:nth-of-type(1) {
        grid-column: 1 / -1;
        grid-row: span 1;
    }
}
@media (min-width: 1200px) {
    .block.sixColumns.heroGallery .part:nth-of-type(1) {
        grid-column: span 4;
        grid-row: span 2;
    }
}
@media (min-width: 1500px) {
    .block.sixColumns.heroGallery .part:nth-of-type(1) {
        grid-column: span 3;
        grid-row: span 2;
    }
}


.block.twelveColumns {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
@media (min-width: 768px) {
    .block.twelveColumns {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
}


@media (min-width: 1200px) {
    .columns.block.asymmetrical,
    .columns.block.asymmetrical_reverse,
    .columns.block.asymmetrical_reserve {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .columns.block.asymmetrical .part:nth-of-type(1),
    .columns.block.asymmetrical .part:nth-of-type(5) {
        grid-column: span 2;
        grid-row: span 2;
    }
    .columns.block.asymmetrical_reverse .part:nth-of-type(2),
    .columns.block.asymmetrical_reserve .part:nth-of-type(4) {
        grid-column: span 2;
        grid-row: span 2;
    }
}





.columns.block.lookbook {
    --justify-content: center;
    --rowGapFactor: 1.2;
    --lookbookAspectPortrait: 0.75;
    --lookbookAspectTall: 0.66;
    --lookbookAspectLandscape: 1.33;
    --lookbookAspectSquare: 1;
    grid-template-columns: minmax(0, 1fr) !important;
}
.columns.block.lookbook .part {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
}
@media (min-width: 500px) {
    .columns.block.lookbook {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .columns.block.lookbook .part {
        grid-column: span 1;
    }
}
@media (min-width: 768px) {
    .columns.block.lookbook {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


@media (min-width: 768px) {
    .columns.block.lookbook.textLeft .part:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1;
    }
    .columns.block.lookbook.textLeft .part:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.textLeft .part:nth-of-type(3) {
        grid-column: 2;
        grid-row: 1 / span 2;
        --imgAspectRatio: var(--lookbookAspectTall);
    }
}
@media (min-width: 1200px) {
    .columns.block.lookbook.textLeft {
        grid-template-columns: minmax(0, 1fr) minmax(0, 7fr) minmax(0, 8fr) minmax(0, 1fr) !important;
    }
    .columns.block.lookbook.textLeft .part:nth-of-type(1),
    .columns.block.lookbook.textLeft .part:nth-of-type(2) {
        grid-column: 2;
    }
    .columns.block.lookbook.textLeft .part:nth-of-type(3) {
        grid-column: 3;
    }
}
@media (min-width: 1500px) {
    .columns.block.lookbook.textLeft {
        grid-template-columns: minmax(0, 2fr) minmax(0, 9fr) minmax(0, 10fr) minmax(0, 2fr) !important;
    }
}


@media (min-width: 768px) {
    .columns.block.lookbook.textMiddle .part:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1;
        --imgAspectRatio: var(--lookbookAspectPortrait);
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(3) {
        grid-column: 1;
        grid-row: 2 / span 2;
        --imgAspectRatio: var(--lookbookAspectTall);
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(4) {
        grid-column: 2;
        grid-row: 2;
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(5) {
        grid-column: 2;
        grid-row: 3;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
}
@media (min-width: 1200px) {
    .columns.block.lookbook.textMiddle {
        grid-template-columns: minmax(0, 1fr) minmax(0, 7fr) minmax(0, 8fr) minmax(0, 1fr) !important;
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(1),
    .columns.block.lookbook.textMiddle .part:nth-of-type(3) {
        grid-column: 2;
    }
    .columns.block.lookbook.textMiddle .part:nth-of-type(2),
    .columns.block.lookbook.textMiddle .part:nth-of-type(4),
    .columns.block.lookbook.textMiddle .part:nth-of-type(5) {
        grid-column: 3;
    }
}
@media (min-width: 1500px) {
    .columns.block.lookbook.textMiddle {
        grid-template-columns: minmax(0, 2fr) minmax(0, 9fr) minmax(0, 10fr) minmax(0, 2fr) !important;
    }
}


@media (min-width: 768px) {
    .columns.block.lookbook.textTop .part:nth-of-type(1) {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    .columns.block.lookbook.textTop .part:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        --imgAspectRatio: var(--lookbookAspectPortrait);
    }
    .columns.block.lookbook.textTop .part:nth-of-type(3) {
        grid-column: 1;
        grid-row: 3;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.textTop .part:nth-of-type(4) {
        grid-column: 2;
        grid-row: 2 / span 2;
        --imgAspectRatio: var(--lookbookAspectTall);
    }
}
@media (min-width: 1200px) {
    .columns.block.lookbook.textTop {
        grid-template-columns: minmax(0, 1fr) minmax(0, 7fr) minmax(0, 8fr) minmax(0, 1fr) !important;
    }
    .columns.block.lookbook.textTop .part:nth-of-type(1) {
        grid-column: 2 / span 2;
        grid-row: 1;
        max-width: 60%;
    }
    .columns.block.lookbook.textTop .part:nth-of-type(2),
    .columns.block.lookbook.textTop .part:nth-of-type(3) {
        grid-column: 2;
    }
    .columns.block.lookbook.textTop .part:nth-of-type(4) {
        grid-column: 3;
    }
}
@media (min-width: 1500px) {
    .columns.block.lookbook.textTop {
        grid-template-columns: minmax(0, 2fr) minmax(0, 9fr) minmax(0, 10fr) minmax(0, 2fr) !important;
    }
    .columns.block.lookbook.textTop .part:nth-of-type(1) {
        max-width: 55%;
    }
}


.columns.block.lookbook.imagesLeft {
    --columnsGap: 0px;
    --columnsGapVertical: 0px;
    --rowGapFactor: 1;
}
@media (min-width: 768px) {
    .columns.block.lookbook.imagesLeft .part:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.imagesLeft .part:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.imagesLeft .part:nth-of-type(3) {
        grid-column: 2;
        grid-row: 1 / span 2;
        --imgAspectRatio: var(--lookbookAspectTall);
    }
}
@media (min-width: 1200px) {
    .columns.block.lookbook.imagesLeft {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
}


.columns.block.lookbook.imagesRight {
    --columnsGap: 0px;
    --columnsGapVertical: 0px;
    --rowGapFactor: 1;
}
@media (min-width: 768px) {
    .columns.block.lookbook.imagesRight .part:nth-of-type(1) {
        grid-column: 1;
        grid-row: 1 / span 2;
        --imgAspectRatio: var(--lookbookAspectTall);
    }
    .columns.block.lookbook.imagesRight .part:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
    .columns.block.lookbook.imagesRight .part:nth-of-type(3) {
        grid-column: 2;
        grid-row: 2;
        --imgAspectRatio: var(--lookbookAspectLandscape);
    }
}
@media (min-width: 1200px) {
    .columns.block.lookbook.imagesRight {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
}





.carousel.block .carousel-viewport,
.carousel.block .carousel-dots {
    grid-column: 1 / -1;
    min-width: 0;
}

.carousel.block.oneColumn_small .carousel-viewport,
.carousel.block.oneColumn_small .carousel-dots {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    .carousel.block.oneColumn_small .carousel-viewport,
    .carousel.block.oneColumn_small .carousel-dots {
        max-width: calc((12 - 2 * var(--narrowContentInset, 1)) / 12 * 100%);
    }
}
@media (min-width: 1200px) {
    .carousel.block.oneColumn_small .carousel-viewport,
    .carousel.block.oneColumn_small .carousel-dots {
        max-width: calc((18 - 6 * var(--narrowContentInset, 1)) / 18 * 100%);
    }
}
@media (min-width: 1500px) {
    .carousel.block.oneColumn_small .carousel-viewport,
    .carousel.block.oneColumn_small .carousel-dots {
        max-width: calc((24 - 8 * var(--narrowContentInset, 1)) / 24 * 100%);
    }
}

.carousel.block .carousel-track > .part.carousel-slide {
    
    grid-area: unset;
    grid-column: unset;
}

.heroCarousel .carousel-track > .part.carousel-slide,
.testimonialsCarousel .carousel-track > .part.carousel-slide {
    min-height: var(--blockMinHeight, 70vh);
}

.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) {
    position: relative;
    isolation: isolate;
}

.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .background.carouselBgFullBleed,
.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > picture.background.backgroundPicture.carouselBgFullBleed {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 0 !important;
    --backgroundBorderRadius: 0;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .background.carouselBgFullBleed:not(.carousel-slide-fullBleed-active),
.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > picture.background.backgroundPicture.carouselBgFullBleed:not(.carousel-slide-fullBleed-active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .carousel-viewport,
.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .carousel-dots {
    position: relative;
    z-index: 1;
}

.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .carousel-prev,
.carousel.block.carousel-has-full-bleed-slides:not(.cardCarousel) > .carousel-next {
    z-index: 2;
}

.part.carousel-slide.carouselHasFullBleedBg {
    overflow: hidden;
}

.cardCarousel .part.carousel-slide > .background.carouselBgFullBleed,
.cardCarousel .part.carousel-slide > picture.background.backgroundPicture.carouselBgFullBleed {
    z-index: 0;
    border-radius: 0 !important;
    --backgroundBorderRadius: 0;
    top: 0;
    right: -0.5rem;
    bottom: 0;
    left: -0.5rem;
}

.heroCarousel-slide,
.testimonialsCarousel-slide,
.carousel-slide-inner {
    position: relative;
    isolation: isolate;
}

.heroCarousel-slide > .background,
.heroCarousel-slide > picture.background.backgroundPicture,
.testimonialsCarousel-slide > .background,
.testimonialsCarousel-slide > picture.background.backgroundPicture,
.carousel-slide-inner > .background,
.carousel-slide-inner > picture.background.backgroundPicture {
    z-index: 0;
}

.heroCarousel-slide > *:not(.background):not(picture.backgroundPicture),
.testimonialsCarousel-slide > *:not(.background):not(picture.backgroundPicture),
.carousel-slide-inner > *:not(.background):not(picture.backgroundPicture) {
    position: relative;
    z-index: 1;
}

.cardCarousel .part.carousel-slide > .background.carouselBgInset,
.cardCarousel .part.carousel-slide > picture.background.backgroundPicture.carouselBgInset {
    z-index: 0;
    border-radius: var(--backgroundBorderRadius, var(--borderRadiusParts));
}

.cardCarousel .part.carousel-slide.carouselHasInsetBg > *:not(.background):not(picture.backgroundPicture),
.cardCarousel .part.carousel-slide:has(> .background.carouselBgInset) > *:not(.background):not(picture.backgroundPicture),
.cardCarousel .part.carousel-slide:has(> picture.background.backgroundPicture.carouselBgInset) > *:not(.background):not(picture.backgroundPicture) {
    position: relative;
    z-index: 1;
}

.cardCarousel .part.carousel-slide.carouselHasFullBleedBg > *:not(.background):not(picture.backgroundPicture),
.cardCarousel .part.carousel-slide:has(> .background.carouselBgFullBleed) > *:not(.background):not(picture.backgroundPicture),
.cardCarousel .part.carousel-slide:has(> picture.background.backgroundPicture.carouselBgFullBleed) > *:not(.background):not(picture.backgroundPicture) {
    position: relative;
    z-index: 1;
}

.part.carousel-slide.carouselHasFullBleedBg > *:not(.background):not(picture.backgroundPicture),
.part.carousel-slide:has(> .background.carouselBgFullBleed) > *:not(.background):not(picture.backgroundPicture),
.part.carousel-slide:has(> picture.background.backgroundPicture.carouselBgFullBleed) > *:not(.background):not(picture.backgroundPicture) {
    position: relative;
    z-index: 1;
}


@media (min-width: 768px) {}
@media (min-width: 1200px) {}
@media (min-width: 1500px) {}

img { opacity: 1; }
.image_loading { opacity: 0; }

img {
    border-radius: var(--columnsPictureBorderRadius);
    box-shadow: var(--columnsPictureShadow, none);
    filter: var(--columnsPictureFilter);
    transition: all 0.3s;
}

img:hover {
    filter: var(--columnsPictureFilterHover);
}

.block {
    --backgroundClippath: none;
}

.blockGroup {
    position: relative;
    --backgroundClippath: none;
}

.blockGroup > .background {
    clip-path: var(--backgroundClippath);
    z-index: -2;
}

.blockGroup-blocks > .block {
    position: relative;
    z-index: 5;
}

.blockGroup.withTransitionSvg_top {
    --extraPaddingTop: calc(var(--transitionHeight_top) * 100vw);
}
.blockGroup.withTransitionSvg_bottom {
    --extraPaddingBottom: calc(var(--transitionHeight_bottom) * 100vw);
}
.blockGroup.withTransitionFixed_bottom {
    --extraPaddingBottom: var(--transitionHeight_bottom);
}
.blockGroup.withTransitionFixed_top {
    --extraPaddingTop: var(--transitionHeight_top);
}

.background {
    clip-path: var(--backgroundClippath);
    z-index: -2;
}

.block > .background,
.blockGroup > .background,
.block > picture.background.backgroundPicture,
.blockGroup > picture.background.backgroundPicture {
    --borderRadiusParts: 0px;
}
.background,
.background .backgroundPicture,
.block .part picture.backgroundPicture {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -2;
    border-radius: var(--backgroundBorderRadius, var(--borderRadiusParts));
}
.backgroundPicture .imgBackground {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--backgroundBorderRadius, var(--borderRadiusParts));
}
.background.spotlightGradient {
    --spotlightBase: #f8fafc;
    --spotlight1Color: rgba(96, 165, 250, 0.44);
    --spotlight2Color: rgba(192, 132, 252, 0.34);
    --spotlight3Color: rgba(94, 234, 212, 0.30);
    --spotlight4Color: rgba(251, 113, 133, 0.22);
    --spotlight1X: 8%;
    --spotlight1Y: 8%;
    --spotlight2X: 94%;
    --spotlight2Y: 14%;
    --spotlight3X: 20%;
    --spotlight3Y: 100%;
    --spotlight4X: 100%;
    --spotlight4Y: 86%;
    --spotlight1SizeX: 82%;
    --spotlight1SizeY: 62%;
    --spotlight2SizeX: 78%;
    --spotlight2SizeY: 58%;
    --spotlight3SizeX: 92%;
    --spotlight3SizeY: 68%;
    --spotlight4SizeX: 72%;
    --spotlight4SizeY: 54%;
    width: auto;
    height: auto;
    background-color: var(--spotlightBase);
    background-image:
        radial-gradient(ellipse var(--spotlight1SizeX) var(--spotlight1SizeY) at var(--spotlight1X) var(--spotlight1Y), var(--spotlight1Color) 0%, transparent 58%),
        radial-gradient(ellipse var(--spotlight2SizeX) var(--spotlight2SizeY) at var(--spotlight2X) var(--spotlight2Y), var(--spotlight2Color) 0%, transparent 56%),
        radial-gradient(ellipse var(--spotlight3SizeX) var(--spotlight3SizeY) at var(--spotlight3X) var(--spotlight3Y), var(--spotlight3Color) 0%, transparent 60%),
        radial-gradient(ellipse var(--spotlight4SizeX) var(--spotlight4SizeY) at var(--spotlight4X) var(--spotlight4Y), var(--spotlight4Color) 0%, transparent 58%);
    background-repeat: no-repeat;
    filter: saturate(112%);
    transform: translate3d(0, 0, 0);
}
.background.spotlightGradient.animated {
    animation: spotlightGradientDrift 24s ease-in-out infinite alternate;
}
@keyframes spotlightGradientDrift {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(-1.5%, 1.2%, 0) scale(1.03);
    }
    100% {
        transform: translate3d(1.5%, -1.2%, 0) scale(1.02);
    }
}
@media (prefers-reduced-motion: reduce) {
    .background.spotlightGradient.animated {
        animation: none;
    }
}
@media (max-width: 768px) {
    .background.spotlightGradient {
        --spotlight1SizeX: 110%;
        --spotlight1SizeY: 82%;
        --spotlight2SizeX: 104%;
        --spotlight2SizeY: 78%;
        --spotlight3SizeX: 120%;
        --spotlight3SizeY: 84%;
        --spotlight4SizeX: 96%;
        --spotlight4SizeY: 72%;
        --spotlight1Y: 10%;
        --spotlight2Y: 10%;
        --spotlight3Y: 96%;
        --spotlight4Y: 92%;
    }
}
.block .part picture.backgroundPicture {
    height: 100%;
    width: 100%;
}
.block .part picture.backgroundPicture img {
    border-radius: var(--backgroundBorderRadius, var(--borderRadiusParts));
}


.form.block .part {
    grid-area: span 1 / span 6;
}
@media (min-width: 768px) {
    .form.block .part {
        grid-area: span 1 / span 12;
    }
}
@media (min-width: 1200px) {
    .form.block .part {
        grid-area: span 1 / span 9;
    }
}
@media (min-width: 1500px) {
    .form.block .part {
        grid-area: span 1 / span 12;
    }
}

.form.block form {
    position: relative;
}
@media (min-width: 1000px) {
.form.block form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: var(--stdColGap);
}
.form.block form .fullWidth {
    grid-column: 1/3;
}
}
form.opsturen::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    filter: blur(2px);
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
}

.block label {
    color: var(--fontColor);
    display: block;
    margin-bottom: 4px;
}

.block input, .block textarea {
    display: block;
    padding: 8px 16px;
    width: 100%;
    border-radius: var(--borderRadius);
    background: var(--whiteColor);
    color: var(--blackColor);
    border: 1px solid hsla(var(--blackColorHSL), 0.2);
    margin-bottom: calc(var(--stdElGap) / 2);
    font-size: 1.2rem;
}

.block input[type="radio"],
.block input[type="checkbox"] {
    margin-bottom: 0;
    display: inline-block;
    width: unset;
    margin-right: 12px;
}

.block textarea {
    height: 160px;
}

hr {
    margin: 24px;
}



.pageContent {
    padding: 
        calc( var(--cp_t_f, 0) * var(--partPadding) )
        calc( var(--cp_r_f, 0) * var(--partPadding) )
        calc( var(--cp_b_f, 0) * var(--partPadding) )
        calc( var(--cp_l_f, 0) * var(--partPadding) );
}


.wrapper {
    z-index: 5;
    padding: 
        calc( var(--wp_t_f, 0) * var(--partPadding) )
        calc( var(--wp_r_f, 0) * var(--partPadding) )
        calc( var(--wp_b_f, 0) * var(--partPadding) )
        calc( var(--wp_l_f, 0) * var(--partPadding) );
    position: relative;
}
.wrapper.twoWrappedButtons a.button {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.wrapper.twoWrappedButtons {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.wrapper.twoWrappedTextContainers {
    gap: 32px;display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
    .wrapper.twoWrappedTextContainers {
        grid-template-columns: 1fr;
    }
    .wrapper.twoWrappedTextContainers > div:nth-child(1)::after {
        position: absolute;
        content: '';
        height: 2px;
        width: 100%;
        bottom: -16px;
        left: 0;
        background-color: var(--blackColor);
    }
    .wrapper.twoWrappedTextContainers.noLine > div:nth-child(1)::after {
        display: none;
    }
}
@media (min-width: 769px) {
    .wrapper.twoWrappedTextContainers::after {
        position: absolute;
        content: '';
        width: 2px; height: 100%;
        top: 0%; left: calc(50% - 1px);
        background-color: var(--blackColor);
    }
    .wrapper.twoWrappedTextContainers.noLine::after {
        display: none;
    }
}

.wrapper.steps {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 16px;
}
.steps .pageContent:nth-child(odd) {
    height: 48px;
  background: var(--secColor);
  --fontColor: white;
  margin: auto 0;
    display: grid;
    place-content: center;
}

.steps.numbersTop .pageContent:nth-child(odd) {
    margin: 0;
}

.steps.numbersRound .pageContent:nth-child(odd) {
    border-radius: 100%;
}

.steps.noLine::after {
    display: none;
}

.steps::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    left: 23px;
    background: var(--secColor);
}

.wrapper.timeline {
    --timelineColor: var(--secColor);
    display: flex;
    flex-direction: column;
    gap: calc(var(--partGap, 16px) * 2);
    counter-reset: timeline-item;
}

.timeline::before {
    content: "";
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: var(--timelineColor);
    z-index: 0;
}

.timeline > .timelineItem,
.timeline > .pageContent {
    position: relative;
    width: calc(50% - 28px);
    z-index: 1;
    counter-increment: timeline-item;
}

.timeline > .timelineItem {
    display: flex;
    flex-direction: column;
    gap: var(--partGap, 16px);
}

.timeline > .timelineItem:nth-child(odd),
.timeline > .pageContent:nth-child(odd) {
    margin-right: auto;
    text-align: right;
    align-items: flex-end;
}

.timeline > .timelineItem:nth-child(even),
.timeline > .pageContent:nth-child(even) {
    margin-left: auto;
    text-align: left;
    align-items: flex-start;
}

.timeline > .timelineItem:nth-child(odd) .button,
.timeline > .timelineItem:nth-child(odd) picture {
    --buttonMarginLeft: auto;
    --buttonMarginRight: 0;
    margin-left: auto;
    margin-right: 0;
}

.timeline > .timelineItem:nth-child(even) .button,
.timeline > .timelineItem:nth-child(even) picture {
    --buttonMarginLeft: 0;
    --buttonMarginRight: auto;
    margin-left: 0;
    margin-right: auto;
}

.timeline > .timelineItem::after,
.timeline > .pageContent::after {
    content: counter(timeline-item);
    position: absolute;
    top: 0.15em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--timelineColor);
    color: var(--whiteColor, #fff);
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    display: grid;
    place-content: center;
    z-index: 2;
    box-sizing: border-box;
}

.timeline > .timelineItem[data-marker]::after,
.timeline > .pageContent[data-marker]::after {
    content: attr(data-marker);
}

.timeline > .timelineItem:nth-child(odd)::after,
.timeline > .pageContent:nth-child(odd)::after {
    left: 100%;
    margin-left: 14px;
}

.timeline > .timelineItem:nth-child(even)::after,
.timeline > .pageContent:nth-child(even)::after {
    right: 100%;
    margin-right: 14px;
}

.timeline.noLine::before,
.timeline.noLine > .timelineItem::after,
.timeline.noLine > .pageContent::after {
    display: none;
}

.timeline.noMarkers > .timelineItem::after,
.timeline.noMarkers > .pageContent::after {
    content: "";
    width: 12px;
    height: 12px;
    top: 0.55em;
}

.timeline.noMarkers > .timelineItem:nth-child(odd)::after,
.timeline.noMarkers > .pageContent:nth-child(odd)::after {
    margin-left: 22px;
}

.timeline.noMarkers > .timelineItem:nth-child(even)::after,
.timeline.noMarkers > .pageContent:nth-child(even)::after {
    margin-right: 22px;
}

@media (max-width: 768px) {
    .timeline::before {
        left: 28px;
        transform: translateX(-50%);
    }

    .timeline > .timelineItem,
    .timeline > .pageContent {
        width: calc(100% - 52px);
        margin-left: 52px;
        margin-right: 0;
        text-align: left;
        align-items: flex-start;
    }

    .timeline > .timelineItem:nth-child(odd) .button,
    .timeline > .timelineItem:nth-child(odd) picture,
    .timeline > .timelineItem:nth-child(even) .button,
    .timeline > .timelineItem:nth-child(even) picture {
        --buttonMarginLeft: 0;
        --buttonMarginRight: auto;
        margin-left: 0;
        margin-right: auto;
    }

    .timeline > .timelineItem:nth-child(odd)::after,
    .timeline > .timelineItem:nth-child(even)::after,
    .timeline > .pageContent:nth-child(odd)::after,
    .timeline > .pageContent:nth-child(even)::after {
        left: -38px;
        right: auto;
        margin: 0;
    }

    .timeline.noMarkers > .timelineItem,
    .timeline.noMarkers > .pageContent {
        width: calc(100% - 40px);
        margin-left: 40px;
    }

    .timeline.noMarkers::before {
        left: 20px;
    }

    .timeline.noMarkers > .timelineItem:nth-child(odd)::after,
    .timeline.noMarkers > .timelineItem:nth-child(even)::after,
    .timeline.noMarkers > .pageContent:nth-child(odd)::after,
    .timeline.noMarkers > .pageContent:nth-child(even)::after {
        left: -26px;
    }
}


.checklist ul {position: relative;} .checklist li {list-style-type: none; margin-left: 30px;}

.checklist li::before {content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20enable-background=%22new%200%200%2024%2024%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%3E%3Cg%3E%3Cpath%20d=%22M0,0h24v24H0V0z%22%20fill=%22none%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20d=%22M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10c5.52,0,10-4.48,10-10S17.52,2,12,2z%20M16.95,10.23l-5.66,5.66%20c-0.39,0.39-1.02,0.39-1.41,0l-2.83-2.83c-0.39-0.39-0.39-1.02,0-1.41c0.39-0.39,1.02-0.39,1.41,0l2.12,2.12l4.95-4.95%20c0.39-0.39,1.02-0.39,1.41,0C17.34,9.21,17.34,9.84,16.95,10.23z%22/%3E%3C/g%3E%3C/svg%3E');left: 0;position: absolute; fill: var(--fontColor);}

.twoWrappedImages_spaceBetween {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.block .part .twoWrappedImages_spaceBetween picture {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.block {
    --buttonMarginRight: auto;
    --buttonMarginLeft: auto;
    --buttonMarginTop: 0;
}

.block .button {
    margin:
        var(--buttonMarginTop)
        var(--buttonMarginRight)
        0
        var(--buttonMarginLeft);
    border-radius: var(--borderRadius);
    color: var(--whiteColor);
    display: inline-block;
    transition: all 0.3s;
    position: relative;
    padding:
        var(--buttonPaddingTop)
        var(--buttonPaddingRight)
        var(--buttonPaddingBottom)
        var(--buttonPaddingLeft);
    background: unset;
    cursor: pointer;
    border: unset;
    text-decoration: none;
}
.block .button::before {
    top: 0; right: 0; bottom: 0; left: 0;
    transition: all 0.3s;
    position: absolute;
    content: ''; 
    z-index: -1;
}
.button::before {
    border-style: solid;
    border-width: 2px;
    border-color: var(--blackColor);
    background-color: var(--blackColor);
    border-radius: var(--borderRadius);
}




.background, .transition {
    pointer-events: none;
}




.overlayTextTop::after {
    content: attr(data-overlay-text);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 6;
    color: white;
    padding: 4px 16px;
    background: #0000008a;
    font-size: 1rem;
    border-radius: var(--columnsPictureBorderRadius);
    text-align: center;
}

.vector svg {
    margin: 0 auto;
}




.hide {
    display: none !important;
}
.modal {
    background-color: #4b4b4b98;
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    display: grid;
    place-items: center;
    top: 0;
    left: 0;
}
.modalInner {
    border-radius: var(--borderRadius);
    background-color: #FFF;
    padding: 48px;
    width: clamp(300px, 768px, calc(90vw - 96px ));
    max-width: calc(100vw - 96px);
    height: clamp(400px, 500px, 90vh);
    max-height: 100vh;
    position: relative;
    overflow-y: scroll;
    z-index: 1;
}
@media (max-width: 768px) {
    .modalInner {
        padding: 24px;
        max-width: calc(100vw - 48px);
    }
}
.modalInner .modalContent {
    display: flex;
    flex-direction: column;
    gap: var(--partGap);
}
.closeModal {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    cursor: pointer;
    text-transform: none;
    appearance: none;
    -webkit-appearance: none;
    border-style: none;
    background-color: transparent;
    text-decoration: underline;
    font-weight: 700;
    color: var(--fontColor);
}

summary h1, summary h2, summary h3, summary h4, summary h5, summary h6, summary p {
    display: inline;
    cursor: pointer;
}

.accordion_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.accordion-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.accordion-controls button,
.accordion-controls .accordion-control-btn {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--fontColor, currentColor) 35%, transparent);
    background: transparent;
    color: inherit;
    border-radius: var(--borderRadius, 4px);
    font: inherit;
    font-size: 0.875em;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.4;
}

.accordion-item {
    border-bottom: 1px solid color-mix(in srgb, var(--fontColor, currentColor) 20%, transparent);
}

.accordion-item:first-child {
    border-top: 1px solid color-mix(in srgb, var(--fontColor, currentColor) 20%, transparent);
}

.accordion-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 14px 0;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.accordion-heading-text {
    flex: 1;
    min-width: 0;
}

.accordion-heading-text.pageContent {
    margin: 0;
}

.accordion-icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
}

.accordion-icon-caret::before {
    content: '';
    display: block;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    margin: 0.15rem auto 0;
}

.accordion-heading[aria-expanded="true"] .accordion-icon-caret::before {
    transform: rotate(45deg);
    margin-top: 0.35rem;
}

.accordion-icon-plus::before,
.accordion-icon-plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.9rem;
    height: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.accordion-icon-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-heading[aria-expanded="true"] .accordion-icon-plus::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scale(0);
}

.accordion-panel {
    overflow: hidden;
}

.accordion-panel .pageContent {
    padding-bottom: 14px;
}

.accordion-panel[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .accordion-icon-caret::before,
    .accordion-icon-plus::before,
    .accordion-icon-plus::after {
        transition: none;
    }
}

@media print {
    .accordion-controls {
        display: none !important;
    }

    .accordion-panel {
        display: block !important;
    }

    .accordion-panel[hidden] {
        display: block !important;
    }
}


.eyebrowBadgeRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 0.75em;
    z-index: 5;
}

.eyebrowBadgeRow[data-align="center"] {
    justify-content: center;
}

.eyebrowBadgeRow[data-align="end"] {
    justify-content: flex-end;
}

.eyebrowBadgeRow[data-align="start"] {
    justify-content: flex-start;
}

.eyebrowBadgeRow > .pageContent {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    padding: 0.35em 0.95em;
    border-radius: 999px;
    font-size: 0.75em;
    letter-spacing: 0.04em;
    line-height: 1.35;
    font-weight: 500;
    box-sizing: border-box;
}

.eyebrowBadgeRow > .pageContent p,
.eyebrowBadgeRow > .pageContent > *:first-child {
    margin-top: 0;
}

.eyebrowBadgeRow > .pageContent p,
.eyebrowBadgeRow > .pageContent > *:last-child {
    margin-bottom: 0;
}

.eyebrowBadgeRow.eyebrowBadge--outline > .pageContent {
    background: transparent;
    border: 1px solid currentColor;
}

.eyebrowBadgeRow.eyebrowBadge--fill > .pageContent {
    background: var(--quintColor);
    border: 1px solid transparent;
    color: var(--blackColor);
}


.animateVisible {
    opacity: 0;
}

.fadeUp {
    transform: translateY(var(--animDistance, 28px));
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(var(--animDistance, 28px));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.run_fadeUp {
    animation: fadeUp var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

.fadeDown {
    transform: translateY(calc(var(--animDistance, 28px) * -1));
}
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(calc(var(--animDistance, 28px) * -1));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.run_fadeDown {
    animation: fadeDown var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

.fadeLeft {
    transform: translateX(var(--animDistance, 28px));
}
@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(var(--animDistance, 28px));
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.run_fadeLeft {
    animation: fadeLeft var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

.fadeRight {
    transform: translateX(calc(var(--animDistance, 28px) * -1));
}
@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(calc(var(--animDistance, 28px) * -1));
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.run_fadeRight {
    animation: fadeRight var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

.fadeIn {
    opacity: 0;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.run_fadeIn {
    animation: fadeIn var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

.fadeInEnlarge {
    opacity: 0;
    transform: scale(var(--animScaleFrom, 0.97));
}
@keyframes fadeInEnlarge {
    from {
        opacity: 0;
        transform: scale(var(--animScaleFrom, 0.97));
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.run_fadeInEnlarge {
    animation: fadeInEnlarge var(--animDuration, 0.4s) var(--animEasing, cubic-bezier(0.44, 0, 0.56, 1)) forwards;
}

[data-animations="off"] .animateVisible,
[data-animations="off"] .fadeUp,
[data-animations="off"] .fadeDown,
[data-animations="off"] .fadeLeft,
[data-animations="off"] .fadeRight,
[data-animations="off"] .fadeIn,
[data-animations="off"] .fadeInEnlarge {
    opacity: 1;
    transform: none;
}
[data-animations="off"] .run_fadeUp,
[data-animations="off"] .run_fadeDown,
[data-animations="off"] .run_fadeLeft,
[data-animations="off"] .run_fadeRight,
[data-animations="off"] .run_fadeIn,
[data-animations="off"] .run_fadeInEnlarge {
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    .animateVisible,
    .fadeUp,
    .fadeDown,
    .fadeLeft,
    .fadeRight,
    .fadeIn,
    .fadeInEnlarge {
        opacity: 1;
        transform: none;
    }
    .run_fadeUp,
    .run_fadeDown,
    .run_fadeLeft,
    .run_fadeRight,
    .run_fadeIn,
    .run_fadeInEnlarge {
        animation: none;
    }
}

select {
    padding: 16px;
    background: var(--whiteColor);
    color: var(--blackColor);
    border-radius: var(--borderRadius);
    border: 2px solid lightgray;
    font-size: 16px;
}



.children {
    display: grid;
    gap: 32px;
}

.children > div {
    box-shadow: 1px 1px 4px 0 darkgray;
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}
.children > div > a {
    text-decoration: none;
    color: var(--fontColor);
}

.children > div > a.right {
    text-align: right;
}

@media (min-width: 769px) {
    .children {
        grid-template-columns: repeat(3, 1fr);
    }
}

.filtersWrapper {
    position: relative;
    z-index: 2;
    box-shadow: 0px 6px 10px 3px #0000002e;
    padding: 4px;
    border-radius: var(--borderRadius);
    flex-direction: row;
    z-index: 500;
}
.cardsToFilter {
    position: relative;
    z-index: 1;
}
.filter {
    position: relative;
    padding: 6px 24px 6px 12px;
    display: inline-block;
    border-radius: var(--borderRadius);
    cursor: pointer;
    
    
}
.filter::after {
    content:"\203A";
    position: absolute;
    transform: rotate(90deg);
    bottom: 6px;
    right: 9px;
}
.filter + .filter {
    margin-left: 16px;
}
.filter:hover {
    background: #ececec;
}
.filterDropDown {
    position: absolute;
    cursor: pointer;
    min-width: 200px;
    left: 2px;
    padding: 6px 12px;
    box-shadow: 0px 6px 10px 3px #0000002e;
    border-radius: var(--borderRadius);
    visibility: hidden;
    transition: visibility 0.1s;
    background: white;
    top: 40px;
    z-index: -11;
}
.filterOption {
    cursor: pointer;
    padding-right: 30px;
    max-width: calc(100% - 30px);
    position: relative;
    z-index: 11;
}
.filterOption + .filterOption {
    margin-top: 12px;
}
.filterOption.checked {
    font-weight: bold;
}


.filter.expanded {
    z-index: 11;
}
.filter.expanded::after {
    transform: rotate(-90deg);
}
.filter.expanded .filterDropDown {
    visibility: visible;
    z-index: 9999;
}

.selectedFilters {
    margin: calc(var(--stdElGap) / 2) 0;
    min-height: 50px;
}
.selectedFilter {
    cursor: pointer;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 8px;
    border-radius: var(--borderRadius);
    box-shadow: 0px 6px 10px 3px #0000002e;
}
.selectedFilter::after {
    content: " x";
    padding: 2px;
    
}
.selectedFilter + .selectedFilter {
    margin-left: 12px;
}
.selectedFilter:hover {
    background: #ececec;
}

.cardsToFilter {
    display: grid;
    grid-template-columns: repeat(auto-fit, 280px);
    gap: 24px;
}
.filterCard {
    border-radius: var(--borderRadius);
    box-shadow: 0px 6px 10px 3px #0000002e;
    background: white;
}
.filterCard .textContent {
    padding: 6px 12px;
}
@media (max-width: 768px) {
    .cardsToFilter {
        display: grid;
        gap: 24px;
        grid-template-rows: 1fr;
        grid-auto-flow: column;
        overflow-x: scroll;
        scrollbar-width: none;
        margin-right: calc(-1 * var(--stdPageMargin));
    }
    .cardsToFilter {
        padding-bottom: 20px;
        padding-left: 10px;
        margin-left: -10px;
    }
    .cardsToFilter::after {
        content: "";
        width: 60px;
    }
    .filterCard {
        width: min(85vw, 280px);
    }
    .filterCard .imgContent {
        max-height: 150px;
        object-fit: cover;
    }
}