/* -------------------- *\
	SubAtomics
\* -------------------- */
/*
    HSLA (hue, saturation, lightness, alpha).

    Initial values represent BLACK and these values (--hue, --saturation, --lightness, --alpha-opacity) are adjusted for each color

    Each color can be used in a component like this:
    - without alpha opacity:
    color: hsl(var(--red))

    - with alpha opacity:
    --alpha-opacity: 0.5;
    color: hsl(var(--red) / var(--alpha-opacity))

    OR update initial values inside the component
    --hue: 350;
    --saturation: 50%;
    --lightness: 30%;
    --alpha-opacity: 0.5;
    color: hsl(var(--hue) var(--saturation) var(--lightness) / var(--alpha-opacity)) which results in a custom color
*/
:root,
::backdrop {
  --hue: 0;
  --saturation: 0%;
  --lightness: 0%;
  --alpha-opacity: 1;
  --black: var(--hue) var(--saturation) var(--lightness);
  --white: var(--hue) var(--saturation) calc(var(--lightness) + 100%);
  --red: var(--hue) calc(var(--saturation) + 82%) calc(var(--lightness) + 44%);
  --yellow: calc(var(--hue) + 49) calc(var(--saturation) + 100%) calc(var(--lightness) + 50%);
  --red-burgund: calc(var(--hue) + 352) calc(var(--saturation) + 73%) calc(var(--lightness) + 22%);
  --red-coral: calc(var(--hue) + 12) calc(var(--saturation) + 100%) calc(var(--lightness) + 44%);
  --red-thunderbird: var(--hue) calc(var(--saturation) + 82%) calc(var(--lightness) + 40%);
  --orange-carrot: calc(var(--hue) + 23) calc(var(--saturation) + 100%) calc(var(--lightness) + 57%);
  --orange-dark: calc(var(--hue) + 21) calc(var(--saturation) + 100%) calc(var(--lightness) + 34%);
  --dark-gold: calc(var(--hue) + 49) calc(var(--saturation) + 100%) calc(var(--lightness) + 27%);
  --blue-petrol: calc(var(--hue) + 184) calc(var(--saturation) + 100%) calc(var(--lightness) + 26%);
  --blue-denim: calc(var(--hue) + 210) calc(var(--saturation) + 50%) calc(var(--lightness) + 40%);
  --blue-mediterranean: calc(var(--hue) + 195) calc(var(--saturation) + 74%) calc(var(--lightness) + 60%);
  --blue-vegan: calc(var(--hue) + 193) calc(var(--saturation) + 41%) calc(var(--lightness) + 39%);
  --green-accessibility: calc(var(--hue) + 138) calc(var(--saturation) + 100%) calc(var(--lightness) + 33%);
  --green-sustainability: calc(var(--hue) + 157) calc(var(--saturation) + 95%) calc(var(--lightness) + 32%);
  --green-foerderpenny: calc(var(--hue) + 152) calc(var(--saturation) + 69%) calc(var(--lightness) + 24%);
  --light-green-foerderpenny: calc(var(--hue) + 157) calc(var(--saturation) + 100%) calc(var(--lightness) + 25%);
  --green-plant: calc(var(--hue) + 161) calc(var(--saturation) + 32%) calc(var(--lightness) + 38%);
  --brown-chocolate: calc(var(--hue) + 11) calc(var(--saturation) + 17%) calc(var(--lightness) + 33%);
  --brown-espresso: calc(var(--hue) + 12) calc(var(--saturation) + 20%) calc(var(--lightness) + 50%);
  --brown-sand: calc(var(--hue) + 45) calc(var(--saturation) + 40%) calc(var(--lightness) + 69%);
  --purple-orchid: calc(var(--hue) + 300) calc(var(--saturation) + 52%) calc(var(--lightness) + 32%);
  --purple-lilac: calc(var(--hue) + 300) calc(var(--saturation) + 20%) calc(var(--lightness) + 50%);
  --purple-fuchsia: calc(var(--hue) + 334) calc(var(--saturation) + 66%) calc(var(--lightness) + 56%);
  --purple-rouge: calc(var(--hue) + 349) calc(var(--saturation) + 54%) calc(var(--lightness) + 60%);
  --grey-midnight: calc(var(--hue) + 216) calc(var(--saturation) + 17%) calc(var(--lightness) + 30%);
  --grey-stone: calc(var(--hue) + 198) calc(var(--saturation) + 10%) calc(var(--lightness) + 34%);
  --grey-wild-sand: var(--hue) var(--saturation) calc(var(--lightness) + 96%);
  --grey-cobble-stone: var(--hue) var(--saturation) calc(var(--lightness) + 92%);
  --black-butchers: var(--hue) var(--saturation) calc(var(--lightness) + 13%);
  --blue-ready: calc(var(--hue) + 200) calc(var(--saturation) + 100%) calc(var(--lightness) + 40%);
  --red-einfachsparen: var(--hue) calc(var(--saturation) + 82%) calc(var(--lightness) + 44%);
  --green-naturgut: calc(var(--hue) + 157) calc(var(--saturation) + 95%) calc(var(--lightness) + 32%);
  --green-sanfabio: calc(var(--hue) + 98) calc(var(--saturation) + 48%) calc(var(--lightness) + 52%);
  --green-today: calc(var(--hue) + 180) calc(var(--saturation) + 100%) calc(var(--lightness) + 30%);
  --green-sparkling: calc(var(--hue) + 121) calc(var(--saturation) + 20%) calc(var(--lightness) + 50%);
  --orange-spirits: calc(var(--hue) + 36) calc(var(--saturation) + 100%) calc(var(--lightness) + 50%);
}

