html {
    color-scheme: light;
    hanging-punctuation: first last;
    font-size: 62.5%;
}
html.cf-theme-dark {
    color-scheme: dark;
}

:root, :root.cf-theme-dark .cftheme-inverted, :root.cf-theme-dark .theme-always-light, :root.cf-theme-light .cftheme-inverted .theme-always-light {
    --cfspace-xs: clamp(1.2rem, calc(0.76vw + 0.96rem), 2rem);
    --cfspace-s: clamp(1.5rem, calc(1.43vw + 1.04rem), 3rem);
    --cfspace-m: clamp(2rem, calc(1.91vw + 1.39rem), 4rem);
    --cfspace-l: clamp(3rem, calc(2.87vw + 2.08rem), 6rem);
    --cfspace-xl: clamp(4rem, calc(4.78vw + 2.47rem), 9rem);
    --cfspace-2xl: clamp(6rem, calc(5.74vw + 4.16rem), 12rem);
    --cftext-xs: clamp(1.26rem, calc(0.02vw + 1.26rem), 1.28rem);
    --cftext-s: clamp(1.42rem, calc(0.17vw + 1.37rem), 1.6rem);
    --cftext-m: clamp(1.8rem, calc(0.38vw + 1.48rem), 2rem);
    --cftext-l: clamp(1.8rem, calc(0.67vw + 1.59rem), 2.5rem);
    --cftext-xl: clamp(2.02rem, calc(1.05vw + 1.69rem), 3.13rem);
    --cftext-2xl: clamp(2.28rem, calc(1.56vw + 1.78rem), 3.91rem);
    --cftext-3xl: clamp(2.56rem, calc(2.22vw + 1.85rem), 4.88rem);
    --cftext-4xl: clamp(2.88rem, calc(3.08vw + 1.9rem), 6.1rem);
    --cfradius-xs: clamp(0.3rem, calc(0vw + 0.3rem), 0.3rem);
    --cfradius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem);
    --cfradius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem);
    --cfradius-l: clamp(1.6rem, calc(-0.38vw + 2.12rem), 2rem);
    --cfradius-xl: clamp(2.6rem, calc(-0.57vw + 3.38rem), 3.2rem);
    --cfradius-full: 999rem;
    --max-p-width: 65ch;
    --focus-default: 1px var(--cftext-body) dotted;
}

a:not(.button):hover {border-bottom-color: transparent !important; }
main section:not(.header):last-child {padding-bottom: calc(var(--cfspace-m)*2);}
.nowrap { white-space: nowrap;}


@media (max-width: 991px) {
    :root{
    --max-p-width: 100%;}
}


/*svg styles*/
.a {
  fill: none;
  stroke: #e31c79;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6.94px;
}

.b {
  fill: #1d1e1c;
}

.f {
  fill: #279989;
}

.st0_klaproos{
  fill: var(--cfprimary);
}
.st1_klaproos{fill:var(--cftext-body);}