/* -------------------- *\
	Fallback system fonts
\* -------------------- */
@font-face {
  font-family: "OS-Fallback-Arial";
  src: local("Arial");
  size-adjust: 105.4%;
  ascent-override: 102%;
  descent-override: 27%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "OS-Fallback-Roboto";
  src: local("Roboto");
  size-adjust: 110%;
  ascent-override: 95%;
}
@font-face {
  font-family: "Akko-Fallback-Arial";
  src: local(Arial);
  size-adjust: 96%;
  ascent-override: 97%;
  descent-override: 28%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Akko-Fallback-Roboto";
  src: local(Roboto);
  size-adjust: 96%;
  ascent-override: 97%;
}
/* -------------------- *\
	AkkoForPenny
\* -------------------- */
@font-face {
  font-display: swap;
  font-family: "AkkoForPenny";
  font-style: normal;
  font-weight: normal;
  src: local("AkkoForPenny-Regular"), url("../fonts/Akko/AkkoForPenny-Regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "AkkoForPenny";
  font-style: normal;
  font-weight: bold;
  src: local("AkkoForPenny-Bold"), url("../fonts/Akko/AkkoForPenny-Bold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "AkkoForPenny";
  font-style: italic;
  font-weight: bold;
  src: local("AkkoForPenny-BoldItalic"), url("../fonts/Akko/AkkoForPenny-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "AkkoForPenny";
  font-style: normal;
  font-weight: 900;
  src: local("AkkoForPenny-Black"), url("../fonts/Akko/AkkoForPenny-Black.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "AkkoForPenny";
  font-style: normal;
  font-weight: 500;
  src: local("AkkoForPenny-Medium"), url("../fonts/Akko/AkkoForPenny-Medium.woff2") format("woff2");
}
/* -------------------- *\
	OpenSans
\* -------------------- */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 100 900;
  src: local("OpenSans-Regular"), url("../fonts/OpenSansVariable/OpenSans-VariableFont.woff2") format("woff2-variations");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 100 900;
  src: local("OpenSans-Italic"), url("../fonts/OpenSansVariable/OpenSans-Italic-VariableFont.woff2") format("woff2-variations");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  background: hsl(var(--grey-wild-sand));
  color: hsl(var(--grey-midnight));
  font: 600 1em/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-y: scroll;
}

@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  min-height: 100%;
  text-align: left;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  font-style: normal;
  line-height: inherit;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

pre {
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0.01em 0 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  height: 100vh;
}
@supports (height: 100dvh) {
  html {
    height: 100dvh;
  }
}
html.hide-scrollbar, html.hide-scrollbar body {
  overflow: clip !important;
  display: flow-root;
}
html.hide-scrollbar, html.hide-scrollbar .site-header {
  /* fix content and header shift when hiding scrollbar */
  padding-right: var(--scrollbar-width, 17px);
}

body {
  font-size: 0.9375rem;
}
@media (min-width: 960px) {
  body {
    font-size: 1.25rem;
  }
}
body.layer-open {
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
}
body > img {
  border: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body .crm-form,
body .nl-form {
  opacity: 0;
}
body .tooltip {
  visibility: hidden;
}
body .img-contain {
  width: auto;
}

img[data-lazy-src] {
  will-change: contents;
}

dialog {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
  z-index: -1;
}

*:focus-visible {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
*:focus-visible:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}

button {
  background: none;
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  color: inherit;
}

[class^=l-container],
[class*=" l-container"] {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1590px;
  padding-left: 47px;
  padding-right: 47px;
  padding-left: var(--offset);
  padding-right: var(--offset);
}

.l-row--center, .l-row--stretch, .l-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(30px / -2) -24px;
  margin: 0 calc(var(--gutter) / -2) calc(var(--gutter-y) * -1);
}

[class^=l-col],
[class*=" l-col"] {
  flex: 0 0 100%;
  min-height: 1px;
  padding: 0 calc(30px / 2) 24px;
  padding: 0 calc(var(--gutter) / 2) var(--gutter-y);
  width: 100%;
}

[class^=l-offset],
[class*=" l-offset"] {
  margin-left: 0;
}

.l-container--extra-wide {
  max-width: 1920px;
}
.l-container--narrow {
  max-width: 1024px;
}

.l-flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.l-flex-grid > * {
  margin: 1rem;
}

.l-row--stretch {
  align-items: stretch;
}
.l-row--center {
  justify-content: center;
}

.l-row--stretch [class^=l-col] > *,
.l-row--stretch [class*=" l-col"] > * {
  height: 100%;
}

.l-col--center {
  margin-left: auto;
  margin-right: auto;
}

.l-col--1\/12 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.l-offset--1 {
  margin-left: 8.3333333333%;
}

.l-col--2\/12 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.l-offset--2 {
  margin-left: 16.6666666667%;
}

.l-col--3\/12 {
  flex-basis: 25%;
  max-width: 25%;
}

.l-offset--3 {
  margin-left: 25%;
}

.l-col--4\/12 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.l-offset--4 {
  margin-left: 33.3333333333%;
}

.l-col--5\/12 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.l-offset--5 {
  margin-left: 41.6666666667%;
}

.l-col--6\/12 {
  flex-basis: 50%;
  max-width: 50%;
}

.l-offset--6 {
  margin-left: 50%;
}

.l-col--7\/12 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.l-offset--7 {
  margin-left: 58.3333333333%;
}

.l-col--8\/12 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.l-offset--8 {
  margin-left: 66.6666666667%;
}

.l-col--9\/12 {
  flex-basis: 75%;
  max-width: 75%;
}

.l-offset--9 {
  margin-left: 75%;
}

.l-col--10\/12 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.l-offset--10 {
  margin-left: 83.3333333333%;
}

.l-col--11\/12 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.l-offset--11 {
  margin-left: 91.6666666667%;
}

.l-col--12\/12 {
  flex-basis: 100%;
  max-width: 100%;
}

.l-offset--12 {
  margin-left: 100%;
}

@media (min-width: 576px) {
  .l-col--1\/12\@sm {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-offset--1\@sm {
    margin-left: 8.3333333333%;
  }
  .l-col--2\/12\@sm {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-offset--2\@sm {
    margin-left: 16.6666666667%;
  }
  .l-col--3\/12\@sm {
    flex-basis: 25%;
    max-width: 25%;
  }
  .l-offset--3\@sm {
    margin-left: 25%;
  }
  .l-col--4\/12\@sm {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-offset--4\@sm {
    margin-left: 33.3333333333%;
  }
  .l-col--5\/12\@sm {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-offset--5\@sm {
    margin-left: 41.6666666667%;
  }
  .l-col--6\/12\@sm {
    flex-basis: 50%;
    max-width: 50%;
  }
  .l-offset--6\@sm {
    margin-left: 50%;
  }
  .l-col--7\/12\@sm {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-offset--7\@sm {
    margin-left: 58.3333333333%;
  }
  .l-col--8\/12\@sm {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-offset--8\@sm {
    margin-left: 66.6666666667%;
  }
  .l-col--9\/12\@sm {
    flex-basis: 75%;
    max-width: 75%;
  }
  .l-offset--9\@sm {
    margin-left: 75%;
  }
  .l-col--10\/12\@sm {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-offset--10\@sm {
    margin-left: 83.3333333333%;
  }
  .l-col--11\/12\@sm {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-offset--11\@sm {
    margin-left: 91.6666666667%;
  }
  .l-col--12\/12\@sm {
    flex-basis: 100%;
    max-width: 100%;
  }
  .l-offset--12\@sm {
    margin-left: 100%;
  }
  .l-container\@sm {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 47px;
    padding-right: 47px;
    padding-left: var(--offset);
    padding-right: var(--offset);
  }
}
@media (min-width: 768px) {
  .l-col--1\/12\@md {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-offset--1\@md {
    margin-left: 8.3333333333%;
  }
  .l-col--2\/12\@md {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-offset--2\@md {
    margin-left: 16.6666666667%;
  }
  .l-col--3\/12\@md {
    flex-basis: 25%;
    max-width: 25%;
  }
  .l-offset--3\@md {
    margin-left: 25%;
  }
  .l-col--4\/12\@md {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-offset--4\@md {
    margin-left: 33.3333333333%;
  }
  .l-col--5\/12\@md {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-offset--5\@md {
    margin-left: 41.6666666667%;
  }
  .l-col--6\/12\@md {
    flex-basis: 50%;
    max-width: 50%;
  }
  .l-offset--6\@md {
    margin-left: 50%;
  }
  .l-col--7\/12\@md {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-offset--7\@md {
    margin-left: 58.3333333333%;
  }
  .l-col--8\/12\@md {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-offset--8\@md {
    margin-left: 66.6666666667%;
  }
  .l-col--9\/12\@md {
    flex-basis: 75%;
    max-width: 75%;
  }
  .l-offset--9\@md {
    margin-left: 75%;
  }
  .l-col--10\/12\@md {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-offset--10\@md {
    margin-left: 83.3333333333%;
  }
  .l-col--11\/12\@md {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-offset--11\@md {
    margin-left: 91.6666666667%;
  }
  .l-col--12\/12\@md {
    flex-basis: 100%;
    max-width: 100%;
  }
  .l-offset--12\@md {
    margin-left: 100%;
  }
  .l-container\@md {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 47px;
    padding-right: 47px;
    padding-left: var(--offset);
    padding-right: var(--offset);
  }
}
@media (min-width: 960px) {
  .l-col--1\/12\@lg {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-offset--1\@lg {
    margin-left: 8.3333333333%;
  }
  .l-col--2\/12\@lg {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-offset--2\@lg {
    margin-left: 16.6666666667%;
  }
  .l-col--3\/12\@lg {
    flex-basis: 25%;
    max-width: 25%;
  }
  .l-offset--3\@lg {
    margin-left: 25%;
  }
  .l-col--4\/12\@lg {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-offset--4\@lg {
    margin-left: 33.3333333333%;
  }
  .l-col--5\/12\@lg {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-offset--5\@lg {
    margin-left: 41.6666666667%;
  }
  .l-col--6\/12\@lg {
    flex-basis: 50%;
    max-width: 50%;
  }
  .l-offset--6\@lg {
    margin-left: 50%;
  }
  .l-col--7\/12\@lg {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-offset--7\@lg {
    margin-left: 58.3333333333%;
  }
  .l-col--8\/12\@lg {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-offset--8\@lg {
    margin-left: 66.6666666667%;
  }
  .l-col--9\/12\@lg {
    flex-basis: 75%;
    max-width: 75%;
  }
  .l-offset--9\@lg {
    margin-left: 75%;
  }
  .l-col--10\/12\@lg {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-offset--10\@lg {
    margin-left: 83.3333333333%;
  }
  .l-col--11\/12\@lg {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-offset--11\@lg {
    margin-left: 91.6666666667%;
  }
  .l-col--12\/12\@lg {
    flex-basis: 100%;
    max-width: 100%;
  }
  .l-offset--12\@lg {
    margin-left: 100%;
  }
  .l-container\@lg {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 47px;
    padding-right: 47px;
    padding-left: var(--offset);
    padding-right: var(--offset);
  }
}
@media (min-width: 1200px) {
  .l-col--1\/12\@xl {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-offset--1\@xl {
    margin-left: 8.3333333333%;
  }
  .l-col--2\/12\@xl {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-offset--2\@xl {
    margin-left: 16.6666666667%;
  }
  .l-col--3\/12\@xl {
    flex-basis: 25%;
    max-width: 25%;
  }
  .l-offset--3\@xl {
    margin-left: 25%;
  }
  .l-col--4\/12\@xl {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-offset--4\@xl {
    margin-left: 33.3333333333%;
  }
  .l-col--5\/12\@xl {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-offset--5\@xl {
    margin-left: 41.6666666667%;
  }
  .l-col--6\/12\@xl {
    flex-basis: 50%;
    max-width: 50%;
  }
  .l-offset--6\@xl {
    margin-left: 50%;
  }
  .l-col--7\/12\@xl {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-offset--7\@xl {
    margin-left: 58.3333333333%;
  }
  .l-col--8\/12\@xl {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-offset--8\@xl {
    margin-left: 66.6666666667%;
  }
  .l-col--9\/12\@xl {
    flex-basis: 75%;
    max-width: 75%;
  }
  .l-offset--9\@xl {
    margin-left: 75%;
  }
  .l-col--10\/12\@xl {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-offset--10\@xl {
    margin-left: 83.3333333333%;
  }
  .l-col--11\/12\@xl {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-offset--11\@xl {
    margin-left: 91.6666666667%;
  }
  .l-col--12\/12\@xl {
    flex-basis: 100%;
    max-width: 100%;
  }
  .l-offset--12\@xl {
    margin-left: 100%;
  }
  .l-container\@xl {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 47px;
    padding-right: 47px;
    padding-left: var(--offset);
    padding-right: var(--offset);
  }
}
@media (min-width: 1591px) {
  .l-col--1\/12\@xxl {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-offset--1\@xxl {
    margin-left: 8.3333333333%;
  }
  .l-col--2\/12\@xxl {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-offset--2\@xxl {
    margin-left: 16.6666666667%;
  }
  .l-col--3\/12\@xxl {
    flex-basis: 25%;
    max-width: 25%;
  }
  .l-offset--3\@xxl {
    margin-left: 25%;
  }
  .l-col--4\/12\@xxl {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-offset--4\@xxl {
    margin-left: 33.3333333333%;
  }
  .l-col--5\/12\@xxl {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-offset--5\@xxl {
    margin-left: 41.6666666667%;
  }
  .l-col--6\/12\@xxl {
    flex-basis: 50%;
    max-width: 50%;
  }
  .l-offset--6\@xxl {
    margin-left: 50%;
  }
  .l-col--7\/12\@xxl {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-offset--7\@xxl {
    margin-left: 58.3333333333%;
  }
  .l-col--8\/12\@xxl {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-offset--8\@xxl {
    margin-left: 66.6666666667%;
  }
  .l-col--9\/12\@xxl {
    flex-basis: 75%;
    max-width: 75%;
  }
  .l-offset--9\@xxl {
    margin-left: 75%;
  }
  .l-col--10\/12\@xxl {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-offset--10\@xxl {
    margin-left: 83.3333333333%;
  }
  .l-col--11\/12\@xxl {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-offset--11\@xxl {
    margin-left: 91.6666666667%;
  }
  .l-col--12\/12\@xxl {
    flex-basis: 100%;
    max-width: 100%;
  }
  .l-offset--12\@xxl {
    margin-left: 100%;
  }
  .l-container\@xxl {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1590px;
    padding-left: 47px;
    padding-right: 47px;
    padding-left: var(--offset);
    padding-right: var(--offset);
  }
}
:root {
  --gutter: 15px;
  --gutter-y: 15px;
  --offset: 15px;
  --columns: 12;
}
@media (min-width: 768px) {
  :root {
    --offset: 30px;
  }
}
@media (min-width: 960px) {
  :root {
    --gutter: 30px;
    --gutter-y: 30px;
    --offset: 47px;
  }
}
meta[id^=css-] {
  font-family: " ";
}

@media (min-width: 0) {
  #css-viewport-width {
    font-family: "min-width:0";
  }
}
@media (min-width: 0) {
  #css-viewport-width-code {
    font-family: "xs";
  }
}
@media (min-width: 576px) {
  #css-viewport-width {
    font-family: "min-width:576px";
  }
}
@media (min-width: 576px) {
  #css-viewport-width-code {
    font-family: "sm";
  }
}
@media (min-width: 768px) {
  #css-viewport-width {
    font-family: "min-width:768px";
  }
}
@media (min-width: 768px) {
  #css-viewport-width-code {
    font-family: "md";
  }
}
@media (min-width: 960px) {
  #css-viewport-width {
    font-family: "min-width:960px";
  }
}
@media (min-width: 960px) {
  #css-viewport-width-code {
    font-family: "lg";
  }
}
@media (min-width: 1200px) {
  #css-viewport-width {
    font-family: "min-width:1200px";
  }
}
@media (min-width: 1200px) {
  #css-viewport-width-code {
    font-family: "xl";
  }
}
@media (min-width: 1591px) {
  #css-viewport-width {
    font-family: "min-width:1591px";
  }
}
@media (min-width: 1591px) {
  #css-viewport-width-code {
    font-family: "xxl";
  }
}
#css-orientation {
  font-family: "unknown";
}
@media screen and (orientation: portrait) {
  #css-orientation {
    font-family: "portrait";
  }
}
@media screen and (orientation: landscape) {
  #css-orientation {
    font-family: "landscape";
  }
}
#css-resolution {
  font-family: "min-resolution:unknown";
}
#css-resolution-code {
  font-family: "unknown";
}
@media screen and (min-resolution: 1dppx) {
  #css-resolution {
    font-family: "min-resolution:1ppx";
  }
  #css-resolution-code {
    font-family: "sd";
  }
}
@media screen and (min-resolution: 2dppx) {
  #css-resolution {
    font-family: "min-resolution:2ppx";
  }
  #css-resolution-code {
    font-family: "hd";
  }
}

.l-visually-hidden {
  border: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  padding: 0 !important;
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 767.9232px) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0), screen and (min-width: 768px) {
  .show-for-small-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 768px) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 767.9232px) {
  .show-for-medium {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 959.904px) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 767.9232px), screen and (min-width: 960px) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 960px) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 959.904px) {
  .show-for-large {
    display: none !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199.88px) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 959.904px), screen and (min-width: 1200px) {
  .show-for-large-only {
    display: none !important;
  }
}
.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.txt-hyphenated {
  hyphens: auto;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.o-hidden {
  overflow: hidden;
}

.o-visible {
  overflow: visible;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

/* -------------------- *\
	Atoms
\* -------------------- */
a {
  color: hsl(var(--red));
}

ul {
  padding-left: 1.25em;
}

li {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.inline-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  display: inline-flex;
}
.inline-list > li {
  margin: 0 0.25rem;
}

.reset-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

h1,
.h1 {
  font: bold 2.1875rem/1.114 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: none;
}
@media (min-width: 960px) {
  h1,
  .h1 {
    font-size: 4.0625rem;
    line-height: 1.031;
  }
}

h2,
.h2 {
  font: 500 1.875rem/1.233 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.01rem;
  text-transform: none;
}
@media (min-width: 960px) {
  h2,
  .h2 {
    font-size: 2.5rem;
    letter-spacing: 0.013125rem;
    line-height: 1.075;
  }
}

h3,
.h3 {
  font: 500 1.875rem/1.233 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.01rem;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.167;
  font-weight: bold;
  margin-top: 0;
  text-transform: none;
}
@media (min-width: 960px) {
  h3,
  .h3 {
    font-size: 2.5rem;
    letter-spacing: 0.013125rem;
    line-height: 1.075;
  }
}
@media (min-width: 960px) {
  h3,
  .h3 {
    font-size: 1.875rem;
    line-height: 1.3;
  }
}

h4,
.h4 {
  font: bold 0.9375rem/1.333 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.005rem;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  h4,
  .h4 {
    font-size: 1.25rem;
    letter-spacing: 0.006875rem;
    line-height: 1.167;
  }
}

h5,
.h5 {
  font: bold 0.75rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.093ch;
  text-transform: none;
}
@media (min-width: 960px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}

h6,
.h6 {
  font: bold 0.75rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.093ch;
  text-transform: none;
}
@media (min-width: 960px) {
  h6,
  .h6 {
    font-size: 1rem;
  }
}

.h7 {
  font: bold 1.5rem/1.167 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: normal;
}
@media (min-width: 960px) {
  .h7 {
    font-size: 1.875rem;
    line-height: 1.133;
  }
}

.attribute__item {
  display: flex;
  flex-direction: column;
  padding: 0 0.9375rem;
}
.attribute__icon {
  height: 3.5rem;
  margin: 0 auto;
  width: 3.5rem;
}
.attribute__label {
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.8181818182;
  text-align: center;
}
@media (min-width: 960px) {
  .attribute__label {
    font-size: 0.9375rem;
  }
}

/*
  size: L, M, S, XS
  hierarchy: primary, secondary (outline), tertiary (text)
  colors: red, white, grey, yellow, green, blue petrol
  states: default, hover, active, loading, disabled
  icon: left, right, none, only
*/
.btn {
  --btn-height: auto;
  --btn-padding-horizontal: 0.75rem;
  --btn-gap: 0.375rem;
  --btn-border-color: transparent;
  --btn-border-radius: 1.5625rem;
  --btn-font-size: 0.9375rem;
  --btn-shadow-color: ;
  --btn-background-color: transparent;
  --btn-hover-background-color: ;
  --btn-text-color: inherit;
  --btn-hover-text-color: inherit;
  --btn-icon-font-size: 1.5rem;
  --btn-icon-color: inherit;
  --btn-aspect-ratio: auto;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  align-content: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background-position: center;
  overflow: hidden;
  transition: box-shadow 0.1s, background 0.5s;
  height: var(--btn-height);
  border: 0.0625rem solid var(--btn-border-color);
  gap: var(--btn-gap);
  font: 500 var(--btn-font-size)/1.6 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding-inline: var(--btn-padding-horizontal);
  border-radius: var(--btn-border-radius);
  color: var(--btn-text-color);
  box-shadow: 0 8px 10px 1px hsl(var(--btn-shadow-color)/0.14), 0 3px 14px 2px hsl(var(--btn-shadow-color)/0.12), 0 5px 5px -3px hsl(var(--btn-shadow-color)/0.2);
  aspect-ratio: var(--btn-aspect-ratio);
}
.btn > svg.icon {
  font-size: var(--btn-icon-font-size);
  color: var(--btn-icon-color);
}
@media (any-hover: hover) {
  .btn:hover {
    box-shadow: 0 1px 1px 0 hsl(var(--btn-shadow-color)/0.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/0.2);
  }
  .btn:hover:is(.btn--secondary) {
    background-color: var(--btn-hover-background-color);
    color: var(--btn-hover-text-color);
  }
  .btn:hover:is(.btn--tertiary) {
    background-color: var(--btn-hover-background-color);
  }
}
.btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--btn-border-radius);
  transform: translate(-50%, -50%);
}
.btn:active {
  box-shadow: none;
  overflow: hidden;
}
.btn:active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
.btn[disabled] {
  opacity: 0.32;
}
.btn--lg {
  --btn-height: 3rem;
  --btn-icon-font-size: 1.5rem;
  --btn-padding-horizontal: 2.5rem;
}
.btn--md {
  --btn-height: 2rem;
  --btn-padding-horizontal: 1rem;
  --btn-icon-font-size: 1rem;
}
.btn--sm {
  --btn-height: 1.5rem;
  --btn-padding-horizontal: 0.5rem;
  --btn-gap: 0.25rem;
  --btn-icon-font-size: 0.875rem;
}
.btn--xs {
  --btn-height: 1.25rem;
  --btn-padding-horizontal: 0.5rem;
  --btn-gap: 0.25rem;
  --btn-font-size: 0.6875rem;
  --btn-icon-font-size: 0.75rem;
}
.btn[data-icon-left=true] {
  flex-direction: row;
}
.btn[data-icon-left=false] {
  flex-direction: row-reverse;
}
.btn[data-icon-only=true] {
  gap: 0;
}
.btn[data-icon-only=false] {
  flex-direction: row;
  gap: 0;
}
.btn--primary {
  --btn-text-color: hsl(var(--white));
  --btn-shadow-color: var(--red);
  --btn-icon-color: hsl(var(--white));
}
.btn--primary:focus-visible {
  box-shadow: 0 1px 1px 0 hsl(var(--btn-shadow-color)/0.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/0.2);
}
.btn--primary.t-bg--white {
  --btn-text-color: hsl(var(--red));
  --btn-icon-color: hsl(var(--red));
}
.btn--primary.t-bg--grey-midnight {
  --btn-shadow-color: var(--black);
}
.btn--primary.t-bg--yellow {
  --btn-text-color: hsl(var(--grey-midnight));
  --btn-icon-color: hsl(var(--grey-midnight));
  --btn-shadow-color: var(--yellow);
}
.btn--primary.t-bg--light-green-foerderpenny {
  --btn-shadow-color: var(--light-green-foerderpenny);
}
.btn--primary.t-bg--wild-sand {
  --btn-text-color: hsl(var(--grey-midnight));
  --btn-icon-color: hsl(var(--grey-midnight));
  --btn-shadow-color: var(--black);
}
.btn--primary.t-bg--blue-petrol {
  --btn-text-color: hsl(var(--white));
  --btn-icon-color: hsl(var(--white));
  --btn-shadow-color: var(--blue-petrol);
}
.btn--secondary {
  --btn-border-color: hsl(var(--red));
  background-color: var(--btn-background-color);
}
.btn--secondary.t-color--red {
  --btn-text-color: hsl(var(--red));
  --btn-hover-text-color: hsl(var(--white));
  --btn-hover-background-color: hsl(var(--red));
  --btn-border-color: hsl(var(--red));
}
.btn--secondary.t-color--white {
  --btn-text-color: hsl(var(--white));
  --btn-hover-text-color: hsl(var(--grey-midnight));
  --btn-hover-background-color: hsl(var(--white));
  --btn-border-color: hsl(var(--white));
}
.btn--secondary.t-color--grey-midnight {
  --btn-text-color: hsl(var(--grey-midnight));
  --btn-hover-text-color: hsl(var(--white));
  --btn-hover-background-color: hsl(var(--grey-midnight));
  --btn-border-color: hsl(var(--grey-midnight));
}
.btn--secondary.t-color--yellow {
  --btn-text-color: hsl(var(--yellow));
  --btn-hover-text-color: hsl(var(--grey-midnight));
  --btn-hover-background-color: hsl(var(--yellow));
  --btn-border-color: hsl(var(--yellow));
}
.btn--secondary.t-color--light-green-foerderpenny {
  --btn-text-color: hsl(var(--light-green-foerderpenny));
  --btn-hover-text-color: hsl(var(--white));
  --btn-hover-background-color: hsl(var(--light-green-foerderpenny));
  --btn-border-color: hsl(var(--light-green-foerderpenny));
}
.btn--secondary.t-color--wild-sand {
  --btn-text-color: hsl(var(--grey-wild-sand));
  --btn-hover-text-color: hsl(var(--grey-midnight));
  --btn-hover-background-color: hsl(var(--grey-wild-sand));
  --btn-border-color: hsl(var(--grey-wild-sand));
}
.btn--secondary.t-color--blue-petrol {
  --btn-text-color: hsl(var(--blue-petrol));
  --btn-hover-text-color: hsl(var(--white));
  --btn-hover-background-color: hsl(var(--blue-petrol));
  --btn-border-color: hsl(var(--blue-petrol));
}
.btn--tertiary {
  --btn-border-color: transparent;
  --btn-background-color-alpha: 0.1;
}
.btn--tertiary.t-color--red {
  --btn-hover-background-color: hsl(var(--red) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--white {
  --btn-hover-background-color: hsl(var(--white) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--grey-midnight {
  --btn-hover-background-color: hsl(var(--grey-midnight) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--yellow {
  --btn-hover-background-color: hsl(var(--yellow) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--light-green-foerderpenny {
  --btn-hover-background-color: hsl(var(--light-green-foerderpenny) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--wild-sand {
  --btn-hover-background-color: hsl(var(--grey-wild-sand) / var(--btn-background-color-alpha));
}
.btn--tertiary.t-color--blue-petrol {
  --btn-hover-background-color: hsl(var(--blue-petrol) / var(--btn-background-color-alpha));
}
.btn--round {
  --btn-border-radius: 50%;
  --btn-aspect-ratio: 1;
  --btn-padding-horizontal: 0;
}
.btn-message {
  display: inline-flex;
  flex-direction: column;
  row-gap: 1rem;
  max-width: 18rem;
}
.btn-spinner {
  position: relative;
}
.btn-spinner__spinner {
  height: 100%;
  opacity: 0;
  padding: 0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-500deg) scale(0.4);
  transition: 350ms;
  width: 100%;
}
.btn-spinner__icon {
  transition: 250ms;
}
.spinner-active .btn-spinner__spinner {
  opacity: 1;
  transform: none;
}
.spinner-active .btn-spinner__icon {
  opacity: 0;
  transform: scale(0.5);
}

.icon {
  color: inherit;
  display: inline-block;
  font: inherit;
  height: 1em;
  width: 1em;
}
.icon--larger {
  font-size: 1.5rem;
  vertical-align: bottom;
}

.pill {
  align-items: stretch;
  background: hsl(var(--white));
  border-radius: 9rem;
  box-shadow: 8px 10px 20px 0 rgba(116, 30, 30, 0.14);
  color: inherit;
  display: inline-flex;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3388888889;
  max-width: 100%;
  overflow: hidden;
  text-decoration: none;
}
.pill__text, .pill__text--centered {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 0.75rem 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pill__text--centered {
  text-align: center;
}
.pill__image {
  position: relative;
  width: 75px;
}
.pill__image > img {
  height: 100%;
  object-fit: cover;
  object-position: left;
  width: 100%;
}
.pill__dot {
  align-items: center;
  color: transparent;
  display: flex;
  padding: 0.75rem 0.75rem 0.75rem 0;
}
.pill__dot::before {
  background: currentColor;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px 0 rgba(45, 45, 45, 0.5);
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
}

.pill-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem -0.5rem;
}
.pill-list__item {
  display: inline-flex;
  margin: 0;
  padding: 0.5rem 0.5rem;
}

.rich-text > *:first-child {
  margin-top: 0;
}
.rich-text > *:last-child {
  margin-bottom: 0;
}
.rich-text__link {
  color: hsl(var(--grey-midnight));
}
.rich-text__link:hover {
  color: hsl(var(--red));
}

.t-bg--white {
  background: #fff;
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-bg-hover--white:hover {
    background: #fff;
    color: #404b5b;
  }
}
.t-bg-hover--white.focused {
  background: #fff;
  color: #404b5b;
}
.t-bg-hover--white:active {
  background-color: #cccccc;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--red {
  background: #cd1414;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--red:hover {
    background: #cd1414;
    color: #fff;
  }
}
.t-bg-hover--red.focused {
  background: #cd1414;
  color: #fff;
}
.t-bg-hover--red:active {
  background-color: #700b0b;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--red-burgund {
  background: #660033;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--red-burgund:hover {
    background: #660033;
    color: #fff;
  }
}
.t-bg-hover--red-burgund.focused {
  background: #660033;
  color: #fff;
}
.t-bg-hover--red-burgund:active {
  background-color: black;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--red-coral {
  background: #BF5545;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--red-coral:hover {
    background: #BF5545;
    color: #fff;
  }
}
.t-bg-hover--red-coral.focused {
  background: #BF5545;
  color: #fff;
}
.t-bg-hover--red-coral:active {
  background-color: #763328;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--red-thunderbird {
  background: #ba1212;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--red-thunderbird:hover {
    background: #ba1212;
    color: #fff;
  }
}
.t-bg-hover--red-thunderbird.focused {
  background: #ba1212;
  color: #fff;
}
.t-bg-hover--red-thunderbird:active {
  background-color: #5d0909;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--orange-carrot {
  background: #D14900;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--orange-carrot:hover {
    background: #D14900;
    color: #fff;
  }
}
.t-bg-hover--orange-carrot.focused {
  background: #D14900;
  color: #fff;
}
.t-bg-hover--orange-carrot:active {
  background-color: #6b2500;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--orange-dark {
  background: #AC3C00;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--orange-dark:hover {
    background: #AC3C00;
    color: #fff;
  }
}
.t-bg-hover--orange-dark.focused {
  background: #AC3C00;
  color: #fff;
}
.t-bg-hover--orange-dark:active {
  background-color: #461800;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--yellow {
  background: #ffd200;
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-bg-hover--yellow:hover {
    background: #ffd200;
    color: #404b5b;
  }
}
.t-bg-hover--yellow.focused {
  background: #ffd200;
  color: #404b5b;
}
.t-bg-hover--yellow:active {
  background-color: #997e00;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--dark-gold {
  background: #8A7000;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--dark-gold:hover {
    background: #8A7000;
    color: #fff;
  }
}
.t-bg-hover--dark-gold.focused {
  background: #8A7000;
  color: #fff;
}
.t-bg-hover--dark-gold:active {
  background-color: #241d00;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--blue-petrol {
  background: #007B84;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--blue-petrol:hover {
    background: #007B84;
    color: #fff;
  }
}
.t-bg-hover--blue-petrol.focused {
  background: #007B84;
  color: #fff;
}
.t-bg-hover--blue-petrol:active {
  background-color: #001c1e;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--blue-denim {
  background: #336699;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--blue-denim:hover {
    background: #336699;
    color: #fff;
  }
}
.t-bg-hover--blue-denim.focused {
  background: #336699;
  color: #fff;
}
.t-bg-hover--blue-denim:active {
  background-color: #1a334d;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--blue-mediterranean {
  background: #007AB8;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--blue-mediterranean:hover {
    background: #007AB8;
    color: #fff;
  }
}
.t-bg-hover--blue-mediterranean.focused {
  background: #007AB8;
  color: #fff;
}
.t-bg-hover--blue-mediterranean:active {
  background-color: #003652;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--blue-vegan {
  background: #3b7b8d;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--blue-vegan:hover {
    background: #3b7b8d;
    color: #fff;
  }
}
.t-bg-hover--blue-vegan.focused {
  background: #3b7b8d;
  color: #fff;
}
.t-bg-hover--blue-vegan:active {
  background-color: #1d3c45;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-accessibility {
  background: #008528;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-accessibility:hover {
    background: #008528;
    color: #fff;
  }
}
.t-bg-hover--green-accessibility.focused {
  background: #008528;
  color: #fff;
}
.t-bg-hover--green-accessibility:active {
  background-color: #001f09;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-sustainability {
  background: #42806C;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-sustainability:hover {
    background: #42806C;
    color: #fff;
  }
}
.t-bg-hover--green-sustainability.focused {
  background: #42806C;
  color: #fff;
}
.t-bg-hover--green-sustainability:active {
  background-color: #1f3d33;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-foerderpenny {
  background: #136941;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-foerderpenny:hover {
    background: #136941;
    color: #fff;
  }
}
.t-bg-hover--green-foerderpenny.focused {
  background: #136941;
  color: #fff;
}
.t-bg-hover--green-foerderpenny:active {
  background-color: #03130c;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--light-green-foerderpenny {
  background: #00814F;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--light-green-foerderpenny:hover {
    background: #00814F;
    color: #fff;
  }
}
.t-bg-hover--light-green-foerderpenny.focused {
  background: #00814F;
  color: #fff;
}
.t-bg-hover--light-green-foerderpenny:active {
  background-color: #001b11;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-plant {
  background: #42806C;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-plant:hover {
    background: #42806C;
    color: #fff;
  }
}
.t-bg-hover--green-plant.focused {
  background: #42806C;
  color: #fff;
}
.t-bg-hover--green-plant:active {
  background-color: #1f3d33;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--brown-chocolate {
  background: #624b46;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--brown-chocolate:hover {
    background: #624b46;
    color: #fff;
  }
}
.t-bg-hover--brown-chocolate.focused {
  background: #624b46;
  color: #fff;
}
.t-bg-hover--brown-chocolate:active {
  background-color: #271d1c;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--brown-espresso {
  background: #936B62;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--brown-espresso:hover {
    background: #936B62;
    color: #fff;
  }
}
.t-bg-hover--brown-espresso.focused {
  background: #936B62;
  color: #fff;
}
.t-bg-hover--brown-espresso:active {
  background-color: #563e39;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--brown-sand {
  background: #73795D;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--brown-sand:hover {
    background: #73795D;
    color: #fff;
  }
}
.t-bg-hover--brown-sand.focused {
  background: #73795D;
  color: #fff;
}
.t-bg-hover--brown-sand:active {
  background-color: #3c3f31;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--purple-orchid {
  background: #7a277a;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--purple-orchid:hover {
    background: #7a277a;
    color: #fff;
  }
}
.t-bg-hover--purple-orchid.focused {
  background: #7a277a;
  color: #fff;
}
.t-bg-hover--purple-orchid:active {
  background-color: #2d0e2d;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--purple-lilac {
  background: #936293;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--purple-lilac:hover {
    background: #936293;
    color: #fff;
  }
}
.t-bg-hover--purple-lilac.focused {
  background: #936293;
  color: #fff;
}
.t-bg-hover--purple-lilac:active {
  background-color: #563956;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--purple-fuchsia {
  background: #D5347A;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--purple-fuchsia:hover {
    background: #D5347A;
    color: #fff;
  }
}
.t-bg-hover--purple-fuchsia.focused {
  background: #D5347A;
  color: #fff;
}
.t-bg-hover--purple-fuchsia:active {
  background-color: #871c4b;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--purple-rouge {
  background: #C8465E;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--purple-rouge:hover {
    background: #C8465E;
    color: #fff;
  }
}
.t-bg-hover--purple-rouge.focused {
  background: #C8465E;
  color: #fff;
}
.t-bg-hover--purple-rouge:active {
  background-color: #822737;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--grey-midnight {
  background: #404b5b;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--grey-midnight:hover {
    background: #404b5b;
    color: #fff;
  }
}
.t-bg-hover--grey-midnight.focused {
  background: #404b5b;
  color: #fff;
}
.t-bg-hover--grey-midnight:active {
  background-color: #161a1f;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--grey-stone {
  background: #4e5a5f;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--grey-stone:hover {
    background: #4e5a5f;
    color: #fff;
  }
}
.t-bg-hover--grey-stone.focused {
  background: #4e5a5f;
  color: #fff;
}
.t-bg-hover--grey-stone:active {
  background-color: #202527;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--wild-sand {
  background: #f6f6f6;
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-bg-hover--wild-sand:hover {
    background: #f6f6f6;
    color: #404b5b;
  }
}
.t-bg-hover--wild-sand.focused {
  background: #f6f6f6;
  color: #404b5b;
}
.t-bg-hover--wild-sand:active {
  background-color: #c3c3c3;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--grey-cobble-stone {
  background: #eaeaea;
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-bg-hover--grey-cobble-stone:hover {
    background: #eaeaea;
    color: #404b5b;
  }
}
.t-bg-hover--grey-cobble-stone.focused {
  background: #eaeaea;
  color: #404b5b;
}
.t-bg-hover--grey-cobble-stone:active {
  background-color: #b7b7b7;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--black-butchers {
  background: #202020;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--black-butchers:hover {
    background: #202020;
    color: #fff;
  }
}
.t-bg-hover--black-butchers.focused {
  background: #202020;
  color: #fff;
}
.t-bg-hover--black-butchers:active {
  background-color: black;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--blue-ready {
  background: #0089cc;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--blue-ready:hover {
    background: #0089cc;
    color: #fff;
  }
}
.t-bg-hover--blue-ready.focused {
  background: #0089cc;
  color: #fff;
}
.t-bg-hover--blue-ready:active {
  background-color: #004566;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--red-einfachsparen {
  background: #cd1414;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--red-einfachsparen:hover {
    background: #cd1414;
    color: #fff;
  }
}
.t-bg-hover--red-einfachsparen.focused {
  background: #cd1414;
  color: #fff;
}
.t-bg-hover--red-einfachsparen:active {
  background-color: #700b0b;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-naturgut {
  background: #049D62;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-naturgut:hover {
    background: #049D62;
    color: #fff;
  }
}
.t-bg-hover--green-naturgut.focused {
  background: #049D62;
  color: #fff;
}
.t-bg-hover--green-naturgut:active {
  background-color: #013a24;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--sanfabio {
  background: #75c04a;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--sanfabio:hover {
    background: #75c04a;
    color: #fff;
  }
}
.t-bg-hover--sanfabio.focused {
  background: #75c04a;
  color: #fff;
}
.t-bg-hover--sanfabio:active {
  background-color: #477a2a;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-today {
  background: #008080;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-today:hover {
    background: #008080;
    color: #fff;
  }
}
.t-bg-hover--green-today.focused {
  background: #008080;
  color: #fff;
}
.t-bg-hover--green-today:active {
  background-color: #001a1a;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--green-sparkling {
  background: #659966;
  color: #fff;
}
@media (min-width: 960px) {
  .t-bg-hover--green-sparkling:hover {
    background: #659966;
    color: #fff;
  }
}
.t-bg-hover--green-sparkling.focused {
  background: #659966;
  color: #fff;
}
.t-bg-hover--green-sparkling:active {
  background-color: #3c5c3d;
  background-size: 100%;
  box-shadow: none;
}
.t-bg--orange-spirits {
  background: #ff9901;
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-bg-hover--orange-spirits:hover {
    background: #ff9901;
    color: #404b5b;
  }
}
.t-bg-hover--orange-spirits.focused {
  background: #ff9901;
  color: #404b5b;
}
.t-bg-hover--orange-spirits:active {
  background-color: #9a5c00;
  background-size: 100%;
  box-shadow: none;
}
.t-color--white {
  color: #fff;
}
@media (min-width: 960px) {
  .t-color-hover--white:hover {
    color: #fff;
  }
}
.t-color-hover--white.focused {
  color: #fff;
}
.t-color--red {
  color: #cd1414;
}
@media (min-width: 960px) {
  .t-color-hover--red:hover {
    color: #cd1414;
  }
}
.t-color-hover--red.focused {
  color: #cd1414;
}
.t-color--red-burgund {
  color: #660033;
}
@media (min-width: 960px) {
  .t-color-hover--red-burgund:hover {
    color: #660033;
  }
}
.t-color-hover--red-burgund.focused {
  color: #660033;
}
.t-color--red-coral {
  color: #BF5545;
}
@media (min-width: 960px) {
  .t-color-hover--red-coral:hover {
    color: #BF5545;
  }
}
.t-color-hover--red-coral.focused {
  color: #BF5545;
}
.t-color--red-thunderbird {
  color: #ba1212;
}
@media (min-width: 960px) {
  .t-color-hover--red-thunderbird:hover {
    color: #ba1212;
  }
}
.t-color-hover--red-thunderbird.focused {
  color: #ba1212;
}
.t-color--orange-carrot {
  color: #D14900;
}
@media (min-width: 960px) {
  .t-color-hover--orange-carrot:hover {
    color: #D14900;
  }
}
.t-color-hover--orange-carrot.focused {
  color: #D14900;
}
.t-color--orange-dark {
  color: #AC3C00;
}
@media (min-width: 960px) {
  .t-color-hover--orange-dark:hover {
    color: #AC3C00;
  }
}
.t-color-hover--orange-dark.focused {
  color: #AC3C00;
}
.t-color--yellow {
  color: #ffd200;
}
@media (min-width: 960px) {
  .t-color-hover--yellow:hover {
    color: #ffd200;
  }
}
.t-color-hover--yellow.focused {
  color: #ffd200;
}
.t-color--dark-gold {
  color: #8A7000;
}
@media (min-width: 960px) {
  .t-color-hover--dark-gold:hover {
    color: #8A7000;
  }
}
.t-color-hover--dark-gold.focused {
  color: #8A7000;
}
.t-color--blue-petrol {
  color: #007B84;
}
@media (min-width: 960px) {
  .t-color-hover--blue-petrol:hover {
    color: #007B84;
  }
}
.t-color-hover--blue-petrol.focused {
  color: #007B84;
}
.t-color--blue-denim {
  color: #336699;
}
@media (min-width: 960px) {
  .t-color-hover--blue-denim:hover {
    color: #336699;
  }
}
.t-color-hover--blue-denim.focused {
  color: #336699;
}
.t-color--blue-mediterranean {
  color: #007AB8;
}
@media (min-width: 960px) {
  .t-color-hover--blue-mediterranean:hover {
    color: #007AB8;
  }
}
.t-color-hover--blue-mediterranean.focused {
  color: #007AB8;
}
.t-color--blue-vegan {
  color: #3b7b8d;
}
@media (min-width: 960px) {
  .t-color-hover--blue-vegan:hover {
    color: #3b7b8d;
  }
}
.t-color-hover--blue-vegan.focused {
  color: #3b7b8d;
}
.t-color--green-accessibility {
  color: #008528;
}
@media (min-width: 960px) {
  .t-color-hover--green-accessibility:hover {
    color: #008528;
  }
}
.t-color-hover--green-accessibility.focused {
  color: #008528;
}
.t-color--green-sustainability {
  color: #42806C;
}
@media (min-width: 960px) {
  .t-color-hover--green-sustainability:hover {
    color: #42806C;
  }
}
.t-color-hover--green-sustainability.focused {
  color: #42806C;
}
.t-color--green-foerderpenny {
  color: #136941;
}
@media (min-width: 960px) {
  .t-color-hover--green-foerderpenny:hover {
    color: #136941;
  }
}
.t-color-hover--green-foerderpenny.focused {
  color: #136941;
}
.t-color--light-green-foerderpenny {
  color: #00814F;
}
@media (min-width: 960px) {
  .t-color-hover--light-green-foerderpenny:hover {
    color: #00814F;
  }
}
.t-color-hover--light-green-foerderpenny.focused {
  color: #00814F;
}
.t-color--green-plant {
  color: #42806C;
}
@media (min-width: 960px) {
  .t-color-hover--green-plant:hover {
    color: #42806C;
  }
}
.t-color-hover--green-plant.focused {
  color: #42806C;
}
.t-color--brown-chocolate {
  color: #624b46;
}
@media (min-width: 960px) {
  .t-color-hover--brown-chocolate:hover {
    color: #624b46;
  }
}
.t-color-hover--brown-chocolate.focused {
  color: #624b46;
}
.t-color--brown-espresso {
  color: #936B62;
}
@media (min-width: 960px) {
  .t-color-hover--brown-espresso:hover {
    color: #936B62;
  }
}
.t-color-hover--brown-espresso.focused {
  color: #936B62;
}
.t-color--brown-sand {
  color: #73795D;
}
@media (min-width: 960px) {
  .t-color-hover--brown-sand:hover {
    color: #73795D;
  }
}
.t-color-hover--brown-sand.focused {
  color: #73795D;
}
.t-color--purple-orchid {
  color: #7a277a;
}
@media (min-width: 960px) {
  .t-color-hover--purple-orchid:hover {
    color: #7a277a;
  }
}
.t-color-hover--purple-orchid.focused {
  color: #7a277a;
}
.t-color--purple-lilac {
  color: #936293;
}
@media (min-width: 960px) {
  .t-color-hover--purple-lilac:hover {
    color: #936293;
  }
}
.t-color-hover--purple-lilac.focused {
  color: #936293;
}
.t-color--purple-fuchsia {
  color: #D5347A;
}
@media (min-width: 960px) {
  .t-color-hover--purple-fuchsia:hover {
    color: #D5347A;
  }
}
.t-color-hover--purple-fuchsia.focused {
  color: #D5347A;
}
.t-color--purple-rouge {
  color: #C8465E;
}
@media (min-width: 960px) {
  .t-color-hover--purple-rouge:hover {
    color: #C8465E;
  }
}
.t-color-hover--purple-rouge.focused {
  color: #C8465E;
}
.t-color--grey-midnight {
  color: #404b5b;
}
@media (min-width: 960px) {
  .t-color-hover--grey-midnight:hover {
    color: #404b5b;
  }
}
.t-color-hover--grey-midnight.focused {
  color: #404b5b;
}
.t-color--grey-stone {
  color: #4e5a5f;
}
@media (min-width: 960px) {
  .t-color-hover--grey-stone:hover {
    color: #4e5a5f;
  }
}
.t-color-hover--grey-stone.focused {
  color: #4e5a5f;
}
.t-color--wild-sand {
  color: #f6f6f6;
}
@media (min-width: 960px) {
  .t-color-hover--wild-sand:hover {
    color: #f6f6f6;
  }
}
.t-color-hover--wild-sand.focused {
  color: #f6f6f6;
}
.t-color--grey-cobble-stone {
  color: #eaeaea;
}
@media (min-width: 960px) {
  .t-color-hover--grey-cobble-stone:hover {
    color: #eaeaea;
  }
}
.t-color-hover--grey-cobble-stone.focused {
  color: #eaeaea;
}
.t-color--black-butchers {
  color: #202020;
}
@media (min-width: 960px) {
  .t-color-hover--black-butchers:hover {
    color: #202020;
  }
}
.t-color-hover--black-butchers.focused {
  color: #202020;
}
.t-color--blue-ready {
  color: #0089cc;
}
@media (min-width: 960px) {
  .t-color-hover--blue-ready:hover {
    color: #0089cc;
  }
}
.t-color-hover--blue-ready.focused {
  color: #0089cc;
}
.t-color--red-einfachsparen {
  color: #cd1414;
}
@media (min-width: 960px) {
  .t-color-hover--red-einfachsparen:hover {
    color: #cd1414;
  }
}
.t-color-hover--red-einfachsparen.focused {
  color: #cd1414;
}
.t-color--green-naturgut {
  color: #049D62;
}
@media (min-width: 960px) {
  .t-color-hover--green-naturgut:hover {
    color: #049D62;
  }
}
.t-color-hover--green-naturgut.focused {
  color: #049D62;
}
.t-color--sanfabio {
  color: #75c04a;
}
@media (min-width: 960px) {
  .t-color-hover--sanfabio:hover {
    color: #75c04a;
  }
}
.t-color-hover--sanfabio.focused {
  color: #75c04a;
}
.t-color--green-today {
  color: #008080;
}
@media (min-width: 960px) {
  .t-color-hover--green-today:hover {
    color: #008080;
  }
}
.t-color-hover--green-today.focused {
  color: #008080;
}
.t-color--green-sparkling {
  color: #659966;
}
@media (min-width: 960px) {
  .t-color-hover--green-sparkling:hover {
    color: #659966;
  }
}
.t-color-hover--green-sparkling.focused {
  color: #659966;
}
.t-color--orange-spirits {
  color: #ff9901;
}
@media (min-width: 960px) {
  .t-color-hover--orange-spirits:hover {
    color: #ff9901;
  }
}
.t-color-hover--orange-spirits.focused {
  color: #ff9901;
}
.t-border--white {
  border-color: #fff;
}
.t-border--red {
  border-color: #cd1414;
}
.t-border--red-burgund {
  border-color: #660033;
}
.t-border--red-coral {
  border-color: #BF5545;
}
.t-border--red-thunderbird {
  border-color: #ba1212;
}
.t-border--orange-carrot {
  border-color: #D14900;
}
.t-border--orange-dark {
  border-color: #AC3C00;
}
.t-border--yellow {
  border-color: #ffd200;
}
.t-border--dark-gold {
  border-color: #8A7000;
}
.t-border--blue-petrol {
  border-color: #007B84;
}
.t-border--blue-denim {
  border-color: #336699;
}
.t-border--blue-mediterranean {
  border-color: #007AB8;
}
.t-border--blue-vegan {
  border-color: #3b7b8d;
}
.t-border--green-accessibility {
  border-color: #008528;
}
.t-border--green-sustainability {
  border-color: #42806C;
}
.t-border--green-foerderpenny {
  border-color: #136941;
}
.t-border--light-green-foerderpenny {
  border-color: #00814F;
}
.t-border--green-plant {
  border-color: #42806C;
}
.t-border--brown-chocolate {
  border-color: #624b46;
}
.t-border--brown-espresso {
  border-color: #936B62;
}
.t-border--brown-sand {
  border-color: #73795D;
}
.t-border--purple-orchid {
  border-color: #7a277a;
}
.t-border--purple-lilac {
  border-color: #936293;
}
.t-border--purple-fuchsia {
  border-color: #D5347A;
}
.t-border--purple-rouge {
  border-color: #C8465E;
}
.t-border--grey-midnight {
  border-color: #404b5b;
}
.t-border--grey-stone {
  border-color: #4e5a5f;
}
.t-border--wild-sand {
  border-color: #f6f6f6;
}
.t-border--grey-cobble-stone {
  border-color: #eaeaea;
}
.t-border--black-butchers {
  border-color: #202020;
}
.t-border--blue-ready {
  border-color: #0089cc;
}
.t-border--red-einfachsparen {
  border-color: #cd1414;
}
.t-border--green-naturgut {
  border-color: #049D62;
}
.t-border--sanfabio {
  border-color: #75c04a;
}
.t-border--green-today {
  border-color: #008080;
}
.t-border--green-sparkling {
  border-color: #659966;
}
.t-border--orange-spirits {
  border-color: #ff9901;
}

.sp-container {
  display: flex;
}
.sp-step {
  flex: 100% 0 0;
  width: 100%;
}
.sp-step:not(.sp-step--active) {
  border: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.spacing-above-none {
  padding-top: 0;
}
@media (min-width: 960px) {
  .spacing-above-none {
    padding-top: 0;
  }
}

.spacing-below-none {
  padding-bottom: 0;
}
@media (min-width: 960px) {
  .spacing-below-none {
    padding-bottom: 0;
  }
}

.spacing-above-none-sm {
  padding-top: 0;
}

@media (min-width: 960px) {
  .spacing-above-none-lg {
    padding-top: 0;
  }
}

.spacing-below-none-sm {
  padding-bottom: 0;
}

@media (min-width: 960px) {
  .spacing-below-none-lg {
    padding-bottom: 0;
  }
}

.spacing-p-above-none-sm {
  padding-top: 0;
}

@media (min-width: 960px) {
  .spacing-p-above-none-lg {
    padding-top: 0;
  }
}

.spacing-p-below-none-sm {
  padding-bottom: 0;
}

@media (min-width: 960px) {
  .spacing-p-below-none-lg {
    padding-bottom: 0;
  }
}

.spacing-m-above-none-sm {
  margin-top: 0;
}

@media (min-width: 960px) {
  .spacing-m-above-none-lg {
    margin-top: 0;
  }
}

.spacing-m-below-none-sm {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  .spacing-m-below-none-lg {
    margin-bottom: 0;
  }
}

.spacing-above-s {
  padding-top: 1.5rem;
}
@media (min-width: 960px) {
  .spacing-above-s {
    padding-top: 1.5rem;
  }
}

.spacing-below-s {
  padding-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .spacing-below-s {
    padding-bottom: 1.5rem;
  }
}

.spacing-above-s-sm {
  padding-top: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-above-s-lg {
    padding-top: 1.5rem;
  }
}

.spacing-below-s-sm {
  padding-bottom: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-below-s-lg {
    padding-bottom: 1.5rem;
  }
}

.spacing-p-above-s-sm {
  padding-top: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-p-above-s-lg {
    padding-top: 1.5rem;
  }
}

.spacing-p-below-s-sm {
  padding-bottom: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-p-below-s-lg {
    padding-bottom: 1.5rem;
  }
}

.spacing-m-above-s-sm {
  margin-top: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-m-above-s-lg {
    margin-top: 1.5rem;
  }
}

.spacing-m-below-s-sm {
  margin-bottom: 1.5rem;
}

@media (min-width: 960px) {
  .spacing-m-below-s-lg {
    margin-bottom: 1.5rem;
  }
}

.spacing-above-m {
  padding-top: 2rem;
}
@media (min-width: 960px) {
  .spacing-above-m {
    padding-top: 3.5rem;
  }
}

.spacing-below-m {
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  .spacing-below-m {
    padding-bottom: 3.5rem;
  }
}

.spacing-above-m-sm {
  padding-top: 2rem;
}

@media (min-width: 960px) {
  .spacing-above-m-lg {
    padding-top: 3.5rem;
  }
}

.spacing-below-m-sm {
  padding-bottom: 2rem;
}

@media (min-width: 960px) {
  .spacing-below-m-lg {
    padding-bottom: 3.5rem;
  }
}

.spacing-p-above-m-sm {
  padding-top: 2rem;
}

@media (min-width: 960px) {
  .spacing-p-above-m-lg {
    padding-top: 3.5rem;
  }
}

.spacing-p-below-m-sm {
  padding-bottom: 2rem;
}

@media (min-width: 960px) {
  .spacing-p-below-m-lg {
    padding-bottom: 3.5rem;
  }
}

.spacing-m-above-m-sm {
  margin-top: 2rem;
}

@media (min-width: 960px) {
  .spacing-m-above-m-lg {
    margin-top: 3.5rem;
  }
}

.spacing-m-below-m-sm {
  margin-bottom: 2rem;
}

@media (min-width: 960px) {
  .spacing-m-below-m-lg {
    margin-bottom: 3.5rem;
  }
}

.spacing-above-l {
  padding-top: 2.5rem;
}
@media (min-width: 960px) {
  .spacing-above-l {
    padding-top: 5rem;
  }
}

.spacing-below-l {
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .spacing-below-l {
    padding-bottom: 5rem;
  }
}

.spacing-above-l-sm {
  padding-top: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-above-l-lg {
    padding-top: 5rem;
  }
}

.spacing-below-l-sm {
  padding-bottom: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-below-l-lg {
    padding-bottom: 5rem;
  }
}

.spacing-p-above-l-sm {
  padding-top: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-p-above-l-lg {
    padding-top: 5rem;
  }
}

.spacing-p-below-l-sm {
  padding-bottom: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-p-below-l-lg {
    padding-bottom: 5rem;
  }
}

.spacing-m-above-l-sm {
  margin-top: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-m-above-l-lg {
    margin-top: 5rem;
  }
}

.spacing-m-below-l-sm {
  margin-bottom: 2.5rem;
}

@media (min-width: 960px) {
  .spacing-m-below-l-lg {
    margin-bottom: 5rem;
  }
}

.spacing-above-xl {
  padding-top: 5rem;
}
@media (min-width: 960px) {
  .spacing-above-xl {
    padding-top: 7.5rem;
  }
}

.spacing-below-xl {
  padding-bottom: 5rem;
}
@media (min-width: 960px) {
  .spacing-below-xl {
    padding-bottom: 7.5rem;
  }
}

.spacing-above-xl-sm {
  padding-top: 5rem;
}

@media (min-width: 960px) {
  .spacing-above-xl-lg {
    padding-top: 7.5rem;
  }
}

.spacing-below-xl-sm {
  padding-bottom: 5rem;
}

@media (min-width: 960px) {
  .spacing-below-xl-lg {
    padding-bottom: 7.5rem;
  }
}

.spacing-p-above-xl-sm {
  padding-top: 5rem;
}

@media (min-width: 960px) {
  .spacing-p-above-xl-lg {
    padding-top: 7.5rem;
  }
}

.spacing-p-below-xl-sm {
  padding-bottom: 5rem;
}

@media (min-width: 960px) {
  .spacing-p-below-xl-lg {
    padding-bottom: 7.5rem;
  }
}

.spacing-m-above-xl-sm {
  margin-top: 5rem;
}

@media (min-width: 960px) {
  .spacing-m-above-xl-lg {
    margin-top: 7.5rem;
  }
}

.spacing-m-below-xl-sm {
  margin-bottom: 5rem;
}

@media (min-width: 960px) {
  .spacing-m-below-xl-lg {
    margin-bottom: 7.5rem;
  }
}

.spacing-above-xxl {
  padding-top: 6.25rem;
}
@media (min-width: 960px) {
  .spacing-above-xxl {
    padding-top: 8.75rem;
  }
}

.spacing-below-xxl {
  padding-bottom: 6.25rem;
}
@media (min-width: 960px) {
  .spacing-below-xxl {
    padding-bottom: 8.75rem;
  }
}

.spacing-above-xxl-sm {
  padding-top: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-above-xxl-lg {
    padding-top: 8.75rem;
  }
}

.spacing-below-xxl-sm {
  padding-bottom: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-below-xxl-lg {
    padding-bottom: 8.75rem;
  }
}

.spacing-p-above-xxl-sm {
  padding-top: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-p-above-xxl-lg {
    padding-top: 8.75rem;
  }
}

.spacing-p-below-xxl-sm {
  padding-bottom: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-p-below-xxl-lg {
    padding-bottom: 8.75rem;
  }
}

.spacing-m-above-xxl-sm {
  margin-top: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-m-above-xxl-lg {
    margin-top: 8.75rem;
  }
}

.spacing-m-below-xxl-sm {
  margin-bottom: 6.25rem;
}

@media (min-width: 960px) {
  .spacing-m-below-xxl-lg {
    margin-bottom: 8.75rem;
  }
}

.skeleton {
  opacity: 0.5;
  position: relative;
}
.skeleton:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: hsl(var(--grey-midnight));
  border-radius: 0.125rem;
  animation: skeleton-animation 1s linear infinite alternate;
}
.skeleton--text {
  display: block;
  width: 100%;
  line-height: 1;
  margin: 0 0 0.75rem;
  text-indent: -6249.9375rem;
  overflow: hidden;
  text-align: left !important;
}
.skeleton--text svg {
  visibility: hidden;
}
.skeleton--svg {
  align-self: flex-start;
  font-size: inherit !important;
  margin-top: 0 !important;
}
.skeleton--svg use {
  visibility: hidden;
}
.skeleton--image img {
  visibility: hidden;
}
.skeleton--display-flex {
  display: flex !important;
}
.skeleton--display-none {
  display: none !important;
}
.skeleton--flex-basis-100 {
  flex-basis: 100% !important;
}
.skeleton--flex-1 {
  flex: 1 !important;
}
.skeleton--content-fit {
  margin: 0 auto;
  max-width: 18.75rem;
}
@media (min-width: 960px) {
  .skeleton--content-fit {
    max-width: 31.875rem;
  }
}