.st0_flower2 {fill:var(--atalmost-black);} 
.st1_flower2, .st1_flower{fill:var(--cfprimary);} 
.st2_flower2 {fill:var(--atalmost-black);} 
.st0_flower {fill:var(--atalmost-black);} 
.st3_flower2, .st2_flower{fill:var(--cfbg-body);}
	.st0_boterzachte{fill:#B3CF68;}
	.st1_boterzachte{fill:var(--atboterzachte-blue);}
	.st2_boterzachte{fill:#AC95C6;}
	.st3_boterzachte{fill:#EFB4CC;}
	.st4_boterzachte{fill:#DFDF3E;}
	.st5_boterzachte{fill:#54C1E0;}
	.st6_boterzachte{fill:#F9CD0D;}
	.st7_boterzachte{fill:#EFA156;}
	.st8_boterzachte{fill:#F3B225;}
	.st9_boterzachte{fill:#8BB7E3;}
	.st10_boterzachte{fill:#A2C154;}
	.st11_boterzachte{fill:#213C5F;}
	.st12_boterzachte{fill:var(--cftext-body);}
	.st13_boterzachte{fill:var(--cfbg-body);}
	.st14_boterzachte{fill:var(--cfbg-body);}
	.st15_boterzachte{fill:#8A6D53;}


.content-grid__lead-text {
  font-size: var(--cftext-xl);
  font-weight: 600;
  line-height: 1.1;
}




/*cf styles*/

.cfbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cfspace-xs);
    padding: var(--cfspace-m);
    background: var(--cfprimary);
    color: var(--atwhite);
    font-size: var(--cftext-m);
    font-weight: 600;
    border-radius: var(--cfradius-m);
    border: 1px solid var(--primary-d-1);
    box-shadow: var(--shadow-m);
    transition: all 0.25s ease-in-out;
    outline: 0;
    cursor: pointer;
    max-width: 20rem;
}

@media (hover: hover) {
.cfbtn:hover {
    background: var(--primary-d-1);
    transform: translateY(-0.1rem);
}
}
.cfbtn.small {
    font-size: var(--cftext-s);
    padding: var(--cfspace-xs) var(--cfspace-s);
}
.cfbtn.large {
    font-size: var(--cftext-l);
    padding: var(--cfspace-s) var(--cfspace-m);
}
.cfbtn.tertiary {
    background: var(--tertiary);
    border-color: var(--tertiary-d-1);
}
.cfbtn.ghost {
    color: var(--dark-80);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.cfbtn.slight {
    color: var(--dark-80);
    background: var(--bg-surface);
    border-color: var(--cfborder-primary);
    box-shadow: var(--shadow-s);
}
.cfbtn.secondary {
    background: var(--cfsecondary);
    border-color: var(--secondary-d-1);
}
@media (hover: hover) {
.cfbtn.ghost:hover {
    background: var(--dark-10);
}
}
@media (hover: hover) {
.cfbtn.slight:hover {
    background: var(--dark-5);
}
}
@media (hover: hover) {
.cfbtn.tertiary:hover {
    background: var(--tertiary-d-1);
}
}
@media (hover: hover) {
.cfbtn.secondary:hover {
    background: var(--secondary-d-1);
}
}
.cfbtn:focus {
    outline: 4px solid var(--primary-l-3);
    outline-offset: 2px;
}
.cfbtn.no-bg {
    color: var(--dark-80);
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
@media (hover: hover) {
.cfbtn.no-bg:hover {
    color: var(--dark);
}
}
.cfbadge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4xs);
    padding: var(--space-2xs) var(--cfspace-s);
    background: var(--dark-10);
    color: var(--cfprimary);
    font-size: var(--cftext-s);
    font-weight: 500;
    border-radius: var(--cfradius-full);
    border: 0;
    outline: 0;
}
.cfbadge.secondary {
    color: var(--cfsecondary);
}
.cflink {
    border-bottom: 2px solid;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
    color: var(--menu-color);
}


@media (hover: hover) {
.cflink:hover {
    border-color: transparent;
    color: var(--menu-color);
}
}
.cflink:focus {
    border: 1 solid;
}
.cfcard {
    display: flex;
    gap: var(--cfspace-xs);
    padding: var(--cfspace-s);
    border-radius: var(--cfradius-xs);
    background: var(--atwhite);
    flex-direction: column;
}
.cfcard ul {margin-top: 0;}

.cfcard.primary {
    background: var(--cfprimary);
    color: var(--atwhite);
}
.cfinput {
    padding: var(--cfspace-xs) var(--cfspace-s);
    background: var(--dark-5);
    color: var(--cftext-title);
    font-size: var(--cftext-m);
    font-weight: 500;
    border-radius: var(--cfradius-m);
    border: 1px solid var(--cfborder-primary);
    box-shadow: var(--shadow-xs);
    transition: all 0.25s ease-in-out;
    appearance: none;
    outline: 0;
}
.cfinput:focus {
    background: var(--cfprimary-20);
    border-color: var(--cfprimary);
    box-shadow: var(--shadow-l);
}
@media (hover: hover) {
.cfinput:hover {
    border-color: var(--cfprimary);
    background: transparent;
    box-shadow: var(--shadow-l);
}
}
.cfinput::placeholder {
    color: var(--dark-40);
}
.cfinput:invalid {
    border-color: var(--cferror);
    background: var(--error-10);
}
.cfinput:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dark-10);
}
.cfselect {
    padding: var(--cfspace-xs) var(--cfspace-s);
    background: var(--dark-5);
    color: var(--cftext-body);
    font-size: var(--cftext-m);
    font-weight: 500;
    border-radius: var(--cfradius-m);
    border: 1px solid var(--cfborder-primary);
    box-shadow: var(--shadow-xs);
    transition: all 0.25s ease-in-out;
    outline: 0;
}
.cfselect:focus {
    background: var(--cfprimary-20);
    border-color: var(--cfprimary);
}
@media (hover: hover) {
.cfselect:hover {
    border-color: var(--cfprimary);
}
}
.cfselect::placeholder {
    color: var(--dark-40);
}
.cfselect:invalid {
    border-color: var(--cferror);
    background: var(--error-10);
}
.cfselect:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dark-10);
}
.cficon {
    color: var(--cfprimary);
    width: var(--cfspace-2xl);
    height: auto;
    font-size: var(--cfspace-2xl);
}
.cficon.large {
    width: var(--space-3xl);
    font-size: var(--space-3xl);
}
.cficon.secondary {
    color: var(--cfsecondary);
}
.cficon.tertiary {
    color: var(--tertiary);
}
.cficon.outline {
    padding: 0.5em;
    border: 1px solid var(--cfborder-primary);
    border-radius: 100%;
    box-sizing: content-box;
}
.cficon.filled {
    padding: 0.5em;
    border-radius: 100%;
    box-sizing: content-box;
    background: var(--dark-10);
}
.cficon.small {
    width: var(--cfspace-l);
    font-size: var(--cfspace-l);
}
.cfavatar {
    width: var(--cfspace-2xl);
    height: var(--cfspace-2xl);
    border-radius: 100%;
    box-shadow: var(--shadow-m);
    object-fit: cover;
}
.cfavatar.small {
    width: var(--cfspace-l);
    height: var(--cfspace-l);
}
.cfavatar.large {
    width: var(--space-4xl);
    height: var(--space-4xl);
}
.cfdivider {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    height: 1px;
    max-height: 1px;
    background: var(--cfborder-primary);
    margin: var(--cfspace-m) 0;
    border: 0;
}
.cfdivider.vertical {
    min-width: 1px;
    width: 1px;
    max-width: 1px;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
.cfcheckbox {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--dark-40);
    border-radius: var(--cfradius-s);
    width: clamp(1.8rem, calc(-0.38vw + 2.32rem), 2.2rem);
    height: clamp(1.8rem, calc(-0.38vw + 2.32rem), 2.2rem);
}
.cfcheckbox:checked:before {
    transform: scale(1);
}
.cfcheckbox::before {
    content: "";
    width: 1em;
    height: 1em;
    box-shadow: inset 1em 1em var(--atwhite);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transition: transform 0.2s;
}
@media (hover: hover) {
.cfcheckbox:hover {
    border-color: var(--cfprimary);
}
}
.cfcheckbox:focus {
    outline: 3px solid var(--primary-l-3);
    outline-offset: 2px;
}
.cfcheckbox:checked {
    background: var(--cfprimary);
    border-color: var(--cfprimary);
}
.cfradio {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--dark-40);
    border-radius: var(--cfradius-full);
    width: clamp(1.8rem, calc(-0.38vw + 2.32rem), 2.2rem);
    height: clamp(1.8rem, calc(-0.38vw + 2.32rem), 2.2rem);
}
.cfradio:checked:before {
    transform: scale(1);
}
.cfradio::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100%;
    transform: scale(0);
    transition: transform 0.2s;
    background: var(--cfprimary);
}
@media (hover: hover) {
.cfradio:hover {
    border-color: var(--cfprimary);
}
}
.cfradio:focus {
    outline: 3px solid var(--primary-l-3);
    outline-offset: 2px;
}
.cfradio:checked {
    border-color: var(--cfprimary);
}
.cfbg-primary {
    background-color: var(--cfprimary);
}
.cfbg-primary-5 {
    background-color: var(--cfprimary-5);
}
.cfbg-primary-10 {
    background-color: var(--cfprimary-10);
}
.cfbg-primary-20 {
    background-color: var(--cfprimary-20);
}
.cfbg-primary-30 {
    background-color: var(--cfprimary-30);
}
.cfbg-primary-40 {
    background-color: var(--cfprimary-40);
}
.cfbg-primary-50 {
    background-color: var(--cfprimary-50);
}
.cfbg-primary-60 {
    background-color: var(--cfprimary-60);
}
.cfbg-primary-70 {
    background-color: var(--cfprimary-70);
}
.cfbg-primary-80 {
    background-color: var(--cfprimary-80);
}
.cfbg-primary-90 {
    background-color: var(--cfprimary-90);
}
.cftext-primary {
    color: var(--cfprimary);
}
.cftext-primary-5 {
    color: var(--cfprimary-5);
}
.cftext-primary-10 {
    color: var(--cfprimary-10);
}
.cftext-primary-20 {
    color: var(--cfprimary-20);
}
.cftext-primary-30 {
    color: var(--cfprimary-30);
}
.cftext-primary-40 {
    color: var(--cfprimary-40);
}
.cftext-primary-50 {
    color: var(--cfprimary-50);
}
.cftext-primary-60 {
    color: var(--cfprimary-60);
}
.cftext-primary-70 {
    color: var(--cfprimary-70);
}
.cftext-primary-80 {
    color: var(--cfprimary-80);
}
.cftext-primary-90 {
    color: var(--cfprimary-90);
}
.cfborder-primary {
    border-color: var(--cfprimary);
    border-color: var(--cfborder-primary);
}
.cfborder-primary-5 {
    border-color: var(--cfprimary-5);
}
.cfborder-primary-10 {
    border-color: var(--cfprimary-10);
}
.cfborder-primary-20 {
    border-color: var(--cfprimary-20);
}
.cfborder-primary-30 {
    border-color: var(--cfprimary-30);
}
.cfborder-primary-40 {
    border-color: var(--cfprimary-40);
}
.cfborder-primary-50 {
    border-color: var(--cfprimary-50);
}
.cfborder-primary-60 {
    border-color: var(--cfprimary-60);
}
.cfborder-primary-70 {
    border-color: var(--cfprimary-70);
}
.cfborder-primary-80 {
    border-color: var(--cfprimary-80);
}
.cfborder-primary-90 {
    border-color: var(--cfprimary-90);
}
.cfbg-secondary {
    background-color: var(--cfsecondary);
}
.cfborder-secondary {
    border-color: var(--cfsecondary);
}
.cfbg-redbrick {
    background-color: var(--cfredbrick);
}
.cfbg-redbrick-5 {
    background-color: var(--cfredbrick-5);
}
.cfbg-redbrick-10 {
    background-color: var(--cfredbrick-10);
}
.cfbg-redbrick-20 {
    background-color: var(--cfredbrick-20);
}
.cfbg-redbrick-30 {
    background-color: var(--cfredbrick-30);
}
.cfbg-redbrick-40 {
    background-color: var(--cfredbrick-40);
}
.cfbg-redbrick-50 {
    background-color: var(--cfredbrick-50);
}
.cfbg-redbrick-60 {
    background-color: var(--cfredbrick-60);
}
.cfbg-redbrick-70 {
    background-color: var(--cfredbrick-70);
}
.cfbg-redbrick-80 {
    background-color: var(--cfredbrick-80);
}
.cfbg-redbrick-90 {
    background-color: var(--cfredbrick-90);
}
.cfbg-redbrick-d-1 {
    background-color: var(--cfredbrick-d-1);
}
.cfbg-redbrick-d-2 {
    background-color: var(--cfredbrick-d-2);
}
.cfbg-redbrick-d-3 {
    background-color: var(--cfredbrick-d-3);
}
.cfbg-redbrick-d-4 {
    background-color: var(--cfredbrick-d-4);
}
.cfbg-redbrick-l-1 {
    background-color: var(--cfredbrick-l-1);
}
.cfbg-redbrick-l-2 {
    background-color: var(--cfredbrick-l-2);
}
.cfbg-redbrick-l-3 {
    background-color: var(--cfredbrick-l-3);
}
.cfbg-redbrick-l-4 {
    background-color: var(--cfredbrick-l-4);
}
.cftext-redbrick {
    color: var(--cfredbrick);
}
.cftext-redbrick-5 {
    color: var(--cfredbrick-5);
}
.cftext-redbrick-10 {
    color: var(--cfredbrick-10);
}
.cftext-redbrick-20 {
    color: var(--cfredbrick-20);
}
.cftext-redbrick-30 {
    color: var(--cfredbrick-30);
}
.cftext-redbrick-40 {
    color: var(--cfredbrick-40);
}
.cftext-redbrick-50 {
    color: var(--cfredbrick-50);
}
.cftext-redbrick-60 {
    color: var(--cfredbrick-60);
}
.cftext-redbrick-70 {
    color: var(--cfredbrick-70);
}
.cftext-redbrick-80 {
    color: var(--cfredbrick-80);
}
.cftext-redbrick-90 {
    color: var(--cfredbrick-90);
}
.cftext-redbrick-d-1 {
    color: var(--cfredbrick-d-1);
}
.cftext-redbrick-d-2 {
    color: var(--cfredbrick-d-2);
}
.cftext-redbrick-d-3 {
    color: var(--cfredbrick-d-3);
}
.cftext-redbrick-d-4 {
    color: var(--cfredbrick-d-4);
}
.cftext-redbrick-l-1 {
    color: var(--cfredbrick-l-1);
}
.cftext-redbrick-l-2 {
    color: var(--cfredbrick-l-2);
}
.cftext-redbrick-l-3 {
    color: var(--cfredbrick-l-3);
}
.cftext-redbrick-l-4 {
    color: var(--cfredbrick-l-4);
}
.cfborder-redbrick {
    border-color: var(--cfredbrick);
}
.cfborder-redbrick-5 {
    border-color: var(--cfredbrick-5);
}
.cfborder-redbrick-10 {
    border-color: var(--cfredbrick-10);
}
.cfborder-redbrick-20 {
    border-color: var(--cfredbrick-20);
}
.cfborder-redbrick-30 {
    border-color: var(--cfredbrick-30);
}
.cfborder-redbrick-40 {
    border-color: var(--cfredbrick-40);
}
.cfborder-redbrick-50 {
    border-color: var(--cfredbrick-50);
}
.cfborder-redbrick-60 {
    border-color: var(--cfredbrick-60);
}
.cfborder-redbrick-70 {
    border-color: var(--cfredbrick-70);
}
.cfborder-redbrick-80 {
    border-color: var(--cfredbrick-80);
}
.cfborder-redbrick-90 {
    border-color: var(--cfredbrick-90);
}
.cfborder-redbrick-d-1 {
    border-color: var(--cfredbrick-d-1);
}
.cfborder-redbrick-d-2 {
    border-color: var(--cfredbrick-d-2);
}
.cfborder-redbrick-d-3 {
    border-color: var(--cfredbrick-d-3);
}
.cfborder-redbrick-d-4 {
    border-color: var(--cfredbrick-d-4);
}
.cfborder-redbrick-l-1 {
    border-color: var(--cfredbrick-l-1);
}
.cfborder-redbrick-l-2 {
    border-color: var(--cfredbrick-l-2);
}
.cfborder-redbrick-l-3 {
    border-color: var(--cfredbrick-l-3);
}
.cfborder-redbrick-l-4 {
    border-color: var(--cfredbrick-l-4);
}
.cfbg-cassier-rose {
    background-color: var(--cfcassier-rose);
}
.cfborder-cassier-rose {
    border-color: var(--cfcassier-rose);
}
.cfbg-body {
    background-color: var(--cfbg-body);
}
.cftext-body {
    color: var(--cftext-body);
}
.cfborder-text-body {
    border-color: var(--cftext-body);
}
.cftext-title {
    color: var(--cftext-title);
}
.cfgap-xs {
    gap: var(--cfspace-xs);
}
.cfgap-s {
    gap: var(--cfspace-s);
}
.cfgap-m {
    gap: var(--cfspace-m);
}
.cfgap-l {
    gap: var(--cfspace-l);
}
.cfgap-xl {
    gap: var(--cfspace-xl);
}
H1 {
    font-size: var(--cftext-2xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--cftext-xl);
    line-height: 1.2;
}
H3, .cfh3 {
    font-size: var(--cftext-l);
    line-height: 1.3;
}

.cfh3 {font-family: "Montserrat", system-ui, sans-serif;}

H4 {
    font-size: var(--cftext-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--cftext-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--cftext-m);
    line-height: 1.4;
}
h1, h2, h3, h4, .cfh3 {
    font-weight: 700;
    text-wrap: balance;
    transform: scaleX(0.95);
    transform-origin: left;
}
.cfpretty_wrap {
    text-wrap: pretty;
}
.cftext-max-width-53ch {
    max-width: 53ch;
}
.cftext-left {
    text-align: left;
}
.cftext-center {
    text-align: center;
}
.cftext-right {
    text-align: right;
}
p {
    widows: 2;
    margin-bottom: var(--cfspace-xs);
}
p:last-child {
    margin-bottom: 0;
}
body {
    letter-spacing: 0.01em;
    min-height: 100svh;
    text-rendering: optimizeSpeed;
    background: var(--cfbg-body);
}
p, li:not(:has(div)), figcaption {
    text-wrap: pretty;
    max-width: var(--max-p-width) !important;
}



.cfno-top-padding {
    padding-top: 0;
}
.cfno-bottom-padding {
    padding-bottom: 0;
}
.cfcolumns-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.cfcolumns-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.cfcolumns-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.cfcolumns-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.cfcolumns-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(35rem, 1fr));
}
.cfcolumns-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.cfcolumns-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.cfcolumns-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}
.cfcolumns-min-25 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(25rem, 1fr));
}
.cfcol-span-2 {
    grid-column: auto / span 2;
}
.cfcol-span-3 {
    grid-column: auto / span 3;
}
.cfcol-span-4 {
    grid-column: auto / span 4;
}
.cfrow-span-2 {
    grid-row: auto / span 2;
}
.cfrow-span-3 {
    grid-row: auto / span 3;
}
.cfrow-span-4 {
    grid-row: auto / span 4;
}
.cfrow-span-5 {
    grid-row: auto / span 5;
}
.cfrow-span-6 {
    grid-row: auto / span 6;
}
.cfrow-span-7 {
    grid-row: auto / span 7;
}
.cfrow-span-8 {
    grid-row: auto / span 8;
}
.cfitems-left {
    justify-items: start;
}
.cfcontent-left {
    justify-content: start;
}
.cfitems-center {
    justify-items: center;
}
.cfcontent-center {
    justify-content: center;
}
.cfitems-right {
    justify-items: end;
}
.cfcontent-right {
    justify-content: end;
}
.cfitems-top {
    align-items: start;
}
.cfcontent-top {
    align-content: start;
}
.cfitems-middle {
    align-items: center;
}
.cfcontent-middle {
    align-content: center;
}
.cfitems-bottom {
    align-items: end;
}
.cfcontent-bottom {
    align-content: end;
}
.cfitems-stretch {
    align-items: stretch;
}
.cfcontent-stretch {
    justify-content: stretch;
}
.cfspace-between {
    justify-content: space-between;
}
.cfspace-around {
    justify-content: space-around;
}
.cfself-left {
    margin-right: auto;
    place-self: start;
}
.cfself-center {
    margin-inline: auto;
    place-self: center;
}
.cfself-right {
    margin-left: auto;
    place-self: end;
}
.cfself-top {
    margin-bottom: auto;
    align-self: start;
}
.cfself-middle {
    margin-block: auto;
    align-self: center;
}
.cfself-bottom {
    margin-top: auto;
    align-self: end;
}
.cfself-stretch {
    align-self: stretch;
}
.cfradius-xs {
    border-radius: var(--cfradius-xs);
}
.cfradius-s {
    border-radius: var(--cfradius-s);
}
.cfradius-m {
    border-radius: var(--cfradius-m);
}
.cfradius-l {
    border-radius: var(--cfradius-l);
}
.cfradius-xl {
    border-radius: var(--cfradius-xl);
}
.cfradius-full {
    border-radius: var(--cfradius-full);
}
*:focus {
    outline: none;
}
*:focus-visible {
    outline: var(--focus-default) !important;
    outline-offset: 3px;
}

.focus-within:focus-within{
    outline: var(--focus-default) !important;
    outline-offset: 2px;
}

.menu-item:not(:has(a[aria-current="page"])):focus-within{
    background-color: var(--atprimary-l-1);
}

.menu-item:has(a[aria-current="page"]):focus-within{
    background-color: var(--atprimary-l-4) !important;
}

.brxe-dropdown:focus-within{
    background-color: var(--atprimary-l-1);
}

.focus-within:focus-within >*:focus-visible, .menu-item:focus-within, .menu-item:focus-within >*:focus-visible,.brxe-dropdown:focus-within, .brxe-dropdown:focus-within *:focus-visible, .brxe-dropdown .mm__dropdown--megawrapper *:focus-within *:focus-visible 
{
    outline: none !important;
}

.brxe-dropdown .mm__dropdown--megawrapper > *:focus-within{
outline: var(--focus-default) !important;
}

.mm__dropdown--mega-notfeatured:focus-within {outline-offset: 5px;}


:where(brxe-section) {
    padding-block: var(--cfspace-m);
}
img, picture, video, svg {
    display: block;
    max-width: 100%;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
    shape-margin: 0.75rem;
}
input, textarea, button, select {
    font: inherit;
}
article {
    container-type: inline-size;
}
@media (max-width: 1366px) {
    .cfcol-span-1--on-xl {
        grid-column: auto / span 1;
    }
    .cfcol-span-2--on-xl {
        grid-column: auto / span 2;
    }
    .cfcol-span-3--on-xl {
        grid-column: auto / span 3;
    }
    .cfcol-span-4--on-xl {
        grid-column: auto / span 4;
    }
    .cfcol-span-5--on-xl {
        grid-column: auto / span 5;
    }
    .cfcol-span-6--on-xl {
        grid-column: auto / span 6;
    }
    .cfrow-span-1--on-xl {
        grid-row: auto / span 1;
    }
    .cfrow-span-2--on-xl {
        grid-row: auto / span 2;
    }
    .cfrow-span-3--on-xl {
        grid-row: auto / span 3;
    }
    .cfrow-span-4--on-xl {
        grid-row: auto / span 4;
    }
    .cfrow-span-5--on-xl {
        grid-row: auto / span 5;
    }
    .cfrow-span-6--on-xl {
        grid-row: auto / span 6;
    }
}
@media (max-width: 991px) {
    .cfcol-span-1--on-l {
        grid-column: auto / span 1;
    }
    .cfcol-span-2--on-l {
        grid-column: auto / span 2;
    }
    .cfcol-span-3--on-l {
        grid-column: auto / span 3;
    }
    .cfcol-span-4--on-l {
        grid-column: auto / span 4;
    }
    .cfcol-span-5--on-l {
        grid-column: auto / span 5;
    }
    .cfcol-span-6--on-l {
        grid-column: auto / span 6;
    }
    .cfrow-span-1--on-l {
        grid-row: auto / span 1;
    }
    .cfrow-span-2--on-l {
        grid-row: auto / span 2;
    }
    .cfrow-span-3--on-l {
        grid-row: auto / span 3;
    }
    .cfrow-span-4--on-l {
        grid-row: auto / span 4;
    }
    .cfrow-span-5--on-l {
        grid-row: auto / span 5;
    }
    .cfrow-span-6--on-l {
        grid-row: auto / span 6;
    }
}
@media (max-width: 767px) {
    .cfcol-span-1--on-m {
        grid-column: auto / span 1;
    }
    .cfcol-span-2--on-m {
        grid-column: auto / span 2;
    }
    .cfcol-span-3--on-m {
        grid-column: auto / span 3;
    }
    .cfcol-span-4--on-m {
        grid-column: auto / span 4;
    }
    .cfcol-span-5--on-m {
        grid-column: auto / span 5;
    }
    .cfcol-span-6--on-m {
        grid-column: auto / span 6;
    }
    .cfrow-span-1--on-m {
        grid-row: auto / span 1;
    }
    .cfrow-span-2--on-m {
        grid-row: auto / span 2;
    }
    .cfrow-span-3--on-m {
        grid-row: auto / span 3;
    }
    .cfrow-span-4--on-m {
        grid-row: auto / span 4;
    }
    .cfrow-span-5--on-m {
        grid-row: auto / span 5;
    }
    .cfrow-span-6--on-m {
        grid-row: auto / span 6;
    }
}
@media (max-width: 478px) {
    .cfcolumns-min-40 {
        grid-template-columns: 1fr;
    }
    .cfcol-span-1--on-s {
        grid-column: auto / span 1;
    }
    .cfcol-span-2--on-s {
        grid-column: auto / span 2;
    }
    .cfcol-span-3--on-s {
        grid-column: auto / span 3;
    }
    .cfcol-span-4--on-s {
        grid-column: auto / span 4;
    }
    .cfcol-span-5--on-s {
        grid-column: auto / span 5;
    }
    .cfcol-span-6--on-s {
        grid-column: auto / span 6;
    }
    .cfrow-span-1--on-s {
        grid-row: auto / span 1;
    }
    .cfrow-span-2--on-s {
        grid-row: auto / span 2;
    }
    .cfrow-span-3--on-s {
        grid-row: auto / span 3;
    }
    .cfrow-span-4--on-s {
        grid-row: auto / span 4;
    }
    .cfrow-span-5--on-s {
        grid-row: auto / span 5;
    }
    .cfrow-span-6--on-s {
        grid-row: auto / span 6;
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}