@keyframes skeleton-animation {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
/* skeleton used for market tile */
.skeleton.market-tile__headline {
  margin-bottom: 0 !important;
}
.skeleton.market-tile__link--underline {
  flex-basis: 50%;
  text-align: right;
  padding-left: 0;
  margin: 0 0 0 2.5rem !important;
}
.skeleton--market-service .skeleton--image {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 960px) {
  .skeleton--market-service .skeleton--image {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.skeleton--market-service .skeleton--market-service-detail {
  margin-left: 1rem;
}

.bubble {
  --bubble-size: 7.75rem;
  --bubble-margin-top: 0;
  --bubble-margin-right: 0;
  --bubble-margin-left: 0;
  --bubble-offset-top: 1rem;
  --bubble-offset-right: 0.5rem;
  --bubble-offset-left: 0.5rem;
  --bubble-small-value-font-size: 0.6875rem;
  --bubble-small-value-letter-spacing: -0.0075rem;
  --bubble-font-size: 1rem;
  --bubble-letter-spacing: -0.025rem;
  --bubble-h-text-alignment: start;
  --bubble-v-text-alignment: start;
  display: flex;
  flex-direction: column;
  align-items: var(--bubble-h-text-alignment);
  justify-content: var(--bubble-v-text-alignment);
  margin: var(--bubble-margin-top) var(--bubble-margin-right) 0 var(--bubble-margin-left);
  padding-top: calc(var(--bubble-margin-top) * -1 + var(--bubble-offset-top));
  padding-right: calc(var(--bubble-margin-right) * -1 + var(--bubble-offset-right));
  padding-left: calc(var(--bubble-margin-left) * -1 + var(--bubble-offset-left));
  border-radius: 50%;
  aspect-ratio: 1;
  width: var(--bubble-size);
  font: 900 var(--bubble-font-size)/1 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: var(--bubble-letter-spacing);
  text-align: left;
}
.bubble__wrap {
  width: fit-content;
  overflow: hidden;
}
.bubble__small-value {
  font-size: var(--bubble-small-value-font-size);
  font-weight: bold;
  letter-spacing: var(--bubble-small-value-letter-spacing);
  line-height: 1;
}
.bubble__small-value .value {
  text-decoration: line-through;
}
.bubble--sm {
  --bubble-size: 4.375rem;
  --bubble-margin-top: -1.0625rem;
  --bubble-margin-left: -0.4375rem;
  --bubble-offset-top: 0.75rem;
  --bubble-offset-left: 0.375rem;
  --bubble-offset-right: 0.375rem;
}
.bubble--sm.bubble--secondary {
  --bubble-margin-right: -0.4375rem;
  --bubble-margin-left: 0;
  --bubble-h-text-alignment: end;
}
.bubble--md {
  --bubble-size: 5.75rem;
  --bubble-margin-top: -1.3125rem;
  --bubble-margin-left: -0.6875rem;
  --bubble-offset-top: 1rem;
  --bubble-offset-left: 0.5rem;
  --bubble-offset-right: 0;
  --bubble-font-size: 1.375rem;
}
@media (min-width: 960px) {
  .bubble--md {
    --bubble-size: 8.4375rem;
    --bubble-margin-top: -1.9375rem;
    --bubble-margin-left: -1.625rem;
    --bubble-offset-top: 1.375rem;
    --bubble-offset-left: 1rem;
    --bubble-small-value-font-size: 0.8125rem;
    --bubble-font-size: 1.5625rem;
  }
}
.bubble--md.bubble--secondary {
  --bubble-size: 4.625rem;
  --bubble-margin-top: -1rem;
  --bubble-margin-right: -0.4375rem;
  --bubble-margin-left: 0;
  --bubble-offset-left: 0;
  --bubble-offset-right: 0.375rem;
  --bubble-font-size: 1rem;
  --bubble-h-text-alignment: end;
}
@media (min-width: 960px) {
  .bubble--md.bubble--secondary {
    --bubble-size: 7.25rem;
    --bubble-margin-top: -1.75rem;
    --bubble-margin-right: -0.8125rem;
    --bubble-margin-left: 0;
    --bubble-offset-top: 1.375rem;
    --bubble-offset-right: 1rem;
    --bubble-font-size: 1.375rem;
  }
}
.bubble--lg {
  --bubble-size: 7.75rem;
  --bubble-margin-top: -2rem;
  --bubble-margin-left: -1rem;
  --bubble-offset-left: 1rem;
  --bubble-offset-right: 0;
  --bubble-small-value-font-size: 0.875rem;
  --bubble-font-size: 1.625rem;
}
@media (min-width: 960px) {
  .bubble--lg {
    --bubble-size: 10.1875rem;
    --bubble-margin-top: -2.4375rem;
    --bubble-margin-left: -1.25rem;
    --bubble-offset-top: 1.5rem;
    --bubble-offset-left: 1.5rem;
    --bubble-offset-right: 0;
    --bubble-small-value-font-size: 1rem;
    --bubble-font-size: 2.0625rem;
  }
}
.bubble--lg.bubble--secondary {
  --bubble-size: 4.875rem;
  --bubble-margin-top: -1.0625rem;
  --bubble-margin-left: 0;
  --bubble-margin-right: 0;
  --bubble-offset-top: 1rem;
  --bubble-offset-left: 0;
  --bubble-offset-right: 0;
  --bubble-small-value-font-size: 0.6875rem;
  --bubble-font-size: 1.25rem;
  --bubble-h-text-alignment: center;
}
@media (min-width: 960px) {
  .bubble--lg.bubble--secondary {
    --bubble-size: 8.9375rem;
    --bubble-margin-top: -3.375rem;
    --bubble-offset-top: 1.5rem;
    --bubble-small-value-font-size: 1rem;
    --bubble-font-size: 1.8125rem;
  }
}
.bubble--xl {
  --bubble-size: 9.75rem;
  --bubble-margin-top: -1.75rem;
  --bubble-margin-left: -1.375rem;
  --bubble-offset-top: 1.375rem;
  --bubble-offset-left: 1.5rem;
  --bubble-offset-right: 0;
  --bubble-small-value-font-size: 1.125rem;
  --bubble-font-size: 2.1875rem;
}
@media (min-width: 960px) {
  .bubble--xl {
    --bubble-size: 16.25rem;
    --bubble-margin-top: -2.875rem;
    --bubble-margin-left: -2.5rem;
    --bubble-offset-top: 3.5rem;
    --bubble-offset-left: 1.5rem;
    --bubble-offset-right: 0;
    --bubble-small-value-font-size: 1.875rem;
    --bubble-font-size: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .bubble--xl {
    --bubble-size: 17.1875rem;
  }
}
.bubble--xl.bubble--secondary {
  --bubble-size: 7.75rem;
  --bubble-margin-top: -2.3125rem;
  --bubble-margin-left: 0;
  --bubble-offset-left: 0;
  --bubble-small-value-font-size: 0.875rem;
  --bubble-font-size: 1.625rem;
  --bubble-h-text-alignment: center;
}
@media (min-width: 960px) {
  .bubble--xl.bubble--secondary {
    --bubble-size: 10.8125rem;
    --bubble-small-value-font-size: 1.4375rem;
    --bubble-font-size: 2.8125rem;
  }
}
@media (min-width: 1200px) {
  .bubble--xl.bubble--secondary {
    --bubble-size: 11.5625rem;
  }
}

.badge {
  --badge-padding-vertical: 0.25rem;
  --badge-padding-horizontal: 0.375rem;
  --badge-border: 0.09375rem solid transparent;
  --badge-border-radius: 0.25rem;
  --badge-font-size: 0.6875rem;
  --badge-line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--badge-padding-vertical) var(--badge-padding-horizontal);
  border: var(--badge-border);
  border-radius: var(--badge-border-radius);
  font: bold var(--badge-font-size)/var(--badge-line-height) "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  white-space: nowrap;
}
.badge__container {
  --badge-gap-vertical: 0.25rem;
  --badge-gap-horizontal: 0.25rem;
  --badge-color: hsl(var(--white));
  display: flex;
  flex-wrap: wrap;
  gap: var(--badge-gap-vertical) var(--badge-gap-horizontal);
  color: var(--badge-color);
}
@media (min-width: 960px) {
  .badge__container {
    --badge-gap-horizontal: 1rem;
  }
}
.tsr .badge__container, .tile .badge__container {
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 0.75rem;
  min-height: 1.5rem;
  width: 100%;
}
@media (min-width: 960px) {
  .badge {
    --badge-font-size: 0.8125rem;
  }
}
a.badge {
  margin: 0.25rem;
}

.badge--md {
  --badge-font-size: 0.6875rem;
  --badge-line-height: 0.75rem;
  --badge-border: 0;
}
@media (min-width: 960px) {
  .badge--md {
    --badge-font-size: 0.8125rem;
    --badge-line-height: 1rem;
  }
}
.badge--lg {
  --badge-font-size: 0.9375rem;
  --badge-line-height: 1.0625rem;
  --badge-border: 0;
}
@media (min-width: 960px) {
  .badge--lg {
    --badge-padding-vertical: 0.375rem;
    --badge-padding-horizontal: 0.5rem;
    --badge-font-size: 1.1875rem;
    --badge-line-height: 1.3125rem;
  }
}
.badge--xl {
  --badge-padding-vertical: 0.375rem;
  --badge-padding-horizontal: 0.5rem;
  --badge-font-size: 1.1875rem;
  --badge-line-height: 1.375rem;
  --badge-border: 0;
}
@media (min-width: 960px) {
  .badge--xl {
    --badge-padding-vertical: 0.625rem;
    --badge-padding-horizontal: 0.75rem;
    --badge-font-size: 1.6875rem;
    --badge-line-height: 1.875rem;
  }
}
.badge--icon {
  --badge-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0NEMTQxNCIvPg0KICA8cGF0aCBkPSJNMjEuNTU5NCAxNi40MTc4QzIxLjU2NzggMTYuOTc4NiAyMS40NDc4IDE3LjUwNTkgMjEuMTg1NiAxNy45OTk3QzIwLjc0NzYgMTguODE3MSAyMC4wODA4IDE5LjM0NzIgMTkuMTYwMSAxOS41MTczQzE4LjU2MDMgMTkuNjI4OSAxNy45Njg5IDE5LjU3ODcgMTcuNDA1MyAxOS4zMTY1QzE2LjY0MDkgMTguOTYyMiAxNi4xMTA4IDE4LjM5MDIgMTUuODAxMSAxNy42MDYzQzE1LjYxNyAxNy4xNDMyIDE1LjU1MjggMTYuNjYwNSAxNS41ODkxIDE2LjE2OTVDMTUuNjM5MyAxNS40OTQ0IDE1Ljg3OTMgMTQuODgzNCAxNi4zMTQ1IDE0LjM2MTdDMTYuNzg4OCAxMy43OTI2IDE3LjM5NDIgMTMuNDI5OSAxOC4xMzA3IDEzLjMxODNDMTguNzE5MyAxMy4yMzE4IDE5LjI5NCAxMy4zMDE2IDE5Ljg0MDkgMTMuNTU1NEMyMC40MDcyIDEzLjgyMDUgMjAuODM5NiAxNC4yMjc4IDIxLjE0NjUgMTQuNzcxOEMyMS4zNTg1IDE1LjE0ODQgMjEuNDg5NyAxNS41NTAyIDIxLjUyODcgMTUuOTc5OEMyMS41NDI3IDE2LjEyNDkgMjEuNTQ4MiAxNi4yNzI3IDIxLjU1OTQgMTYuNDE3OFoiIGZpbGw9IiNGRkQyMDAiLz4NCiAgPHBhdGggZD0iTTE3LjMwMjEgOC4wMzk3NEMxNi42MDc1IDUuOTY0MDkgMTUuMTgxOCA0Ljc3NTYyIDEzLjAwMDIgNC41NDEyN0MxMi4yNjA5IDQuNDYzMTUgMTEuNTEzMiA0LjQ0MDgzIDEwLjc3MTEgNC40Mjk2N0M5Ljc2Njc0IDQuNDE1NzMgOC43NTk2IDQuNDMyNDYgNy43NTUyNSA0LjQ0MDgzQzYuODAzOTEgNC40NDY0MSA1Ljg1MjU3IDQuNDYwMzYgNC45MDQwMiA0LjQ2ODczQzQuODA5MTcgNC40Njg3MyA0Ljc3MDExIDQuNDkxMDUgNC43NTYxNiA0LjU5MTQ5QzQuNjg5MiA1LjA3NDEzIDQuNjExMDkgNS41NTM5OSA0LjUzODU1IDYuMDM2NjNDNC40MzI1NCA2LjczNDA5IDQuMzI2NTIgNy40MzQzNSA0LjIxNzcyIDguMTMxODFDNC4xMTE3IDguODI2NDggNC4wMDU2OSA5LjUyMTE2IDMuODk5NjcgMTAuMjE1OEMzLjc5MzY2IDEwLjkxODkgMy42ODQ4NiAxMS42MTkxIDMuNTc4ODQgMTIuMzIyMkMzLjQ3NTYyIDEzLjAxNjggMy4zNjk2IDEzLjcxNDMgMy4yNjM1OSAxNC40MDlDMy4xNDkyIDE1LjE1MzkgMy4wMzQ4MiAxNS45MDE2IDIuOTIwNDQgMTYuNjQ2NEMyLjgwNjA1IDE3LjM5OTcgMi42OTE2NyAxOC4xNTMgMi41NzQ0OSAxOC45MDYyQzIuNTQxMDIgMTkuMTI2NiAyLjUwNzU0IDE5LjM0NyAyLjQ3NDA2IDE5LjU3NThDNC4yMTIxNCAxOS41NzU4IDUuOTM2MjcgMTkuNTc1OCA3LjY3NzE0IDE5LjU3NThDNy43NDQwOSAxOS4xNTQ1IDcuODExMDUgMTguNzM4OCA3Ljg3ODAxIDE4LjMyMzFDOC4wMDYzNCAxNy41MTY5IDguMTQwMjUgMTYuNzEwNiA4LjI2MyAxNS45MDQzQzguMjc5NzQgMTUuODAzOSA4LjMxMzIyIDE1Ljc4NDQgOC40MDgwOCAxNS43ODQ0QzkuMzA5MiAxNS43NzYgMTAuMjEzMSAxNS43NzYgMTEuMTE0MiAxNS43NTA5QzExLjc1NTkgMTUuNzMxNCAxMi4zODkyIDE1LjYyODEgMTMuMDExMyAxNS40NjM1QzE1LjAxNDQgMTQuOTM5MSAxNi4zNTkyIDEzLjY1NTcgMTcuMTc2NiAxMS43OTIxQzE3LjQ1IDExLjE2NzIgMTcuNTI4MSAxMC40OTIgMTcuNTMwOSA5LjgxNDA5QzE3LjUzNjUgOS4yMDg2OSAxNy40OTQ2IDguNjE0NDUgMTcuMzAyMSA4LjAzOTc0Wk0xMS4zNzY1IDExLjQzNzhDMTEuMDY2OCAxMS43IDEwLjcwMTMgMTEuODMzOSAxMC4yOTk2IDExLjg2MThDOS44NDQ4NSAxMS44OTI1IDkuMzkyOSAxMS45MDY1IDguOTM4MTUgMTEuOTI4OEM4LjkyNDIgMTEuOTI4OCA4LjkxMDI1IDExLjkyNiA4Ljg3OTU2IDExLjkyNkM4LjkzODE1IDExLjQ5NjQgOC45OTY3NCAxMS4wNzUxIDkuMDU1MzIgMTAuNjUzOEM5LjE0MTgxIDEwLjA0NTYgOS4yMzEwOCA5LjQzNDY3IDkuMzA5MiA4LjgyNjQ4QzkuMzU5NDIgOC40MzMxMSA5LjUzNTE4IDguMjY4NTEgOS45Mjg1NSA4LjI2MjkzQzEwLjI2MzMgOC4yNjAxNCAxMC41OTUzIDguMjYyOTMgMTAuOTIxNyA4LjM1MjIxQzExLjc4MSA4LjU4MDk4IDEyLjE0MzcgOS4yMjI2NCAxMi4wOTM1IDEwLjAxNzdDMTIuMDU3MiAxMC41ODY5IDExLjgxNzMgMTEuMDY2NyAxMS4zNzY1IDExLjQzNzhaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=");
  --badge-icon-size: 1.25rem;
  padding-right: 0;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  white-space: normal;
}
.badge--icon::after {
  content: "";
  background-image: var(--badge-icon);
  width: var(--badge-icon-size);
  height: var(--badge-icon-size);
  background-repeat: no-repeat;
  background-size: contain;
  margin: calc(var(--badge-padding-vertical) * -1) 0 calc(var(--badge-padding-vertical) * -1) var(--badge-padding-horizontal);
  background-position: right;
}
.badge--icon.badge--md {
  --badge-icon-size: 1.5rem;
}
.badge--icon.badge--lg {
  --badge-icon-size: 1.5625rem;
}
@media (min-width: 960px) {
  .badge--icon.badge--lg {
    --badge-icon-size: 2.0625rem;
  }
}
.badge--icon.badge--xl {
  --badge-icon-size: 2.125rem;
}
@media (min-width: 960px) {
  .badge--icon.badge--xl {
    --badge-icon-size: 3.125rem;
  }
}
.badge--icon-app {
  --badge-icon-size: 1.625rem;
  --badge-icon-max-width: 4.4375rem;
  height: var(--badge-icon-size);
  position: relative;
  isolation: isolate;
  border: 0;
  padding-right: var(--badge-icon-size);
  text-align: left;
  max-width: var(--badge-icon-max-width);
}
@media (min-width: 960px) {
  .badge--icon-app {
    --badge-icon-size: 2.125rem;
    --badge-icon-max-width: 5.6875rem;
  }
}
.badge--icon-app::after {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  background-size: cover;
}

/* -------------------- *\
	Molecules
\* -------------------- */
.page-sector--intro .content-btns + .content-btns {
  margin-top: 0;
}
.page-sector > header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.page-sector__header {
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  .page-sector__header {
    padding-bottom: 3.5rem;
  }
}
.page-sector--spacing-below-none .page-sector__header {
  padding-bottom: 0;
}
.page-sector__head {
  font-weight: 500;
  display: flex;
  flex: 1;
}
@media (max-width: 1199px) {
  .page-sector__head {
    font-size: 1rem;
  }
}
.page-sector__head > * {
  flex: 1;
}
.page-sector__head--offset-width .l-col {
  padding-left: 0;
  padding-right: 0;
}
.page-sector__head:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 960px) {
  .page-sector__head:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
.page-sector__hdln {
  margin-bottom: 1.5rem;
  margin-top: 0;
}
@media (min-width: 960px) {
  .page-sector__hdln {
    margin-bottom: 1.5rem;
  }
}
.page-sector__sbln {
  color: hsl(var(--grey-stone));
  font: 600 0.9375rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 960px) {
  .page-sector__sbln {
    font-size: 1.25rem;
  }
}
.page-sector__head-media {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
}
.page-sector__head-media + .page-sector__head {
  margin-top: 2.5rem;
  padding-top: 0;
}
@media (min-width: 960px) {
  .page-sector__head-media + .page-sector__head {
    margin-top: 5rem;
  }
}
.page-sector__head-media img {
  display: block;
  margin: 0 auto;
  max-width: 1920px;
}
.page-sector__head-media img.offers-ratio {
  aspect-ratio: 21/9;
  object-fit: cover;
}
@media (min-width: 960px) {
  .page-sector__head-media img.offers-ratio {
    aspect-ratio: 55/9;
  }
}
.page-sector__show-all {
  display: block;
  margin: 2rem auto 0;
  width: 15rem;
}
@media (min-width: 960px) {
  .page-sector__show-all {
    margin: 3.5rem auto 0;
  }
}
.page-sector__info-message--author {
  display: block;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 2.5rem;
  text-align: center;
}
.page-sector--above-prev, .page-sector--above-next {
  position: relative;
}
.page-sector--above-prev::before, .page-sector--above-prev::after, .page-sector--above-next::before, .page-sector--above-next::after {
  border-radius: inherit;
  content: "";
  display: block;
  height: 60px;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-sector--above-prev {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  margin-top: -1.25rem;
}
.page-sector--above-prev::before {
  box-shadow: 0 -19px 30px -15px rgba(0, 0, 0, 0.14), 0 -10px 18px -9px rgba(0, 0, 0, 0.12);
  top: 0;
}
.page-sector--under-next {
  padding-bottom: 8.75rem;
}
@media (min-width: 960px) {
  .page-sector--under-next {
    padding-bottom: 8.75rem;
  }
}
.page-sector--above-next {
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
.page-sector--above-next::after {
  bottom: 0;
  box-shadow: 0 19px 30px -15px rgba(0, 0, 0, 0.14), 0 10px 18px -9px rgba(0, 0, 0, 0.12);
}
.page-sector--overlap-next {
  margin-bottom: -1.25rem;
}
.page-sector--break-overlap {
  margin-top: 1.25rem;
}
.page-sector--rounded {
  border-radius: 0.625rem;
}
.page-sector--offers {
  display: flex;
  flex-direction: column;
}

.page-sector--spacing-above-none {
  padding-top: 0;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-none {
    padding-top: 0;
  }
}

.page-sector--spacing-below-none {
  padding-bottom: 0;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-none {
    padding-bottom: 0;
  }
}

.page-sector--spacing-above-s {
  padding-top: 1.5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-s {
    padding-top: 1.5rem;
  }
}

.page-sector--spacing-below-s {
  padding-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-s {
    padding-bottom: 1.5rem;
  }
}

.page-sector--spacing-above-m {
  padding-top: 2rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-m {
    padding-top: 3.5rem;
  }
}

.page-sector--spacing-below-m {
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-m {
    padding-bottom: 3.5rem;
  }
}

.page-sector--spacing-above-l {
  padding-top: 2.5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-l {
    padding-top: 5rem;
  }
}

.page-sector--spacing-below-l {
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-l {
    padding-bottom: 5rem;
  }
}

.page-sector--spacing-above-xl {
  padding-top: 5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-xl {
    padding-top: 7.5rem;
  }
}

.page-sector--spacing-below-xl {
  padding-bottom: 5rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-xl {
    padding-bottom: 7.5rem;
  }
}

.page-sector--spacing-above-xxl {
  padding-top: 6.25rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-above-xxl {
    padding-top: 8.75rem;
  }
}

.page-sector--spacing-below-xxl {
  padding-bottom: 6.25rem;
}
@media (min-width: 960px) {
  .page-sector--spacing-below-xxl {
    padding-bottom: 8.75rem;
  }
}

.page-sector--intro:not(.page-sector--intro-no-image) {
  padding-top: 3rem;
}
@media (min-width: 960px) {
  .page-sector--intro:not(.page-sector--intro-no-image) {
    padding-top: 5.5rem;
  }
}
@media (max-width: 959px) {
  .page-sector--intro:not(.page-sector--intro-no-image).page-sector--bg-mobile-grey {
    background-color: hsl(var(--grey-wild-sand));
  }
}
.page-sector--intro .page-sector__header {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.page-sector--intro .page-sector__head {
  display: flex;
  padding-top: 5rem;
}
@media (max-width: 959px) {
  .page-sector--intro .page-sector__head {
    position: relative;
    margin-top: -3.5rem;
    padding: 2.5rem 1rem 0;
    border-radius: 0.625rem;
  }
}
.page-sector--intro .page-sector__head-media {
  position: relative;
  overflow: visible;
  margin-top: -3rem;
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__head-media {
    margin-top: -5.5rem;
  }
}
.page-sector--intro .page-sector__head-media img {
  max-width: none;
  object-fit: cover;
}
.page-sector--intro .page-sector__head .l-row--center {
  flex: 1;
}
@media (max-width: 959px) {
  .page-sector--intro-image.image--mobile-small {
    height: 12.5rem;
  }
}
@media (max-width: 959px) {
  .page-sector--intro-image.image--mobile-medium {
    height: 17.1875rem;
  }
}
@media (max-width: 959px) {
  .page-sector--intro-image.image--mobile-large {
    height: 25rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro-image.image--desktop-small {
    height: 12.5rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro-image.image--desktop-medium {
    height: 17.1875rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro-image.image--desktop-large {
    height: 30.4375rem;
  }
}
@media (max-width: 959px) {
  .page-sector--intro-has-logo .page-sector__head {
    padding-top: 3rem;
  }
}
.page-sector--intro .page-sector__logos-primary, .page-sector--intro .page-sector__logos-secondary {
  list-style: none;
  position: absolute;
  display: flex;
  align-content: center;
}
.page-sector--intro .page-sector__logos-primary {
  margin: 0;
  padding: 0;
  transform: translate(-50%, 50%);
  z-index: 1;
  left: 50%;
  bottom: calc(3.5rem);
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__logos-primary {
    bottom: 0;
  }
}
.page-sector--intro .page-sector__logos-primary li {
  margin: 0 0.25rem;
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__logos-primary li {
    margin: 0 0.5rem;
  }
}
.page-sector--intro .page-sector__logos-primary img {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0.625rem 0 hsl(var(--black)/0.3);
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__logos-primary img {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.page-sector--intro .page-sector__logos-secondary {
  top: 1.5rem;
  left: 0;
}
@media (min-width: 1200px) {
  .page-sector--intro .page-sector__logos-secondary {
    top: auto;
    bottom: 0;
  }
}
.page-sector--intro .page-sector__logos-secondary li {
  margin: 0 0.5rem 0 0;
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__logos-secondary li {
    margin-right: 1rem;
  }
}
.page-sector--intro .page-sector__logos-secondary img {
  width: auto;
  height: 3.125rem;
}
@media (min-width: 960px) {
  .page-sector--intro .page-sector__logos-secondary img {
    height: 4.6875rem;
  }
}
.page-sector--intro .content-btns {
  margin-top: 2rem;
}
@media (min-width: 960px) {
  .page-sector--intro .content-btns {
    margin-top: 3rem;
  }
}
.page-sector--intro .content-btns + .content-btns {
  margin-top: 0;
}
.page-sector--intro .content-btns__block {
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.page-sector--intro .content-btns .btn--primary {
  margin-bottom: 0;
}
.page-sector--intro .content-btns .btn--text {
  margin-top: 1rem;
}
.page-sector--intro-no-image {
  margin-top: 1.25rem;
}
@media (min-width: 960px) {
  .page-sector--intro-no-image {
    margin-top: 1rem;
  }
}
.page-sector--intro-no-image .page-sector__head {
  margin-top: 0;
  padding: 0;
}
.page-sector--intro-no-image .page-sector__hdln {
  margin-bottom: 0;
}
.page-sector--intro-no-image .page-sector__hdln + .page-sector__sbln {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .content--step {
    display: flex;
  }
  .content--step > *:last-child {
    order: -1;
  }
  .content--step > * {
    margin: initial;
  }
}
.content--center {
  text-align: center;
}
.content--center > * {
  margin-left: auto;
  margin-right: auto;
}
.content--center ul,
.content--center ol {
  list-style-position: inside;
}
@media (min-width: 768px) {
  .content--center\@md {
    text-align: center;
  }
  .content--center\@md > * {
    margin-left: auto;
    margin-right: auto;
  }
  .content--center\@md ul,
  .content--center\@md ol {
    list-style-position: inside;
  }
}
@media (min-width: 768px) {
  .content--left\@md {
    text-align: inherit;
  }
  .content--left\@md > * {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .content--right\@md {
    text-align: right;
  }
  .content--right\@md > * {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: calc(1199px - 1px)) {
  .content--right\@md-only {
    text-align: right;
  }
  .content--right\@md-only > * {
    margin-left: 0;
    margin-right: 0;
  }
}
.content--contain {
  padding-left: var(--offset);
  padding-right: var(--offset);
}
.content--media-left {
  flex-direction: row;
}
.content--media-right {
  flex-direction: row-reverse;
}
.content--media-top {
  align-items: center;
  flex-direction: column;
}
.content--media-top > * {
  flex: auto;
}

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

.content-btns {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .content-btns {
    margin-top: 4rem;
  }
}
.content-btns:first-child {
  margin-top: 0;
}
.content-btns__block {
  margin-top: 0.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .content-btns__block {
    margin-top: 1rem;
  }
}
.content-btns__block:first-child {
  margin-top: 0;
}
.content-btns__block--left {
  margin-left: initial;
  margin-right: auto;
}
.content-btns__block--right {
  margin-left: auto;
  margin-right: initial;
}
.content-btns__block:last-child .btn {
  margin-bottom: 0;
}
.content-btns__media {
  margin-top: 1.5rem;
}
.content-btns__underlay {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.content-hdln {
  margin-top: 0;
}
.content-hdln--large {
  margin-bottom: 2rem;
}

.image-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(calc(0.5rem / 2) * -1);
  margin-right: calc(calc(0.5rem / 2) * -1);
}
.image-list > li {
  display: flex;
  margin: 0.5rem calc(0.5rem / 2);
  text-align: center;
}
.image-list img {
  max-height: 2.5rem;
  width: auto;
}

.contentPage {
  transition: opacity 350ms;
}

.s-spinner__container {
  backdrop-filter: blur(5px);
  background-color: white;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 300ms, visibility 300ms;
  visibility: hidden;
  width: 100vw;
}
.spinner-on .s-spinner__container {
  opacity: 1;
  visibility: visible;
}

.page-spinner {
  left: calc(50% - 100px);
  opacity: 0;
  position: absolute;
  top: calc(50% - 100px);
  transform: rotate(-100deg) scale(0.4);
  transition: transform 250ms 800ms, opacity 250ms 800ms;
}
.spinner-on .page-spinner {
  opacity: 1;
  z-index: 1;
  transform: none;
}

.spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  opacity: 0;
  padding: 0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-500deg) scale(0.4);
  transition: 350ms;
  width: 100%;
}
.spinner--top {
  height: auto;
  margin-top: 2rem;
}
.spinner .icon {
  font-size: 5rem;
}
.spinner-active .spinner {
  z-index: 1;
  opacity: 1;
  transform: none;
}

.loading-spinner {
  display: none;
  width: 100%;
  font-size: 3.375rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 9.375rem;
  position: relative;
}
.loading-spinner__spinner {
  width: 1em;
  height: 1em;
  opacity: 0;
  padding: 0.25rem;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.loading-spinner.spinner--active {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.loading-spinner.spinner--active .loading-spinner__spinner {
  opacity: 1;
  animation-name: spinner-animation;
}

@keyframes spinner-animation {
  0% {
    transform: rotate(0) scale(1.3);
  }
  100% {
    transform: rotate(-500deg) scale(0.7);
  }
}
@keyframes results-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltip__container {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.tooltip__icon {
  padding-right: 1.5625rem;
}
.tooltip__title {
  margin: 0;
  line-height: 1.3333333333;
}
.tooltip__info-button {
  display: flex;
  padding: 0.5rem;
}
.tooltip__info-icon {
  height: 1rem;
  width: 1rem;
}

.l-row--breadcrumb {
  justify-content: flex-end;
}
@media (min-width: 960px) {
  .l-row--breadcrumb > .l-col {
    flex-basis: calc(100% - 8.125rem);
  }
}

.breadcrumbs {
  margin: 1.5rem 0.5rem 3rem 0;
  font-size: 0.6875rem;
  /* breadcrumbs positioned over image */
}
@media (min-width: 960px) {
  .breadcrumbs {
    margin-right: 0;
    margin-bottom: 5rem;
    font-size: 0.875rem;
  }
}
.breadcrumbs--over-image {
  position: absolute;
  top: 2.75rem;
  right: 0.875rem;
  z-index: 1;
  margin: 0;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .breadcrumbs--over-image {
    max-width: 90vw;
  }
}
@media (min-width: 960px) {
  .breadcrumbs--over-image {
    top: 6.25rem;
    right: 2.125rem;
  }
}
@media (max-width: 767px) {
  .breadcrumbs--over-image .breadcrumbs__list-item:last-child {
    max-width: 12.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.breadcrumbs--right-slim {
  right: 0;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .breadcrumbs--right-slim {
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 960px) {
  .breadcrumbs--right-slim {
    right: 0;
  }
}
.breadcrumbs--right-slim .breadcrumbs__list {
  justify-content: flex-end;
}
.breadcrumbs__list {
  display: flex;
  margin: 0;
  align-items: center;
}
.breadcrumbs__list-item {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs__list-item:last-child {
  font-size: 0.8125rem;
}
@media (min-width: 960px) {
  .breadcrumbs__list-item:last-child {
    font-size: 0.9375rem;
  }
}
.breadcrumbs__list-separator {
  padding: 0 0.25rem;
  font-size: 0.6875rem;
}

.video__container {
  --aspect-ratio-portrait: 4 / 5;
  --aspect-ratio-landscape: 16 / 9;
  position: relative;
  isolation: isolate;
}
.video__container--portrait {
  aspect-ratio: var(--aspect-ratio-portrait);
}
.video__container--landscape {
  aspect-ratio: var(--aspect-ratio-landscape);
}
.video img,
.video video {
  position: absolute;
  width: 100%;
}
.video video {
  bottom: 0;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.video.video--portrait video {
  height: 100%;
}
.video__poster {
  position: absolute;
  inset: 0;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.video__cover {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.tabs {
  --tabs-section-width: 25rem;
  --tabs-border-radius: 0.625rem;
  --tabs-group-spacing: 0.125rem;
}
@media (min-width: 960px) {
  .tabs {
    --tabs-section-width: 34.375rem;
  }
}
.tabs__selection-area {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .tabs__selection-area {
    max-width: var(--tabs-section-width);
    width: 50%;
    margin: 0;
  }
}
.tabs__content {
  border: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tabs__content--edit-mode {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs [type=radio] {
  border: 0;
  clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tabs [type=radio]:disabled {
  display: none;
}
.tabs [type=radio]:nth-child(1 of .tab-input--offers):checked ~ .tabs__content-area .tabs__content--offers-handout:nth-of-type(1) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs [type=radio]:nth-child(1 of .tab-input--weeks):checked ~ .tabs__content-area .tabs__content--weeks .tabs__content:nth-of-type(1) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs [type=radio]:nth-child(1 of .tab-input--weeks):disabled ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1) {
  background-color: transparent;
  color: hsl(var(--grey-midnight));
  box-shadow: none;
  opacity: 0.32;
  pointer-events: none;
  cursor: default;
}
.tabs [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__content-area .tabs__content--offers-handout:nth-of-type(2) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs [type=radio]:nth-child(2 of .tab-input--weeks):checked ~ .tabs__content-area .tabs__content--weeks .tabs__content:nth-of-type(2) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs [type=radio]:nth-child(2 of .tab-input--weeks):disabled ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2) {
  background-color: transparent;
  color: hsl(var(--grey-midnight));
  box-shadow: none;
  opacity: 0.32;
  pointer-events: none;
  cursor: default;
}
.tabs__item {
  display: block;
  margin-bottom: 0;
}
.tabs__item.tabs__item--weeks:only-of-type {
  display: none;
}

@media (max-width: 959px) {
  .tabs--offers {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 960px) {
  .tabs--offers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
@media (max-width: 959px) {
  .tabs--offers .page-sector--intro {
    margin-top: 0;
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  .tabs--offers .page-sector--intro {
    width: 100%;
  }
}
.tabs--offers:not(:has(.tab-input--offers:focus-visible,
.tab-input--weeks:focus-visible,
.tab-input--weeks-menu:focus-visible,
.tab-input--period:focus-visible)) .tabs__selection--group {
  overflow: hidden;
  box-shadow: none;
}
@media (max-width: 959px) {
  .tabs--offers .market-tile__container {
    order: -1;
    padding-block: 2.25rem 1.5rem;
  }
}
@media (min-width: 960px) {
  .tabs--offers .market-tile__container {
    padding-bottom: 0;
  }
}
.tabs--offers .tabs__selection-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 0.5rem;
  text-align: center;
  padding-inline: var(--offset);
  font: 500 0.9375rem/1.6 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 960px) {
  .tabs--offers .tabs__selection-area {
    padding-left: 0;
    row-gap: 1.5rem;
  }
}
.tabs--offers .tabs__selection-area--edit .tabs__item {
  pointer-events: none;
}
.tabs--offers .tabs__selection--group {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: calc(var(--tabs-group-spacing) * 2);
  padding: var(--tabs-group-spacing);
  border-radius: var(--tabs-border-radius);
  background-color: hsl(var(--grey-cobble-stone));
}
.tabs--offers .tabs__selection--group * {
  z-index: 2;
}
.tabs--offers .tabs__selection--weeks {
  margin-bottom: 0;
}
.tabs--offers .tabs__item {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 50%;
  padding: 0.625rem 1rem;
  border-radius: var(--tabs-border-radius);
  height: 100%;
  width: 50%;
  text-wrap: nowrap;
  background-position: center;
  color: hsl(var(--grey-midnight));
}
@media (max-width: 959px) {
  .tabs--offers .tabs__item {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .tabs--offers .tabs__item {
    padding-block: 1.125rem;
  }
}
.tabs--offers .tabs__item--message {
  font: 600 0.9375rem/1.6 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 100%;
}
.tabs--offers .tabs__item--message span {
  text-align: start;
}
.tabs--offers .tabs__item .icon {
  margin-right: 0.375rem;
  min-width: 1.2em;
  width: 1.2em;
  height: 1.2em;
}
.tabs--offers .tabs__item-text-no-handout {
  display: none;
  margin-bottom: 0.5rem;
  font-family: "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.4;
}
.tabs--offers .tabs__item-handout-link {
  display: none;
  padding: 0;
}
.tabs--offers .tabs__glider {
  position: absolute;
  z-index: 1;
  display: flex;
  height: calc(100% - var(--tabs-group-spacing) * 2);
  width: calc(50% - var(--tabs-group-spacing) * 2);
  border-radius: var(--tabs-border-radius);
  transition: 0.25s ease-out;
  background-color: hsl(var(--grey-midnight));
  box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
}
.tabs--offers .tabs__content-area {
  width: 100%;
}
.tabs--offers .tabs__content--weeks {
  position: relative;
}
.tabs--offers input[id=offers-input]:checked ~ .tabs__selection-area .tabs__glider--offers,
.tabs--offers input[id=current-week]:checked ~ .tabs__selection-area .tabs__glider--weeks,
.tabs--offers input[id=current-week-menu]:checked ~ .tabs__selection-area .tabs__glider--weeks-menu {
  translate: 0;
}
.tabs--offers input[id=handout-input]:checked ~ .tabs__selection-area .tabs__glider--offers,
.tabs--offers input[id=next-week]:checked ~ .tabs__selection-area .tabs__glider--weeks,
.tabs--offers input[id=next-week-menu]:checked ~ .tabs__selection-area .tabs__glider--weeks-menu {
  translate: calc(100% + var(--tabs-group-spacing) * 2);
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1) {
  color: hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):checked:focus-visible ~ .tabs__selection-area .tabs__glider--offers {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):checked:focus-visible ~ .tabs__selection-area .tabs__glider--offers:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--tabs-border-radius);
  transform: translate(-50%, -50%);
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1):active {
  box-shadow: none;
  overflow: hidden;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1):active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1):hover {
  z-index: 1;
  background: hsl(from hsl(var(--grey-cobble-stone)) h s calc(l * 0.9));
  color: hsl(var(--grey-stone));
  cursor: pointer;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--offers):not(:checked) ~ .tabs__content-area .tabs__content--offers:nth-of-type(1) {
  visibility: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2) {
  color: hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked:focus-visible ~ .tabs__selection-area .tabs__glider--offers {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked:focus-visible ~ .tabs__selection-area .tabs__glider--offers:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--tabs-border-radius);
  transform: translate(-50%, -50%);
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2):active {
  box-shadow: none;
  overflow: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2):active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):not(:checked) ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2):hover {
  z-index: 1;
  background: hsl(from hsl(var(--grey-cobble-stone)) h s calc(l * 0.9));
  color: hsl(var(--grey-stone));
  cursor: pointer;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):not(:checked) ~ .tabs__content-area .tabs__content--offers:nth-of-type(2) {
  visibility: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers).initial-hash:target ~ .tabs__selection-area .tabs__item--offers:nth-of-type(1) {
  background-color: transparent;
  box-shadow: none;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers).initial-hash:target ~ .tabs__selection-area .tabs__item--offers:nth-of-type(2) {
  background-color: hsl(var(--white));
  box-shadow: 0 2px 2px 0 hsl(var(--black)/0.14), 0 3px 1px -2px hsl(var(--black)/0.12), 0 1px 5px 0 hsl(var(--black)/0.2);
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers).initial-hash:target ~ .tabs__content-area .tabs__content--offers-handout:nth-of-type(2) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1) {
  box-shadow: none !important;
  pointer-events: none;
  background-color: inherit;
  color: inherit;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2) {
  box-shadow: none !important;
  pointer-events: none;
  background-color: inherit;
  color: inherit;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__glider--weeks {
  display: none;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tabs__selection-area .tabs__item--weeks {
  color: hsl(var(--grey-midnight)) !important;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--offers):checked ~ .tab-input--weeks {
  display: none !important;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):checked ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1) {
  color: hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):checked:focus-visible ~ .tabs__selection-area .tabs__glider--weeks {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):checked:focus-visible ~ .tabs__selection-area .tabs__glider--weeks:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--tabs-border-radius);
  transform: translate(-50%, -50%);
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1):active {
  box-shadow: none;
  overflow: hidden;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1):active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1):hover {
  z-index: 1;
  background: hsl(from hsl(var(--grey-cobble-stone)) h s calc(l * 0.9));
  color: hsl(var(--grey-stone));
  cursor: pointer;
}
.tabs--offers [type=radio]:nth-child(1 of .tab-input--weeks):not(:checked) ~ .tabs__content-area .week-offers:nth-of-type(1) {
  visibility: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):checked ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2) {
  color: hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):checked:focus-visible ~ .tabs__selection-area .tabs__glider--weeks {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):checked:focus-visible ~ .tabs__selection-area .tabs__glider--weeks:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--tabs-border-radius);
  transform: translate(-50%, -50%);
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2):active {
  box-shadow: none;
  overflow: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2):active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):not(:checked) ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2):hover {
  z-index: 1;
  background: hsl(from hsl(var(--grey-cobble-stone)) h s calc(l * 0.9));
  color: hsl(var(--grey-stone));
  cursor: pointer;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks):not(:checked) ~ .tabs__content-area .week-offers:nth-of-type(2) {
  visibility: hidden;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks).initial-hash:target ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(1) {
  background: transparent;
  box-shadow: none;
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks).initial-hash:target ~ .tabs__selection-area .tabs__item--weeks:nth-of-type(2) {
  background: hsl(var(--white));
  box-shadow: 0 2px 2px 0 hsl(var(--black)/0.14), 0 3px 1px -2px hsl(var(--black)/0.12), 0 1px 5px 0 hsl(var(--black)/0.2);
}
.tabs--offers [type=radio]:nth-child(2 of .tab-input--weeks).initial-hash:target ~ .tabs__content-area .tabs__content--weeks .tabs__content:nth-of-type(2) {
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: auto;
  position: static;
  width: auto;
  overflow: visible;
}

.offer-tile {
  --offer-margin-right: 0.5rem;
  --offer-margin-bottom: 1rem;
  --offer-margin-left: 0.5rem;
  --offer-padding-bottom: 1rem;
  --offer-image-aspect-ratio: 1;
  --offer-header-min-height: 3.75rem;
  --offer-header-gap: 1rem;
  --offer-header-margin-bottom: -1.125rem;
  --offer-header-border-radius: 0.625rem;
  display: grid;
  grid-template-areas: "offer-header offer-header" "offer-image offer-image" "offer-info offer-info";
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding-bottom: var(--offer-padding-bottom);
}
@media (min-width: 576px) {
  .offer-tile {
    --offer-header-gap: 0.25rem;
  }
}
@media (min-width: 960px) {
  .offer-tile {
    --offer-margin-left: 1rem;
    --offer-margin-right: 1rem;
    --offer-padding-bottom: 2rem;
    --offer-header-min-height: 5rem;
  }
}
[data-brand-category=true] .offer-tile {
  padding-top: 4rem;
}
@media (min-width: 960px) {
  [data-brand-category=true] .offer-tile {
    padding-top: 5rem;
  }
}
[data-brand-category=true] .offer-tile .offer-tile__image {
  height: auto;
}
.offer-tile__link {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-start;
  background-color: hsl(var(--white));
  border-radius: 0.625rem;
  color: hsl(var(--grey-stone));
  font-weight: normal;
  text-decoration: none;
  transition: box-shadow 0.2s linear;
}
.offer-tile__link--edit {
  pointer-events: none;
}
@media (min-width: 960px) {
  .offer-tile__link:hover {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }
}
.offer-tile__header {
  grid-area: offer-header;
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-bottom: var(--offer-header-margin-bottom);
  border-top-left-radius: var(--offer-header-border-radius);
  border-top-right-radius: var(--offer-header-border-radius);
  overflow: hidden;
}
@media (min-width: 576px) {
  .offer-tile__header {
    gap: var(--offer-header-gap);
    justify-content: flex-start;
  }
}
.offer-tile__header:not(:has(.bubble)) {
  --offer-header-margin-bottom: 0;
  min-height: var(--offer-header-min-height);
}
.offer-tile__header:has(.bubble--secondary.bubble--sm, .bubble--secondary.bubble--md, .badge--icon-app) {
  justify-content: space-between;
}
@media (min-width: 960px) {
  .offer-tile__header:has(.bubble--md) {
    --offer-header-margin-bottom: -2rem;
  }
}
.offer-tile__header .badge {
  align-self: flex-start;
  margin-top: 1.5rem;
  margin-right: 0.375rem;
}
.offer-tile__header .badge--icon-app {
  margin-top: 0.375rem;
  margin-right: 0.375rem;
}
.offer-tile__badges {
  justify-content: center;
  margin-bottom: 0.75rem;
}
.offer-tile__image {
  height: 100%;
  object-fit: contain;
}
.offer-tile__image-container {
  grid-area: offer-image;
  margin: 0 var(--offer-margin-right) var(--offer-margin-bottom) var(--offer-margin-left);
  aspect-ratio: var(--offer-image-aspect-ratio);
}
.offer-tile__info-container {
  grid-area: offer-info;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  margin-inline: var(--offer-margin-left) var(--offer-margin-right);
}
.offer-tile--highlight {
  --offer-margin-bottom: 0;
  --offer-image-aspect-ratio: auto;
  grid-template-areas: "offer-header offer-header" "offer-image offer-info";
}
.offer-tile--highlight .offer-tile__header {
  gap: var(--offer-header-gap);
  justify-content: flex-start;
}
.offer-tile--highlight .offer-tile__badges {
  justify-content: flex-start;
}
.offer-tile--highlight .offer-tile__info-container {
  --offer-margin-left: 0;
  text-align: left;
  align-items: unset;
}
.offer-tile__labels {
  display: flex;
}
.offer-tile__headline {
  font: 500 0.875rem/1.143 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  text-transform: none;
  color: hsl(var(--grey-midnight));
}
@media (min-width: 960px) {
  .offer-tile__headline {
    font-size: 1rem;
  }
}
.offer-tile__unit-price, .offer-tile__origin {
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1.36;
  margin-top: 0.25rem;
}
@media (min-width: 960px) {
  .offer-tile__unit-price, .offer-tile__origin {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.18;
  }
}
.offer-tile__unit-price br, .offer-tile__origin br {
  display: none;
}
.offer-tile__origin {
  align-items: center;
  display: inline-flex;
}
.offer-tile__origin .icon {
  margin-right: 0.5em;
}
.offer-tile__info-text {
  font-size: 0.5625rem;
  line-height: normal;
  font-weight: 600;
  margin-top: 0.375rem;
}
@media (min-width: 960px) {
  .offer-tile__info-text {
    font-size: 0.75rem;
    margin-top: 0.625rem;
  }
}

.tile {
  font-size: 0.6875rem;
  line-height: 1.182;
  max-width: 100%;
  position: relative;
}
@media (min-width: 960px) {
  .tile {
    font-size: 0.8125rem;
  }
}
.tile__hdln {
  font: 500 0.875rem/1.143 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  text-transform: none;
}
@media (min-width: 960px) {
  .tile__hdln {
    font-size: 1rem;
  }
}
.tile__link--cover::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tile__action {
  position: relative;
}
.tile__action::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.tile--cover .tile__image {
  object-fit: cover;
}
.tile--in-grid .tsr__main {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media (min-width: 960px) {
  .tile--in-grid .tsr__main {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
.tile--in-grid .tsr__hdln {
  margin-bottom: 0;
  margin-top: 0;
  text-transform: none;
}
.tile--in-grid .tsr__body {
  flex-grow: 0;
}
.tile--in-grid .tsr__footer {
  margin-top: auto;
}
.tile--in-grid .tsr__footer > div {
  margin-top: 1rem;
}
.tile--in-grid .rating {
  padding-top: 1rem;
  margin-top: auto;
}
.tile--in-grid .rating__stars {
  --column-gap: 0.25rem;
}
.tile--in-grid .rating__svg {
  font-size: 0.8125rem;
}
@media (min-width: 960px) {
  .tile--in-grid .rating__svg {
    font-size: 1.125rem;
  }
}
.tile--in-grid .rating + .tsr__footer {
  margin-top: 0;
}
.tile--in-grid .rating:last-child {
  padding-bottom: 1.9375rem;
}
.tile--in-grid [data-recipe-slug] {
  margin-top: auto;
}
.tile--in-grid [data-recipe-slug] .rating {
  padding-bottom: 0;
}
.tile--in-grid [data-recipe-slug] + .tsr__footer {
  margin-top: 0;
}

.tile-list {
  --column-width: calc(100% / var(--tiles-per-row) - var(--gutter) + (var(--gutter) / var(--tiles-per-row)));
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  gap: var(--gutter);
  justify-content: center;
}
@media (min-width: 0) {
  .tile-list {
    --tiles-per-row: 2;
  }
}
@media (min-width: 576px) {
  .tile-list {
    --tiles-per-row: 3;
  }
}
@media (min-width: 768px) {
  .tile-list {
    --tiles-per-row: 4;
  }
}
@media (min-width: 960px) {
  .tile-list {
    --tiles-per-row: 4;
  }
}
@media (min-width: 1200px) {
  .tile-list {
    --tiles-per-row: 5;
  }
}
@media (min-width: 1591px) {
  .tile-list {
    --tiles-per-row: 6;
  }
}
.tile-list--center {
  justify-content: center;
}
.tile-list--left {
  justify-content: left;
}
.tile-list > li {
  margin: 0;
  min-width: 0; /* fix grid content overflow issue */
}
.tile-list__item--highlight {
  grid-column-end: span 2;
}
.tile-list__item--placeholder {
  min-height: 21.875rem;
}
.tile-list--edit-mode {
  display: block;
  width: auto;
}
.tile-list--edit-mode > li {
  margin-bottom: var(--gutter);
  margin-inline: auto;
  max-width: var(--column-width);
}
.tile-list--edit-mode > li.tile-list__item--highlight {
  max-width: calc(var(--column-width) * 2);
}
.tile-list + .content-btns {
  margin-top: 2rem;
}
@media (min-width: 960px) {
  .tile-list + .content-btns {
    margin-top: 3.5rem;
  }
}

.tsr {
  background-color: hsl(var(--white));
  border-radius: 0.625rem;
  color: hsl(var(--grey-stone));
  overflow: hidden;
  position: relative;
}

.tile--in-grid {
  height: 100%;
}

.tsr {
  background: hsl(var(--white));
  border-radius: 0.9375rem;
  color: hsl(var(--grey-stone));
  display: flex;
  flex-direction: column;
  font-size: 0.625rem;
  z-index: 0;
}
@media (min-width: 960px) {
  .tsr {
    font-size: 0.8125rem;
  }
}

.validity-indicator {
  --bg-color: hsl(var(--white));
  --bg-reverse-color: hsl(var(--red));
  --text-color: hsl(var(--grey-midnight));
  --text-reverse-color: hsl(var(--white));
  --text-highlight-color: hsl(var(--grey-midnight));
  --line-color: hsl(var(--grey-midnight));
  --indicator-border: 1.25rem;
  --indicator-transition-duration: 0.2s;
  --indicator-transition-timing-function: ease-in-out;
  --indicator-transition-delay: 0.3s;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.67;
  padding-bottom: 3.75rem;
  text-align: center;
  background-color: var(--bg-color);
}
@media (min-width: 960px) {
  .validity-indicator {
    padding-bottom: 6rem;
  }
}
.validity-indicator--next-week {
  --bg-color: hsl(var(--red));
  --bg-reverse-color: hsl(var(--white));
  --text-color: hsl(var(--white));
  --text-reverse-color: hsl(var(--grey-midnight));
  --text-highlight-color: hsl(var(--white));
  --line-color: hsl(var(--white));
}
.validity-indicator__hdln {
  font: bold 2.1875rem/1.114 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: none;
  color: var(--text-color);
  margin-block: 0 0.5rem;
}
@media (min-width: 960px) {
  .validity-indicator__hdln {
    font-size: 4.0625rem;
    line-height: 1.031;
  }
}
@media (min-width: 960px) {
  .validity-indicator__hdln {
    margin-bottom: 1.1875rem;
  }
}
.validity-indicator__subline {
  font: bold 0.75rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.093ch;
  text-transform: none;
  font-size: 0.6875rem;
  text-transform: none;
  color: var(--text-color);
  margin-block: 0;
}
@media (min-width: 960px) {
  .validity-indicator__subline {
    font-size: 1rem;
  }
}
@media (min-width: 960px) {
  .validity-indicator__subline {
    font-size: 0.8125rem;
  }
}
@media (min-width: 960px) {
  .validity-indicator__subline {
    font: bold 0.75rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    letter-spacing: 0.093ch;
    text-transform: none;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .validity-indicator__subline {
    font-size: 1rem;
  }
}
.validity-indicator__label {
  display: inline-block;
  font: bold 0.6875rem/1.182 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: var(--text-highlight-color);
  color: var(--text-reverse-color);
  margin-block: 2.5rem 0.8125rem;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
}
@media (min-width: 960px) {
  .validity-indicator__label {
    margin-block: 5rem 1rem;
  }
}
.validity-indicator__days {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  list-style: none;
  padding: 0;
  margin-block: 1.0625rem;
  width: 19.875rem;
  height: 2.0625rem;
}
@media (min-width: 960px) {
  .validity-indicator__days {
    width: 22.5rem;
  }
}
.validity-indicator__days::before {
  content: "";
  position: absolute;
  width: 0;
  margin: 0 auto;
  inset: 0;
  display: flex;
  grid-column-start: calc(var(--indicator-start, 0) + 1);
  grid-column-end: calc(var(--indicator-end, 0) + 2);
  border-radius: var(--indicator-border, 0);
  background-color: var(--bg-reverse-color);
  transition: width var(--indicator-transition-duration) var(--indicator-transition-timing-function) var(--indicator-transition-delay);
}
.validity-indicator__days.show-animation::before {
  width: 100%;
}
.validity-indicator__days.show-animation .validity-indicator__day--start, .validity-indicator__days.show-animation .validity-indicator__day--middle {
  color: var(--text-reverse-color);
}
.validity-indicator__day {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-block: 0;
  font: bold 0.6875rem/1 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: var(--text-color);
  transition: color var(--indicator-transition-duration) var(--indicator-transition-timing-function) var(--indicator-transition-delay);
}
@media (min-width: 960px) {
  .validity-indicator__day {
    font-size: 0.8125rem;
  }
}
.validity-indicator__desc {
  font: 600 0.9375rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: var(--text-color);
  margin-top: 2.5rem;
}
@media (min-width: 960px) {
  .validity-indicator__desc {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 5rem;
  }
}
.validity-indicator__desc > * {
  margin: 0;
}
.validity-indicator__separator {
  width: 100%;
  border-bottom: 0.0625rem dashed var(--line-color);
  opacity: 0.5;
}

.tooltip-dialog {
  display: none;
}

.uc-embedding-container .uc-embedding-wrapper {
  padding: 1rem;
  border-radius: 0.625rem;
  background-color: hsl(var(--white)/0.8);
  backdrop-filter: blur(0.625rem);
}
.uc-embedding-container .uc-embedding-wrapper h3 {
  font: bold 0.9375rem/1.333 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.005rem;
  text-transform: uppercase;
  color: hsl(var(--grey-stone));
  margin: 0;
}
@media (min-width: 960px) {
  .uc-embedding-container .uc-embedding-wrapper h3 {
    font-size: 1.25rem;
    letter-spacing: 0.006875rem;
    line-height: 1.167;
  }
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-buttons {
  padding-bottom: 1.25rem;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info,
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-accept {
  display: flex;
  padding: 0.0625rem 0.5rem;
  border-radius: 1.5rem;
  background: hsl(var(--red));
  color: hsl(var(--white));
  box-shadow: 0 8px 10px 1px rgba(205, 20, 20, 0.14), 0 3px 14px 2px rgba(205, 20, 20, 0.12), 0 5px 5px -3px rgba(205, 20, 20, 0.2);
  height: auto;
  width: auto;
  margin: 0;
  text-align: center;
  font: 500 0.9375rem "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: unset;
}
@media (min-width: 960px) {
  .uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info,
  .uc-embedding-container .uc-embedding-wrapper .uc-embedding-accept {
    padding: 0.75rem 2.5rem;
  }
  .uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info:hover,
  .uc-embedding-container .uc-embedding-wrapper .uc-embedding-accept:hover {
    background: hsl(var(--red)) radial-gradient(circle, transparent 1%, hsl(var(--red)) 1%) center/15000%;
    box-shadow: 0 0.3125rem 0.3125rem -0.1875rem hsl(var(--white)/0.3), 0 0.125rem 0.0625rem -0.0625rem hsl(var(--white)/0.24), 0 0.0625rem 0.0625rem 0 hsl(var(--white)/0.3);
  }
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info.focused,
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-accept.focused {
  box-shadow: inset 0 0 0 0.125rem hsl(var(--red)), inset 0 0 0 0.25rem hsl(var(--white));
  outline: none;
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info:active,
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-accept:active {
  background-color: hsl(var(--hue), calc(var(--saturation) + 82%), calc(var(--lightness) + 24%));
  background-size: 100%;
  box-shadow: none;
}
.uc-embedding-container .uc-embedding-wrapper .description-text,
.uc-embedding-container .uc-embedding-wrapper .not-existing-service {
  margin-block: 1rem;
  font: 600 0.9375rem/1.3125rem "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: hsl(var(--grey-stone));
}
@media (min-width: 960px) {
  .uc-embedding-container .uc-embedding-wrapper .description-text,
  .uc-embedding-container .uc-embedding-wrapper .not-existing-service {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.uc-embedding-container .uc-embedding-wrapper .uc-embedding-more-info,
.uc-embedding-container .uc-embedding-wrapper span:has(.uc-embedding-powered-by) {
  display: none;
}

.market-finder__map .uc-embedding-container,
.video__container .uc-embedding-container {
  background: hsl(var(--black)/0.5);
}
.market-finder__map .uc-embedding-wrapper,
.video__container .uc-embedding-wrapper {
  max-width: calc(100% - 2.1875rem);
}

.detail-block__carousel-slide .uc-embedding-container {
  width: 100%;
}
.detail-block__carousel-slide .uc-embedding-wrapper {
  backdrop-filter: none;
  box-shadow: none;
}

.video__container .uc-embedding-container {
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.market-finder__map .uc-embedding-container {
  min-height: 100%;
}
.market-finder__map .uc-embedding-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: hsl(var(--black)/0.5);
}

.modal--market-finder .uc-embedding-container {
  margin-inline: auto;
  width: 100%;
  height: 100%;
  min-height: unset;
  max-height: unset;
}
.modal--market-finder .uc-embedding-container .uc-embedding-wrapper {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: unset;
  border: none;
  border-radius: 0;
  backdrop-filter: unset;
  background: transparent;
  box-shadow: none;
  position: static;
  transform: translate(0, 0);
  overflow: unset;
}
.modal--market-finder .uc-embedding-container .uc-embedding-wrapper h3 {
  display: none;
}

.market-finder__consent {
  display: none;
  border: 0;
  padding: 1.5rem;
  border-radius: 1rem 1rem 0 0;
  background: hsl(var(--white));
  inset-block-start: auto;
}
@media (max-width: 959px) {
  .market-finder__consent {
    max-width: unset;
    transform: translateY(100%);
  }
}
@media (min-width: 960px) {
  .market-finder__consent {
    inset-block-start: 0;
    border-radius: 1rem;
  }
}
.market-finder__consent::backdrop {
  background-color: hsl(var(--black)/0.5);
}
.market-finder__consent[open] {
  display: flex;
  animation: animateInModal 0.25s ease-in-out forwards;
}
@media (max-width: 959px) {
  .market-finder__consent[open] {
    animation: animateInSlideModal 0.25s ease-in-out forwards;
  }
}
.market-finder__consent:not([open]) {
  pointer-events: none;
}
.market-finder__consent:has(#market-search-consent:empty) {
  display: none;
}
.market-finder__consent-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.market-finder__consent-btn {
  margin-bottom: -1.5625rem;
  padding: 0.5rem;
  z-index: 1;
}
.market-finder__consent .uc-embedding-container {
  width: 100%;
  height: auto;
  min-height: unset;
}
@media (min-width: 960px) {
  .market-finder__consent .uc-embedding-container {
    width: 25rem;
  }
}
.market-finder__consent .uc-embedding-wrapper {
  width: 100%;
  height: 100%;
  max-width: unset;
  min-width: unset;
  max-height: unset;
  min-height: unset;
  box-shadow: none;
  position: static;
  transform: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  overflow: unset;
  backdrop-filter: unset;
}

@keyframes animateInModal {
  0% {
    display: none;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animateInSlideModal {
  0% {
    display: none;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
html:has(.market-finder__consent[open]) {
  overflow: hidden;
}

.btn__skip-to-main {
  --button-offset: 25%;
  --button-position-left: 1rem;
  --button-position-top: 5.625rem;
  position: fixed;
  top: var(--button-position-top);
  left: var(--button-position-left);
  opacity: 0;
  z-index: 1;
}
@media (min-width: 960px) {
  .btn__skip-to-main {
    --button-position-top: 8rem;
  }
}
@media (min-width: 1920px) {
  .btn__skip-to-main {
    --button-position-left: calc((100vw - 1590px) / 2 - 4.5rem);
  }
}
.btn__skip-to-main:focus {
  opacity: 1;
}
.btn__skip-to-main .icon {
  transform: rotate(180deg);
}

/* -------------------- *\
Organisms
\* -------------------- */
.site-header {
  --header-border-radius: 0 0 0.9375rem 0.9375rem;
  --nav-item-border-radius: 0.625rem;
  width: 100%;
  font-family: "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.site-header.hide-for-large {
  position: static;
}
.site-header--sticky {
  position: relative;
  z-index: 3;
}
.site-header a {
  color: inherit;
  text-decoration: none;
}
.site-header__wrapper {
  background: hsl(var(--red));
  border-radius: var(--header-border-radius);
  box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
  color: hsl(var(--white));
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  position: relative;
}
@media (min-width: 960px) {
  .site-header__wrapper {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.site-header__container {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1590px;
  padding-left: 47px;
  padding-right: 47px;
  padding-left: var(--offset);
  padding-right: var(--offset);
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.site-header__logo {
  display: flex;
  flex: 0 1 50%;
  justify-content: flex-start;
  margin: 0;
}
.site-header__logo .logo {
  font-size: 1.0625rem;
  height: 1em;
  width: 5.18em;
}
@media (min-width: 960px) {
  .site-header__logo .logo {
    font-size: 1.6875rem;
  }
}
.site-header__logo .logo__link {
  display: flex;
  flex-direction: column;
}
.site-header__logo .logo__text {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.02875rem;
  line-height: 1.4166666667;
}
@media (min-width: 960px) {
  .site-header__logo .logo__text {
    font-size: 1.125rem;
    letter-spacing: 0.043125rem;
    line-height: 1.5555555556;
  }
}
.site-header__menu {
  display: flex;
  flex: 0 1 50%;
  justify-content: flex-end;
  margin-bottom: auto;
}
.site-header__nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
@media (min-width: 960px) {
  .site-header__nav {
    width: auto;
    position: static;
    padding: 0;
    border-radius: 0;
    display: flex;
    flex: 1 0 auto;
    background-color: transparent;
    box-shadow: none;
    color: hsl(var(--white));
  }
}
.site-header .main-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .site-header .main-nav {
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav {
    width: auto;
    max-width: none;
  }
  .site-header .main-nav.hovered .sub-nav__list-wrapper {
    transition-duration: 0.1s;
    transition-delay: 0.1s;
  }
}
.site-header .main-nav__container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 0.625rem;
}
@media (min-width: 576px) {
  .site-header .main-nav__container {
    padding-inline: 0.9375rem;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__container {
    width: 100%;
    padding-block: 0.25rem;
    border-radius: 0.9375rem 0.9375rem 0 0;
    background-color: hsl(var(--white));
    box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
  }
}
.site-header .main-nav__item {
  margin-inline: 0;
}
@media (min-width: 576px) {
  .site-header .main-nav__item {
    margin-inline: 0.25rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item {
    margin: 0;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item > .nav-item__link {
    color: hsl(var(--grey-midnight));
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item > .nav-item__link .site-header__icon {
    padding-bottom: 0;
  }
}
.site-header .main-nav__item .sub-nav {
  display: none;
}
.site-header .main-nav__item .sub-nav__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  padding-inline: var(--gutter);
  border-radius: var(--header-border-radius);
  overflow: hidden;
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list {
    overflow-y: scroll;
    max-height: 65dvh;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list {
    --margin-offset: 1.25rem;
    display: flex;
    justify-content: center;
    overflow-x: auto;
    margin-top: calc(var(--margin-offset) * -1);
    padding-top: calc(1.5rem + var(--margin-offset));
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-container {
    background-color: hsl(var(--white));
    box-shadow: 0 5px 15px 0 rgba(145, 64, 64, 0.23);
  }
}
.site-header .main-nav__item .sub-nav__list-wrapper {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  background-color: hsl(var(--white));
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list-wrapper {
    border-radius: 0.9375rem 0.9375rem 0 0;
    box-shadow: 0 4px 5px 0 hsl(var(--black)/0.14), 0 1px 10px 0 hsl(var(--black)/0.12), 0 2px 4px -1px hsl(var(--black)/0.2);
    padding-bottom: 6rem;
    height: auto;
    opacity: 0;
    transform: translateY(0);
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-wrapper {
    top: 100%;
    visibility: hidden;
    transition: visibility 0.8s;
  }
}
@keyframes slide-up-m {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(-105%);
  }
  100% {
    opacity: 1;
    transform: translateY(-100%);
  }
}
@keyframes slide-down-m {
  0% {
    opacity: 1;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes slide-up-d {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(15%);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes slide-down-d {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  95% {
    opacity: 1;
    transform: translateY(5%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.site-header .main-nav__item .sub-nav__list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(var(--grey-midnight));
  background-color: hsl(var(--grey-cobble-stone));
  border-radius: 0.625rem;
  overflow: hidden;
  margin: 0;
  --item-size-sm: 6.25rem;
  --item-size-md: 11.75rem;
  --item-size-lg: 23.5rem;
  --image-size-md: 4.9375rem;
  --image-size-lg: 9rem;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item {
    width: var(--item-size-sm);
  }
  .site-header .main-nav__item .sub-nav__list-item .sub-nav__wrapper {
    justify-content: center;
  }
  .site-header .main-nav__item .sub-nav__list-item:hover {
    box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
  }
}
.site-header .main-nav__item .sub-nav__list-item:has(.nav-item__link:focus-visible) {
  outline: solid 0.25rem hsl(var(--blue-denim));
  outline-offset: 0;
}
.site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--small) {
  grid-column: span 2;
}
.site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--medium) {
  grid-column: span 3;
}
.site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large) {
  grid-column: span 6;
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):has(.sub-nav__img-wrapper) .sub-nav__label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):has(.sub-nav__img-wrapper) .sub-nav__wrapper {
    grid-template-columns: 3fr 2fr;
    grid-template-rows: 1fr;
    grid-template-areas: "label image";
    justify-content: center;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):has(.sub-nav__img-wrapper) .sub-nav__btn {
    margin-right: auto;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):not(:has(.sub-nav__img-wrapper)) .sub-nav__btn {
    margin-inline: auto;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):has(.has-btn--mobile) .sub-nav__label-wrapper {
    justify-content: space-between;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__mobile--large):has(.has-btn--mobile) .sub-nav__btn {
    display: block;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--medium) {
    width: var(--item-size-md);
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--medium) .nav-item__link {
    height: 100%;
    justify-content: center;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--medium) .sub-nav__wrapper {
    height: 100%;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--medium) .sub-nav__img {
    width: var(--image-size-md);
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--medium) .sub-nav__label-wrapper {
    text-align: center;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large) {
    width: var(--item-size-lg);
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.sub-nav__img-wrapper) .sub-nav__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.sub-nav__img-wrapper) .sub-nav__img-wrapper {
    min-width: var(--image-size-lg);
    position: relative;
    aspect-ratio: 1;
    width: auto;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.sub-nav__img-wrapper) .sub-nav__img-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.sub-nav__img-wrapper) .sub-nav__label-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    width: auto;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.sub-nav__img-wrapper) .sub-nav__btn {
    margin-right: auto;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):not(:has(.sub-nav__img-wrapper)) .sub-nav__btn {
    margin-inline: auto;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.has-btn--desktop) .sub-nav__label-wrapper {
    justify-content: space-between;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.wrapper__desktop--large):has(.has-btn--desktop) .sub-nav__btn {
    display: block;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--mobile) .sub-nav__label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .sub-nav__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .sub-nav__img-wrapper {
    min-width: var(--image-size-lg);
    position: relative;
    aspect-ratio: 1;
    width: auto;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .sub-nav__img-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .sub-nav__label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: auto;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .nav-item__link {
    position: relative;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .nav-item__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: hsl(var(--black)/0.48);
    border-radius: var(--btn-border-radius);
    transform: translate(-50%, -50%);
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .nav-item__link:active {
    box-shadow: none;
    overflow: hidden;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .nav-item__link:active:before {
    transition: all 0.5s ease-out;
    opacity: 0;
    width: 150%;
    height: 150%;
  }
  .site-header .main-nav__item .sub-nav__list-item:has(.has-btn--desktop) .nav-item__link:hover .sub-nav__btn {
    box-shadow: 0 2px 1px -1px rgba(205, 20, 20, 0.2), 0 1px 1px 0 rgba(205, 20, 20, 0.08), 0 1px 3px 0 rgba(205, 20, 20, 0.2);
  }
}
.site-header .main-nav__item .sub-nav__list .nav-item__link {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0225rem;
  line-height: 1.2;
}
.site-header .main-nav__item .sub-nav__list .nav-item__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--btn-border-radius);
  transform: translate(-50%, -50%);
}
.site-header .main-nav__item .sub-nav__list .nav-item__link:active {
  box-shadow: none;
  overflow: hidden;
}
.site-header .main-nav__item .sub-nav__list .nav-item__link:active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list .nav-item__link {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.01625rem;
    line-height: 1.3333333333;
    height: 100%;
  }
}
.site-header .main-nav__item .sub-nav__list svg {
  font-size: 1rem;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__list svg {
    display: none;
  }
}
.site-header .main-nav__item .sub-nav__list[aria-hidden=true] .nav-item__link {
  visibility: hidden;
}
.site-header .main-nav__item .sub-nav__wrapper {
  display: grid;
  grid-template-areas: "image" "label";
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 1rem;
  height: 100%;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--small {
  padding: 0.5rem 0.5rem 1rem;
}
.site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--medium {
  padding: 0.5rem 0.5rem 1rem;
}
.site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--large {
  padding: 1rem;
}
@media (max-width: 959px) {
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--large:has(.sub-nav__img-wrapper) {
    padding: 0;
  }
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--large:has(.sub-nav__img-wrapper) .sub-nav__label {
    text-align: left;
  }
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__mobile--large:has(.sub-nav__img-wrapper) .sub-nav__label-wrapper {
    padding: 1rem 0 1rem 1rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--small {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--medium {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--large {
    padding: 1rem;
  }
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--large:has(.sub-nav__img-wrapper) {
    padding: 0;
  }
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--large:has(.sub-nav__img-wrapper) .sub-nav__label {
    text-align: left;
  }
  .site-header .main-nav__item .sub-nav__wrapper.wrapper__desktop--large:has(.sub-nav__img-wrapper) .sub-nav__label-wrapper {
    padding: 1rem 0 1rem 1rem;
  }
}
.site-header .main-nav__item .sub-nav__img-wrapper {
  grid-area: image;
  width: 100%;
  display: flex;
  justify-content: center;
}
.site-header .main-nav__item .sub-nav__img-wrapper img {
  aspect-ratio: 1;
}
.site-header .main-nav__item .sub-nav__label-wrapper {
  grid-area: label;
  width: 100%;
  display: flex;
  justify-content: center;
}
.site-header .main-nav__item .sub-nav__label {
  font: 500 0.875rem/1.143 "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: block;
  text-align: center;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__label {
    font-size: 1rem;
    line-height: 1.125;
  }
}
.site-header .main-nav__item .sub-nav__btn {
  display: none;
  min-width: auto;
  padding: 0.25rem 1rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__btn-label--mobile {
    display: none;
  }
}
.site-header .main-nav__item .sub-nav__btn-label--desktop {
  display: none;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__btn-label--desktop {
    display: block;
  }
}
.site-header .main-nav__item .sub-nav__header {
  position: relative;
  margin-inline: var(--gutter);
  padding-inline: 1.75rem;
  padding-block: 1rem;
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__header {
    display: none;
  }
}
.site-header .main-nav__item .sub-nav__title {
  margin: 0;
  text-align: center;
}
.site-header .main-nav__item .sub-nav__close {
  position: absolute;
  right: 0;
  top: 50%;
  height: auto;
  font-size: 0.75rem;
  padding: 0.5rem;
  transform: translateY(-50%);
}
@media (min-width: 960px) {
  .site-header .main-nav__item .sub-nav__close {
    display: none;
  }
}
.site-header .main-nav__item.has-submenu .sub-nav__list-wrapper {
  opacity: 0;
  transform: translateY(0);
  visibility: hidden;
  transition: visibility 0s 0.8s;
}
@media (max-width: 959px) {
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.show {
    opacity: 1;
    transform: translateY(-100%);
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.show .sub-nav__list-item {
    opacity: 1;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.hide .sub-nav__list-item {
    opacity: 0;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-in {
    animation: 0.5s ease-out slide-up-m forwards;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-in .sub-nav__list-item {
    opacity: 1;
    transition: none;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-out {
    animation: 0.3s ease-in-out slide-down-m forwards;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-out .sub-nav__list-item {
    opacity: 1;
    transition: none;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper .sub-nav__list-item {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
}
@media (min-width: 960px) {
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper {
    transform: translateY(-100%);
    opacity: 0;
    visibility: visible;
    transition: visibility 0s;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.show {
    opacity: 1;
    transform: translateY(0);
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-in {
    animation: 0.3s ease-out slide-down-d forwards;
  }
  .site-header .main-nav__item.has-submenu .sub-nav__list-wrapper.animating-out {
    animation: 0.3s ease-out slide-up-d forwards;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item.open.has-submenu .sub-nav__list-wrapper {
    visibility: visible;
    transition: visibility 0s;
  }
}
@media (max-width: 959px) {
  .site-header .main-nav__item.open {
    background-color: hsl(var(--grey-midnight)/0.2);
    border-radius: 0.625rem;
  }
}
.site-header .nav-item__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: -0.01125rem;
  line-height: 1.2307692308;
  padding: 0.5rem;
  border-radius: var(--nav-item-border-radius);
}
.site-header .nav-item__btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: hsl(var(--black)/0.48);
  border-radius: var(--btn-border-radius);
  transform: translate(-50%, -50%);
}
.site-header .nav-item__btn:active {
  box-shadow: none;
  overflow: hidden;
}
.site-header .nav-item__btn:active:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 150%;
  height: 150%;
}
@media (min-width: 960px) {
  .site-header .nav-item__btn {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.010625rem;
    line-height: 0.8333333333;
    padding: 1.125rem 1rem;
    margin: 0.5rem 0.375rem;
  }
  .site-header .nav-item__btn:hover {
    background-color: hsl(var(--grey-midnight)/0.2);
  }
}
@media (min-width: 1200px) {
  .site-header .nav-item__btn {
    margin-inline: 0.625rem;
  }
}
.site-header .nav-item__btn:focus-visible {
  outline: solid 0.25rem hsl(var(--blue-denim));
  outline-offset: 0.125rem;
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.site-header .nav-item__btn::after {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.125rem;
  right: 0.125rem;
  height: 0.25rem;
  background-color: hsl(var(--white));
  border-radius: 0.25rem;
}
@media (min-width: 960px) {
  .site-header .nav-item__btn::after {
    bottom: 0.5rem;
    left: 0.375rem;
    right: 0.375rem;
  }
}
@media (max-width: 959px) {
  .site-header .nav-item__btn.trail, .site-header .nav-item__btn.active {
    color: hsl(var(--red));
  }
}
@media (min-width: 960px) {
  .site-header .nav-item__btn.trail::after, .site-header .nav-item__btn.active::after {
    display: block;
  }
}
@media (max-width: 959px) {
  .site-header .nav-item--small {
    margin: -0.4375rem 0;
  }
}
.site-header .nav-item--small .nav-item__btn {
  font-size: 0.6875rem;
  line-height: 0.9090909091;
  letter-spacing: -0.013125rem;
  padding: 0.3125rem;
  margin: 0.1875rem;
}
@media (min-width: 960px) {
  .site-header .nav-item--small .nav-item__btn {
    font-size: 0.9375rem;
    padding: 0.75rem 0.5rem;
    margin: 1rem 0.375rem 0.625rem;
  }
}
.site-header .nav-item--small .nav-item__btn::after {
  height: 0.1875rem;
  bottom: 0.375rem;
}
@media (max-width: 959px) {
  .site-header .nav-item--small .nav-item__btn::after {
    height: 0.125rem;
    bottom: 0.125rem;
  }
}
@media (max-width: 959px) {
  .site-header .nav-item--small .nav-item__btn.trail, .site-header .nav-item--small .nav-item__btn.active {
    color: hsl(var(--white));
  }
}
.site-header .nav-item--small .nav-item__btn.trail::after, .site-header .nav-item--small .nav-item__btn.active::after {
  display: block;
}
.site-header .nav-item--small .site-header__icon {
  padding-bottom: 0.375rem;
}
@media (max-width: 959px) {
  .site-header .nav-item--small .site-header__icon {
    padding: 0.25rem 0.5rem;
  }
}
.site-header .nav-item--small .nav-item__label {
  padding-bottom: 0.125rem;
}
.site-header .nav-item--market .site-header__icon--market {
  display: none;
}
.site-header .nav-item--market .nav-item__label--market {
  display: none;
}
.site-header .nav-item--market.nav-item--market-selected .site-header__icon {
  display: none;
}
.site-header .nav-item--market.nav-item--market-selected .site-header__icon--market {
  display: block;
}
.site-header .nav-item--market.nav-item--market-selected .nav-item__label {
  display: none;
}
.site-header .nav-item--market.nav-item--market-selected .nav-item__label--market {
  display: block;
}
.site-header--nav-open {
  z-index: 6;
}
.site-header__icon {
  box-sizing: content-box;
  font-size: 1.5rem;
  height: 1em;
  padding: 0.5rem;
  width: 1em;
}
@media (min-width: 960px) {
  .site-header__icon {
    font-size: 2rem;
  }
  .site-header__nav .site-header__icon, .site-header__menu .site-header__icon {
    padding-top: 0;
  }
  .site-header__nav .site-header__icon {
    padding-bottom: 0.3125rem;
  }
}
.nav-item--small .site-header__icon {
  font-size: 1.25rem;
}
@media (min-width: 960px) {
  .nav-item--small .site-header__icon {
    font-size: 1.6875rem;
  }
}

.category-menu {
  font-family: "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 960px) {
  :root:not(:has(.page-sector--intro)) .category-menu {
    margin-top: 1.25rem;
  }
}
.category-menu__header {
  color: hsl(var(--red));
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.00875rem;
  line-height: 1.1428571429;
}
.category-menu__header-wrapper {
  background-color: hsl(var(--white));
  box-shadow: 0 5px 15px 0 rgba(111, 82, 82, 0.14);
}
.category-menu__header-week {
  color: hsl(var(--grey-stone));
}
.category-menu__period-info.swiper-slide {
  font: 600 0.8125rem/1.27 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: hsl(var(--grey-midnight));
  background-color: hsl(var(--grey-wild-sand));
  border-radius: 0.5rem;
}
.category-menu__wrapper {
  align-items: center;
  background: hsl(var(--white));
  display: none;
  flex-direction: column;
  height: 0;
  width: 100%;
}
.category-menu__wrapper.swiper {
  display: none;
}
@media (min-width: 960px) {
  .category-menu__wrapper {
    box-shadow: 0 5px 15px 0 rgba(145, 64, 64, 0.23);
    height: auto;
    left: 0;
    position: absolute;
    top: 100%;
  }
}
.category-menu--flyout-open .category-menu__wrapper {
  display: flex;
  height: 100%;
}
@media (min-width: 960px) {
  .category-menu--flyout-open .category-menu__wrapper {
    height: auto;
  }
}
.category-menu__button-toggle {
  visibility: visible;
  z-index: 10;
  transition: box-shadow 0.1s;
}
@media (max-width: 959px) {
  .category-menu__button-toggle {
    background-color: hsl(var(--white));
    color: hsl(var(--red));
    box-shadow: 3px 8px 15px 0 rgba(140, 61, 61, 0.19), 5px 5px 15px -10px rgba(154, 50, 50, 0.25), 0 3px 25px -5px rgba(154, 50, 50, 0.25), 0 3px 5px -3px rgba(154, 50, 50, 0.2);
  }
}
.category-menu--flyout-open .category-menu__button-toggle {
  animation: scale-up 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@media (min-width: 960px) {
  .category-menu--flyout-open .category-menu__button-toggle {
    animation: none;
  }
}
.category-menu__button-toggle .icon {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 959px) {
  .category-menu__button-toggle .icon {
    color: hsl(var(--red)) !important;
  }
}
@keyframes scale-up {
  0% {
    filter: blur(0);
    opacity: 1;
  }
  25% {
    filter: blur(1px);
  }
  50% {
    filter: blur(3px);
  }
  75% {
    filter: blur(0);
  }
  100% {
    filter: blur(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}
.category-menu__groups {
  height: 100%;
  padding-bottom: 0.9375rem;
}
@media (min-width: 960px) {
  .category-menu__groups {
    padding-bottom: 2rem;
  }
}
.category-menu__group {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.category-menu__group .pill-list {
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: 8rem;
  padding-top: 1.375rem;
}
@media (max-width: 959px) {
  .category-menu__group .pill-list {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  .category-menu__group .pill-list__item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 960px) {
  .category-menu__group .pill-list {
    overflow-y: visible;
    padding-bottom: 0;
    padding-top: 1.875rem;
  }
}
@media (min-width: 960px) {
  .category-menu__group {
    overflow: visible;
  }
}
.category-menu__pill {
  color: hsl(var(--grey-midnight));
  width: 100%;
}
@media (min-width: 768px) {
  .category-menu__pill {
    margin: 0.5rem 0;
  }
}
@media (min-width: 960px) {
  .category-menu__pill {
    margin: 0;
    width: auto;
  }
}
.category-menu__pill > * {
  pointer-events: none;
}
.category-menu__button-close {
  background: hsl(var(--white));
  border-radius: 50%;
  bottom: 2.5rem;
  box-shadow: 8px 10px 20px 0 rgba(150, 16, 16, 0.14), 0 1px 18px 0 rgba(92, 35, 35, 0.12);
  color: hsl(var(--red));
  display: none;
  font-size: 1.125rem;
  margin-top: -5.9375rem;
  padding: 1.1875rem;
  position: absolute;
  z-index: 2;
}
@media (min-width: 768px) {
  .category-menu__button-close {
    margin-top: -5.3125rem;
  }
}
@media (min-width: 960px) {
  .category-menu__button-close {
    display: none;
  }
}
.category-menu--flyout-open .category-menu__button-close {
  display: flex;
}
@media (min-width: 960px) {
  .category-menu--flyout-open .category-menu__button-close {
    display: none;
  }
}
.category-menu a {
  text-decoration: none;
}
@keyframes scale-in-top {
  0% {
    filter: blur(2px);
    height: 30%;
    opacity: 0;
    transform: scale(0);
  }
  25% {
    filter: blur(1px);
  }
  50% {
    filter: blur(0);
  }
  100% {
    height: 100%;
    opacity: 1;
    transform: scale(1);
  }
}

.jump-marks {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "AkkoForPenny", "Akko-Fallback-Arial", "Akko-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  position: sticky;
  top: 0;
  z-index: 2;
}
.jump-marks:first-child {
  margin-top: 1.25rem;
}
@media (min-width: 960px) {
  .jump-marks {
    top: 0;
  }
  .jump-marks:first-child {
    margin-top: 0;
  }
}
.jump-marks--storybook {
  top: 0;
}
.jump-marks__header {
  align-items: center;
  color: hsl(var(--red));
  display: flex;
  font-size: 0.75rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.1666666667;
  position: relative;
}
@media (min-width: 960px) {
  .jump-marks__header {
    font-size: 0.8125rem;
    line-height: 1.0769230769;
    min-height: 4.75rem;
  }
}
.jump-marks__header-wrapper {
  background-color: hsl(var(--white));
  box-shadow: 0 5px 15px 0 rgba(111, 82, 82, 0.14);
  width: 100%;
  z-index: 2;
}
.jump-marks__target {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin: 1rem 0;
  min-width: 8.125rem;
  padding: 0.3125rem 0.9375rem;
  text-align: center;
  width: 8.125rem;
  z-index: 2;
}
.jump-marks__target.t-bg--red, .jump-marks__target.t-bg--green-foerderpenny {
  background-color: transparent;
}
.jump-marks__target.t-bg--red {
  color: hsl(var(--red));
}
.jump-marks__target.t-bg--green-foerderpenny {
  color: hsl(var(--green-foerderpenny));
}
.jump-marks__target abbr {
  pointer-events: none;
}
.jump-marks__target-selected {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.3s ease-in-out;
  width: 8.125rem;
  z-index: 1;
}
.jump-marks__target-selected .shape {
  display: block;
  height: 100%;
  padding: 1rem 0.6875rem;
  position: relative;
  width: 100%;
}
.jump-marks__target-selected .shape::before {
  border-radius: 1.25rem;
  box-shadow: 0 3px 14px 2px rgba(205, 20, 20, 0.08), 0 5px 5px -3px rgba(196, 84, 84, 0.2);
  content: "";
  display: block;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
.jump-marks__target-selected .shape::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid hsl(var(--white));
  content: "";
  display: none;
  height: 0;
  margin: 0 auto;
  width: 0;
}
.jump-marks__target-selected.t-bg--green-foerderpenny, .jump-marks__target-selected.t-bg--red {
  background-color: transparent;
}
.jump-marks__target-selected.t-bg--green-foerderpenny .shape::before {
  box-shadow: 0 3px 14px 2px rgba(6, 157, 98, 0.12), 0 5px 5px -3px rgba(6, 157, 98, 0.2);
}
.jump-marks .swiper {
  display: flex;
  padding-bottom: 0.625rem;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.jump-marks .swiper__container {
  margin-bottom: -0.625rem;
  overflow-x: auto;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  z-index: 1;
}
.jump-marks .swiper__container .icon {
  background: transparent;
}
.jump-marks .swiper__container .icon.t-bg--green-foerderpenny {
  color: hsl(var(--green-foerderpenny));
}
.jump-marks .swiper__container .icon.t-bg--red {
  color: hsl(var(--red));
}
.jump-marks .swiper__control {
  background: hsl(var(--white));
  bottom: 0;
  cursor: pointer;
  padding: 0.625rem 0.3125rem;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media (min-width: 960px) {
  .jump-marks .swiper__control {
    display: none;
  }
}
.jump-marks .swiper__control--left {
  left: 0;
}
.jump-marks .swiper__control--left::after {
  background: linear-gradient(90deg, hsl(var(--white)) 0%, hsl(var(--white)/0) 100%);
  bottom: 0;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  right: -2.875rem;
  top: 0;
  width: 2.875rem;
}
.jump-marks .swiper__control--right {
  right: 0;
}
.jump-marks .swiper__control--right::before {
  background: linear-gradient(-90deg, hsl(var(--white)) 0%, hsl(var(--white)/0) 100%);
  bottom: 0;
  content: "";
  display: block;
  left: -2.875rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.875rem;
}
.jump-marks .swiper__control--hide {
  display: none;
}
.jump-marks .swiper__inactive .swiper__control {
  display: none;
}
.jump-marks a {
  text-decoration: none;
}

.jump-mark {
  height: 0;
  margin-bottom: 0;
  position: relative;
  top: 0;
  visibility: hidden;
}
.jump-mark--edit-mode {
  height: auto;
  visibility: visible;
}

.story-gallery {
  /* story gallery slider */
  /* story gallery mood images */
  /* story gallery description */
}
.story-gallery .carousel {
  display: grid;
  grid-template-areas: "carousel-area";
  background-color: hsl(var(--black-butchers));
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
  height: 29.25rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .story-gallery .carousel {
    border-top-right-radius: 0.9375rem;
    border-bottom-left-radius: 0;
    height: 29.5625rem;
    width: 50%;
  }
}
@media (min-width: 960px) {
  .story-gallery .carousel {
    height: 33.5625rem;
    width: 27.5%;
  }
}
.story-gallery .carousel__controls {
  display: flex;
  justify-content: space-between;
  margin: 0;
  grid-area: carousel-area;
  height: 100%;
}
.story-gallery .carousel__control {
  position: relative;
  z-index: 1;
}
.story-gallery .carousel__control[disabled] {
  cursor: default;
  opacity: 0;
}
.story-gallery .carousel__control svg {
  filter: drop-shadow(0 2px 6px hsl(var(--black)/0.61));
}
@media (min-width: 960px) {
  .story-gallery .carousel__control svg {
    filter: drop-shadow(0 3px 9px hsl(var(--black)/0.61));
  }
}
.story-gallery .carousel__indicators {
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  margin: 0;
  padding: 1rem;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .story-gallery .carousel__indicators {
    bottom: 0.625rem;
  }
}
.story-gallery .carousel__indicators li {
  flex: 1;
  margin-right: 0.3125rem;
}
.story-gallery .carousel__indicators li:first-child .carousel__indicator[aria-selected=true]::before {
  content: none;
}
.story-gallery .carousel__indicators li:last-child {
  margin-right: 0;
}
.story-gallery .carousel__indicators .carousel__indicator {
  background-color: hsl(var(--white)/0.25);
  border-radius: 0.25rem;
  height: 0.25rem;
  pointer-events: none;
  width: 100%;
}
@media (min-width: 960px) {
  .story-gallery .carousel__indicators .carousel__indicator {
    height: 0.4375rem;
  }
}
.story-gallery .carousel__indicators .carousel__indicator::before {
  opacity: 0;
}
.story-gallery .carousel__indicators .carousel__indicator[aria-selected=true], .story-gallery .carousel__indicators .carousel__indicator.carousel__indicator--visited {
  background-color: hsl(var(--white));
}
.story-gallery .carousel__indicators .carousel__indicator[aria-selected=true]::before, .story-gallery .carousel__indicators .carousel__indicator.carousel__indicator--visited::before {
  bottom: 2.1875rem;
  color: hsl(var(--white));
  content: attr(data-name);
  font: 800 0.9375rem/1 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  left: 1.125rem;
  position: absolute;
}
@media (min-width: 960px) {
  .story-gallery .carousel__indicators .carousel__indicator[aria-selected=true]::before, .story-gallery .carousel__indicators .carousel__indicator.carousel__indicator--visited::before {
    font-size: 1.25rem;
  }
}
.story-gallery .carousel__indicators .carousel__indicator[aria-selected=true]::before {
  opacity: 1;
}
.story-gallery .carousel__indicators .carousel__indicator.carousel__indicator--visited {
  opacity: 1;
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=false] progress {
  display: none;
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=true], .story-gallery .carousel__indicators .carousel__indicator--progress.carousel__indicator--visited {
  background-color: hsl(var(--white)/0.25);
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=true] progress, .story-gallery .carousel__indicators .carousel__indicator--progress.carousel__indicator--visited progress {
  appearance: none;
  background-color: hsl(var(--white)/0.25);
  border-radius: 0.25rem;
  color: hsl(var(--white));
  display: block;
  height: 100%;
  width: 100%;
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=true] progress::-webkit-progress-bar, .story-gallery .carousel__indicators .carousel__indicator--progress.carousel__indicator--visited progress::-webkit-progress-bar {
  background-color: transparent;
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=true] progress::-webkit-progress-value, .story-gallery .carousel__indicators .carousel__indicator--progress.carousel__indicator--visited progress::-webkit-progress-value {
  background: hsl(var(--white));
  border-radius: 0.25rem;
}
.story-gallery .carousel__indicators .carousel__indicator--progress[aria-selected=true] progress::-moz-progress-bar, .story-gallery .carousel__indicators .carousel__indicator--progress.carousel__indicator--visited progress::-moz-progress-bar {
  background-color: hsl(var(--white));
  border: none;
  border-radius: 0.25rem;
}
.story-gallery .carousel__slides-wrapper, .story-gallery .carousel__slides, .story-gallery .carousel__slide {
  height: 100%;
}
.story-gallery .carousel__slides-wrapper {
  grid-area: carousel-area;
}
.story-gallery .carousel__slides {
  transition: none;
}
.story-gallery .carousel__slide {
  position: relative;
}
.story-gallery .carousel__slide::before {
  background-image: linear-gradient(to bottom, hsl(var(--white)/0), hsl(var(--black)/0.1), hsl(var(--black)/0.61));
  bottom: 0;
  content: "";
  height: 6.25rem;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.story-gallery .carousel .video-player {
  height: 100%;
  max-height: calc(100vh - 6.25rem);
  min-height: 29.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .story-gallery .carousel .video-player {
    min-height: 29.5625rem;
  }
}
@media (min-width: 960px) {
  .story-gallery .carousel .video-player {
    min-height: 29.25rem;
  }
}
.story-gallery .carousel .video-player.cover {
  object-fit: cover;
}
.story-gallery .carousel .video-player.fullHeight {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
.story-gallery .carousel .video-player.animate ~ .btn--primary svg {
  animation: linear infinite alternate;
  animation-duration: 1.7s;
  animation-name: wiggle;
}
.story-gallery .carousel .video-player.animate ~ .video-controls [data-state=pause] .btn-play {
  opacity: 1;
  transition: all 0.3s linear;
  visibility: visible;
}
@keyframes wiggle {
  0% {
    opacity: 0.1;
    right: -0.3125rem;
  }
  50% {
    opacity: 1;
    right: 0.3125rem;
  }
  100% {
    opacity: 0.1;
    right: -0.3125rem;
  }
}
.story-gallery .carousel .btn--primary {
  bottom: 3.4375rem;
  position: absolute;
  right: 0.75rem;
  z-index: 1;
  padding-right: 1.5rem;
}
@media (min-width: 960px) {
  .story-gallery .carousel .btn--primary {
    bottom: 4.375rem;
  }
}
.story-gallery .carousel--edit .carousel__slide {
  pointer-events: all;
}
.story-gallery .carousel--edit .carousel__slide img,
.story-gallery .carousel--edit .carousel__slide video {
  pointer-events: none;
}
.story-gallery .video-controls {
  /* Play button */
  /* Sound on and off */
}
.story-gallery .video-controls button {
  background: transparent no-repeat;
  background-size: contain;
  border: none;
  cursor: pointer;
}
.story-gallery .video-controls .play-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  width: 50%;
}
.story-gallery .video-controls .play-wrapper .btn-play {
  align-items: center;
  background-color: hsl(var(--white));
  border-radius: 50%;
  color: hsl(var(--red));
  display: flex;
  font-size: 2rem;
  height: 3.125rem;
  justify-content: center;
  opacity: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  width: 3.125rem;
}
.story-gallery .video-controls .play-wrapper:hover:not([data-state=play]) .btn-play {
  opacity: 1;
  transition: all 0.3s linear;
  visibility: visible;
}
.story-gallery .video-controls .sound-wrapper {
  bottom: 3.4375rem;
  font-size: 2rem;
  left: 1.0625rem;
  line-height: 1;
  position: absolute;
  color: hsl(var(--white));
}
@media (min-width: 960px) {
  .story-gallery .video-controls .sound-wrapper {
    bottom: 4.375rem;
  }
}
.story-gallery .video-controls .sound-wrapper[data-state=sound-off] .btn-sound-on {
  display: none;
}
.story-gallery .video-controls .sound-wrapper[data-state=sound-on] .btn-sound-off {
  display: none;
}
.story-gallery .video-controls .sound-wrapper svg {
  filter: drop-shadow(0 3px 5px hsl(var(--black)/0.5));
}
@media (min-width: 768px) {
  .story-gallery .video-controls .sound-wrapper svg {
    filter: drop-shadow(0 2px 4px hsl(var(--black)/0.5));
  }
}
@media (min-width: 768px) {
  .story-gallery.images-1 .carousel,
  .story-gallery.images-1 .story-gallery__images-wrapper, .story-gallery.images-2 .carousel,
  .story-gallery.images-2 .story-gallery__images-wrapper {
    width: 50%;
  }
  .story-gallery.images-1 .story-gallery__desc-items, .story-gallery.images-2 .story-gallery__desc-items {
    flex: 0 0 50%;
  }
}
@media (min-width: 960px) {
  .story-gallery.images-1 .carousel, .story-gallery.images-2 .carousel {
    width: 27.5%;
  }
  .story-gallery.images-1 .story-gallery__images-wrapper, .story-gallery.images-2 .story-gallery__images-wrapper {
    width: 72.5%;
  }
  .story-gallery.images-1 .story-gallery__image-item:nth-child(1), .story-gallery.images-2 .story-gallery__image-item:nth-child(1) {
    flex-basis: 79%;
  }
  .story-gallery.images-1 .story-gallery__desc-items, .story-gallery.images-2 .story-gallery__desc-items {
    flex: 0 0 62%;
  }
}
@media (min-width: 960px) {
  .story-gallery.images-1 .story-gallery__image-item:nth-child(1) {
    flex-basis: 100%;
  }
}
@media (min-width: 768px) {
  .story-gallery.images-3 .carousel,
  .story-gallery.images-3 .story-gallery__images-wrapper {
    width: 50%;
  }
  .story-gallery.images-3 .story-gallery__desc-items {
    flex: 0 0 50%;
  }
}
@media (min-width: 960px) {
  .story-gallery.images-3 .carousel {
    width: 27.5%;
  }
  .story-gallery.images-3 .story-gallery__images-wrapper {
    width: 72.5%;
  }
  .story-gallery.images-3 .story-gallery__image-item:nth-child(2), .story-gallery.images-3 .story-gallery__image-item:nth-child(3) {
    height: 100%;
    margin-left: 0.875rem;
  }
  .story-gallery.images-3 .story-gallery__image-item:nth-child(2) {
    flex-basis: 27%;
  }
  .story-gallery.images-3 .story-gallery__image-item:nth-child(2)::after,
  .story-gallery.images-3 .story-gallery__image-item:nth-child(2) img {
    border-bottom-right-radius: 0.9375rem;
  }
  .story-gallery.images-3 .story-gallery__desc-items {
    flex: 0 0 67%;
  }
  .story-gallery.images-3 .ingr-button {
    flex: 0;
  }
}
@media (min-width: 768px) {
  .story-gallery.images-4 .story-gallery__desc-items {
    flex: 0 0 50%;
  }
}
@media (min-width: 960px) {
  .story-gallery.images-4 .story-gallery__desc-items {
    flex: 0 0 57.5%;
  }
  .story-gallery.images-4 .ingr-button {
    flex: 0;
  }
}
.story-gallery__images-wrapper {
  display: none;
}
@media (min-width: 768px) {
  .story-gallery__images-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 29.5625rem;
    position: relative;
    width: 50%;
    z-index: 0;
  }
}
@media (min-width: 960px) {
  .story-gallery__images-wrapper {
    height: 33.5625rem;
    width: 72.5%;
  }
}
.story-gallery__images-wrapper.images-3, .story-gallery__images-wrapper.images-2 {
  flex-wrap: nowrap;
}
.story-gallery__images-wrapper--inactive > *::after {
  background-color: black;
  border-radius: 0.9375rem;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s linear;
  z-index: 1;
}
.story-gallery__images-wrapper img {
  border-radius: 0.9375rem;
}
.story-gallery__image-item {
  flex-basis: calc(50% - 0.5rem);
  height: calc(50% - 0.5rem / 2);
  margin-left: 0.5rem;
  position: relative;
}
@media (min-width: 960px) {
  .story-gallery__image-item {
    flex: 1 1 28%;
    height: 100%;
    margin-left: 0.875rem;
  }
}
.story-gallery__image-item:last-child::after,
.story-gallery__image-item:last-child img {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.story-gallery__image-item:nth-child(2), .story-gallery__image-item:nth-child(3) {
  flex-basis: calc(50% - 0.5rem);
  height: calc(50% - 0.5rem / 2);
}
@media (min-width: 960px) {
  .story-gallery__image-item:nth-child(2), .story-gallery__image-item:nth-child(3) {
    flex-basis: 8.25%;
    height: calc(50% - 0.875rem / 2);
  }
}
.story-gallery__image-item:nth-child(1), .story-gallery__image-item:nth-child(2) {
  margin-bottom: 0.5rem;
}
@media (min-width: 960px) {
  .story-gallery__image-item:nth-child(1), .story-gallery__image-item:nth-child(2) {
    margin-bottom: 0;
  }
}
.story-gallery__image-item:nth-child(3) {
  align-self: auto;
  margin-left: 0.5rem;
}
@media (min-width: 960px) {
  .story-gallery__image-item:nth-child(3) {
    align-self: flex-end;
    margin-left: -19%;
  }
}
.images-1 .story-gallery__image-item {
  flex-basis: 100%;
  height: 100%;
}
.images-2 .story-gallery__image-item {
  flex-basis: 50%;
  height: 100%;
}
.images-3 .story-gallery__image-item {
  flex-basis: 50%;
}
.images-3 .story-gallery__image-item:nth-child(1) {
  height: 100%;
  margin-bottom: 0;
}
.images-3 .story-gallery__image-item:nth-child(2), .images-3 .story-gallery__image-item:nth-child(3) {
  height: calc(50% - 0.5rem / 2);
}
@media (min-width: 960px) {
  .images-3 .story-gallery__image-item:nth-child(2), .images-3 .story-gallery__image-item:nth-child(3) {
    flex-basis: 50%;
    height: calc(50% - 0.875rem / 2);
  }
}
.images-3 .story-gallery__image-item:nth-child(2)::after,
.images-3 .story-gallery__image-item:nth-child(2) img {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.images-3 .story-gallery__image-item:nth-child(3) {
  align-self: flex-end;
  margin-left: calc(-50% + 0.5rem);
}
@media (min-width: 960px) {
  .images-3 .story-gallery__image-item:nth-child(3) {
    margin-left: calc(-50% + 0.875rem);
  }
}
@media (min-width: 768px) {
  .images-3 .story-gallery__image-item:nth-child(3)::after,
  .images-3 .story-gallery__image-item:nth-child(3) img {
    border-top-right-radius: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .images-3 .story-gallery__image-item:nth-child(3) {
    flex-basis: 49%;
  }
}
@media (max-width: 959px) {
  .images-4 .story-gallery__image-item:nth-child(2)::after,
  .images-4 .story-gallery__image-item:nth-child(2) img {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .images-4 .story-gallery__image-item:last-child::after,
  .images-4 .story-gallery__image-item:last-child img {
    border-top-right-radius: 0;
  }
}
.story-gallery img {
  height: 100%;
  object-fit: cover;
}
.story-gallery img.fullHeight {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
.story-gallery__media {
  background-color: hsl(var(--white));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.story-gallery__media + .page-sector {
  display: flex;
  padding-top: 3.5rem;
}
@media (min-width: 960px) {
  .story-gallery__media + .page-sector {
    padding-top: 6rem;
  }
}
.story-gallery__media--expanded {
  background-color: hsl(var(--black-butchers));
  border-radius: 0.9375rem;
}
.story-gallery__media--expanded + .page-sector {
  padding-top: 6rem;
}
@media (min-width: 960px) {
  .story-gallery__media--expanded + .page-sector {
    padding-top: 7.5rem;
  }
}
.story-gallery__desc {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .story-gallery__desc {
    align-items: flex-start;
    flex-direction: row;
  }
}
.story-gallery__desc .ingr-button {
  display: none;
  padding: 1rem 1rem 6rem;
}
@media (min-width: 768px) {
  .story-gallery__desc .ingr-button {
    flex: 1;
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .story-gallery__desc .ingr-button {
    padding: 2rem 0;
  }
}
.story-gallery__desc--expanded .story-gallery__desc-item {
  max-height: 100%;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .story-gallery__desc--expanded .story-gallery__desc-item {
    padding-bottom: 6rem;
  }
}
@media (min-width: 960px) {
  .story-gallery__desc--expanded .story-gallery__desc-item {
    padding-bottom: 7.5rem;
    padding-top: 2rem;
  }
}
.story-gallery__desc--expanded .story-gallery__desc-item h1 {
  margin-top: 0;
}
.story-gallery__desc--expanded .story-gallery__desc-item p {
  margin: 0;
}
.story-gallery__desc--expanded .ingr-button {
  display: flex;
}
.story-gallery__desc-items {
  width: 100%;
}
@media (min-width: 960px) {
  .story-gallery__desc-items {
    padding-right: 9.375rem;
  }
}
.story-gallery__desc-item {
  color: hsl(var(--white));
  display: flex;
  flex-wrap: wrap;
  font: 600 0.9375rem/1.4 "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  justify-content: flex-start;
  letter-spacing: normal;
  max-height: 0;
  opacity: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  transition: opacity 0.2s linear, padding-top 0.3s linear, padding-bottom 0.3s linear, max-height 0.3s linear;
  z-index: -1;
}
@media (min-width: 960px) {
  .story-gallery__desc-item {
    font-size: 1.25rem;
    letter-spacing: -0.015rem;
  }
}
.story-gallery__desc-item--active {
  max-height: 100%;
  opacity: 1;
  padding-bottom: 2rem;
  padding-top: 1rem;
  position: relative;
  z-index: auto;
}
@media (min-width: 768px) {
  .story-gallery__desc-item--active {
    padding-bottom: 6rem;
  }
}
@media (min-width: 960px) {
  .story-gallery__desc-item--active {
    padding-bottom: 7.5rem;
    padding-top: 2rem;
  }
}
.story-gallery--edit {
  flex-direction: column;
}
.story-gallery--edit .carousel__slides {
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.story-gallery--edit .carousel__slide {
  display: inline-block;
  height: auto;
}
.story-gallery--edit .story-gallery__desc {
  flex-direction: column;
}
.story-gallery--edit .story-gallery__desc-item {
  display: block;
  max-height: 100%;
  opacity: 1;
  position: static;
}
.story-gallery--edit .story-gallery__desc-item--inside {
  color: #000;
}
.story-gallery--edit .recipe_steps img,
.story-gallery--edit .recipe_steps video {
  max-width: 15.625rem;
}
.story-gallery--edit .recipe_steps img.fullHeight,
.story-gallery--edit .recipe_steps video.fullHeight {
  height: auto;
}
.story-gallery .page-sector > div {
  width: 100%;
}
.story-gallery .page-sector__head {
  padding-bottom: 0;
  flex-direction: column;
}
.story-gallery .page-sector__hdln {
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .story-gallery .page-sector__hdln {
    margin-bottom: 0.5rem;
  }
}
.story-gallery .page-sector__text {
  font-weight: 600;
}

.podio-form.spinner-active #momentumtools-form {
  opacity: 0;
}
.podio-form.spinner-active .spinner {
  display: block;
}
.podio-form .spinner {
  display: none;
  font-size: 6rem;
  left: 50%;
  position: absolute;
}
.podio-form .spinner__container {
  position: relative;
}
.podio-form .spinner__spinner {
  height: 100%;
  opacity: 0;
  padding: 0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-500deg) scale(0.4);
  transition: 350ms;
  width: 100%;
}
.podio-form .spinner .icon {
  transform: translateX(50%);
}
.spinner-active .podio-form .spinner__spinner {
  opacity: 1;
  transform: none;
}

/* styles that target only product detail as a separate page */
main .detail-block {
  --bubble-left: 0;
  --badge-left-spacing: 0.5rem;
  --badge-top: 3rem;
}
@media (min-width: 960px) {
  main .detail-block {
    --badge-left-spacing: 1rem;
    --badge-top: 6.5rem;
  }
}
@media (max-width: 767px) {
  main .detail-block__bubble {
    padding: 0;
    margin-left: -1.5rem;
  }
}
@media (min-width: 768px) {
  main .detail-block__bubble {
    position: absolute;
    width: auto;
  }
}
main .detail-block .bubble {
  --bubble-margin-top: 0;
  --bubble-margin-left: 0;
  --bubble-offset-left: 0;
  --bubble-offset-right: 0;
  --bubble-h-text-alignment: center;
  --bubble-v-text-alignment: center;
}
main .detail-block .bubble__wrap {
  overflow: unset;
}
@media (min-width: 960px) {
  main .detail-block .bubble__wrap {
    border-top-left-radius: 0;
  }
}
main .detail-block .bubble .ellipsis {
  text-align: center;
}
main .detail-block__media-container:first-child {
  margin-top: 0;
}
main .detail-block__media-container:not(:first-child) {
  margin-top: -1.5rem;
}
@media (min-width: 768px) {
  main .detail-block__media-container:not(:first-child) {
    margin-top: 8rem;
  }
}
@media (min-width: 960px) {
  main .detail-block__media-container:not(:first-child) {
    margin-top: 12rem;
  }
}

/* styles that target modal and separate pages */
.detail-block {
  --badge-top: 1.25rem;
  position: relative;
  padding-top: 1rem;
}
@media (min-width: 960px) {
  .detail-block {
    --badge-top: 3.75rem;
  }
}
.detail-block__bubble {
  display: flex;
  column-gap: 1rem;
  align-items: flex-start;
}
.detail-block__bubble .badge {
  margin-top: var(--badge-top);
}
.detail-block__carousel {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  align-items: flex-end;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.detail-block__carousel::-webkit-scrollbar {
  width: 0;
}
@media (min-width: 960px) {
  .detail-block__carousel {
    max-width: none;
  }
}
.detail-block__carousel > li {
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.detail-block__carousel + * {
  margin-top: 1.5rem;
}
.detail-block__carousel-slide {
  aspect-ratio: 256/206;
}
.detail-block__carousel-slide--wine {
  aspect-ratio: 1;
}
.detail-block__carousel-slide.is-video {
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.detail-block__carousel-slide.is-video iframe,
.detail-block__carousel-slide.is-video video {
  height: 100%;
  width: 100%;
}
.detail-block__carousel-slide.is-video .video__poster {
  object-fit: cover;
}
.detail-block__carousel-slide.is-video .video__container--landscape {
  width: 100%;
}
.detail-block__carousel-slide.is-video .video__container--portrait {
  height: 100%;
}
.detail-block__carousel-slide img {
  object-fit: contain;
  aspect-ratio: inherit;
}
.detail-block__media {
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 960px) {
  .detail-block__media {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    max-width: 75%;
    position: relative;
  }
}
.detail-block__media-container:first-child {
  margin-top: 8rem;
}
@media (min-width: 960px) {
  .detail-block__media-container:first-child {
    margin-top: 12.5rem;
  }
}
.detail-block__thumbs {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  align-items: center;
  display: inline-flex;
  height: 5.25rem;
  justify-content: center;
  margin: 1.5rem auto 0;
  width: 100%;
}
@media (min-width: 960px) {
  .detail-block__thumbs {
    height: 6.25rem;
  }
}
.detail-block__thumbs-slide {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  height: 100%;
  justify-content: center;
  margin: 0.5rem 0.625rem;
  max-width: 20%;
  width: 4rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide {
    width: 5rem;
  }
}
.detail-block__thumbs-slide--video:only-child {
  display: none;
}
.detail-block__thumbs-slide--wine {
  height: 3.25rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide--wine {
    height: 4rem;
  }
}
.detail-block__thumbs-slide--wine a {
  height: 72%;
  max-height: 72%;
}
.detail-block__thumbs-slide--wine a img {
  height: 100%;
  width: auto;
}
.detail-block__thumbs-slide--wine.s-active a {
  transform: scale(1.5);
}
.detail-block__thumbs-slide a {
  display: block;
  max-width: 75%;
  width: 3rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide a {
    max-width: 72%;
    width: 3.5625rem;
  }
}
.detail-block__thumbs-slide a.has-video-thumb {
  text-decoration: none;
}
.detail-block__thumbs-slide a.has-video-thumb svg {
  font-size: 2.25rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide a.has-video-thumb svg {
    font-size: 2.625rem;
  }
}
.detail-block__thumbs-slide a.has-video-thumb span {
  display: block;
  font-size: 0.75rem;
  line-height: 1;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide a.has-video-thumb span {
    font-size: 0.875rem;
  }
}
.detail-block__thumbs-slide.s-active a {
  transform: scale(1.5);
}
.detail-block__thumbs-slide.s-active a.has-video-thumb svg {
  font-size: 3rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide.s-active a.has-video-thumb svg {
    font-size: 3.75rem;
  }
}
.detail-block__thumbs-slide.s-active a.has-video-thumb span {
  font-size: 1rem;
}
@media (min-width: 960px) {
  .detail-block__thumbs-slide.s-active a.has-video-thumb span {
    font-size: 1.1875rem;
  }
}
.detail-block__indicators {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 960px) {
  .detail-block__indicators {
    display: none;
  }
}
.detail-block__indicators-slide {
  height: 0.3125rem;
  margin: 0 0.1875rem;
  width: 0.3125rem;
}
.detail-block__indicators-slide.s-active {
  width: 1.5rem;
}
.detail-block__tooltip {
  margin-top: 1.5rem;
}
.detail-block .badge__container {
  margin-bottom: 1rem;
}
.detail-block__hdln {
  margin-block: 0 0.25rem;
}
.detail-block__hdln,
.detail-block .h4 {
  color: hsl(var(--grey-midnight));
}
.detail-block__info--small {
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 600;
}

@media (min-width: 960px) {
  :root {
    scroll-padding-top: var(--scroll-padding-top, 0);
  }
}

.category-menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 2;
}
@media (min-width: 960px) {
  .category-menu {
    transition: none;
    top: 0;
  }
}
.category-menu.category-menu--flyout-open {
  background: hsl(var(--white));
  bottom: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4;
}
@media (min-width: 960px) {
  .category-menu.category-menu--flyout-open {
    bottom: auto;
    position: sticky;
    top: 0;
    z-index: 2;
  }
}
.category-menu__header {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (max-width: 959px) {
  .category-menu__header {
    padding: 0;
  }
}
@media (min-width: 960px) {
  .category-menu__header {
    min-height: 4.75rem;
  }
}
.category-menu__header-wrapper {
  display: flex;
  width: 100%;
  z-index: 2;
}
.category-menu__button-toggle {
  position: absolute;
}
@media (max-width: 959px) {
  .category-menu__button-toggle {
    top: calc(100% + 2rem);
  }
}
@media (min-width: 960px) {
  .category-menu__button-toggle {
    left: var(--offset);
  }
}
.category-menu__header-container {
  display: flex;
  position: relative;
  width: 100%;
}
@media (min-width: 960px) {
  .category-menu__header-container {
    max-width: calc(100% - 12.9375rem);
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .category-menu__header-container {
    max-width: none;
    margin-left: 0;
  }
}
.category-menu__header-swiper.swiper {
  padding-right: 0.9375rem;
}
@media (min-width: 960px) {
  .category-menu__header-swiper.swiper {
    margin-inline: auto;
  }
}
.category-menu__header-swiper .swiper-wrapper {
  display: flex;
  padding-top: 0.5rem;
  position: relative;
}
.category-menu__header-swiper .swiper-slide,
.category-menu__header-swiper .swiper-slide-init {
  width: auto;
  padding: 1rem 0 0.5rem 0.9375rem;
  margin-top: 0.25rem;
  height: calc(100% - 0.5rem - 0.25rem);
  pointer-events: none;
}
.category-menu:not(.init) .category-menu__header-swiper .swiper-slide-init {
  display: none;
}

.category-menu__header-swiper .btn {
  min-width: auto;
  padding: 0.125rem 0.875rem;
  margin: 0;
  pointer-events: all;
}
.category-menu__header-week {
  position: absolute;
  top: 0;
  display: none;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-top: 0.5rem;
  width: 14.8125rem;
  height: 0.3125rem;
  border-inline: 0.0625rem solid currentcolor;
}
.category-menu.init .category-menu__header-week {
  display: none;
}

.category-menu__header-week[data-week=current] {
  left: 0.9375rem;
}
.category-menu__header-week.active {
  display: flex;
}
.category-menu__header-week::before {
  content: "";
  position: absolute;
  top: -0.1875rem;
  width: 100%;
  height: 100%;
  box-shadow: 0 0.0625rem 0 0 currentcolor;
}
.category-menu__header-week::after {
  content: attr(data-startend);
  position: absolute;
  top: -0.3125rem;
  background-color: white;
  padding-inline: 0.5rem;
  white-space: nowrap;
}
.category-menu__period-info.swiper-slide {
  display: flex;
  gap: 0.5rem;
  min-height: 3rem;
  height: max-content;
  max-width: 15.625rem;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
  margin-right: var(--offset);
  padding: 0.5rem;
}
.category-menu__period-info .icon {
  width: 1rem;
  height: 1rem;
}
.category-menu__category-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 960px) {
  .category-menu__category-wrapper {
    width: auto;
  }
}
.category-menu__category-wrapper:last-of-type {
  margin-bottom: -0.5rem;
}
@media (max-width: 959px) {
  .category-menu ~ [data-index="0"] {
    margin-top: -1.25rem;
    padding-top: 10rem;
  }
}

.input-label {
  color: hsl(var(--grey-midnight));
  display: block;
  font-size: 0.6875rem;
}

.input-message {
  font-size: 0.6875rem;
}
.input-message--error {
  color: hsl(var(--red));
}

.market-finder {
  --btn-size: 1.75rem;
  --btn-offset-x: 0.5rem;
  --btn-offset-y: 0.625rem;
}
@media (min-width: 960px) {
  .market-finder {
    --btn-size: 3rem;
    --btn-offset-y: 0.375rem;
    --input-text-offset-y: 1.875rem ;
  }
}

.compound-input {
  font-size: 0.9375rem;
  position: relative;
  background: hsl(var(--white));
  border: 0.0625rem solid hsl(var(--grey-midnight));
  border-radius: 1.5rem;
}
@media (min-width: 960px) {
  .compound-input {
    border-radius: 1.875rem;
    font-size: 1.25rem;
  }
}
.compound-input.dropdown-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.compound-input.dropdown-open:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0.75rem;
  margin-top: -0.75rem;
  background-color: hsl(var(--white));
  z-index: 1;
}
.s-not-empty .compound-input, .s-focused .compound-input {
  box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
}
.s-has-error .compound-input {
  border-color: hsl(var(--red));
}
.compound-input__input {
  all: unset;
  box-sizing: border-box;
  font-size: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
  width: 100%;
  height: calc(var(--btn-size) + var(--btn-offset-y) * 2);
  padding-inline: calc(var(--btn-size) + var(--btn-offset-x) * 2);
}
.compound-input__input::-webkit-search-decoration, .compound-input__input::-webkit-search-cancel-button, .compound-input__input::-webkit-search-results-button, .compound-input__input::-webkit-search-results-decoration {
  display: none;
}
.compound-input__input::placeholder {
  color: hsl(var(--grey-stone));
}
@media (min-width: 960px) {
  .compound-input__input {
    height: 3.75rem;
    padding-inline: var(--input-text-offset-y) calc(var(--btn-size) * 2 + var(--btn-offset-x) * 3);
  }
}
.compound-input__input:focus-visible {
  box-shadow: none;
}
.compound-input__dropdown {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: hsl(var(--white));
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border: 0.0625rem solid hsl(var(--grey-midnight));
  border-top: 0;
  z-index: 1;
  overflow: hidden;
}
.s-not-empty .compound-input__dropdown, .s-focused .compound-input__dropdown {
  box-shadow: 0 8px 10px 1px hsl(var(--black)/0.14), 0 3px 14px 2px hsl(var(--black)/0.12), 0 5px 5px -3px hsl(var(--black)/0.2);
}
.s-has-error .compound-input__dropdown {
  border-color: hsl(var(--red));
}
.compound-input__dropdown-item {
  margin: 0;
  padding: 0.5rem calc(var(--btn-size) + var(--btn-offset-x));
  font-size: 0.6875rem;
  cursor: pointer;
}
@media (min-width: 960px) {
  .compound-input__dropdown-item {
    padding: 0.5rem 1.875rem;
    font-size: 1rem;
  }
}
.compound-input__dropdown-item:last-child {
  margin-bottom: 0.5rem;
}
.compound-input__dropdown-item:last-child:hover, .compound-input__dropdown-item:last-child.selected {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.compound-input__dropdown-item:hover, .compound-input__dropdown-item:focus-visible, .compound-input__dropdown-item.selected {
  background-color: hsl(var(--grey-wild-sand));
}
.compound-input__dropdown-item:focus-visible {
  outline-offset: -0.125rem;
}
.compound-input__dropdown-item > * {
  pointer-events: none;
}
.compound-input__dropdown-item span {
  font-size: 1.25rem;
  color: hsl(var(--grey-stone));
}
.compound-input__dropdown-item span b {
  font-weight: bold;
}
.compound-input__button {
  position: absolute;
  top: var(--btn-offset-y);
  height: var(--btn-size);
  width: var(--btn-size);
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(var(--grey-midnight));
  border-radius: 50%;
  z-index: 3;
}
@media (min-width: 960px) {
  .compound-input__button {
    cursor: pointer;
  }
}
.compound-input__button .icon {
  height: 1em;
  width: 1em;
}
@media (min-width: 960px) {
  .compound-input__button .icon {
    height: 1.5em;
    width: 1.5em;
  }
}
.compound-input__button--search {
  left: var(--btn-offset-x);
}
@media (min-width: 960px) {
  .compound-input__button--search {
    display: none;
    left: auto;
    right: var(--btn-offset-x);
    color: hsl(var(--white));
    background: hsl(var(--grey-midnight));
  }
  .s-not-empty .compound-input__button--search, .s-focused .compound-input__button--search {
    display: flex;
  }
  .not-has-search .compound-input__button--search {
    display: none;
  }
}
@media (max-width: 959px) {
  .compound-input__button--search {
    pointer-events: none;
  }
}
.compound-input__button--clear {
  display: none;
  right: var(--btn-offset-x);
  border: 0.0625rem solid hsl(var(--grey-midnight));
}
@media (min-width: 960px) {
  .compound-input__button--clear {
    right: calc(var(--btn-size) + var(--btn-offset-x) + 0.75rem);
  }
  .not-has-search .compound-input__button--clear {
    right: calc(var(--btn-offset-x));
  }
}
.s-not-empty .compound-input__button--clear {
  display: flex;
}
.compound-input__button--location {
  right: var(--btn-offset-x);
  color: hsl(var(--white));
  background: hsl(var(--grey-midnight));
}
.s-not-empty .compound-input__button--location {
  display: none;
}
@media (min-width: 960px) {
  .compound-input__button--location {
    display: flex;
  }
  .s-not-empty .compound-input__button--location, .s-focused .compound-input__button--location {
    display: none;
  }
}

.market-finder {
  position: relative;
}
.market-finder__search {
  position: relative;
}
.market-finder__search-wrapper, .market-finder__search-wrapper--placeholder {
  position: sticky;
  top: 1.5rem;
}
@media (min-width: 960px) {
  .market-finder__search-wrapper, .market-finder__search-wrapper--placeholder {
    top: 1.5rem;
  }
}
.market-finder__search-wrapper {
  margin-block: 2rem 1rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "search-field" "search-info";
  align-items: end;
}
@media (min-width: 768px) {
  .market-finder__search-wrapper {
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas: "search-info search-field .";
    column-gap: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .market-finder__search-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "search-info search-field .";
    margin-block: 3rem 2rem;
  }
}
.market-finder__search-wrapper--placeholder {
  order: 0;
  min-height: 5.5rem;
}
@media (min-width: 960px) {
  .market-finder__search-wrapper--placeholder {
    min-height: 7.625rem;
  }
}
.market-finder__search-wrapper--placeholder .compound-input__button {
  pointer-events: none;
}
.market-finder__search-bar {
  grid-area: search-field;
}
.market-finder__input {
  width: 100%;
  max-width: 520px;
}
@media (min-width: 960px) {
  .market-finder__input {
    max-width: 610px;
  }
}
.market-finder__label {
  display: inline-flex;
  margin-bottom: 0.125rem;
  margin-left: 1.25rem;
  padding-inline: 0.25rem;
  border-radius: 0.25rem;
  opacity: 0;
}
@media (min-width: 960px) {
  .market-finder__label {
    margin-left: 1.875rem;
  }
}
@media (min-width: 960px) {
  .market-finder__detail {
    padding-top: 4rem;
  }
}
.market-finder__results-container {
  order: 1;
}
.market-finder__btn-toggle--teleport {
  order: 2;
}
.market-finder__list {
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .market-finder__list {
    margin-top: 2rem;
  }
}
.market-finder__list > * {
  margin: 0;
}
.market-finder__list--predefined {
  list-style: none;
}

:root {
  --market-services-gap: 1rem;
  --market-services-offset: 3.75rem;
}
@media (min-width: 960px) {
  :root {
    --market-services-gap: 1.5rem;
  }
}

.market-tile {
  color: hsl(var(--grey-stone));
  transition: background 200ms;
  /* Resize market tile if no market service is present for selected market and market info */
}
.market-tile__card {
  background-color: hsl(var(--white));
  border-radius: 0.9375rem;
  padding: 1rem;
  overflow: hidden;
}
.market-tile__card:is([href]) {
  display: block;
  text-decoration: none;
}
@media (min-width: 960px) {
  .market-tile__card:is([href]) {
    transition: box-shadow 0.2s linear;
  }
  .market-tile__card:is([href]):hover {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 960px) {
  .market-tile__card {
    padding: 1.5rem;
  }
  .market-tile__card.s-active {
    background-color: hsl(var(--grey-wild-sand));
  }
}
.market-tile__card--contained {
  padding: 0;
}
.market-tile__card--elevated {
  box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.14), 0 0 18px rgba(0, 0, 0, 0.12);
}
@media (min-width: 960px) {
  .market-tile__card--link:hover {
    cursor: pointer;
  }
}
.market-tile__section:not(:first-child) {
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .market-tile__section:not(:first-child) {
    margin-top: 2rem;
  }
}
.market-tile__container {
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--offset);
}
@media (min-width: 960px) {
  .market-tile__container {
    width: 50%;
    max-width: var(--tabs-section-width);
    margin-inline: unset;
    padding-inline: var(--offset) 2.5rem;
  }
}
.market-tile__container--edit .btn {
  pointer-events: none;
}
.market-tile__container .market-tile--switch {
  height: 5.4375rem;
  border-radius: 0.625rem;
  padding: 0.625rem;
}
@media (min-width: 960px) {
  .market-tile__container .market-tile--switch {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  .market-tile__container .market-tile--switch {
    height: 9.375rem;
  }
}
.market-tile__container .market-tile--switch .market-tile__hdln {
  margin: 0;
  color: hsl(var(--grey-stone));
}
@media (max-width: 959px) {
  .market-tile__container .market-tile--switch .market-tile__hdln {
    display: none;
  }
}
.market-tile__container .market-tile--switch .market-tile__subline {
  margin: 0;
}
.market-tile__container .market-tile--switch .market-tile__status:not([hidden]) {
  margin-top: 0;
}
.market-tile__container .market-tile--switch .market-tile__status:not([hidden]) + [data-status-closed-between] {
  display: none;
}
.market-tile__container .market-tile--switch .market-tile__status:is([hidden]) + [data-status-closed-between] .market-tile__status-text span {
  display: none;
}
.market-tile__container .market-tile--switch .market-tile__status-text {
  color: hsl(var(--grey-midnight));
}
.market-tile__container .market-tile--switch .market-tile__status-text span {
  display: none;
}
.market-tile__container .market-tile__card:has(.market-tile__skeleton:not(.hidden)) {
  display: flex;
  align-items: center;
}
.market-tile__container .market-tile__skeleton {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (min-width: 960px) {
  .market-tile__container .market-tile__skeleton {
    gap: 0.75rem;
  }
}
.market-tile__container .market-tile__skeleton:not(.hidden) {
  flex-basis: 75%;
  margin-inline: auto;
}
.market-tile__container .market-tile__skeleton .skeleton--text {
  max-height: 0.875rem;
  margin-bottom: 0;
}
.market-tile__container .market-tile__select, .market-tile__container .market-tile__current {
  display: grid;
  justify-items: center;
  width: 100%;
}
.market-tile__container .market-tile__select {
  gap: 0.5rem;
}
.market-tile__container .market-tile__current {
  height: 100%;
}
@media (max-width: 959px) {
  .market-tile__container .market-tile__current {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }
}
@media (min-width: 960px) {
  .market-tile__container .market-tile__current {
    align-content: center;
    gap: 1.5rem;
  }
}
@media (max-width: 959px) {
  .market-tile__container .market-tile__btn-not-selected.btn {
    height: 2rem;
    padding: 0 1rem;
  }
}
@media (max-width: 959px) {
  .market-tile__container .market-tile__btn-not-selected.btn .icon {
    font-size: 1.125rem;
  }
}
.market-tile__container .market-tile__btn-selected.btn {
  width: auto;
  padding: 0.1875rem 0.9375rem;
}
@media (min-width: 960px) {
  .market-tile__container .market-tile__btn-selected.btn {
    align-self: end;
  }
}
.market-tile__container .market-tile__btn-selected.btn .icon {
  font-size: 1.25rem;
  vertical-align: middle;
  margin: -0.125rem 0.25rem 0 0;
}
.market-tile__category:not([hidden]) {
  display: flex;
  justify-content: center;
}
.market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile__services-wrapper {
  display: none;
}
.market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile__services__button {
  display: none;
}
@media (min-width: 960px) {
  .market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile--half {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile__expand-info {
    max-width: fit-content;
    margin: 0 auto;
  }
  .market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile__expand-info > .l-col {
    flex-basis: 50%;
    max-width: 50%;
  }
  .market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-tile__expand-info .market-tile__more-info > .l-col {
    flex-basis: 100%;
    width: 100%;
  }
}
.market-tile.no-market-bringoo.no-market-hall.no-market-scan-go .market-finder__services {
  display: none;
}
.market-tile__image {
  aspect-ratio: 3/2;
  object-fit: cover;
}
.market-tile__head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  color: hsl(var(--grey-midnight));
  margin-bottom: 1rem;
}
.market-tile__head-subline {
  margin-bottom: 0;
}
.market-tile__head .h4 {
  margin: 0;
}
@media (max-width: 959px) {
  .market-tile__head .market-tile__route {
    margin: 0;
  }
  .market-tile__head .market-tile__route .btn {
    padding: 0;
    line-height: 1;
    max-width: none;
  }
}
.market-tile__main {
  padding: 1rem;
}
.market-tile__foot {
  margin-top: 1rem;
}
.market-tile__hdln {
  color: hsl(var(--grey-midnight));
}
@media (min-width: 960px) {
  .market-tile__hdln {
    max-width: 70%;
  }
}
.market-tile__hdln:last-child {
  max-width: 100%;
  width: 100%;
  text-align: center;
}
.market-tile__hdln--secondary {
  text-transform: capitalize;
  font-family: "Open Sans", "OS-Fallback-Arial", "OS-Fallback-Roboto", system-ui, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0.01rem;
}
.market-tile__hdln--select {
  letter-spacing: 0.01rem;
}
.market-tile__title {
  margin-bottom: 0.5rem;
  color: hsl(var(--grey-midnight));
  font-weight: bold;
}
.market-tile__subline {
  text-align: center;
}
.market-tile__address-distance {
  font-size: 0.9375rem;
  display: grid;
  grid-template-columns: 3fr 1fr;
  margin-bottom: 0.5rem;
}
@media (min-width: 960px) {
  .market-tile__address-distance {
    font-size: 1.25rem;
  }
}
.market-tile__distance {
  color: hsl(var(--grey-midnight));
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.market-tile__address {
  font-family: inherit;
  display: flex;
  flex-direction: column;
  margin: 0;
  white-space: pre-wrap;
}
.market-tile__status:not([hidden]) {
  display: flex;
  align-items: flex-start;
  margin-top: 0.25rem;
}
@media (min-width: 960px) {
  .market-tile__status:not([hidden]) {
    margin-top: 0.5rem;
  }
}
.market-tile__status.skeleton--text {
  margin-bottom: 0;
}
.market-tile__status-icon {
  min-width: 1em;
  margin-right: 0.375rem;
  margin-top: 0.1875rem;
}
@media (min-width: 960px) {
  .market-tile__status-icon {
    margin-top: 0.25rem;
  }
}
.market-tile__status-text--large {
  font-size: 0.9375rem;
}
@media (min-width: 960px) {
  .market-tile__status-text--large {
    font-size: 1.25rem;
  }
}
.market-tile__status + .market-tile__non-food--show {
  margin-top: 0.25rem;
}
.market-tile__non-food {
  display: none;
  color: hsl(var(--grey-midnight));
  margin-top: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
}
.market-tile__non-food--show {
  display: flex;
}
@media (min-width: 960px) {
  .market-tile__non-food--margin-top {
    margin-top: 1.25rem;
  }
}
.market-tile__non-food .icon {
  font-size: 0.6875rem;
  margin: 0.3125rem 0.3125rem 0 0;
  width: 0.875rem;
}
@media (min-width: 960px) {
  .market-tile__non-food .icon {
    font-size: 0.9375rem;
    margin-top: 0.4375rem;
    width: 1.25rem;
  }
}
.market-tile__links {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.market-tile__links .btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 0;
}
.market-tile__links .btn--market-finder {
  filter: blur(0);
  transition: filter 0.2s ease-in;
}
.market-tile__links .btn--market-finder.animate {
  filter: blur(0.125rem);
}
.market-tile__services {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--market-services-gap);
}
.market-tile__services .market-services {
  flex-basis: 100%;
}
.market-tile__services__headline {
  margin: 0.5rem 0 1rem;
}
@media (min-width: 960px) {
  .market-tile__services__headline {
    margin: 0 0 1.25rem;
  }
}
.market-tile__phone {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  margin-block: 0.5rem 0;
}
.market-tile .collapsible__control {
  margin-top: 2.5rem;
}
.market-tile .collapsible__control .icon {
  position: relative;
  margin-right: 0.25rem;
  vertical-align: middle;
}
.market-tile .collapsible__control .icon:before, .market-tile .collapsible__control .icon:after {
  background-color: currentColor;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
}
.market-tile .collapsible__control .icon:not(.icon--no-anim):before, .market-tile .collapsible__control .icon:not(.icon--no-anim):after {
  transform: rotate(-90deg);
  transition: all 0.5s ease-in-out;
}
.market-tile .collapsible__control .icon:before {
  width: 0.6875rem;
  height: 0.125rem;
  margin-left: -0.3125rem;
  margin-top: calc(0.125rem / -2);
  opacity: 1;
}
.market-tile .collapsible__control .icon:after {
  height: 0.6875rem;
  margin-left: calc(0.125rem / -2);
  margin-top: -0.3125rem;
  width: 0.125rem;
}
.market-tile .collapsible__control[aria-expanded=true] svg:not(.icon--no-anim) {
  transform: rotate(180deg);
}
.market-tile .collapsible__control[aria-expanded=true] .collapsible__control-closed {
  display: none;
}
.market-tile .collapsible__control[aria-expanded=true] .icon {
  opacity: 1;
}
.market-tile .collapsible__control[aria-expanded=true] .icon:not(.icon--no-anim):before, .market-tile .collapsible__control[aria-expanded=true] .icon:not(.icon--no-anim):after {
  transform: rotate(90deg);
  transition: all 0.5s ease-in-out;
}
.market-tile .collapsible__control[aria-expanded=true] .icon:before {
  opacity: 0;
}
.market-tile .collapsible__control:not([aria-expanded=true]) {
  margin-bottom: 0;
}
.market-tile .collapsible__control:not([aria-expanded=true]) .collapsible__control-open {
  display: none;
}
.market-tile__opening-hours td:not(:last-child) {
  padding-right: 0.5em;
}
.market-tile__list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 0.9375rem;
  column-gap: 0.5rem;
}
@media (min-width: 960px) {
  .market-tile__list {
    margin-top: 0;
    column-gap: 1rem;
  }
}
.market-tile__list li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  flex-basis: 100%;
}
.market-tile__list .icon {
  height: auto;
  width: 100%;
  max-width: 4.6875rem;
  max-height: 3.125rem;
}
.market-tile__list span {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.625rem;
  white-space: nowrap;
  color: hsl(var(--grey-midnight));
}
.market-tile__list--pay-options {
  margin-bottom: 1.25rem;
  padding-bottom: 2.5rem;
  column-gap: 0;
}
.market-tile__list--pay-options li {
  height: 3.125rem;
  flex-basis: auto;
}
.market-tile__list--pay-options li:nth-child(1) .icon {
  width: 2.25rem;
  height: 2.1875rem;
}
.market-tile__list--pay-options li:nth-child(2) .icon {
  width: 3.5rem;
  height: 2.1875rem;
}
.market-tile__list--pay-options li:nth-child(3) .icon {
  width: 2.9375rem;
  height: 3rem;
}
.market-tile__route {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .market-tile__route {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .market-tile__route .btn {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    text-align: left;
  }
}
.market-tile__route .btn .icon {
  font-size: 1rem;
  margin-right: 0.125rem;
}
.market-tile__select-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .market-tile__select-wrapper {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .market-tile__select-wrapper {
    margin-top: 2.5rem;
  }
}
.market-tile__select-wrapper .btn {
  margin: 0;
}
@media (min-width: 768px) {
  .collapsible__content[aria-hidden=true] + .market-tile__select {
    margin-top: -3em;
  }
}
@media (min-width: 960px) {
  .collapsible__content[aria-hidden=true] + .market-tile__select {
    margin-top: -4em;
  }
}
.market-tile__link {
  color: inherit;
  font-size: 0.9375rem;
}
.market-tile__link--underline {
  padding-left: 2.5rem;
  text-decoration: underline;
  line-height: 1;
}
@media (min-width: 960px) {
  .market-tile__link--underline {
    padding-left: 3rem;
  }
}
.market-tile__services__button {
  position: absolute;
  left: 0;
  bottom: 1rem;
  width: 100%;
  text-align: center;
}
.market-tile__services__button .btn {
  width: auto;
  margin-top: 0;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.market-tile--radio {
  border: 1px solid transparent;
  color: hsl(var(--grey-midnight));
  display: block;
  font-size: 0.8125rem;
  padding: 3rem 0;
  position: relative;
}
.market-tile--radio .l-row {
  align-items: center;
}
.market-tile--radio [class^=l-col],
.market-tile--radio [class*=" l-col"] {
  padding-bottom: 0;
}
.market-tile--radio .market-tile__hdln {
  text-align: left;
}
.market-tile--radio .market-tile__distance {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
}
@media (min-width: 768px) {
  .market-tile--radio .market-tile__distance {
    font-size: 1.25rem;
  }
}
.market-tile--radio .market-tile__radio-indicator {
  align-items: center;
  border: 1px solid #a0a5ad;
  border-radius: 50%;
  color: hsl(var(--grey-midnight));
  display: flex;
  font-size: 2rem;
  height: 1em;
  justify-content: center;
  margin: auto;
  width: 1em;
}
.market-tile--radio .market-tile__radio-indicator > .icon {
  opacity: 0;
}
.market-tile__radio:checked + .market-tile--radio .market-tile__radio-indicator > .icon {
  opacity: 1;
}
.market-tile__radio:focus + .market-tile--radio {
  border-color: rgb(255, 210, 0);
}
.market-tile__more-info {
  margin-top: 1rem;
}
@media (min-width: 960px) {
  .market-tile__more-info {
    margin-top: 1.5rem;
  }
}

.market-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}
.market-list .market-tile {
  height: 100%;
}
.market-finder--radio .market-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gutter);
}
@media (min-width: 768px) {
  .market-finder--radio .market-list {
    grid-template-columns: 1fr 1fr;
  }
}
.market-finder--radio .market-list > li {
  margin-block: 0;
}

.recipe-filter__filter-bar {
  position: sticky;
  top: 0;
  z-index: 1;
}
.recipe-filter__row {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .recipe-filter__row {
    padding: 0;
  }
}
.recipe-filter__swiper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.recipe-filter__swiper.swiper {
  padding-left: 1.5rem;
}
.recipe-filter__swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.recipe-filter__swiper-container:after, .recipe-filter__swiper-container:before {
  display: none;
  content: "";
  width: 4.375rem;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media (min-width: 960px) {
  .recipe-filter__swiper-container:after, .recipe-filter__swiper-container:before {
    display: block;
  }
}
.recipe-filter__swiper-container:before {
  left: -1.875rem;
}
.recipe-filter__swiper-container:after {
  right: -1.875rem;
}
.recipe-filter__swiper .swiper-wrapper {
  display: flex;
}
.recipe-filter__swiper .swiper-slide {
  width: auto;
  padding: 1rem 0;
}
@media (min-width: 960px) {
  .recipe-filter__swiper .swiper-slide {
    display: flex;
    align-items: center;
  }
  .recipe-filter__swiper .swiper-slide:first-child .btn {
    margin-left: 2rem;
  }
  .recipe-filter__swiper .swiper-slide:last-child .btn {
    margin-right: 2.5rem;
  }
}
.recipe-filter__swiper-nav {
  position: relative;
  display: none;
  justify-content: space-between;
  align-items: center;
  padding-left: 2.5rem;
}
@media (min-width: 960px) {
  .recipe-filter__swiper-nav {
    display: flex;
  }
}
.recipe-filter__swiper-nav .swiper-button-prev,
.recipe-filter__swiper-nav .swiper-button-next {
  position: static;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: 0;
  border-radius: 0.1875rem;
}
.recipe-filter__swiper-nav .swiper-button-prev:after,
.recipe-filter__swiper-nav .swiper-button-next:after {
  font-size: 0.875rem;
}
.recipe-filter__swiper-nav .swiper-button-prev {
  margin-right: 1.375rem;
}
.recipe-filter__swiper .btn {
  margin: 0 0.25rem;
  text-transform: capitalize;
  box-shadow: none;
}
@media (max-width: 959px) {
  .recipe-filter__swiper .btn {
    --btn-height: 2rem;
    --btn-padding-horizontal: 1rem;
    --btn-icon-font-size: 1rem;
  }
}
.recipe-filter__swiper .btn .icon {
  font-size: 1.25rem;
  color: inherit;
}
.recipe-filter input:checked ~ .btn, .recipe-filter input:focus-visible ~ .btn {
  background-color: hsl(var(--grey-midnight));
  color: hsl(var(--white));
}
.recipe-filter input:checked ~ .btn:focus, .recipe-filter input:focus-visible ~ .btn:focus {
  box-shadow: none;
}
.recipe-filter input:focus-visible ~ .btn {
  outline: solid hsl(var(--blue-denim)) 0.25rem;
  outline-offset: 0.125rem;
}
.recipe-filter input:focus-visible ~ .btn:not(.btn--primary) {
  box-shadow: 0 0 0 0.125rem hsl(var(--white));
}
.recipe-filter .btn-open-recipe-filters {
  display: inline-flex;
  position: absolute;
  bottom: calc(6rem * -1);
  left: 50%;
  transform: translateX(-50%);
  min-width: 9.5rem;
  width: 9.5rem;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 960px) {
  .recipe-filter .btn-open-recipe-filters {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(0);
    margin-bottom: 0;
    background: hsl(var(--red));
    color: hsl(var(--white));
  }
  .recipe-filter .btn-open-recipe-filters svg {
    color: hsl(var(--white));
  }
}

.category-bar {
  --cat-bar-padding: 0.5rem;
  --cat-bar-border-radius: 0.625rem;
  --cat-img-size: 3.125rem;
  --cat-img-margin-right: 0.5rem;
  --cat-btn-margin-left: 0.5rem;
  --cat-max-width: none;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  border-radius: var(--cat-bar-border-radius);
  padding: var(--cat-bar-padding);
  max-width: var(--cat-max-width);
  text-decoration: none;
}
@media (max-width: 959px) {
  .category-bar {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .category-bar {
    --cat-img-size: 3.9375rem;
    --cat-img-margin-right: 1rem;
    --cat-bar-padding: 1rem;
    --cat-btn-margin-left: 2.5rem;
    --cat-max-width: fit-content;
  }
}
.category-bar__img {
  height: var(--cat-img-size);
  width: var(--cat-img-size);
  object-fit: contain;
  margin-right: var(--cat-img-margin-right);
}
.category-bar__texts {
  flex: 1;
}
.category-bar__badges {
  display: flex;
  gap: 0.5rem;
}
.category-bar__icon {
  margin-left: var(--cat-btn-margin-left);
}

/* -------------------- *\
Edit Mode
\* -------------------- */
.editor-message {
  text-align: center;
}
.editor-message .message, .editor-message--warning {
  background: hsl(var(--yellow));
  border: 4px solid hsl(var(--red));
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
}
.editor-message .message {
  max-width: 100%;
  width: 1000px;
}