@charset "UTF-8";
:root {
  --gap:	1.5rem;
  --item-gap:	calc(var(--gap) * 2);
  --flow:	10vmin;
  --section-flow:	var(--flow);
  --section-flow-min:	calc(var(--flow) / 2);
  --outer:	120rem;
  --inner-max:	96rem;
  --inner-min:	72rem;
  --inner-padding:	var(--gap);
  --inner-padding-xl:	clamp(7vmin, 5vw, var(--flow));
  --font-primary:	Poppins, Open Sans, Segoe UI, -apple-system, BlinkMacSystemFont, Oxygen, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  --font-secondary:	Poppins, Open Sans, Segoe UI, -apple-system, BlinkMacSystemFont, Oxygen, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  --font-icons:	Font Awesome 6 Free;
  --font-display:	swap;
  --font-size:	1.5rem;
  --font-size-big:	clamp(2.2rem, 5vw, 3.8rem);
  --font-size-medium:	clamp(1.8rem, 5vw, 2.4rem);
  --font-size-intro:	clamp(var(--font-size), 5vw, 1.75rem);
  --font-size-small:	1rem;
  --font-size-tiny:	.85rem;
  --lh-heading:	1.125;
  --lh:	1.3;
  --font-weight-thin:	100;
  --font-weight-extra-light:	200;
  --font-weight-light:	300;
  --font-weight-regular:	400;
  --font-weight-medium:	500;
  --font-weight-semi-bold:	600;
  --font-weight-bold:	700;
  --font-weight-extra-bold:	800;
  --font-weight-black:	900;
  --color:	#000;
  --color-dark:	#D9D9D9;
  --color-light:	#F4F4F4;
  --color-error:	#dc092f;
  --currentColor:	currentColor;
  --color-primary:	#dc092f;
  --color-secondary:	#727777;
  --theme-color:	#dc092f;
  --color-flex:	#9E1953;
  --color-seven:	#AF2835;
  --color-edge:	#ED753D;
  --color-one:	#FEDB00;
  --color-spark:	#D6B53F;
  --color-lab:	#E342A0;
  --color-core:	#4D8FF0;
  --color-med:	#7067BC;
  --color-twin:	#3F4A6C;
  --color-map-food:	#CE86C0;
  --color-map-hotel:	#F3A987;
  --color-map-nahverkehr:	#ffffff;
  --color-map-shopping:	#747474;
  --color-map-culture:	#6CA17B;
  --color-map-health:	#74A5B7;
  --color-map-greens:	#98DE8B;
  --color-white:	#fff;
  --color-black:	#000;
  --color-error:	#dc092f;
  --color-success:	#22AD5C;
  --bg:	#fff;
  --bg-primary:	#e33a59;
  --bg-secondary:	var(--color-secondary);
  --bg-light:	#F4F4F4;
  --bg-verylight:	#F4F4F4;
  --bg-dark:	#D9D9D9;
  --bg-footer:	var(--color-secondary);
  --border-width:	1px;
  --border-color:	var(--color-black);
  --border-radius:	4px;
  --border-radius-wide:	99px;
  --button-font-size:	var(--font-size-small);
  --button-font-weight:	var(--font-weight-regular);
  --button-color:	var(--color-white);
  --button-padding:	.65rem 1.25rem;
  --button-border-width:	1px;
  --button-border-radius:	var(--border-radius-wide);
  --button-border-color:	var(--border-color);
  --button-bg:	var(--color-primary);
  --input-color:	rgba(27, 12, 1, 0.50);
  --input-bg:	#F4F4F4;
  --input-border-color:	rgb(0 0 0 / .125);
  --input-border-width:	0;
  --input-border-radius:	0;
  --placeholder:	var(--currentColor, var(--color-light));
  --angle-color:	currentColor;
  --accordion-icon-size:	1.125rem;
  --accordion-icon-width:	3px;
  --accordion-active:	var(--color-primary);
  --header-bg:	#F4F4F4;
  --nav-site-bg:	var(--bg);
  --nav-atime:	calc(var(--atime) * 1.5);
  --nav-bg:	var(--color-white);
  --nav-font-size:	1.25rem;
  --nav-button-bg:	transparent;
  --nav-button-size:	42px;
  --nav-icon-gap:	2px;
  --nav-icon-width-hover:	70%;
  --nav-icon-size:	2.625rem;
  --nav-icon-bg:	#000;
  --nav-search-color:	var(--color);
  --nav-search-bg:	var(--bg-verylight);
  --access-ui:	var(--color-primary);
  --outline-color:	var(--color-primary);
  --outline-width:	3px;
  --outline-offset:	2px;
  --box-shadow:	0 1px 3px 0 rgba(0, 0, 0, 0.30);
  --box-shadow-hover:	0 4px 8px 3px rgba(0, 0, 0, 0.15);
  --icon-size-small:	.75rem;
  --icon-size-big:	1.5rem;
  --atime:	0.33s;
  --delay:	100ms;
  --fa-version:	Font Awesome 6 Free;
  --fa-size:	90%;
  --separator:	'/';
  --screen-xs:	30rem;
  --screen-sm:	48rem;
  --screen-md:	64rem;
  --screen-lg:	75rem;
  --screen-xl:	96rem;
  --screen-wd:	120rem;
  --screen-nav:	72rem;
  --slider-ui-bg:	transparent;
  --slider-blur:	0;
  --slider-arrow-size:	2rem;
  --slider-arrow-color:	var(--color);
  --slider-arrow-height:	2.7rem;
  --slider-arrow-padding:	0.35rem;
  --slider-dots-size:	.9rem;
  --slider-dots-padding:	.75rem;
  --slider-dots-border-radius:	100%;
  --slider-dots-bg:	var(--color-secondary);
  --slider-dots-active-bg:	var(--accent-sec-50);
  --slider-opacity:	.7;
  --slider-opacity-hover:	1;
  --slider-opacity-not-active:	.25;
  --cookie-background:	rgb(0 0 0 / 0.875);
  --cookie-modal-background:	var(--bg);
  --cookie-radius:	var(--border-radius);
  --accent-ui:	#dc092f;
  --accent-pri:	#dc092f;
  --accent-sec:	#727777;
  --button-solid-bg:	var(--button-bg);
  --button-solid-hover-bg:	var(--color-primary);
  --nav-inline-break:	$nav-inline-break;
  --accent:	var(--color-primary);
  --font:	var(--color);
  --font-pri:	var(--color);
  --img-offices:	url("/assets/logos/owork_offices.svg");
  --img-flex:	url("/assets/logos/owork_flex.svg");
  --img-seven:	url("/assets/logos/owork_seven.svg");
  --img-edge:	url("/assets/logos/owork_edge.svg");
  --img-one:	url("/assets/logos/owork_one.svg");
  --img-spark:	url("/assets/logos/owork_spark.svg");
  --img-lab:	url("/assets/logos/owork_lab.svg");
  --img-core:	url("/assets/logos/owork_core.svg");
  --img-med:	url("/assets/logos/owork_med.svg");
  --img-twin:	url("/assets/logos/owork_twin.svg");
  --img-offices-neg:	url("/assets/logos/owork_offices_neg.svg");
  --img-flex-neg:	url("/assets/logos/owork_flex_neg.svg");
  --img-seven-neg:	url("/assets/logos/owork_seven_neg.svg");
  --img-edge-neg:	url("/assets/logos/owork_edge_neg.svg");
  --img-one-neg:	url("/assets/logos/owork_one_neg.svg");
  --img-spark-neg:	url("/assets/logos/owork_spark_neg.svg");
  --img-lab-neg:	url("/assets/logos/owork_lab_neg.svg");
  --img-core-neg:	url("/assets/logos/owork_core_neg.svg");
  --img-med-neg:	url("/assets/logos/owork_med_neg.svg");
  --img-twin-neg:	url("/assets/logos/owork_twin_neg.svg");
}

:root {
  --accent-pri-10: rgba(220, 9, 47, 0.1);
  --accent-pri-20: rgba(220, 9, 47, 0.2);
  --accent-pri-30: rgba(220, 9, 47, 0.3);
  --accent-pri-40: rgba(220, 9, 47, 0.4);
  --accent-pri-50: rgba(220, 9, 47, 0.5);
  --accent-pri-60: rgba(220, 9, 47, 0.6);
  --accent-pri-70: rgba(220, 9, 47, 0.7);
  --accent-pri-80: rgba(220, 9, 47, 0.8);
  --accent-pri-90: rgba(220, 9, 47, 0.9);
  --accent-pri: #dc092f;
  --accent-sec-10: rgba(114, 119, 119, 0.1);
  --accent-sec-20: rgba(114, 119, 119, 0.2);
  --accent-sec-30: rgba(114, 119, 119, 0.3);
  --accent-sec-40: rgba(114, 119, 119, 0.4);
  --accent-sec-50: rgba(114, 119, 119, 0.5);
  --accent-sec-60: rgba(114, 119, 119, 0.6);
  --accent-sec-70: rgba(114, 119, 119, 0.7);
  --accent-sec-80: rgba(114, 119, 119, 0.8);
  --accent-sec-90: rgba(114, 119, 119, 0.9);
  --accent-sec: #727777;
  --accent-flex-10: rgba(158, 25, 83, 0.1);
  --accent-flex-20: rgba(158, 25, 83, 0.2);
  --accent-flex-30: rgba(158, 25, 83, 0.3);
  --accent-flex-40: rgba(158, 25, 83, 0.4);
  --accent-flex-50: rgba(158, 25, 83, 0.5);
  --accent-flex-60: rgba(158, 25, 83, 0.6);
  --accent-flex-70: rgba(158, 25, 83, 0.7);
  --accent-flex-80: rgba(158, 25, 83, 0.8);
  --accent-flex-90: rgba(158, 25, 83, 0.9);
  --accent-flex: #9E1953;
  --accent-seven-10: rgba(175, 40, 53, 0.1);
  --accent-seven-20: rgba(175, 40, 53, 0.2);
  --accent-seven-30: rgba(175, 40, 53, 0.3);
  --accent-seven-40: rgba(175, 40, 53, 0.4);
  --accent-seven-50: rgba(175, 40, 53, 0.5);
  --accent-seven-60: rgba(175, 40, 53, 0.6);
  --accent-seven-70: rgba(175, 40, 53, 0.7);
  --accent-seven-80: rgba(175, 40, 53, 0.8);
  --accent-seven-90: rgba(175, 40, 53, 0.9);
  --accent-seven: #AF2835;
  --accent-edge-10: rgba(237, 117, 61, 0.1);
  --accent-edge-20: rgba(237, 117, 61, 0.2);
  --accent-edge-30: rgba(237, 117, 61, 0.3);
  --accent-edge-40: rgba(237, 117, 61, 0.4);
  --accent-edge-50: rgba(237, 117, 61, 0.5);
  --accent-edge-60: rgba(237, 117, 61, 0.6);
  --accent-edge-70: rgba(237, 117, 61, 0.7);
  --accent-edge-80: rgba(237, 117, 61, 0.8);
  --accent-edge-90: rgba(237, 117, 61, 0.9);
  --accent-edge: #ED753D;
  --accent-one-10: rgba(254, 219, 0, 0.1);
  --accent-one-20: rgba(254, 219, 0, 0.2);
  --accent-one-30: rgba(254, 219, 0, 0.3);
  --accent-one-40: rgba(254, 219, 0, 0.4);
  --accent-one-50: rgba(254, 219, 0, 0.5);
  --accent-one-60: rgba(254, 219, 0, 0.6);
  --accent-one-70: rgba(254, 219, 0, 0.7);
  --accent-one-80: rgba(254, 219, 0, 0.8);
  --accent-one-90: rgba(254, 219, 0, 0.9);
  --accent-one: #FEDB00;
  --accent-spark-10: rgba(214, 181, 63, 0.1);
  --accent-spark-20: rgba(214, 181, 63, 0.2);
  --accent-spark-30: rgba(214, 181, 63, 0.3);
  --accent-spark-40: rgba(214, 181, 63, 0.4);
  --accent-spark-50: rgba(214, 181, 63, 0.5);
  --accent-spark-60: rgba(214, 181, 63, 0.6);
  --accent-spark-70: rgba(214, 181, 63, 0.7);
  --accent-spark-80: rgba(214, 181, 63, 0.8);
  --accent-spark-90: rgba(214, 181, 63, 0.9);
  --accent-spark: #D6B53F;
  --accent-lab-10: rgba(227, 66, 160, 0.1);
  --accent-lab-20: rgba(227, 66, 160, 0.2);
  --accent-lab-30: rgba(227, 66, 160, 0.3);
  --accent-lab-40: rgba(227, 66, 160, 0.4);
  --accent-lab-50: rgba(227, 66, 160, 0.5);
  --accent-lab-60: rgba(227, 66, 160, 0.6);
  --accent-lab-70: rgba(227, 66, 160, 0.7);
  --accent-lab-80: rgba(227, 66, 160, 0.8);
  --accent-lab-90: rgba(227, 66, 160, 0.9);
  --accent-lab: #E342A0;
  --accent-core-10: rgba(77, 143, 240, 0.1);
  --accent-core-20: rgba(77, 143, 240, 0.2);
  --accent-core-30: rgba(77, 143, 240, 0.3);
  --accent-core-40: rgba(77, 143, 240, 0.4);
  --accent-core-50: rgba(77, 143, 240, 0.5);
  --accent-core-60: rgba(77, 143, 240, 0.6);
  --accent-core-70: rgba(77, 143, 240, 0.7);
  --accent-core-80: rgba(77, 143, 240, 0.8);
  --accent-core-90: rgba(77, 143, 240, 0.9);
  --accent-core: #4D8FF0;
  --accent-med-10: rgba(112, 103, 188, 0.1);
  --accent-med-20: rgba(112, 103, 188, 0.2);
  --accent-med-30: rgba(112, 103, 188, 0.3);
  --accent-med-40: rgba(112, 103, 188, 0.4);
  --accent-med-50: rgba(112, 103, 188, 0.5);
  --accent-med-60: rgba(112, 103, 188, 0.6);
  --accent-med-70: rgba(112, 103, 188, 0.7);
  --accent-med-80: rgba(112, 103, 188, 0.8);
  --accent-med-90: rgba(112, 103, 188, 0.9);
  --accent-med: #7067BC;
  --accent-twin-10: rgba(63, 74, 108, 0.1);
  --accent-twin-20: rgba(63, 74, 108, 0.2);
  --accent-twin-30: rgba(63, 74, 108, 0.3);
  --accent-twin-40: rgba(63, 74, 108, 0.4);
  --accent-twin-50: rgba(63, 74, 108, 0.5);
  --accent-twin-60: rgba(63, 74, 108, 0.6);
  --accent-twin-70: rgba(63, 74, 108, 0.7);
  --accent-twin-80: rgba(63, 74, 108, 0.8);
  --accent-twin-90: rgba(63, 74, 108, 0.9);
  --accent-twin: #3F4A6C;
  --accent-white-10: rgba(255, 255, 255, 0.1);
  --accent-white-20: rgba(255, 255, 255, 0.2);
  --accent-white-30: rgba(255, 255, 255, 0.3);
  --accent-white-40: rgba(255, 255, 255, 0.4);
  --accent-white-50: rgba(255, 255, 255, 0.5);
  --accent-white-60: rgba(255, 255, 255, 0.6);
  --accent-white-70: rgba(255, 255, 255, 0.7);
  --accent-white-80: rgba(255, 255, 255, 0.8);
  --accent-white-90: rgba(255, 255, 255, 0.9);
  --accent-white: #fff;
  --accent-black-10: rgba(0, 0, 0, 0.1);
  --accent-black-20: rgba(0, 0, 0, 0.2);
  --accent-black-30: rgba(0, 0, 0, 0.3);
  --accent-black-40: rgba(0, 0, 0, 0.4);
  --accent-black-50: rgba(0, 0, 0, 0.5);
  --accent-black-60: rgba(0, 0, 0, 0.6);
  --accent-black-70: rgba(0, 0, 0, 0.7);
  --accent-black-80: rgba(0, 0, 0, 0.8);
  --accent-black-90: rgba(0, 0, 0, 0.9);
  --accent-black: #000;
  --accent-dark-10: rgba(217, 217, 217, 0.1);
  --accent-dark-20: rgba(217, 217, 217, 0.2);
  --accent-dark-30: rgba(217, 217, 217, 0.3);
  --accent-dark-40: rgba(217, 217, 217, 0.4);
  --accent-dark-50: rgba(217, 217, 217, 0.5);
  --accent-dark-60: rgba(217, 217, 217, 0.6);
  --accent-dark-70: rgba(217, 217, 217, 0.7);
  --accent-dark-80: rgba(217, 217, 217, 0.8);
  --accent-dark-90: rgba(217, 217, 217, 0.9);
  --accent-dark: #D9D9D9;
}

*,
*::before,
*::after {
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

body {
  font-family: var(--font-primary);
  font-size: 100%;
  color: var(--color);
}

main {
  display: block;
  padding-top: 89px;
}

hr {
  margin: max(var(--gap), var(--flow)/2) 0;
  border: 0;
  border-top: var(--border-width, var(--border-width)) solid var(--border-color);
}

:where(a) {
  text-decoration: none;
}
:where(a):link, :where(a):visited {
  color: currentColor;
}
:where(a).currentcolor {
  color: currentColor;
}

ul,
ol,
menu {
  padding: 0;
}

menu {
  list-style: none;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul,
ol {
  padding-left: 1.5rem;
}
ul li::marker,
ol li::marker {
  color: currentColor;
}

img,
svg,
video,
object,
iframe,
canvas {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

figure > a {
  display: block;
}
figure img {
  width: 100%;
}

table {
  border-collapse: collapse;
}

:where(q, blockquote) {
  quotes: "„" "“";
}

:where(blockquote) :is(p) {
  font-size: 1em;
}

abbr[title] {
  cursor: help;
  text-decoration: none;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

form {
  text-align: left;
}

fieldset {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
  position: relative;
  display: block;
  margin-bottom: 0.35rem;
  padding: 0;
  font-weight: normal;
}
label em {
  font-style: normal;
}

input,
button,
textarea {
  font: inherit;
}

select {
  cursor: inherit;
  outline: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
select::-ms-expand {
  display: none;
}

textarea {
  min-height: 14rem;
  padding: calc(var(--gap) / 2);
  white-space: revert;
  resize: vertical;
}

button {
  cursor: pointer;
  overflow: visible;
  border: 0;
  background: none;
  letter-spacing: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-font-smoothing: inherit;
}

::selection {
  background: rgba(0, 0, 0, 0.15);
}

.theme--dark ::selection {
  background-color: rgba(255, 255, 255, 0.15);
}

::placeholder {
  color: var(--placeholder, --color);
}

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

:focus {
  outline: 0;
}

:focus-visible {
  border-color: var(--accent-ui);
}

#root,
#__next {
  isolation: isolate;
}

[hidden] {
  display: none;
}

.widget {
  font-size: var(--font-size);
  margin: 0 0 var(--gap);
}
.widget--radio .widget--checkbox {
  position: relative;
}
.widget--hidden {
  display: none;
}
.widget.ynfinite-consent {
  font-size: 0.875rem;
}
.widget.widget--distance .widget__label {
  display: none;
}
.widget.widget--distance .distance-wrapper {
  gap: 1rem;
  width: 100%;
  margin: 0;
}
.widget.widget--distance .distance-wrapper .item {
  margin: 0 0 var(--gap);
}
@media screen and (min-width: 48rem) {
  .widget.widget--distance .distance-wrapper {
    display: flex;
    flex-direction: row;
    margin: 0;
  }
  .widget.widget--distance .distance-wrapper .item {
    flex: 1;
  }
}

.yn-consents {
  display: block;
  color: currentColor;
}
.yn-consents .widget__label {
  font-size: 0.875rem;
  text-transform: unset;
}

html .ynfinite-consent-text {
  font-size: 1em;
}
html .ynfinite-consent-text p {
  font-size: 1em;
}

.yn-form-response {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
}
.yn-form-response__control {
  padding: var(--gap) 0;
}
.yn-form-response.active {
  display: block;
}
.yn-form-response.active__control a {
  margin-right: calc(var(--gap) * 0.5);
}

.yn-form .form-content, .yn-form .yn-form-page {
  width: 100%;
}
.yn-form fieldset {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.yn-form fieldset .button {
  margin-top: var(--gap);
}

.yn-cookies {
  --color: var(--font-pri);
}
.yn-cookies .button.yn-cookies__button {
  --button-font: var(--color, currentColor);
  --button-border-color: var(--button-font);
  --button-solid-font: var(--font-sec);
  --button-solid-bg: var(--bg-sec);
  --button-solid-hover-font: var(--accent-pri-font);
  --button-solid-hover-bg: var(--accent-pri);
}
.yn-cookies .yn-cookies__settings__item {
  list-style: none;
}
.yn-cookies label {
  opacity: 1;
}
.yn-cookies label p.h4 {
  font-weight: var(--font-weight-medium);
}

.ynfinite-consent-text a[href] {
  border-bottom: 1px solid currentColor;
}

.yn-perPage__list li,
.yn-pagination li {
  display: inline-block;
  text-align: center;
  list-style: none;
  margin: 4px;
}
.yn-perPage__list li:only-child,
.yn-pagination li:only-child {
  display: none;
}
.yn-perPage__list a,
.yn-perPage__list li.yn-pagination__page--active span,
.yn-pagination a,
.yn-pagination li.yn-pagination__page--active span {
  display: inline-block;
  color: currentColor;
  padding: 0 4px;
  min-width: 40px;
  min-height: 40px;
  aspect-ratio: 1;
}

.yn.yn-perPage {
  color: var(--bg-pri);
}

.yn-perPage__current {
  display: none;
}

.yn-perPage__list {
  text-align: right;
  margin: 0 0 var(--gap);
}
.yn-perPage__list ul {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.yn-perPage__list ul::before {
  content: "Zeige: ";
  display: inline-block;
  margin-right: 0.5rem;
}

.yn-pagination {
  font-size: 1rem;
  font-weight: 900;
  text-align: center;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--gap) / 2);
  padding-top: calc(var(--flow) / 2);
}
.yn-pagination span,
.yn-pagination a {
  cursor: pointer;
  transition: var(--atime) ease;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 40px;
  text-align: center;
}
.yn-pagination span:not([href]),
.yn-pagination a:not([href]) {
  display: none;
}
.yn-pagination li.yn-pagination__first a,
.yn-pagination li.yn-pagination__first span, .yn-pagination li.yn-pagination__last a,
.yn-pagination li.yn-pagination__last span, .yn-pagination li.yn-pagination__prev a,
.yn-pagination li.yn-pagination__prev span, .yn-pagination li.yn-pagination__next a,
.yn-pagination li.yn-pagination__next span {
  position: relative;
  text-indent: -9999rem;
  padding: 0;
  background: none;
}
.yn-pagination li.yn-pagination__first a::before,
.yn-pagination li.yn-pagination__first span::before, .yn-pagination li.yn-pagination__last a::before,
.yn-pagination li.yn-pagination__last span::before, .yn-pagination li.yn-pagination__prev a::before,
.yn-pagination li.yn-pagination__prev span::before, .yn-pagination li.yn-pagination__next a::before,
.yn-pagination li.yn-pagination__next span::before {
  content: "\f105";
  position: absolute;
  inset: 0;
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-size: 1rem;
  font-weight: 900;
  color: currentColor;
  text-indent: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  z-index: 10;
}
.yn-pagination li.yn-pagination__next a::before,
.yn-pagination li.yn-pagination__next span::before {
  content: "\f105";
}
.yn-pagination li.yn-pagination__prev a::before,
.yn-pagination li.yn-pagination__prev span::before {
  content: "\f104";
}
.yn-pagination li.yn-pagination__first a::before,
.yn-pagination li.yn-pagination__first span::before {
  content: "\f053\f053";
}
.yn-pagination li.yn-pagination__last a::before,
.yn-pagination li.yn-pagination__last span::before {
  content: "\f105\f105";
}
.yn-pagination li.yn-pagination__page--active span {
  display: inline-block;
  background: var(--bg-grey-100);
  border-radius: var(--border-radius);
  color: var(--accent-pri);
}

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins/Poppins-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
.o-work_offices {
  --accent-color: var(--color-primary);
}
.o-work_flex {
  --accent-color: var(--color-flex);
}
.o-work_seven {
  --accent-color: var(--color-seven);
}
.o-work_edge {
  --accent-color: var(--color-edge);
}
.o-work_one {
  --accent-color: var(--color-one);
}
.o-work_spark {
  --accent-color: var(--color-spark);
}
.o-work_lab {
  --accent-color: var(--color-lab);
}
.o-work_core {
  --accent-color: var(--color-core);
}
.o-work_med {
  --accent-color: var(--color-med);
}
.o-work_twin {
  --accent-color: var(--color-twin);
}

.logo__o-work {
  height: 60px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}
.logo__o-work_offices {
  background-image: var(--img-offices);
}
.logo__o-work_flex {
  background-image: var(--img-flex);
}
.logo__o-work_seven {
  background-image: var(--img-seven);
}
.logo__o-work_edge {
  background-image: var(--img-edge);
}
.logo__o-work_one {
  background-image: var(--img-one);
}
.logo__o-work_spark {
  background-image: var(--img-spark);
}
.logo__o-work_lab {
  background-image: var(--img-lab);
}
.logo__o-work_core {
  background-image: var(--img-core);
}
.logo__o-work_med {
  background-image: var(--img-med);
}
.logo__o-work_twin {
  background-image: var(--img-twin);
}

.article--details .logo__o-work_offices,
.banner--about .logo__o-work_offices,
.teaser__card .logo__o-work_offices {
  background-image: var(--img-offices-neg);
}
.article--details .logo__o-work_flex,
.banner--about .logo__o-work_flex,
.teaser__card .logo__o-work_flex {
  background-image: var(--img-flex-neg);
}
.article--details .logo__o-work_seven,
.banner--about .logo__o-work_seven,
.teaser__card .logo__o-work_seven {
  background-image: var(--img-seven-neg);
}
.article--details .logo__o-work_edge,
.banner--about .logo__o-work_edge,
.teaser__card .logo__o-work_edge {
  background-image: var(--img-edge-neg);
}
.article--details .logo__o-work_one,
.banner--about .logo__o-work_one,
.teaser__card .logo__o-work_one {
  background-image: var(--img-one-neg);
}
.article--details .logo__o-work_spark,
.banner--about .logo__o-work_spark,
.teaser__card .logo__o-work_spark {
  background-image: var(--img-spark-neg);
}
.article--details .logo__o-work_lab,
.banner--about .logo__o-work_lab,
.teaser__card .logo__o-work_lab {
  background-image: var(--img-lab-neg);
}
.article--details .logo__o-work_core,
.banner--about .logo__o-work_core,
.teaser__card .logo__o-work_core {
  background-image: var(--img-core-neg);
}
.article--details .logo__o-work_med,
.banner--about .logo__o-work_med,
.teaser__card .logo__o-work_med {
  background-image: var(--img-med-neg);
}
.article--details .logo__o-work_twin,
.banner--about .logo__o-work_twin,
.teaser__card .logo__o-work_twin {
  background-image: var(--img-twin-neg);
}

.teaser__image.logo__o-work_offices:after {
  background-image: var(--img-offices-neg);
}
.teaser__image.logo__o-work_flex:after {
  background-image: var(--img-flex-neg);
}
.teaser__image.logo__o-work_seven:after {
  background-image: var(--img-seven-neg);
}
.teaser__image.logo__o-work_edge:after {
  background-image: var(--img-edge-neg);
}
.teaser__image.logo__o-work_one:after {
  background-image: var(--img-one-neg);
}
.teaser__image.logo__o-work_spark:after {
  background-image: var(--img-spark-neg);
}
.teaser__image.logo__o-work_lab:after {
  background-image: var(--img-lab-neg);
}
.teaser__image.logo__o-work_core:after {
  background-image: var(--img-core-neg);
}
.teaser__image.logo__o-work_med:after {
  background-image: var(--img-med-neg);
}
.teaser__image.logo__o-work_twin:after {
  background-image: var(--img-twin-neg);
}

.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

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

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

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

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

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

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

body {
  position: relative;
  color: var(--color);
  background: var(--bg-light);
}

.site__header {
  position: fixed;
  inset: 0;
  bottom: auto;
  font-size: var(--nav-font-size);
  padding-block: calc(var(--gap) * 1);
  background-color: var(--header-bg, transparent);
  transition: transform var(--atime) ease;
  z-index: 1000;
}
.site__header > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--gap) / 2);
}

.site__content {
  min-height: 50vh;
  background-color: var(--bg);
}

.site__footer {
  background-color: var(--bg-footer);
  font-size: var(--font-size-small);
  padding-block: calc(var(--gap) * 2) 0;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.site__footer .site__logo img {
  max-width: 19rem;
  max-height: 7rem;
  margin-bottom: 4rem;
}
.site__footer .h1 {
  padding-bottom: 3rem;
}
.site__footer ul,
.site__footer ol,
.site__footer address {
  font-size: inherit;
}
.site__footer address strong {
  display: block;
  margin-bottom: 0.35rem;
}
.site__footer li,
.site__footer p,
.site__footer a {
  color: var(--color-white);
}
.site__footer .mb0 {
  margin-bottom: 0 !important;
}

section {
  --section-bg: var(--bg);
  color: var(--color);
  background-color: var(--section-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section + section {
  padding-top: var(--section-flow);
}
section:first-child {
  padding-top: calc(var(--section-flow) + 4rem);
}
section:last-child {
  padding-bottom: var(--section-flow);
}
section:has(+ section.bg) {
  padding-bottom: var(--section-flow);
}
@media screen and (max-width: 120rem) {
  section:has(.outer--max):has(+ section.bg) {
    padding-bottom: 0 !important;
  }
}
section.bg {
  padding-block: var(--section-flow);
}
section.bg:first-child {
  padding-top: calc(var(--section-flow) + 100px);
}
section.bg:last-child {
  border-bottom: 1px solid var(--border-color);
}
section.section--min {
  --section-flow: var(--section-flow-min);
}
section.section--min.bg {
  padding-block: var(--section-flow-min) !important;
}

@media screen and (min-width: 120rem) {
  .outer.outer--max {
    max-width: var(--outer);
    margin-inline: auto;
  }
}

.inner {
  width: 100%;
  padding-inline: var(--inner-padding);
  margin-inline: auto;
}
.inner.inner--max {
  max-width: var(--inner-max);
}
.inner.inner--min {
  max-width: var(--inner-min);
}

.pl {
  padding-left: var(--inner-padding);
}

.pr {
  padding-right: var(--inner-padding);
}

.bg {
  background-color: var(--section-bg);
}
.bg.bg--light {
  --section-bg: var(--bg-light);
}
.bg.bg--light + .bg--light {
  padding-top: 0;
}
.bg.bg--dark {
  --section-bg: var(--bg-dark);
  --button-border-color: var(--currentColor);
  --input-border-color: #000;
}
.bg.bg--dark .button--solid:not(.button--primary) {
  filter: invert(1);
}
.bg.bg--primary {
  --color: #fff;
  --section-bg: var(--bg-primary);
}
.bg.bg--primary .button.button--primary {
  --button-color: #fff;
  --button-border-color: #fff;
}
.bg.bg--primary .button.button--primary.button--solid {
  --button-color: var(--color-primary);
  --button-bg: #fff;
}
.bg.bg--secondary {
  --color: #fff;
  --section-bg: var(--bg-secondary);
}
.bg.bg--secondary .button.button--primary {
  --button-color: #fff;
  --button-border-color: #fff;
}
.bg.bg--secondary .button.button--primary.button--solid {
  --button-color: var(--color);
  --button-bg: #fff;
}

.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row .yn-buttons {
  gap: 0;
  margin-right: 1rem;
}
.flex-column {
  flex-direction: column;
}
.flex-stretch {
  height: 100%;
}
.flex-grow {
  flex: 1;
}

@media (max-width: 48rem) {
  html .row div[class*=col-] {
    height: fit-content;
  }
}

@media only screen and (min-width: 96rem) {
  .col-xl,
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
  .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
  .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
  .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3,
  .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7,
  .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11,
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-xl {
    justify-content: flex-start;
    text-align: start;
  }
  .center-xl {
    justify-content: center;
    text-align: center;
  }
  .end-xl {
    justify-content: flex-end;
    text-align: end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
html .row {
  margin-left: calc(var(--gap) * -1);
  margin-right: calc(var(--gap) * -1);
}
html .row div[class*=col-] {
  padding-right: calc(var(--gap) * 0.5);
  padding-left: calc(var(--gap) * 0.5);
  margin-bottom: var(--gap);
}
html .row + .row {
  margin-top: var(--gap);
}
html .row.row--border div[class*=col-]:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
html .row.row--no-gap {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
html .row.row--no-gap [class^=col-] {
  height: 100%;
  padding-right: 0;
  padding-left: 0;
}
html .row[class*=center-] {
  text-align: left;
}
html .row[class*=end-] {
  text-align: left;
}

.site__logo {
  display: inline-block;
  font-family: var(--font-primary);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
}
.site__logo img,
.site__logo svg {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 12rem;
  max-height: 2.5rem;
}
.site__logo .o-work {
  fill: var(--accent-color);
}

ul.nav__header {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  gap: calc(var(--gap) * 0.75);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 1;
  transition: opacity var(--atime) ease;
}
ul.nav__header li {
  padding: 0;
  margin: 0;
}
ul.nav__header a:not(.button) {
  color: currentColor;
}
ul.nav__header a:not(.button):hover {
  color: var(--color-primary);
}
ul.nav__header a.button {
  text-transform: none;
  font-size: var(--font-size-small);
  padding-block: 0.5rem;
  padding-inline: calc(var(--gap) / 2);
}
@media screen and (min-width: 72rem) {
  ul.nav__header {
    display: flex;
  }
}

.site__navigation {
  position: fixed;
  inset: 0;
  background: var(--nav-site-bg, rgba(255, 255, 255, 0.9));
  backdrop-filter: blur(20px);
  transform: translateY(-100vh);
  transition: transform 0 ease, opacity 1s ease;
  opacity: 0;
  z-index: 100;
  overflow-y: auto;
  padding-block: 140px 10px;
}
.site__navigation .list--socials {
  opacity: 0;
  transition: opacity 0 linear;
}
.site__navigation > .inner .row + .row {
  margin: 0;
}

.nav__site {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  font-size: clamp(var(--font-size-intro), 5vw, 3rem);
  list-style: none;
  line-height: 1.875;
  overflow-y: auto;
  padding-left: 0;
}
.nav__site > li {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--gap);
  border-bottom: 1px solid var(--accent-dark-60);
  transition: background-color var(--atime) ease;
}
.nav__site > li:hover {
  background: var(--bg-verylight);
}
.nav__site > li > a,
.nav__site > li > span {
  display: inline-block;
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: var(--font-weight-light);
  line-height: var(--lh-heading);
  margin: 0;
}
.nav__site > li > a:hover,
.nav__site > li > span:hover {
  color: currentColor;
}
@media screen and (min-width: 48rem) {
  .nav__site > li {
    flex: 1 1 100%;
  }
}
.nav__site .subnav {
  padding: 0;
  margin-top: calc(var(--gap) / 2);
  width: 100%;
  list-style: none;
}
.nav__site .subnav li {
  padding-block: 0.25rem;
}
.nav__site .subnav li + li {
  border-top: 1px solid var(--border-color);
}
.nav__site a:hover {
  color: var(--color-primary);
}

.nav__brands {
  display: none;
}
@media (min-width: 48rem) {
  .nav__brands {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--gap) * 0.5);
    font-size: clamp(var(--font-size-intro), 5vw, 3rem);
    list-style: none;
    line-height: 1.875;
    overflow-y: auto;
    padding-left: 0;
  }
  .nav__brands > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--gap);
    width: 40%;
  }
  .nav__brands > li p {
    margin-bottom: calc(var(--gap) * 0.5);
  }
}
@media (min-width: 48rem) and (min-width: 120rem) {
  .nav__brands > li p {
    max-width: 80%;
  }
}
@media (min-width: 48rem) {
  .nav__brands .logo__o-work {
    display: block;
    width: 200px;
    height: 55px;
    margin-block: 0 var(--gap);
  }
}

.nav__buttons {
  display: flex;
  gap: calc(var(--gap) / 2);
  max-height: 42px;
}

.nav__menu {
  display: flex;
  position: relative;
  align-items: center;
  gap: 0.35rem;
  color: currentColor;
  padding: 0;
  height: 100%;
  min-width: var(--nav-icon-size);
  border-radius: var(--border-radius);
  background-color: var(--nav-button-bg, transparent);
  transition: var(--atime) ease;
  overflow: hidden;
  z-index: 100;
}
.nav__menu:has(.nav__menu__label) {
  background-color: var(--bg-verylight);
}

.nav__menu__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 1;
  gap: 4px;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  background: var(--nav-button-bg);
}
.nav__menu__icon span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: var(--nav-icon-bg, #000);
  transition: all var(--nav-atime) ease;
}
.nav__menu__icon span:last-child {
  width: 65%;
}

.nav__menu__label {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  padding-right: 0.5rem;
}
@media screen and (max-width: 30rem) {
  .nav__menu__label {
    display: none;
  }
}

.nav__search {
  display: block;
  padding: 0.5rem;
  text-align: center;
  color: var(--nav-search-color);
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  border-radius: var(--button-border-radius);
  background: var(--nav-search-bg);
}

body.js-nav-open {
  overflow: hidden;
}
body.js-nav-open .nav__menu__icon {
  transform: rotate(45deg);
  transition-delay: calc(var(--nav-atime) * 0.33);
}
body.js-nav-open .nav__menu__icon span:first-child {
  transform: translateY(7px);
}
body.js-nav-open .nav__menu__icon span:nth-child(2) {
  width: 0;
  transition: all calc(var(--nav-atime) - 0.1s) ease;
  transition-delay: 0s;
}
body.js-nav-open .nav__menu__icon span:last-child {
  width: 100%;
  transform: translateY(-7px) rotate(90deg);
}
body.js-nav-open .nav__header {
  opacity: 0;
}
body.js-nav-open .site__navigation {
  opacity: 1;
  transform: translateY(0);
  transition: background var(--atime) ease, opacity 1s ease, transform 0 ease;
  pointer-events: all;
}
body.js-nav-open .list--socials {
  opacity: 1;
  transition: opacity 2s ease;
}
body.js-nav-open .nav__site li[style] {
  animation-name: animateIn;
  animation-duration: 300ms;
  animation-delay: calc(var(--animation-order) * 50ms);
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

@keyframes animateIn {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 48rem) {
  .no-mobile {
    display: none;
  }
  .mobile-column.list--inline {
    flex-direction: column;
  }
}
@media (max-width: 64rem) {
  .no-tablet {
    display: none;
  }
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  display: block;
  font-family: var(--font-secondary);
  font-weight: var(--font-weight-light);
  line-height: var(--lh-heading);
  letter-spacing: -3%;
  word-break: break-word;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  margin-top: 0.35rem;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + time, :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .tagline {
  margin-top: 0.5rem;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + time + p, :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .tagline + p {
  margin-top: 1rem;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .text, :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + .yn-buttons, :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) + :where(p, ul, ol) {
  margin-top: 1rem;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):has(+ form) {
  margin-top: 0.5rem;
}

h1,
.h1 {
  font-size: clamp(2rem, 5vw, 5rem);
  letter-spacing: initial;
}

h2,
.h2 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
}

h3,
.h3 {
  font-size: clamp(1.5rem, 5vw, 2.35rem);
}

h4,
.h4 {
  font-size: clamp(1.25rem, 5vw, 1.65rem);
  font-weight: var(--font-weight-medium);
}
h4 + p,
.h4 + p {
  margin-top: var(--gap);
}

h5,
.h5 {
  font-size: clamp(1.1rem, 5vw, 1.25rem);
  font-weight: var(--font-weight-regular);
}

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

:where(p, q, ul, ol, dl, blockquote, input, select, textarea, aside) {
  font-size: var(--font-size);
  font-weight: var(--font-weight-light);
  line-height: var(--lh);
  letter-spacing: -3%;
  color: currentColor;
  word-break: break-word;
}
:where(p, q, ul, ol, dl, blockquote, input, select, textarea, aside):not(:last-child) {
  margin-bottom: var(--gap);
}

i {
  font-style: normal;
}

b {
  font-weight: normal;
}

strong,
.strong {
  font-weight: var(--font-weight-semi-bold);
}

big,
.big {
  font-size: var(--font-size-big);
  font-weight: var(--font-weight-regular);
  letter-spacing: initial;
}

small,
.small {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  letter-spacing: initial;
}

.tiny {
  font-size: var(--font-size-tiny);
  letter-spacing: initial;
}

:where(a) {
  cursor: pointer;
  color: currentColor;
  transition: all var(--atime) ease;
}
:where(a):not([class]):link:hover {
  opacity: 0.7;
}

mark {
  padding: 0.25rem 0.5rem;
  background: var(--bg-grey);
  color: var(--font-primary);
}

address + h4 {
  margin-top: calc(var(--gap) * 2);
}

blockquote cite {
  font-size: var(--font-size-small);
  font-family: var(--font-primary);
  font-style: normal;
  opacity: 0.7;
}

time,
.tagline,
.overline,
.type {
  display: inline-block;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  color: currentColor;
  text-transform: uppercase;
}

.tagline,
.overline {
  margin-bottom: calc(var(--gap) / 2);
}

.type {
  margin-bottom: 0;
}

time {
  font-size: var(--font-size-tiny);
  color: currentColor;
}
time + .yn-article {
  margin-top: 1rem;
}

.tagline,
.overline,
.type {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-small);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (min-width: 64rem) {
  .heading span:not([class]) {
    display: block;
  }
}

.subheading {
  font-weight: var(--font-weight-regular);
  color: var(--color-light);
}
.subheading:is(p) {
  margin: 0;
}

.counter {
  font-weight: var(--font-weight-regular);
}

.preis {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-intro);
}

.article--details .pos :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: var(--color-success);
}
.article--details .neg :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  color: var(--color-error);
}

.icon {
  height: 1rem;
  width: 1rem;
  background-color: currentColor;
  transform: translateY(2px);
  margin-left: 8px;
}
.icon__bus {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19C1.71667 19 1.47917 18.9042 1.2875 18.7125C1.09583 18.5208 1 18.2833 1 18V15.95C0.7 15.6167 0.458333 15.2458 0.275 14.8375C0.0916667 14.4292 0 13.9833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 13.9833 15.9083 14.4292 15.725 14.8375C15.5417 15.2458 15.3 15.6167 15 15.95V18C15 18.2833 14.9042 18.5208 14.7125 18.7125C14.5208 18.9042 14.2833 19 14 19H13C12.7167 19 12.4792 18.9042 12.2875 18.7125C12.0958 18.5208 12 18.2833 12 18V17H4V18C4 18.2833 3.90417 18.5208 3.7125 18.7125C3.52083 18.9042 3.28333 19 3 19H2ZM2 8H14V5H2V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM2.45 3H13.65C13.4 2.71667 12.8625 2.47917 12.0375 2.2875C11.2125 2.09583 9.88333 2 8.05 2C6.26667 2 4.9625 2.10417 4.1375 2.3125C3.3125 2.52083 2.75 2.75 2.45 3ZM4 15H12C12.55 15 13.0208 14.8042 13.4125 14.4125C13.8042 14.0208 14 13.55 14 13V10H2V13C2 13.55 2.19583 14.0208 2.5875 14.4125C2.97917 14.8042 3.45 15 4 15Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19C1.71667 19 1.47917 18.9042 1.2875 18.7125C1.09583 18.5208 1 18.2833 1 18V15.95C0.7 15.6167 0.458333 15.2458 0.275 14.8375C0.0916667 14.4292 0 13.9833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 13.9833 15.9083 14.4292 15.725 14.8375C15.5417 15.2458 15.3 15.6167 15 15.95V18C15 18.2833 14.9042 18.5208 14.7125 18.7125C14.5208 18.9042 14.2833 19 14 19H13C12.7167 19 12.4792 18.9042 12.2875 18.7125C12.0958 18.5208 12 18.2833 12 18V17H4V18C4 18.2833 3.90417 18.5208 3.7125 18.7125C3.52083 18.9042 3.28333 19 3 19H2ZM2 8H14V5H2V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM2.45 3H13.65C13.4 2.71667 12.8625 2.47917 12.0375 2.2875C11.2125 2.09583 9.88333 2 8.05 2C6.26667 2 4.9625 2.10417 4.1375 2.3125C3.3125 2.52083 2.75 2.75 2.45 3ZM4 15H12C12.55 15 13.0208 14.8042 13.4125 14.4125C13.8042 14.0208 14 13.55 14 13V10H2V13C2 13.55 2.19583 14.0208 2.5875 14.4125C2.97917 14.8042 3.45 15 4 15Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.icon__train {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19V18L3.5 17C2.51667 17 1.6875 16.6625 1.0125 15.9875C0.3375 15.3125 0 14.4833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 14.4833 15.6625 15.3125 14.9875 15.9875C14.3125 16.6625 13.4833 17 12.5 17L14 18V19H2ZM2 8H7V5H2V8ZM9 8H14V5H9V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM3.5 15H12.5C12.9333 15 13.2917 14.8583 13.575 14.575C13.8583 14.2917 14 13.9333 14 13.5V10H2V13.5C2 13.9333 2.14167 14.2917 2.425 14.575C2.70833 14.8583 3.06667 15 3.5 15ZM8 2C6.56667 2 5.37917 2.08333 4.4375 2.25C3.49583 2.41667 2.83333 2.66667 2.45 3H13.65C13.35 2.66667 12.7292 2.41667 11.7875 2.25C10.8458 2.08333 9.58333 2 8 2Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19V18L3.5 17C2.51667 17 1.6875 16.6625 1.0125 15.9875C0.3375 15.3125 0 14.4833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 14.4833 15.6625 15.3125 14.9875 15.9875C14.3125 16.6625 13.4833 17 12.5 17L14 18V19H2ZM2 8H7V5H2V8ZM9 8H14V5H9V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM3.5 15H12.5C12.9333 15 13.2917 14.8583 13.575 14.575C13.8583 14.2917 14 13.9333 14 13.5V10H2V13.5C2 13.9333 2.14167 14.2917 2.425 14.575C2.70833 14.8583 3.06667 15 3.5 15ZM8 2C6.56667 2 5.37917 2.08333 4.4375 2.25C3.49583 2.41667 2.83333 2.66667 2.45 3H13.65C13.35 2.66667 12.7292 2.41667 11.7875 2.25C10.8458 2.08333 9.58333 2 8 2Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.icon__tram {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19V18L3.5 17C2.51667 17 1.6875 16.6625 1.0125 15.9875C0.3375 15.3125 0 14.4833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 14.4833 15.6625 15.3125 14.9875 15.9875C14.3125 16.6625 13.4833 17 12.5 17L14 18V19H2ZM2 8H7V5H2V8ZM9 8H14V5H9V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM3.5 15H12.5C12.9333 15 13.2917 14.8583 13.575 14.575C13.8583 14.2917 14 13.9333 14 13.5V10H2V13.5C2 13.9333 2.14167 14.2917 2.425 14.575C2.70833 14.8583 3.06667 15 3.5 15ZM8 2C6.56667 2 5.37917 2.08333 4.4375 2.25C3.49583 2.41667 2.83333 2.66667 2.45 3H13.65C13.35 2.66667 12.7292 2.41667 11.7875 2.25C10.8458 2.08333 9.58333 2 8 2Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cpath fill='white' d='M2 19V18L3.5 17C2.51667 17 1.6875 16.6625 1.0125 15.9875C0.3375 15.3125 0 14.4833 0 13.5V4C0 2.61667 0.641667 1.60417 1.925 0.9625C3.20833 0.320833 5.23333 0 8 0C10.8667 0 12.9167 0.308333 14.15 0.925C15.3833 1.54167 16 2.56667 16 4V13.5C16 14.4833 15.6625 15.3125 14.9875 15.9875C14.3125 16.6625 13.4833 17 12.5 17L14 18V19H2ZM2 8H7V5H2V8ZM9 8H14V5H9V8ZM4.5 14C4.91667 14 5.27083 13.8542 5.5625 13.5625C5.85417 13.2708 6 12.9167 6 12.5C6 12.0833 5.85417 11.7292 5.5625 11.4375C5.27083 11.1458 4.91667 11 4.5 11C4.08333 11 3.72917 11.1458 3.4375 11.4375C3.14583 11.7292 3 12.0833 3 12.5C3 12.9167 3.14583 13.2708 3.4375 13.5625C3.72917 13.8542 4.08333 14 4.5 14ZM11.5 14C11.9167 14 12.2708 13.8542 12.5625 13.5625C12.8542 13.2708 13 12.9167 13 12.5C13 12.0833 12.8542 11.7292 12.5625 11.4375C12.2708 11.1458 11.9167 11 11.5 11C11.0833 11 10.7292 11.1458 10.4375 11.4375C10.1458 11.7292 10 12.0833 10 12.5C10 12.9167 10.1458 13.2708 10.4375 13.5625C10.7292 13.8542 11.0833 14 11.5 14ZM3.5 15H12.5C12.9333 15 13.2917 14.8583 13.575 14.575C13.8583 14.2917 14 13.9333 14 13.5V10H2V13.5C2 13.9333 2.14167 14.2917 2.425 14.575C2.70833 14.8583 3.06667 15 3.5 15ZM8 2C6.56667 2 5.37917 2.08333 4.4375 2.25C3.49583 2.41667 2.83333 2.66667 2.45 3H13.65C13.35 2.66667 12.7292 2.41667 11.7875 2.25C10.8458 2.08333 9.58333 2 8 2Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.icon__car {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath fill='white' d='M3 14V15C3 15.2833 2.90417 15.5208 2.7125 15.7125C2.52083 15.9042 2.28333 16 2 16H1C0.716667 16 0.479167 15.9042 0.2875 15.7125C0.0958333 15.5208 0 15.2833 0 15V7L2.1 1C2.2 0.7 2.37917 0.458333 2.6375 0.275C2.89583 0.0916667 3.18333 0 3.5 0H14.5C14.8167 0 15.1042 0.0916667 15.3625 0.275C15.6208 0.458333 15.8 0.7 15.9 1L18 7V15C18 15.2833 17.9042 15.5208 17.7125 15.7125C17.5208 15.9042 17.2833 16 17 16H16C15.7167 16 15.4792 15.9042 15.2875 15.7125C15.0958 15.5208 15 15.2833 15 15V14H3ZM2.8 5H15.2L14.15 2H3.85L2.8 5ZM4.5 11C4.91667 11 5.27083 10.8542 5.5625 10.5625C5.85417 10.2708 6 9.91667 6 9.5C6 9.08333 5.85417 8.72917 5.5625 8.4375C5.27083 8.14583 4.91667 8 4.5 8C4.08333 8 3.72917 8.14583 3.4375 8.4375C3.14583 8.72917 3 9.08333 3 9.5C3 9.91667 3.14583 10.2708 3.4375 10.5625C3.72917 10.8542 4.08333 11 4.5 11ZM13.5 11C13.9167 11 14.2708 10.8542 14.5625 10.5625C14.8542 10.2708 15 9.91667 15 9.5C15 9.08333 14.8542 8.72917 14.5625 8.4375C14.2708 8.14583 13.9167 8 13.5 8C13.0833 8 12.7292 8.14583 12.4375 8.4375C12.1458 8.72917 12 9.08333 12 9.5C12 9.91667 12.1458 10.2708 12.4375 10.5625C12.7292 10.8542 13.0833 11 13.5 11ZM2 12H16V7H2V12Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath fill='white' d='M3 14V15C3 15.2833 2.90417 15.5208 2.7125 15.7125C2.52083 15.9042 2.28333 16 2 16H1C0.716667 16 0.479167 15.9042 0.2875 15.7125C0.0958333 15.5208 0 15.2833 0 15V7L2.1 1C2.2 0.7 2.37917 0.458333 2.6375 0.275C2.89583 0.0916667 3.18333 0 3.5 0H14.5C14.8167 0 15.1042 0.0916667 15.3625 0.275C15.6208 0.458333 15.8 0.7 15.9 1L18 7V15C18 15.2833 17.9042 15.5208 17.7125 15.7125C17.5208 15.9042 17.2833 16 17 16H16C15.7167 16 15.4792 15.9042 15.2875 15.7125C15.0958 15.5208 15 15.2833 15 15V14H3ZM2.8 5H15.2L14.15 2H3.85L2.8 5ZM4.5 11C4.91667 11 5.27083 10.8542 5.5625 10.5625C5.85417 10.2708 6 9.91667 6 9.5C6 9.08333 5.85417 8.72917 5.5625 8.4375C5.27083 8.14583 4.91667 8 4.5 8C4.08333 8 3.72917 8.14583 3.4375 8.4375C3.14583 8.72917 3 9.08333 3 9.5C3 9.91667 3.14583 10.2708 3.4375 10.5625C3.72917 10.8542 4.08333 11 4.5 11ZM13.5 11C13.9167 11 14.2708 10.8542 14.5625 10.5625C14.8542 10.2708 15 9.91667 15 9.5C15 9.08333 14.8542 8.72917 14.5625 8.4375C14.2708 8.14583 13.9167 8 13.5 8C13.0833 8 12.7292 8.14583 12.4375 8.4375C12.1458 8.72917 12 9.08333 12 9.5C12 9.91667 12.1458 10.2708 12.4375 10.5625C12.7292 10.8542 13.0833 11 13.5 11ZM2 12H16V7H2V12Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.icon__walking {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 22'%3E%3Cpath fill='white' d='M1 21.5L3.8 7.4L2 8.1V11.5H0V6.8L5.05 4.65C5.28333 4.55 5.52917 4.49167 5.7875 4.475C6.04583 4.45833 6.29167 4.49167 6.525 4.575C6.75833 4.65833 6.97917 4.775 7.1875 4.925C7.39583 5.075 7.56667 5.26667 7.7 5.5L8.7 7.1C9.13333 7.8 9.72083 8.375 10.4625 8.825C11.2042 9.275 12.05 9.5 13 9.5V11.5C11.8333 11.5 10.7917 11.2583 9.875 10.775C8.95833 10.2917 8.175 9.675 7.525 8.925L6.9 12L9 14V21.5H7V15L4.9 13.4L3.1 21.5H1ZM7.5 4C6.95 4 6.47917 3.80417 6.0875 3.4125C5.69583 3.02083 5.5 2.55 5.5 2C5.5 1.45 5.69583 0.979167 6.0875 0.5875C6.47917 0.195833 6.95 0 7.5 0C8.05 0 8.52083 0.195833 8.9125 0.5875C9.30417 0.979167 9.5 1.45 9.5 2C9.5 2.55 9.30417 3.02083 8.9125 3.4125C8.52083 3.80417 8.05 4 7.5 4Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 22'%3E%3Cpath fill='white' d='M1 21.5L3.8 7.4L2 8.1V11.5H0V6.8L5.05 4.65C5.28333 4.55 5.52917 4.49167 5.7875 4.475C6.04583 4.45833 6.29167 4.49167 6.525 4.575C6.75833 4.65833 6.97917 4.775 7.1875 4.925C7.39583 5.075 7.56667 5.26667 7.7 5.5L8.7 7.1C9.13333 7.8 9.72083 8.375 10.4625 8.825C11.2042 9.275 12.05 9.5 13 9.5V11.5C11.8333 11.5 10.7917 11.2583 9.875 10.775C8.95833 10.2917 8.175 9.675 7.525 8.925L6.9 12L9 14V21.5H7V15L4.9 13.4L3.1 21.5H1ZM7.5 4C6.95 4 6.47917 3.80417 6.0875 3.4125C5.69583 3.02083 5.5 2.55 5.5 2C5.5 1.45 5.69583 0.979167 6.0875 0.5875C6.47917 0.195833 6.95 0 7.5 0C8.05 0 8.52083 0.195833 8.9125 0.5875C9.30417 0.979167 9.5 1.45 9.5 2C9.5 2.55 9.30417 3.02083 8.9125 3.4125C8.52083 3.80417 8.05 4 7.5 4Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.list {
  padding: 0;
}
.list:not([class*=m]) {
  margin: 0;
}
.list.list--frame {
  font-size: var(--font-size-small);
  margin-top: var(--gap);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.list.list--frame li {
  padding-inline: 1rem;
}

.list.list--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
}
.list.list--inline.list--separator li:not(:last-child)::after {
  content: var(--separator);
  display: inline-block;
  margin-left: calc(var(--gap) / 2 - 4px);
}

.list.list--checked {
  padding: 0;
  list-style: none;
}
.list.list--checked li {
  position: relative;
  margin: 0;
  padding-block: calc(var(--gap) / 2);
  padding-left: 2rem;
}
.list.list--checked li::before {
  content: "\f058";
  position: absolute;
  display: inline-block;
  font-family: var(--fa-version);
  font-weight: 900;
  color: currentColor;
  top: calc(var(--gap) / 2);
  left: 0;
  margin-block: auto;
}

.list.list--meta {
  list-style: none;
}
.list.list--meta > li {
  font-weight: var(--font-weight-medium);
}
.list.list--meta ul {
  padding: 0;
  margin-top: 0.35rem;
  list-style: none;
}
.list.list--meta ul li {
  line-height: 1.75;
}

.list.list--files {
  list-style: none;
}
.list.list--files li > a {
  display: block;
  font-weight: var(--font-weight-medium);
  padding: var(--button-padding);
  border-radius: var(--border-radius);
  border: var(--border-width) solid var(--border-color);
}
.list.list--files i[class*=fa-] {
  display: inline-block;
  margin-right: 0.5rem;
}

.list--info {
  list-style: none;
}
.list--info li {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  padding-block: 0.5rem;
}
.list--info li + li {
  border-top: 1px solid var(--border-color);
}
.list--info li span:first-of-type {
  font-weight: var(--font-weight-medium);
}
.list--info em {
  font-size: var(--font-size-small);
  font-style: normal;
}

.list--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 1rem;
}
.list--grid dt,
.list--grid dd {
  padding: 0.35rem 0;
}
.list--grid dt:not(:last-of-type),
.list--grid dd:not(:last-of-type) {
  border-bottom: 1px solid var(--border-color);
}
.list--grid dd {
  text-align: right;
}
.list--grid h3 {
  font-weight: var(--font-weight-medium);
}

.list__contact {
  display: grid;
  grid-template-columns: minmax(0, max-content);
  justify-content: center;
  gap: 0.5em;
  margin-top: 1rem;
}
.list__contact dt,
.list__contact dd {
  margin: 0;
}

.list--icon {
  list-style: none;
}
.list--icon ul {
  padding-left: calc(var(--gap) * 1.5);
  padding-bottom: var(--gap);
  margin-block: var(--gap);
}
.list--icon li {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-weight-regular);
  gap: 0.5rem;
  padding-block: 0.5rem;
}
.list--icon li:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translate(calc(var(--gap) * -1.5), 50%);
  width: var(--font-size);
  height: var(--font-size);
}

.list--icon.pos li:after {
  background: var(--color-success);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='white' d='M9.44 0C4.22 0 0 4.22 0 9.44s4.22 9.47 9.44 9.47 9.47-4.25 9.47-9.47S14.66 0 9.44 0zm0 17.5c-4.44 0-8.03-3.62-8.03-8.06S5 1.41 9.44 1.41s8.06 3.62 8.06 8.06-3.62 8.03-8.06 8.03zM12.12 6.53l-3.72 3.62-1.69-1.66c-.28-.28-.72-.25-1 0-.28.28-.25.72 0 1l2 1.94c.19.19.44.28.69.28s.5-.09.69-.28l4.03-3.88c.28-.28.28-.72 0-1-.28-.28-.72-.28-1-.03z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath fill='white' d='M9.44 0C4.22 0 0 4.22 0 9.44s4.22 9.47 9.44 9.47 9.47-4.25 9.47-9.47S14.66 0 9.44 0zm0 17.5c-4.44 0-8.03-3.62-8.03-8.06S5 1.41 9.44 1.41s8.06 3.62 8.06 8.06-3.62 8.03-8.06 8.03zM12.12 6.53l-3.72 3.62-1.69-1.66c-.28-.28-.72-.25-1 0-.28.28-.25.72 0 1l2 1.94c.19.19.44.28.69.28s.5-.09.69-.28l4.03-3.88c.28-.28.28-.72 0-1-.28-.28-.72-.28-1-.03z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.list--icon.neg li:after {
  background: var(--color-error);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M9.98.55C4.77.55.55,4.77.55,9.98s4.22,9.47,9.44,9.47,9.47-4.25,9.47-9.47S15.2.55,9.98.55ZM9.98,18.05c-4.44,0-8.03-3.62-8.03-8.06S5.55,1.95,9.98,1.95s8.06,3.62,8.06,8.06-3.62,8.03-8.06,8.03zM12.88,7.09c-.28-.28-.72-.28-1,0l-1.88,1.91-1.91-1.91c-.28-.28-.72-.28-1,0s-.28.72,0,1l1.91,1.91-1.91,1.91c-.28.28-.28.72,0,1,.12.12.31.22.5.22s.38-.06.5-.22l1.91-1.91,1.91,1.91c.12.12.31.22.5.22s.37-.06.5-.22c.28-.28.28-.72,0-1l-1.91-1.91,1.91-1.91c.25-.28.25-.72-.03-1z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M9.98.55C4.77.55.55,4.77.55,9.98s4.22,9.47,9.44,9.47,9.47-4.25,9.47-9.47S15.2.55,9.98.55ZM9.98,18.05c-4.44,0-8.03-3.62-8.03-8.06S5.55,1.95,9.98,1.95s8.06,3.62,8.06,8.06-3.62,8.03-8.06,8.03zM12.88,7.09c-.28-.28-.72-.28-1,0l-1.88,1.91-1.91-1.91c-.28-.28-.72-.28-1,0s-.28.72,0,1l1.91,1.91-1.91,1.91c-.28.28-.28.72,0,1,.12.12.31.22.5.22s.38-.06.5-.22l1.91-1.91,1.91,1.91c.12.12.31.22.5.22s.37-.06.5-.22c.28-.28.28-.72,0-1l-1.91-1.91,1.91-1.91c.25-.28.25-.72-.03-1z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.icon-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-block: calc(var(--gap) * 1.5);
}
.icon-item img {
  height: 5rem;
  width: 5rem;
  margin-right: 3rem;
}

.text.text--xl p {
  font-size: var(--font-size-big);
  font-weight: var(--font-weight-light);
  padding-block: var(--gap);
}
.text.text--intro {
  font-size: clamp(var(--font-size), 5vw, var(--font-size-intro));
}
.text.text--intro p:not(.tagline) {
  font-size: 1em;
}
.text + .yn-buttons, .text + .button, .text + .link {
  margin-top: 1rem;
}
.text.text--center {
  text-align: center;
}
.text.text--center .yn-buttons {
  justify-content: center;
}

address {
  font-size: var(--font-size);
  font-style: normal;
}
address p {
  font-size: 1em;
}

.quote {
  font-family: var(--font-secondary);
  text-align: center;
}
.quote.quote--single {
  padding-inline: 4rem;
}

.quote__image {
  display: inline-block;
  max-width: 8rem;
  margin-bottom: 1rem;
}

.card {
  --padding: 0;
  display: block;
  padding: var(--padding);
  border-radius: var(--border-radius);
}

.card__image {
  overflow: hidden;
}
.card__image > a:not([class]):hover {
  opacity: 1;
}
.card__image img {
  border-radius: var(--border-radius);
  transition: transform var(--atime) ease;
}
.card__image:has(a):hover img {
  transform: scale(1.15);
}
.card__image + div {
  margin-top: var(--gap);
}

.eventdate {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: var(--font-size-tiny);
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 0.25rem;
  border-radius: var(--border-radius);
  background: #fff;
  box-shadow: 0 0 2px var(--border-color);
  min-width: 3.5rem;
  max-width: 3.5rem;
  margin-bottom: var(--gap);
  pointer-events: none;
}
.eventdate > span {
  padding-inline: 0.5rem;
}
.eventdate__month {
  color: #fff;
  padding-block: 0.125rem;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background: #000;
}
.eventdate__day {
  font-size: var(--font-size-small);
  color: var(--color-primary);
  line-height: 1.25;
  padding-top: 0.25rem;
}
.eventdate__year {
  font-size: 0.75rem;
}

.responsible__person {
  margin-bottom: var(--gap);
}
@media (min-width: 48rem) {
  .responsible__person {
    margin-right: calc(var(--gap) * -1);
  }
}
.responsible__person .person {
  text-align: center;
}
.responsible__person .person .person__image {
  text-align: center;
  margin-bottom: -10px;
}
.responsible__person .person .person__image img {
  display: inline-block;
  max-width: 25rem;
}

details {
  border-radius: var(--border-radius-wide);
  background: var(--bg-light);
}
details .details__content {
  padding: calc(var(--gap) * 1.5);
  padding-top: 0;
}
details summary {
  cursor: pointer;
  position: relative;
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details + details {
  margin-top: calc(var(--gap) / 2);
}
@media (prefers-reduced-motion: no-preference) {
  details {
    interpolate-size: allow-keywords;
  }
}
details::details-content {
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: content-visibility var(--nav-atime) allow-discrete, opacity var(--nav-atime), block-size var(--nav-atime);
}
details[open]::details-content {
  opacity: 1;
  block-size: auto;
}
details[open] summary {
  color: currentColor;
}
details[open] summary .icon.icon--arrow {
  transform: scaleY(-1);
  color: #fff;
  background: var(--accordion-active);
}
details[open] summary {
  /*
  &::before, &::after {background-color: var(--accordion-active);}
  &::before {transform: rotate(-45deg);}
  &::after {transform: rotate(45deg);}
  */
  /*
  &::after {
  	opacity: 0;
  	transform: translateY(-50%) rotate(90deg);
  }
  */
}

summary {
  font-size: clamp(var(--font-size), 5vw, 1.5rem);
  padding: calc(var(--gap) * 1.5);
  padding-right: calc(var(--gap) * 3);
}
summary .icon.icon--arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(var(--gap) * 1.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.125);
  transform-origin: 0 25%;
  transition: all var(--atime) ease;
}
summary .icon.icon--arrow::after {
  position: relative;
  content: "";
  top: -2px;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-top: var(--accordion-icon-width, 2px) solid;
  border-right: var(--accordion-icon-width, 2px) solid;
  background: none;
  transform: rotate(135deg);
}
summary {
  /*
  &::before,
  &::after {
  	text-align: right;
  	height: var(--accordion-icon-width, 2px);
  	width: var(--accordion-icon-size, 1rem);
  	background-color: currentColor;
  }

  &::after {
  	transform: translateY(-50%) rotate(90deg);
  }
  */
}

.accordions .yn-accordions::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--border-width);
  background: var(--border-color);
  margin-bottom: 1rem;
}
.accordions .yn-accordion__content .text {
  padding-block: 0 var(--gap);
}

.section--accordions .section__header:has(+ *) {
  margin-bottom: 0;
}
.section--accordions .yn-accordion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 75rem) {
  .section--accordions .yn-accordion {
    display: grid;
    grid-template-columns: 35% 60% 5%;
  }
}
.section--accordions .yn-accordion__header {
  position: static;
}
.section--accordions .yn-accordion__content {
  grid-column: 2;
}

.timeline__container {
  --timeline-color: var(--bg-light);
  padding: 0;
  margin-top: min(4rem, var(--flow));
  background: linear-gradient(90deg, var(--timeline-color) 2px, var(--section-bg) 1px);
  background-position: 0.75rem 0;
  background-repeat: repeat-y;
  background-size: 50%;
  list-style: none;
}
.timeline__container h3 span {
  display: block;
}
.timeline__container:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 64rem) {
  .timeline__container {
    background-position: 100% 0;
  }
}

.timeline {
  --base-icon-size: 1rem;
  --icon-size: calc(var(--base-icon-size) * var(--growth-factor, 1) * 1.5);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.timeline__dot {
  position: absolute;
  top: 0.75rem;
  left: 0;
  height: var(--icon-size);
  width: var(--icon-size);
  border-radius: 50%;
  background: var(--timeline-color);
}
.timeline__item {
  margin-left: 5vw;
  padding: var(--gap);
  padding-left: 2vmax;
  padding-right: 0;
}
.timeline__item p:last-child {
  margin-bottom: 0;
}
.timeline:first-child .timeline__dot {
  top: 0;
}
.timeline:first-child .timeline__item {
  padding-top: 0;
}
.timeline:last-child {
  background: linear-gradient(to bottom, transparent 1.5rem, var(--section-bg) 1.5rem);
}
@media screen and (min-width: 64rem) {
  .timeline {
    justify-content: flex-end;
    margin: 0 -1.5rem;
  }
  .timeline__dot {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 1px;
  }
  .timeline__item {
    flex-basis: 48%;
    margin-left: 0;
    padding: 0.5rem var(--gap);
    justify-self: flex-end;
  }
  .timeline:nth-child(odd) {
    justify-content: flex-start;
    text-align: right;
  }
}

.timeline__image + .timeline__content {
  margin-top: var(--gap);
}

.message {
  padding-block: 0 var(--item-gap);
  border-radius: var(--border-radius);
}
.message .title {
  margin-bottom: var(--item-gap);
}

.gradient {
  position: relative;
}
.gradient:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 1;
  background: linear-gradient(20deg, var(--accent-black) 0%, transparent 65%);
  mix-blend-mode: multiply;
}
.gradient:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 2;
  background: linear-gradient(20deg, var(--accent-color) 0%, transparent 30%);
}

.splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide {
  width: 100%;
}
@media (min-width: 48rem) {
  .splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide {
    width: 28% !important;
  }
}

.splide--teaser--perpage-5 .splide__track ul.splide__list li.splide__slide {
  width: 100%;
}
@media (min-width: 48rem) {
  .splide--teaser--perpage-5 .splide__track ul.splide__list li.splide__slide {
    width: 21% !important;
  }
}

@media (max-width: 48rem) {
  .splide--teaser--perpage-6 .splide__track ul.splide__list li.splide__slide {
    width: 100%;
  }
}

.teaser__base {
  height: 100%;
  width: 100%;
  padding: calc(var(--gap) * 0.5);
}
.teaser__base .teaser__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}
.teaser__base .teaser__card:hover {
  box-shadow: var(--box-shadow-hover);
}
.teaser__base .teaser__content {
  padding: var(--gap) calc(var(--gap) * 0.75);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.teaser__base .teaser__content p {
  padding-bottom: calc(var(--gap) * 0.25);
}
.teaser__base .yn-buttons {
  margin-top: auto;
  justify-content: end;
}

.teaser__image {
  --ratio: 800 / 400;
  position: relative;
  aspect-ratio: var(--ratio);
}
.teaser__image .teaser__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  aspect-ratio: var(--ratio);
  object-fit: cover;
  inset: 0;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0.5;
}
.teaser__image img {
  aspect-ratio: var(--ratio);
  object-fit: cover;
}

.teaser:is(a):hover .teaser__image .teaser__overlay img {
  transform: scale(1.15) translateX(-6.5%);
}

.signet--before h4 {
  position: relative;
}
.signet--before h4:before {
  content: "";
  display: block;
  margin-bottom: calc(var(--font-size) * 0.75);
  height: calc(var(--font-size) * 2);
  width: calc(var(--font-size) * 2);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.intro > .button {
  display: inline-block;
}
@media (min-width: 120rem) {
  .intro .col-sm-5 .heading {
    max-width: 60%;
  }
}

div[class*=col-] a.button.align-right {
  display: block;
  width: fit-content;
  margin-left: auto;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.order-1 {
  order: 1;
}
@media (min-width: 48rem) {
  .order-1.reverse {
    order: 2;
  }
}

.order-2 {
  order: 2;
}
@media (min-width: 48rem) {
  .order-2.reverse {
    order: 1;
  }
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.overlay-signet .bg-image {
  position: relative;
}
.overlay-signet .bg-image:after {
  content: "";
  position: absolute;
  height: 80%;
  width: 80%;
  right: 0;
  left: initial;
  top: 10%;
  bottom: 10%;
  transform: translateX(50%);
  background: var(--color-primary);
  opacity: 0.68;
  mix-blend-mode: multiply;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.overlay-signet .bg-image.reverse:after {
  right: initial;
  left: 0;
  transform: translateX(-50%);
}

.signet {
  display: none;
}
@media (min-width: 48rem) {
  .signet {
    position: absolute;
    display: inline-block;
    z-index: 4;
    height: 30vw;
    width: 30vw;
    right: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    background: var(--color-primary);
    opacity: 1;
    mix-blend-mode: multiply;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
}

.bg-overlay {
  position: relative;
  padding-block: var(--section-flow);
}
.bg-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--overlay-mobile);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 65%;
  opacity: 0.25;
}
@media (min-width: 48rem) {
  .bg-overlay::before {
    background-image: var(--overlay-desktop);
    background-position: 25%;
  }
}

.inner {
  position: relative;
  z-index: 6;
}

.mask {
  --accent-color: var(--accent-pri-70);
  position: absolute;
  inset: 0;
  z-index: 0;
  scale: 1.3;
  transform: translateY(15%);
  background-size: cover;
  background-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.mask::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(50deg, var(--accent-color) 15%, rgba(255, 255, 255, 0) 65%);
}

.partner {
  --neg-space: 0px;
}
@media (min-width: 48rem) {
  .partner {
    --neg-space: calc(var(--gap) * 2.5);
  }
}
.partner__card {
  background: var(--color-white);
  padding: calc(var(--gap) * 1.5);
  margin: calc(var(--gap) * 0.5);
  height: calc(13.8888888889vw - var(--neg-space));
}
@media (max-width: 48rem) {
  .partner__card {
    margin: 0;
    height: auto;
  }
  .partner__card figure {
    min-height: 12rem;
  }
}
.splide__slide:first-child .partner__card {
  margin-left: 0;
}
.splide__slide:last-child .partner__card {
  margin-right: 0;
}
.partner__card figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.partner__card figure img {
  object-fit: contain;
  object-position: center center;
}

.border-bottom ul {
  border-bottom: 1px solid var(--border-color);
}

.border-top {
  position: relative;
}
.border-top:before {
  content: "";
  position: absolute;
  top: calc(var(--gap) * -1);
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-black);
}

.tag-box {
  border: 1px solid currentColor;
  padding: 2px 6px;
  margin-right: calc(var(--gap) * 0.15);
  line-height: 2rem;
  white-space: nowrap;
}

.bg-image {
  position: relative;
}
.bg-image .bg-overlay {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.2;
}

.handle-single,
.handle-open {
  position: relative;
  width: fit-content;
}
.handle-single:after,
.handle-open:after {
  content: "";
  position: absolute;
  width: 120%;
  height: 1px;
  bottom: -3px;
  left: -10%;
  right: -10%;
}

.handle-single:after {
  background: var(--accent-core);
}

.handle-open:after {
  background: var(--accent-pri);
}

.section__header .buttons,
.flex-right {
  flex-direction: row;
  justify-content: flex-end;
}

@media (max-width: 48rem) {
  .banner__content.ptf,
  .inner.ptf {
    padding-top: calc(var(--flow) + 4rem);
  }
}

a.link-primary {
  color: var(--color-primary);
}

.spacer {
  height: var(--flow);
}

.section--banner {
  --min-height: 40rem;
  --max-height: 75vmin;
  --slider-dots-active-bg: #fff;
  --slider-dots-bg: rgb(255 255 255 / .5);
  padding-bottom: 0;
}
.section--banner:only-child {
  padding-bottom: 0;
}
.section--banner:first-child {
  padding-top: 0;
}
.section--banner + section {
  padding-top: var(--section-flow);
}
@media screen and (min-width: 48rem) {
  .section--banner:has(+ section.bg) {
    padding-bottom: 0;
  }
}
.section--banner.aktuelles--details, .section--banner.lage--details {
  --accent-color: var(--accent-pri-50);
}
.section--banner.aktuelles--details .gradient:before, .section--banner.zielgruppen--details .gradient:before {
  background: linear-gradient(155deg, var(--accent-black-30) 0%, transparent 65%);
}
.section--banner.aktuelles--details .gradient:after, .section--banner.zielgruppen--details .gradient:after {
  background: linear-gradient(155deg, var(--accent-color) 0%, transparent 30%);
}
.section--banner.lage--details .gradient:before {
  background: linear-gradient(205deg, var(--accent-black-30) 0%, transparent 65%);
}
.section--banner.lage--details .gradient:after {
  background: linear-gradient(205deg, var(--accent-color) 0%, transparent 30%);
}
.section--banner.zielgruppen--details .bg-image, .section--banner.lage--details .bg-image {
  transform: scaleX(-1);
  background-position: unset;
}
.section--banner.zielgruppen--details .logo__o-work, .section--banner.lage--details .logo__o-work {
  height: 130px;
}
.section--banner.zielgruppen--details .heading, .section--banner.lage--details .heading {
  margin-block: var(--item-gap);
}
.section--banner.zielgruppen--details .list--grid, .section--banner.lage--details .list--grid {
  border-bottom: 1px solid currentColor;
}
@media (min-width: 48rem) {
  .section--banner.zielgruppen--details .list--grid, .section--banner.lage--details .list--grid {
    grid-template-columns: 1fr 2fr;
  }
}
@media (max-width: 48rem) {
  .section--banner.zielgruppen--details .list--grid, .section--banner.lage--details .list--grid {
    display: flex;
    flex-direction: column;
  }
}
.section--banner.zielgruppen--details .list--grid dt, .section--banner.lage--details .list--grid dt {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  align-content: center;
}
@media (max-width: 48rem) {
  .section--banner.zielgruppen--details .list--grid dt, .section--banner.lage--details .list--grid dt {
    border-bottom: 0px;
  }
}
.section--banner.zielgruppen--details .tagline, .section--banner.lage--details .tagline {
  margin-top: var(--item-gap);
}

section.banner--objekte.bg:first-child {
  padding-top: 0;
}

.banner {
  position: relative;
}

.banner__media {
  position: relative;
  background-color: var(--bg-verylight);
  overflow: hidden;
}

.banner__media__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: var(--max-height);
  aspect-ratio: 16/10;
}
@media screen and (min-width: 48rem) {
  .banner__media__image {
    min-height: var(--min-height);
  }
}

.banner__content {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 48rem) {
  .banner__content {
    --color: #fff;
    inset: 0;
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 48rem) {
  .banner.banner--darken .banner__media::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5));
  }
}

.banner--home .banner__content,
.banner--objekte .banner__content {
  --color: var(--color-black);
}
.banner--home .banner__content .inner,
.banner--objekte .banner__content .inner {
  padding-bottom: 0;
}
.banner--home .logo__o-work,
.banner--home .tagline,
.banner--objekte .logo__o-work,
.banner--objekte .tagline {
  margin-block: var(--gap);
}

@media (max-width: 48rem) {
  .banner--home .content__media {
    display: flex;
    flex-direction: column-reverse;
  }
}
.banner--home .banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% -8rem;
}
.banner--home .banner:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  background: var(--accent-white-50);
}
.banner--home .tagline {
  color: currentColor;
}

.banner--objekte {
  --accent-color: var(--accent-pri);
}
@media (max-width: 48rem) {
  .banner--objekte .content__media {
    display: flex;
    flex-direction: column-reverse;
  }
}
.banner--objekte figure.banner__media {
  position: relative;
}
.banner--objekte figure.banner__media figure.banner__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  opacity: 0.2;
  z-index: 1;
  scale: 1.4;
}
.banner--objekte figure.banner__media figure.banner__overlay img {
  object-fit: cover;
  object-position: calc(50% + 5vw) 0%;
}
.banner--objekte .banner__media img,
.banner--objekte .banner__overlay img {
  transform: scaleX(-1);
}
.banner--objekte .gradient:before {
  background: linear-gradient(200deg, var(--accent-lab) 0%, transparent 35%);
}
.banner--objekte .gradient:after {
  background: linear-gradient(200deg, var(--accent-color) 0%, transparent 25%);
}
.banner--objekte .listing--filter {
  left: calc(8.3333333333vw + var(--gap) * 0.5);
}

.banner--about {
  position: relative;
}
.banner--about:has(+ section.bg) {
  padding-bottom: 0;
}
.banner--about .banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
}
@media (min-width: 48rem) {
  .banner--about .banner {
    background-position: top center;
  }
}
.banner--about .banner figure.banner__media {
  display: none;
}
@media (min-width: 48rem) {
  .banner--about .banner figure.banner__media {
    content: "";
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 50%;
    top: 0;
    right: 0;
    mix-blend-mode: multiply;
    z-index: 3;
  }
  .banner--about .banner figure.banner__media img {
    max-height: unset;
  }
}
.banner--about .banner.gradient:before {
  background: linear-gradient(163deg, var(--accent-white-80) 30%, transparent 100%);
  mix-blend-mode: normal;
}
@media (min-width: 48rem) {
  .banner--about .banner.gradient:before {
    background: linear-gradient(163deg, var(--accent-white) 10%, transparent 70%);
  }
}
@media (min-width: 120rem) {
  .banner--about .banner.gradient:before {
    background: linear-gradient(163deg, var(--accent-white) 20%, transparent 80%);
  }
}
.banner--about .banner.gradient:after {
  background: linear-gradient(158deg, var(--accent-white-40) 10%, var(--accent-white-20) 100%);
  mix-blend-mode: normal;
}
@media (min-width: 48rem) {
  .banner--about .banner.gradient:after {
    background: linear-gradient(158deg, var(--accent-white) 10%, transparent 70%);
  }
}
@media (min-width: 120rem) {
  .banner--about .banner.gradient:after {
    background: linear-gradient(158deg, var(--accent-white) 20%, transparent 50%);
  }
}
.banner--about .logo__o-work {
  margin-top: calc(var(--flow) * 2);
}
@media (min-width: 75rem) {
  .banner--about .banner__content {
    max-width: 90%;
  }
}
@media (min-width: 120rem) {
  .banner--about .banner__content {
    max-width: 60%;
  }
}
.banner--about .banner__content .inner {
  padding-bottom: var(--gap);
  position: relative;
  z-index: 4;
}

.article__content + .article__footer {
  margin-top: var(--gap);
}

.article__image + .article__quote {
  margin-top: var(--gap);
}

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

:where(h1, h2, h3) + .yn-article {
  margin-top: var(--gap);
}

.yn-article > * + * {
  margin-top: var(--gap);
}
.yn-article li + li {
  margin-top: 0.5rem;
}

.yn-article__heading + .yn-article__heading {
  margin-top: 1rem;
}
.yn-article__heading + .yn-article__intro-text {
  margin-top: var(--gap);
}

.yn-article__intro-text {
  --font-size: var(--font-size-intro);
}
.yn-article__intro-text + .yn-article__text {
  margin-top: var(--gap);
}

.yn-article__images {
  display: flex;
  gap: var(--gap);
  align-items: center;
  margin-block: calc(var(--gap) * 2);
}

.yn-video {
  border-radius: var(--border-radius);
}

.yn-accordion:not(:last-of-type)::after {
  background: var(--border-color);
}

.yn-article__accordions + .yn-article__heading {
  margin-top: calc(var(--flow) / 2);
}

.yn-accordion__header {
  font-size: var(--font-size-intro);
}

.yn-accordion__content .yn-article {
  padding-block: var(--gap);
}

.yn-buttons {
  gap: 0.5rem;
}

.article--details.section--banner .banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 120vh;
}
.article--details.section--banner .banner figure.banner__media {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  right: 0;
  filter: grayscale(1);
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.article--details.section--banner .banner figure.banner__media img {
  height: 100% !important;
  max-height: unset;
  object-fit: cover;
  transform: scaleX(-1);
}
.article--details.section--banner .banner.gradient:before {
  background: linear-gradient(0deg, var(--accent-black-40) 0%, var(--accent-black-40) 100%);
}
.article--details.section--banner .banner.gradient:after {
  --accent-color: transparent;
}
.article--details.section--banner .logo__o-work {
  height: 80px;
  margin-block: 0 var(--item-gap);
}
.article--details.section--banner .text--intro {
  margin-block: var(--item-gap) calc(var(--item-gap) * 2);
}
.article--details.section--banner .banner__content .inner {
  --button-border-color: var(--color-white);
  color: var(--color-white);
  padding-bottom: var(--gap);
  position: relative;
  z-index: 4;
}
.article--details.section--banner .banner__content .inner .tagline {
  color: currentColor;
}
@media (min-width: 75rem) {
  .article--details.section--banner .banner__content .inner .heading {
    max-width: 60%;
  }
}
@media (min-width: 120rem) {
  .article--details.section--banner .banner__content .inner .heading {
    max-width: 50%;
  }
}
.article--details.section--details .buttons {
  margin-bottom: var(--gap);
}
.article--details.section--details .article__links {
  margin-top: var(--gap);
}
.article--details.section--details .tagline {
  margin-top: var(--gap);
}
.article--details.section--details .article__headline {
  text-align: right;
}
.article--details.section--details .article__headline :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-weight: var(--font-weight-medium);
}
@media (min-width: 75rem) {
  .article--details.section--details .article__headline :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    padding-left: 35%;
  }
}
.article--details.section--introduction.o-work_one {
  --color: var(--color-black);
}
.article--details.section--introduction {
  --color: var(--color-white);
  position: relative;
  padding-block: 0 !important;
}
.article--details.section--introduction figure.banner__media {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  filter: grayscale(1);
  mix-blend-mode: multiply;
  opacity: 0.2;
}
.article--details.section--introduction figure.banner__media img {
  height: 100% !important;
  max-height: unset;
  object-fit: cover;
}
.article--details.section--introduction.gradient:before {
  --accent-black: transparent;
}
.article--details.section--introduction.gradient:after {
  background: linear-gradient(20deg, var(--accent-color) 0%, var(--accent-color) 100%);
  opacity: 0.9;
  mix-blend-mode: multiply;
}
.article--details.section--introduction .banner__overlay {
  padding-block: calc(var(--flow) * 1.5) var(--flow);
}
.article--details.section--introduction .banner__overlay p {
  font-size: var(--font-size-medium);
  margin-block: var(--item-gap);
}
.article--details.article--rundgang .section__header .button {
  display: none;
}
.article--details.article--rundgang figure img,
.article--details.article--rundgang figure video {
  aspect-ratio: 243/103;
  object-fit: cover;
}
.article--details.article--rundgang .media--rundgang {
  position: relative;
  aspect-ratio: 243/103;
}
.article--details.article--rundgang .media--rundgang iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

figure {
  position: relative;
}
figure.media--image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
figure > a {
  display: block;
}
figure figcaption {
  padding-top: 1rem;
}
figure figcaption {
  position: absolute;
  inset: 0;
  top: auto;
  padding: 2rem 1rem 1rem;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.25));
}
figure .yn-image {
  border-radius: var(--border-radius);
}
figure.round {
  border-radius: 100%;
  overflow: hidden;
}
figure.round img {
  border-radius: 100%;
}
figure.avatar {
  text-align: center;
  border-radius: 0;
}
@media screen and (max-width: 64rem) {
  figure.avatar img {
    display: inline-block;
    max-width: 20rem;
  }
}

.iframe {
  position: relative;
}
.iframe--maps iframe {
  height: 34rem;
}
.iframe--video {
  --aspect-ratio: 16/9;
}
.iframe--video > iframe {
  height: 100%;
  width: 100%;
}
@supports (aspect-ratio: auto) {
  .iframe--video {
    aspect-ratio: var(--aspect-ratio);
  }
}
@supports not (aspect-ratio: auto) {
  .iframe--video::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .iframe--video > iframe {
    position: absolute;
    inset: 0;
  }
}

.gallery {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  flex-wrap: wrap;
  gap: min(4vmin, var(--gap));
}
.gallery .gallery__item {
  flex: 1 1 33%;
}
.gallery .gallery__item:first-of-type figure {
  aspect-ratio: 4/3;
}
.gallery .gallery__item:first-of-type figure img, .gallery .gallery__item:first-of-type figure video {
  height: 100%;
  object-fit: cover;
}
.gallery .gallery__item:last-of-type figure {
  aspect-ratio: 3/4;
}
.gallery .gallery__item:last-of-type figure img, .gallery .gallery__item:last-of-type figure video {
  height: 100%;
  object-fit: cover;
}
.gallery figure {
  margin-bottom: min(4vmin, var(--gap));
}

.section--cta .button:after {
  rotate: 45deg;
}

.button {
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  color: var(--button-color, var(--current-color));
  text-align: center;
  padding: var(--button-padding);
  border-radius: var(--button-border-radius);
  border: var(--button-border-width) solid transparent;
  background-color: var(--button-bg);
  transition: all var(--atime) ease;
  text-wrap: nowrap;
}
.button:after {
  content: "";
  display: inline-block;
  margin-left: calc(var(--font-size) * 0.5);
  height: calc(var(--font-size) * 0.5);
  width: calc(var(--font-size) * 0.5);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M13.02.16H2.59c-.07,0-.15.01-.22.04-.07.03-.13.07-.18.12-.05.05-.09.11-.12.18-.03.07-.04.14-.04.22s.01.15.04.22c.03.07.07.13.12.18.05.05.11.09.18.12.07.03.14.04.22.04h9.32L.35,12.86c-.06.05-.1.11-.13.18s-.05.14-.05.22c0,.08.01.15.04.22.03.07.07.14.12.19.05.05.12.1.19.12.07.03.15.04.22.04.08,0,.15-.02.22-.05.07-.03.13-.08.18-.13L12.71,2.09v9.32c0,.15.06.29.17.4.11.11.25.17.4.17s.29-.06.4-.17c.11-.11.17-.25.17-.4V.98c0-.22-.09-.43-.24-.58-.15-.15-.36-.24-.58-.24Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M13.02.16H2.59c-.07,0-.15.01-.22.04-.07.03-.13.07-.18.12-.05.05-.09.11-.12.18-.03.07-.04.14-.04.22s.01.15.04.22c.03.07.07.13.12.18.05.05.11.09.18.12.07.03.14.04.22.04h9.32L.35,12.86c-.06.05-.1.11-.13.18s-.05.14-.05.22c0,.08.01.15.04.22.03.07.07.14.12.19.05.05.12.1.19.12.07.03.15.04.22.04.08,0,.15-.02.22-.05.07-.03.13-.08.18-.13L12.71,2.09v9.32c0,.15.06.29.17.4.11.11.25.17.4.17s.29-.06.4-.17c.11-.11.17-.25.17-.4V.98c0-.22-.09-.43-.24-.58-.15-.15-.36-.24-.58-.24Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.button:hover {
  opacity: 0.7;
}
.button.button--ghost {
  color: var(--currentColor);
  border-color: transparent;
  background-color: unset;
}
.button.button--border {
  color: var(--currentColor);
  border-color: var(--button-border-color);
  background-color: unset;
}
.button.button--border.button--primary {
  --button-color: var(--color-primary);
  --button-border-color: var(--color-primary);
}
.button.button--solid {
  --button-color: #fff;
  border-color: transparent;
}
.button.button--solid.button--primary {
  --button-color: #fff;
  --button-bg: var(--color-primary);
}
.button.button--solid.button--muted {
  --button-color: var(--color);
  --button-bg: var(--bg-verylight);
}
.button.button--bgwhite {
  background-color: var(--color-white);
}
.button.button--small {
  --button-font-size: var(--font-size-tiny);
  --button-padding: .5rem .75rem;
}
.button.button--round {
  --button-border-radius: 10rem;
}
.button:has(.button__icon) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  padding: 0.5rem;
  padding-left: 0.75rem;
  border-radius: var(--button-border-radius);
}
.button:has(.button__icon) > * {
  order: 2;
}
.button:has(.button__icon):hover {
  opacity: 1;
}
.button:has(.button__icon):hover .button__icon {
  background: var(--bg-primary);
}
.button:has(.button__icon--left) {
  padding-left: 0.5rem;
}
.button .button__label {
  margin-right: calc(var(--gap) / 2);
}
.button .button__icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 2rem;
  height: 2rem;
  padding: 10px;
  margin-left: auto;
  border-radius: var(--button-border-radius);
  background-color: var(--button-bg);
  transition: background-color var(--atime) ease;
}
.button .button__icon.button__icon--left {
  order: 1;
  margin-left: unset;
  margin-right: calc(var(--gap) / 2);
}
.button.button--text {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: currentColor;
  order: 2;
  padding-inline: 0;
  padding-block: 0 var(--item-gap);
}
.button.button--text:after {
  margin-left: 2px;
  margin-right: calc(var(--font-size) * 0.5);
  order: -1;
  transform: rotate(225deg);
}

.link {
  position: relative;
  padding-left: 0;
  padding-right: calc(var(--item-gap) * 0.6);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}
.link::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: var(--icon-size-big);
  width: var(--icon-size-big);
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M13.02.16H2.59c-.07,0-.15.01-.22.04-.07.03-.13.07-.18.12-.05.05-.09.11-.12.18-.03.07-.04.14-.04.22s.01.15.04.22c.03.07.07.13.12.18.05.05.11.09.18.12.07.03.14.04.22.04h9.32L.35,12.86c-.06.05-.1.11-.13.18s-.05.14-.05.22c0,.08.01.15.04.22.03.07.07.14.12.19.05.05.12.1.19.12.07.03.15.04.22.04.08,0,.15-.02.22-.05.07-.03.13-.08.18-.13L12.71,2.09v9.32c0,.15.06.29.17.4.11.11.25.17.4.17s.29-.06.4-.17c.11-.11.17-.25.17-.4V.98c0-.22-.09-.43-.24-.58-.15-.15-.36-.24-.58-.24Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M13.02.16H2.59c-.07,0-.15.01-.22.04-.07.03-.13.07-.18.12-.05.05-.09.11-.12.18-.03.07-.04.14-.04.22s.01.15.04.22c.03.07.07.13.12.18.05.05.11.09.18.12.07.03.14.04.22.04h9.32L.35,12.86c-.06.05-.1.11-.13.18s-.05.14-.05.22c0,.08.01.15.04.22.03.07.07.14.12.19.05.05.12.1.19.12.07.03.15.04.22.04.08,0,.15-.02.22-.05.07-.03.13-.08.18-.13L12.71,2.09v9.32c0,.15.06.29.17.4.11.11.25.17.4.17s.29-.06.4-.17c.11-.11.17-.25.17-.4V.98c0-.22-.09-.43-.24-.58-.15-.15-.36-.24-.58-.24Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.link:hover {
  text-decoration: underline;
  text-underline-offset: 0.35em;
}

form {
  width: 100%;
}

fieldset legend {
  display: inline-block;
  margin-bottom: var(--item-gap);
  padding-right: var(--item-gap);
  border-radius: var(--border-radius);
  background: var(--bg-pri);
}
fieldset .row + .row {
  margin-top: var(--item-gap);
}

label {
  display: none;
  font-size: var(--font-size-small);
  transition: color var(--atime) ease, background var(--atime) ease, border var(--atime) ease;
  opacity: 0.7;
  margin-bottom: 0.5rem;
}

input,
select,
textarea {
  display: block;
  width: 100%;
  font-size: var(--font-size);
  font-weight: var(--font-weight-regular);
  color: var(--input-color);
  line-height: var(--lh);
  padding: calc(var(--gap) * 0.75);
  border-radius: var(--input-border-radius);
  border: var(--input-border-width) solid var(--input-border-color);
  background-color: var(--input-bg, transparent);
  transition: color var(--atime) ease, background var(--atime) ease, border var(--atime) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--placeholder);
}

input[type=radio],
input[type=checkbox] {
  z-index: -1;
  position: absolute;
  left: 0;
  width: auto;
  padding: 0;
  opacity: 0;
}
input[type=radio] + label,
input[type=checkbox] + label {
  display: block;
  opacity: 1;
}
input[type=radio] + label::before,
input[type=checkbox] + label::before {
  content: "";
  float: left;
  display: block;
  height: 20px;
  width: 20px;
  margin-right: 0.65rem;
  border: var(--input-border-width, 2px) solid var(--input-border-color);
  background-color: var(--input-bg);
}
input[type=radio] + label::before, input[type=radio] + label::after,
input[type=checkbox] + label::before,
input[type=checkbox] + label::after {
  margin-top: 4px;
  transition: color calc(var(--atime) / 2) ease, background calc(var(--atime) / 2) ease, border calc(var(--atime) / 2) ease;
  border-radius: var(--border-radius);
}
input[type=radio] + label > div,
input[type=checkbox] + label > div {
  font-size: 1em;
}
input[type=radio]:disabled + label,
input[type=checkbox]:disabled + label {
  cursor: auto;
  color: var(--font-light);
}
input[type=radio]:disabled + label::before,
input[type=checkbox]:disabled + label::before {
  background-color: var(--input-border-color);
  box-shadow: none;
}
input[type=radio]:checked + label::after,
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  height: 12px;
  width: 12px;
  background-color: var(--color-primary);
}
input[type=radio]:focus-visible + label::before,
input[type=checkbox]:focus-visible + label::before {
  outline: var(--outline-width, 3px) solid var(--access-ui, blue);
}

input[type=radio] + label::before {
  border-radius: 50%;
}

select {
  padding-right: calc(var(--gap) * 2);
  background-image: linear-gradient(45deg, transparent 50%, var(--input-color) 50%), linear-gradient(135deg, var(--input-color) 50%, transparent 50%), linear-gradient(to right, var(--input-border-color), var(--input-border-color));
  background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px calc(100% - 15px);
  background-repeat: no-repeat;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 black;
}
select::-webkit-calendar-picker-indicator {
  display: none !important;
}

.yn-form fieldset .button {
  margin-top: 0;
}

.teaser--filter .yn-form-grid-row {
  flex-direction: row;
  gap: 0;
}

.yn-form-grid-row {
  flex-direction: column;
  gap: calc(var(--gap) * 0.5);
}
.yn-form-grid-row:last-of-type .widget {
  margin: 0;
}
.yn-form-grid-row .yn-form-grid-field {
  margin-bottom: calc(var(--gap) * 0.25);
}
@media screen and (max-width: 48rem) {
  .yn-form-grid-row .yn-form-grid-field {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  .yn-form-grid-row {
    flex-direction: row;
  }
}
.yn-form-grid-row > div {
  padding-inline: 0.5rem 0;
}

html .widget.widget--file .widget__label {
  display: block;
  font-size: var(--button-font-size);
  font-weight: var(--font-weight-regular);
  padding: 0.75rem var(--item-gap);
  background: var(--input-bg);
  transition: opacity var(--atime) ease;
}
html .widget.widget--file .widget__label ul {
  padding: 0.75rem 0 0 !important;
  margin-top: 0.75rem !important;
  border-top: 1px dashed var(--border-color);
}
html .widget.widget--file:hover .widget__label {
  opacity: 1;
}

.teaser--filter {
  display: flex;
  position: relative;
  padding-top: var(--gap);
}
.teaser--filter:before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--gap);
  background-color: var(--color-black);
  height: 1px;
  width: calc(100% - var(--gap) - var(--gap));
}
.teaser--filter .filter .container,
.teaser--filter .form-content .container {
  width: 100%;
}
.teaser--filter .filter label,
.teaser--filter .form-content label {
  display: none;
}
.teaser--filter .filter .select-multiple-placeholder,
.teaser--filter .filter select,
.teaser--filter .form-content .select-multiple-placeholder,
.teaser--filter .form-content select {
  height: 3rem;
  border-radius: var(--border-radius);
  background-color: var(--accent-dark-30);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-small);
  color: currentColor;
  margin: 0;
  padding-block: 2px 0;
  width: unset;
}

.tipp-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
@media (max-width: 48rem) {
  .tipp-row {
    padding-inline: calc(var(--gap) * 0.5);
  }
}
.tipp-row .tipp {
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 1px 5px 0;
  white-space: nowrap;
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  border: 1px solid currentColor;
  padding: 2px 6px;
  margin-right: 6px;
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-tiny);
}
.filter-chip__remove {
  background: transparent;
  color: currentColor;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.yn-form-grid-row .yn-form-grid-field-7 {
  position: relative;
}

.yn-form .yn-form-page.sub-filter {
  position: absolute;
  top: 4rem;
  left: calc(var(--gap) * 0.5);
  background: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--gap);
  width: fit-content;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.05);
}
.yn-form .yn-form-page.sub-filter h4 {
  margin-bottom: var(--gap);
}
.yn-form .yn-form-page.sub-filter .yn-form-grid-row {
  border-top: var(--button-border-width) solid var(--accent-dark-60);
  padding-block: var(--gap);
  flex-wrap: wrap;
}
.yn-form .yn-form-page.sub-filter .yn-form-grid-row .yn-form-grid-field-4 {
  width: fit-content;
  max-width: unset;
  flex-grow: initial;
}

.filter-chip--type {
  display: inline-flex;
  align-items: center;
  border: 1px solid currentColor;
  padding: 2px 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-tiny);
  padding: var(--button-padding);
  border: var(--button-border-width) solid var(--accent-dark-60);
  border-radius: var(--button-border-radius);
}
.filter-chip--type.is-active {
  border: var(--button-border-width) solid var(--color-primary);
  color: var(--color-primary);
}

.filter-clear {
  justify-content: flex-end;
}
.filter-clear-btn {
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-light);
  position: relative;
}
.filter-clear-btn::before {
  content: "";
  position: absolute;
  z-index: 9;
  top: 50%;
  left: calc(var(--font-size-tiny) * -0.5);
  height: calc(var(--font-size-tiny) * 0.5);
  width: calc(var(--font-size-tiny) * 0.5);
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M19.18,17.65l-7.65-7.65,7.65-7.65c.2-.2.32-.48.32-.77s-.11-.56-.32-.77-.48-.32-.77-.32-.56.11-.77.32l-7.65,7.65L2.35.82c-.2-.2-.48-.32-.77-.32s-.56.11-.77.32c-.2.2-.32.48-.32.77s.11.56.32.77l7.65,7.65L.82,17.65c-.2.2-.32.48-.32.77s.11.56.32.77c.2.2.48.32.77.32s.56-.11.77-.32l7.65-7.65,7.65,7.65c.2.2.48.32.77.32s.56-.11.77-.32c.2-.2.32-.48.32-.77s-.11-.56-.32-.77Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M19.18,17.65l-7.65-7.65,7.65-7.65c.2-.2.32-.48.32-.77s-.11-.56-.32-.77-.48-.32-.77-.32-.56.11-.77.32l-7.65,7.65L2.35.82c-.2-.2-.48-.32-.77-.32s-.56.11-.77.32c-.2.2-.32.48-.32.77s.11.56.32.77l7.65,7.65L.82,17.65c-.2.2-.32.48-.32.77s.11.56.32.77c.2.2.48.32.77.32s.56-.11.77-.32l7.65-7.65,7.65,7.65c.2.2.48.32.77.32s.56-.11.77-.32c.2-.2.32-.48.32-.77s-.11-.56-.32-.77Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.content__media {
  position: relative;
}

@media (min-width: 48rem) {
  .listing--filter {
    position: absolute;
    top: var(--gap);
    left: calc(8.3333333333vw - var(--gap) * 0.5);
  }
}
.listing--filter {
  padding-inline: var(--gap);
  padding-block: var(--gap) 0;
  background: var(--color-white);
  z-index: 9;
}
.listing--filter label {
  display: none;
}
.listing--filter select {
  height: 2.5rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--accent-dark-60);
  background-color: var(--color-white);
  font-weight: var(--font-weight-light);
  font-size: var(--font-size-small);
  color: var(--accent-black-80);
  margin: 0;
  padding-block: 2px 0;
  padding-inline: calc(var(--gap) * 0.5) calc(var(--gap) * 2.5);
}
.listing--filter .filter-container {
  display: flex;
  flex-direction: column;
  margin-block: var(--gap);
  gap: calc(var(--gap) * 0.5);
  align-self: flex-start;
}
@media (min-width: 48rem) {
  .listing--filter .filter-container {
    flex-direction: row;
  }
}

.listing--objekte .teaser--filter:before {
  display: none;
}
.listing--objekte .row {
  margin-inline: calc(var(--gap) * -1.25);
}

@media (max-width: 48rem) {
  .listing--objekte .yn-buttons,
  .teaser--einheiten .yn-buttons {
    margin-right: calc(var(--gap) * 0.5);
  }
  .listing--objekte .button:after,
  .teaser--einheiten .button:after {
    display: none;
  }
}

.widget__hint {
  display: none;
}

.widget--categories .widget__label {
  display: none;
}
.widget--categories .widget__input-container {
  position: relative;
  height: 3rem;
  width: 100%;
  cursor: pointer;
}
.widget--categories select[multiple] {
  visibility: hidden;
  pointer-events: none;
  height: 3rem;
}
.widget--categories .select-multiple-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-inline: calc(var(--gap) * 0.75);
  padding-right: calc(var(--gap) * 2);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  pointer-events: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--input-color) 50%), linear-gradient(135deg, var(--input-color) 50%, transparent 50%), linear-gradient(to right, var(--input-border-color), var(--input-border-color));
  background-position: calc(100% - 20px) calc(1em + 5px), calc(100% - 15px) calc(1em + 5px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px calc(100% - 15px);
  background-repeat: no-repeat;
}
.widget--categories option {
  color: black;
  padding-block: 0.5rem;
}
.widget--categories option[value=""] {
  display: none;
}

.sub-filter .yn-form-grid-field-4 {
  width: fit-content;
  max-width: unset;
}
.sub-filter select {
  width: auto;
}

.listing--filter .filter-container .form-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 0.5);
}
@media (min-width: 48rem) {
  .listing--filter .filter-container .form-content {
    flex-direction: row;
  }
}
.listing--filter .filter-container .form-content select {
  height: 3rem;
}
.listing--filter .filter-container .form-content .button {
  height: fit-content;
}
.listing--filter .filter-container .form-content .button:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='white' d='M13.5,14.5c-.26,0-.51-.1-.71-.29l-2.25-2.25c-1.04.76-2.33,1.21-3.71,1.21-3.49,0-6.33-2.84-6.33-6.33S3.34.5,6.83.5s6.33,2.84,6.33,6.33c0,1.39-.45,2.67-1.21,3.71l2.25,2.25c.39.39.39,1.02,0,1.41-.2.2-.45.29-.71.29ZM6.83,2.5c-2.39,0-4.33,1.94-4.33,4.33s1.94,4.33,4.33,4.33c1.16,0,2.22-.46,3-1.21.02-.02.04-.04.06-.06.02-.02.04-.04.06-.06.75-.78,1.21-1.84,1.21-3,0-2.39-1.94-4.33-4.33-4.33Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='white' d='M13.5,14.5c-.26,0-.51-.1-.71-.29l-2.25-2.25c-1.04.76-2.33,1.21-3.71,1.21-3.49,0-6.33-2.84-6.33-6.33S3.34.5,6.83.5s6.33,2.84,6.33,6.33c0,1.39-.45,2.67-1.21,3.71l2.25,2.25c.39.39.39,1.02,0,1.41-.2.2-.45.29-.71.29ZM6.83,2.5c-2.39,0-4.33,1.94-4.33,4.33s1.94,4.33,4.33,4.33c1.16,0,2.22-.46,3-1.21.02-.02.04-.04.06-.06.02-.02.04-.04.06-.06.75-.78,1.21-1.84,1.21-3,0-2.39-1.94-4.33-4.33-4.33Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.teaser--filter .filter-container .form-content {
  display: flex;
  flex-direction: row;
}
.teaser--filter .filter-container .form-content .widget--select,
.teaser--filter .filter-container .form-content .widget--categories {
  width: fit-content;
}
.teaser--filter .filter-container .form-content select {
  height: 3rem;
}
.teaser--filter .filter-container .form-content .yn-form-grid-field-6 {
  width: fit-content;
  max-width: unset;
}
.teaser--filter .filter-container .form-content .yn-form-grid-field {
  width: unset;
  flex-basis: unset;
  flex-grow: unset;
  max-width: unset;
}

.section--teaser .teaser--filter .filter .filter-container {
  padding-left: calc(var(--gap) * 0.5);
}

.select-multiple-dropdown {
  position: absolute;
  z-index: 9999;
  background: var(--color-white);
  border: 1px solid var(--accent-black-60);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: none;
}
.select-multiple-dropdown.is-open {
  display: block;
}
.select-multiple-dropdown .dropdown-option {
  padding: 0.5rem calc(var(--gap) * 0.75);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  cursor: pointer;
  color: var(--color-black);
}
.select-multiple-dropdown .dropdown-option:hover {
  background: var(--accent-dark-30);
}
.select-multiple-dropdown .dropdown-option.is-selected {
  color: var(--color-primary);
}

.section__header:has(+ *) {
  margin-bottom: min(3rem, var(--flow));
}
.section__header:not(:has(h1, h2)) {
  margin-bottom: var(--gap);
}
.section__header .heading + .button {
  margin-top: var(--gap);
}
.section__header .text + figure {
  margin-top: var(--gap);
}

section.listing-suche + .section--results {
  padding-top: var(--gap);
  padding-bottom: var(--section-flow);
}

.section--results:nth-child(odd) {
  --section-bg: var(--bg-light);
  padding-bottom: var(--section-flow);
}

.section--contact {
  padding-top: var(--flow);
}
.section--contact .responsible {
  display: flex;
  flex-direction: column;
}
.section--contact .responsible__person {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.section--contact .responsible__person .person {
  width: calc(50% - var(--gap));
}
.section--contact .responsible__person .person img {
  border-radius: 0;
}
.section--contact button {
  display: block;
  width: fit-content;
  margin-left: auto;
}

.section--nachhaltigkeit.bg.bg--light + .section--map.bg.bg--light {
  padding-top: var(--flow);
}

.section--nachhaltigkeit .colour__word {
  white-space: nowrap;
}
.section--nachhaltigkeit .colour__word .colour__letter--1 {
  color: #9E1953;
}
.section--nachhaltigkeit .colour__word .colour__letter--2 {
  color: #ED753D;
}
.section--nachhaltigkeit .colour__word .colour__letter--3 {
  color: #FEDB00;
}
.section--nachhaltigkeit .colour__word .colour__letter--4 {
  color: #E342A0;
}
.section--nachhaltigkeit .colour__word .colour__letter--5 {
  color: #4D8FF0;
}
.section--nachhaltigkeit .colour__word .colour__letter--6 {
  color: #7067BC;
}
.section--nachhaltigkeit .colour__word .colour__letter--7 {
  color: #AF2835;
}
.section--nachhaltigkeit .colour__word .colour__letter--8 {
  color: #D6B53F;
}
.section--nachhaltigkeit .colour__word .colour__letter--9 {
  color: #3F4A6C;
}
.section--nachhaltigkeit .colour__word .colour__letter--10 {
  color: #9E1953;
}

.aktuelles--details.section--banner,
.zielgruppen--details.section--banner,
.lage--details.section--banner,
.banner--404.section--banner,
.section--box,
.section--nachhaltigkeit {
  overflow: hidden;
}
.aktuelles--details.section--banner.bg,
.zielgruppen--details.section--banner.bg,
.lage--details.section--banner.bg,
.banner--404.section--banner.bg,
.section--box.bg,
.section--nachhaltigkeit.bg {
  padding-block: 0 !important;
}
.aktuelles--details.section--banner + .section--box,
.zielgruppen--details.section--banner + .section--box,
.lage--details.section--banner + .section--box,
.banner--404.section--banner + .section--box,
.section--box + .section--box,
.section--nachhaltigkeit + .section--box {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 75rem) {
  .aktuelles--details.section--banner .flex-row,
  .zielgruppen--details.section--banner .flex-row,
  .lage--details.section--banner .flex-row,
  .banner--404.section--banner .flex-row,
  .section--box .flex-row,
  .section--nachhaltigkeit .flex-row {
    flex-direction: column;
  }
  .aktuelles--details.section--banner .flex-row .yn-buttons,
  .zielgruppen--details.section--banner .flex-row .yn-buttons,
  .lage--details.section--banner .flex-row .yn-buttons,
  .banner--404.section--banner .flex-row .yn-buttons,
  .section--box .flex-row .yn-buttons,
  .section--nachhaltigkeit .flex-row .yn-buttons {
    margin-bottom: 1rem;
  }
}
@media (max-width: 96rem) {
  .aktuelles--details.section--banner .bg-image,
  .zielgruppen--details.section--banner .bg-image,
  .lage--details.section--banner .bg-image,
  .banner--404.section--banner .bg-image,
  .section--box .bg-image,
  .section--nachhaltigkeit .bg-image {
    height: 50rem;
  }
}
@media (max-width: 48rem) {
  .aktuelles--details.section--banner .bg-image,
  .zielgruppen--details.section--banner .bg-image,
  .lage--details.section--banner .bg-image,
  .banner--404.section--banner .bg-image,
  .section--box .bg-image,
  .section--nachhaltigkeit .bg-image {
    height: 30rem;
  }
}
.aktuelles--details.section--banner .row,
.zielgruppen--details.section--banner .row,
.lage--details.section--banner .row,
.banner--404.section--banner .row,
.section--box .row,
.section--nachhaltigkeit .row {
  display: flex;
  align-content: center;
}
.aktuelles--details.section--banner .row div[class*=col-],
.zielgruppen--details.section--banner .row div[class*=col-],
.lage--details.section--banner .row div[class*=col-],
.banner--404.section--banner .row div[class*=col-],
.section--box .row div[class*=col-],
.section--nachhaltigkeit .row div[class*=col-] {
  margin-bottom: 0;
}
@media (min-width: 48rem) {
  .aktuelles--details.section--banner .row .box__content,
  .zielgruppen--details.section--banner .row .box__content,
  .lage--details.section--banner .row .box__content,
  .banner--404.section--banner .row .box__content,
  .section--box .row .box__content,
  .section--nachhaltigkeit .row .box__content {
    max-width: 66%;
    margin-right: unset;
  }
}
@media (max-width: 48rem) {
  .aktuelles--details.section--banner .row .box__content,
  .zielgruppen--details.section--banner .row .box__content,
  .lage--details.section--banner .row .box__content,
  .banner--404.section--banner .row .box__content,
  .section--box .row .box__content,
  .section--nachhaltigkeit .row .box__content {
    padding-top: calc(var(--flow) + 2rem);
  }
}
.aktuelles--details.section--banner .row .box__content,
.zielgruppen--details.section--banner .row .box__content,
.lage--details.section--banner .row .box__content,
.banner--404.section--banner .row .box__content,
.section--box .row .box__content,
.section--nachhaltigkeit .row .box__content {
  margin-inline: 8.3333333333vw;
  padding-inline: var(--inner-padding);
}
.aktuelles--details.section--banner .row .box__content .logo,
.zielgruppen--details.section--banner .row .box__content .logo,
.lage--details.section--banner .row .box__content .logo,
.banner--404.section--banner .row .box__content .logo,
.section--box .row .box__content .logo,
.section--nachhaltigkeit .row .box__content .logo {
  margin-bottom: calc(var(--gap) * 2);
}
.aktuelles--details.section--banner .row .box__content .logo img,
.zielgruppen--details.section--banner .row .box__content .logo img,
.lage--details.section--banner .row .box__content .logo img,
.banner--404.section--banner .row .box__content .logo img,
.section--box .row .box__content .logo img,
.section--nachhaltigkeit .row .box__content .logo img {
  max-height: 3.1 25rem;
  max-width: 20rem;
  width: fit-content;
}

.aktuelles--details.section--banner .row .box__content,
.lage--details.section--banner .row .box__content,
.zielgruppen--details.section--banner .row .box__content,
.banner--404.section--banner .row .box__content,
.section--box .row .box__content,
.section--nachhaltigkeit .row .box__content {
  margin-block: 10vw;
}

.banner--404.section--banner .gradient:before, .banner--404.section--banner .gradient:after {
  display: none;
}

.zielgruppen--details.section--banner {
  position: relative;
}
@media (min-width: 48rem) {
  .zielgruppen--details.section--banner .heading {
    max-width: 70%;
  }
}
@media (min-width: 48rem) {
  .zielgruppen--details.section--banner p {
    max-width: 80%;
  }
}
@media (min-width: 48rem) {
  .zielgruppen--details.section--banner .signet {
    bottom: 50%;
    transform: translateX(-50%) translateY(50%);
  }
}

@media (max-width: 48rem) {
  .lage--details.section--banner .row .box__content {
    margin-block: 0 var(--flow);
    margin-inline: unset;
  }
}
@media (max-width: 48rem) {
  .lage--details.section--banner:has(+ section.bg) {
    padding-bottom: 0;
  }
}

.aktuelles--details.section--banner .bg-image {
  left: calc(var(--gap) * 0.5);
}

.section--claim {
  --accent-color: var(--accent-pri-50);
  margin-top: calc(var(--flow) * -1);
  padding: 0 !important;
}
.section--claim.gradient:before {
  transform: translateY(-1px);
  background: linear-gradient(180deg, var(--color-white) 0%, transparent 65%);
  mix-blend-mode: normal;
}
.section--claim.gradient:after {
  background: radial-gradient(50% 45% at 20% 95%, var(--accent-color) 0%, transparent 100%);
}
.section--claim.gradient .inner {
  position: relative;
  padding-bottom: calc(var(--flow) * 3);
  z-index: 3;
}

.section--cta {
  position: relative;
  overflow: hidden;
}
.section--cta .section__bg {
  position: absolute;
  inset: 0;
  background-size: contain;
  background-position: center;
}
.section--cta .inner {
  position: relative;
  z-index: 2;
}

.section--media {
  position: relative;
  overflow: hidden;
  padding-block: 0;
  margin-block: var(--flow);
}
.section--media:has(+ section.bg), section.bg + .section--media {
  margin-block: 0;
  padding-block: 0;
}
.section--media:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  background: var(--color-primary);
  opacity: 0.68;
  mix-blend-mode: multiply;
  scale: 1.5;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.section--anbindung .row .flex-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .section--anbindung .row .flex-row {
    flex-direction: row;
  }
}
.section--anbindung .row .flex-row:first-child {
  padding-left: 0;
}
@media (max-width: 48rem) {
  .section--anbindung .row .flex-row div[class*=col-] {
    margin-bottom: calc(var(--gap) * -2);
  }
}
.section--anbindung .anbindung__wrapper {
  margin-block: var(--item-gap);
}
.section--anbindung .anbindung__wrapper .tagline {
  text-transform: initial;
  font-weight: var(--font-weight-regular);
}
.section--anbindung .anbindung__wrapper .flex {
  align-items: baseline;
  gap: 6px;
}
.section--anbindung .anbindung__wrapper .tag {
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-semi-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 1px 5px 0;
  white-space: nowrap;
  margin-top: 3px;
}

@media (min-width: 48rem) {
  .section--mobility {
    padding-top: 0;
  }
}

.teaser {
  --padding: 0;
  display: block;
  padding: var(--padding);
}
.teaser:is(a):hover .teaser__image img {
  transform: scale(1.15);
}
.teaser .teaser__image > a:hover img {
  transform: scale(1.15);
}

.teaser__image {
  position: relative;
  overflow: hidden;
}
.teaser__image img {
  border-radius: var(--border-radius);
  transition: transform var(--atime) ease;
}
.teaser__image + .teaser__content {
  margin-top: var(--gap);
}

.teaser .eventdate {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  margin: 0;
}

.teaser__content .list--grid {
  font-size: var(--font-size-small);
}

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

.teaser.teaser--logo .teaser__image {
  padding: calc(var(--gap) * 2);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.teaser.teaser--logo .teaser__content p {
  font-size: var(--font-size-small);
}
.teaser.teaser--logo figcaption {
  position: relative;
  text-align: center;
  padding: var(--gap) 0;
  background: unset;
}

.teaser--zielgruppen {
  --accent-color: var(--color-primary);
}
.teaser--zielgruppen .row .col-sm-11 {
  padding-inline: 0;
}
.teaser--zielgruppen .intro .button {
  display: none !important;
}
.teaser--zielgruppen .button::after {
  display: none;
}

@media (min-width: 48rem) {
  .listing--projekte .row div[class*=col-] {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: var(--gap);
  }
}

@media (min-width: 48rem) {
  .teaser--gebaeude .teaser__image {
    width: 25vw;
  }
}

.listing--projekte #listing.row div.col-xs-12 {
  padding-inline: 0;
}
.listing--projekte .teaser__image {
  width: 100%;
}
@media (min-width: 48rem) {
  .listing--projekte .teaser__image {
    width: 24vw;
  }
}

.teaser--gebaeude .teaser__image,
.listing--projekte .teaser__image {
  position: relative;
  height: 85vh;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.teaser--gebaeude .teaser__image img,
.listing--projekte .teaser__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.teaser--gebaeude .teaser__content,
.listing--projekte .teaser__content {
  position: absolute;
  bottom: 0;
  padding: var(--gap);
  z-index: 3;
}
.teaser--gebaeude .teaser__content .link,
.teaser--gebaeude .teaser__content :is(a, p, h1, h2, h3, h4, h5, h6),
.listing--projekte .teaser__content .link,
.listing--projekte .teaser__content :is(a, p, h1, h2, h3, h4, h5, h6) {
  color: var(--color-white);
}
.teaser--gebaeude .teaser__content p,
.listing--projekte .teaser__content p {
  margin: 0;
}
.teaser--gebaeude .teaser__content p.strong,
.listing--projekte .teaser__content p.strong {
  margin-top: var(--gap);
}
.teaser--gebaeude .teaser__content .yn-buttons,
.listing--projekte .teaser__content .yn-buttons {
  justify-content: start;
  gap: 0;
  margin-block: calc(var(--gap) * 0.5);
}
.teaser--gebaeude .teaser__content,
.listing--projekte .teaser__content {
  --button-border-color: var(--color-white);
}
.teaser--gebaeude .splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide,
.listing--projekte .splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide {
  width: 100%;
}
@media (min-width: 48rem) {
  .teaser--gebaeude .splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide,
  .listing--projekte .splide--teaser--perpage-4 .splide__track ul.splide__list li.splide__slide {
    width: 25% !important;
  }
}

.teaser--einheiten .splide__list {
  gap: var(--gap);
}
.teaser--einheiten .teaser__image {
  --ratio: 500 / 360;
}
.teaser--einheiten figure .yn-image {
  border-radius: 0;
}
.teaser--einheiten .logo__o-work {
  height: initial;
}
.teaser--einheiten .logo__o-work:after {
  width: 200px;
  height: calc(100% - 1rem);
  margin-left: 1rem;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.teaser--einheiten p.small {
  margin-bottom: 0;
}
.teaser--einheiten .teaser.teaser--einheiten {
  display: flex;
}

.listing--aktuelles .big .teaser--object {
  margin-bottom: var(--flow);
}

.teaser--aktuelles,
.listing--aktuelles {
  --icon-size: calc(var(--icon-size) * .5);
}
.teaser--aktuelles figure,
.teaser--aktuelles .teaser__image,
.listing--aktuelles figure,
.listing--aktuelles .teaser__image {
  --ratio: 1082 / 665;
  aspect-ratio: var(--ratio);
}
.teaser--aktuelles h3,
.listing--aktuelles h3 {
  font-weight: var(--font-weight-medium);
}
.teaser--aktuelles span.link,
.listing--aktuelles span.link {
  color: var(--color-primary);
}
.teaser--aktuelles .link:before,
.listing--aktuelles .link:before {
  height: var(--icon-size-small);
  width: var(--icon-size-small);
}
.teaser--aktuelles .aktuelles,
.listing--aktuelles .aktuelles {
  border-bottom: 1px solid currentColor;
  padding-block: var(--gap) calc(var(--gap) * 0.5);
}
.teaser--aktuelles .aktuelles:first-of-type,
.listing--aktuelles .aktuelles:first-of-type {
  padding-top: 0;
}

.teaser--aktuelles figure {
  margin-bottom: var(--gap);
}

.listing--aktuelles figure {
  margin-bottom: calc(var(--gap) * -1);
}
.listing--aktuelles .big p.line-clamp-2 {
  margin-bottom: calc(var(--gap) * -1);
}

.teaser--werte .teaser__content {
  padding-top: calc(var(--gap) * 2);
  padding-right: calc(var(--gap) * 2);
}
.teaser--werte .splide__pagination {
  margin-left: 0;
}

.grow-on-hover .splide__track {
  overflow: hidden;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide {
  overflow: hidden;
  transition: flex-basis 0.4s ease;
}
@media (min-width: 48rem) {
  .grow-on-hover .splide__track ul.splide__list li.splide__slide {
    flex: 0 0 calc(25% - 18px) !important;
  }
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide .teaser__image {
  transition: width 0.4s ease;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide .teaser__image img {
  transition: object-position 0.4s ease;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide .on-hover {
  display: none;
  margin-top: var(--gap);
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide:hover {
  flex-basis: calc(50% - 18px) !important;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide:hover .teaser__image {
  width: 50vw;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide:hover .teaser__image img {
  object-position: 50% 0%;
}
.grow-on-hover .splide__track ul.splide__list li.splide__slide:hover .on-hover {
  display: block;
}
.grow-on-hover .teaser:is(a):hover .teaser__image img {
  transform: none;
}

.listing--projekte .on-hover {
  display: none;
}

.yn-accordion {
  padding: calc(var(--gap, 1.5rem) / 2) 0;
  position: relative;
}
.yn-accordion:not(:last-of-type)::after {
  background-color: currentColor;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
  height: var(--border-width, 1px);
}
.yn-accordion .yn-accordion__header {
  cursor: pointer;
  padding-right: var(--gap);
}
.yn-accordion .yn-accordion__header::before {
  display: none;
}
.yn-accordion .yn-accordion__header::after {
  content: "";
  position: absolute;
  z-index: 9;
  top: 0.875rem;
  right: 0;
  height: 1rem;
  width: 1rem;
  background-color: currentColor;
  transform: rotate(45deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M19.18,17.65l-7.65-7.65,7.65-7.65c.2-.2.32-.48.32-.77s-.11-.56-.32-.77-.48-.32-.77-.32-.56.11-.77.32l-7.65,7.65L2.35.82c-.2-.2-.48-.32-.77-.32s-.56.11-.77.32c-.2.2-.32.48-.32.77s.11.56.32.77l7.65,7.65L.82,17.65c-.2.2-.32.48-.32.77s.11.56.32.77c.2.2.48.32.77.32s.56-.11.77-.32l7.65-7.65,7.65,7.65c.2.2.48.32.77.32s.56-.11.77-.32c.2-.2.32-.48.32-.77s-.11-.56-.32-.77Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M19.18,17.65l-7.65-7.65,7.65-7.65c.2-.2.32-.48.32-.77s-.11-.56-.32-.77-.48-.32-.77-.32-.56.11-.77.32l-7.65,7.65L2.35.82c-.2-.2-.48-.32-.77-.32s-.56.11-.77.32c-.2.2-.32.48-.32.77s.11.56.32.77l7.65,7.65L.82,17.65c-.2.2-.32.48-.32.77s.11.56.32.77c.2.2.48.32.77.32s.56-.11.77-.32l7.65-7.65,7.65,7.65c.2.2.48.32.77.32s.56-.11.77-.32c.2-.2.32-.48.32-.77s-.11-.56-.32-.77Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.yn-accordion .yn-accordion__content {
  overflow: hidden;
  transition: height var(--atime, 0.33s) ease, visibility var(--atime, 0.33s) ease;
}
@media (max-width: 48rem) {
  .yn-accordion .yn-accordion__content {
    margin-top: 1rem;
  }
}
.yn-accordion.is-active .yn-accordion__header::after {
  transform: rotate(0deg);
}
.yn-accordion.js-enabled .yn-accordion__content {
  visibility: hidden;
}
.yn-accordion.is-active .yn-accordion__content {
  visibility: visible;
}

.floorplan {
  --thumb: 3rem;
  --pos: 50%;
}
.floorplan__stage {
  position: relative;
  line-height: 0;
  overflow: visible;
}
.floorplan__content {
  position: relative;
  width: 100%;
  margin: 0;
}
.floorplan__base {
  position: relative;
  z-index: 1;
}
.floorplan__base img {
  display: block;
  width: 100%;
  height: auto;
}
.floorplan__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  mask-image: linear-gradient(to right, black var(--pos), transparent var(--pos));
  -webkit-mask-image: linear-gradient(to right, black var(--pos), transparent var(--pos));
}
.floorplan__overlay img {
  display: block;
  width: 100%;
  height: 100%;
}
.floorplan__handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pos);
  transform: translateX(-50%);
  width: 2px;
  z-index: 3;
  background-color: var(--color-dark);
}
.floorplan__range {
  position: absolute;
  top: 50%;
  left: calc(var(--thumb) * -0.5);
  width: calc(100% + var(--thumb));
  transform: translateY(-50%);
  z-index: 4;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
}
.floorplan__range::-webkit-slider-runnable-track {
  height: 0;
  background: transparent;
}
.floorplan__range::-moz-range-track {
  height: 0;
  background: transparent;
}
.floorplan__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: var(--thumb);
  height: var(--thumb);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--color-black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='white' d='M37.21,6.79c-3.89-3.89-9.26-6.29-15.21-6.29S10.68,2.9,6.79,6.79.5,16.06.5,22c0,11.87,9.63,21.5,21.5,21.5,5.94,0,11.32-2.4,15.21-6.29s6.29-9.26,6.29-15.21-2.4-11.32-6.29-15.21ZM18.95,27c.48.47.48,1.25,0,1.72-.23.24-.55.36-.86.36s-.63-.12-.86-.36l-5.86-5.86c-.48-.47-.48-1.25,0-1.72l5.86-5.86c.47-.48,1.25-.48,1.72,0,.48.47.48,1.25,0,1.72l-4.99,5,4.99,5ZM32.63,22.86l-5.86,5.86c-.23.24-.55.36-.86.36s-.63-.12-.86-.36c-.48-.47-.48-1.25,0-1.72l4.99-5-4.99-5c-.48-.47-.48-1.25,0-1.72.47-.48,1.25-.48,1.72,0l5.86,5.86c.48.47.48,1.25,0,1.72Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='white' d='M37.21,6.79c-3.89-3.89-9.26-6.29-15.21-6.29S10.68,2.9,6.79,6.79.5,16.06.5,22c0,11.87,9.63,21.5,21.5,21.5,5.94,0,11.32-2.4,15.21-6.29s6.29-9.26,6.29-15.21-2.4-11.32-6.29-15.21ZM18.95,27c.48.47.48,1.25,0,1.72-.23.24-.55.36-.86.36s-.63-.12-.86-.36l-5.86-5.86c-.48-.47-.48-1.25,0-1.72l5.86-5.86c.47-.48,1.25-.48,1.72,0,.48.47.48,1.25,0,1.72l-4.99,5,4.99,5ZM32.63,22.86l-5.86,5.86c-.23.24-.55.36-.86.36s-.63-.12-.86-.36c-.48-.47-.48-1.25,0-1.72l4.99-5-4.99-5c-.48-.47-.48-1.25,0-1.72.47-.48,1.25-.48,1.72,0l5.86,5.86c.48.47.48,1.25,0,1.72Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.floorplan__range::-moz-range-thumb {
  -webkit-appearance: none;
  width: var(--thumb);
  height: var(--thumb);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
  background-color: var(--color-black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='white' d='M37.21,6.79c-3.89-3.89-9.26-6.29-15.21-6.29S10.68,2.9,6.79,6.79.5,16.06.5,22c0,11.87,9.63,21.5,21.5,21.5,5.94,0,11.32-2.4,15.21-6.29s6.29-9.26,6.29-15.21-2.4-11.32-6.29-15.21ZM18.95,27c.48.47.48,1.25,0,1.72-.23.24-.55.36-.86.36s-.63-.12-.86-.36l-5.86-5.86c-.48-.47-.48-1.25,0-1.72l5.86-5.86c.47-.48,1.25-.48,1.72,0,.48.47.48,1.25,0,1.72l-4.99,5,4.99,5ZM32.63,22.86l-5.86,5.86c-.23.24-.55.36-.86.36s-.63-.12-.86-.36c-.48-.47-.48-1.25,0-1.72l4.99-5-4.99-5c-.48-.47-.48-1.25,0-1.72.47-.48,1.25-.48,1.72,0l5.86,5.86c.48.47.48,1.25,0,1.72Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='white' d='M37.21,6.79c-3.89-3.89-9.26-6.29-15.21-6.29S10.68,2.9,6.79,6.79.5,16.06.5,22c0,11.87,9.63,21.5,21.5,21.5,5.94,0,11.32-2.4,15.21-6.29s6.29-9.26,6.29-15.21-2.4-11.32-6.29-15.21ZM18.95,27c.48.47.48,1.25,0,1.72-.23.24-.55.36-.86.36s-.63-.12-.86-.36l-5.86-5.86c-.48-.47-.48-1.25,0-1.72l5.86-5.86c.47-.48,1.25-.48,1.72,0,.48.47.48,1.25,0,1.72l-4.99,5,4.99,5ZM32.63,22.86l-5.86,5.86c-.23.24-.55.36-.86.36s-.63-.12-.86-.36c-.48-.47-.48-1.25,0-1.72l4.99-5-4.99-5c-.48-.47-.48-1.25,0-1.72.47-.48,1.25-.48,1.72,0l5.86,5.86c.48.47.48,1.25,0,1.72Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.floorplan-wrap {
  margin-top: var(--section-flow);
}
.floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls {
  display: none;
}
@media (min-width: 48rem) {
  .floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls {
    display: flex;
    flex-direction: column;
  }
  .floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls--left {
    align-items: flex-start;
    padding-right: var(--gap);
  }
  .floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls--right {
    align-items: flex-end;
    padding-left: var(--gap);
  }
  .floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls button {
    width: 100%;
    margin-block: 0 calc(var(--gap) * 0.5);
  }
  .floorplan-wrap .col-xs-0.col-sm-2 .floorplan-controls button.is-active {
    background-color: var(--color-secondary);
  }
}

.section--stapelplan--all-rented .stapelplan__text--all-rented {
  justify-content: center;
  text-align: center;
  padding-block: clamp(3rem, 8vw, 6rem);
}
.section--stapelplan--all-rented .stapelplan__text--all-rented p {
  max-width: 36rem;
  margin-inline: auto;
  font-weight: var(--font-weight-medium);
}
@media (max-width: 48rem) {
  .section--stapelplan .stapelplan.col-xs-12.col-sm-offset-1 {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
  }
}
.section--stapelplan .stapelplan__btn {
  display: flex;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: calc(var(--gap) * 1.5) var(--gap);
  transition: background-color var(--atime) ease, color var(--atime) ease;
}
@media (max-width: 48rem) {
  .section--stapelplan .stapelplan__btn {
    flex-direction: column;
    padding: calc(var(--gap) * 0.5);
  }
}
.section--stapelplan .stapelplan__btn span {
  width: 3rem;
  text-align: center;
  margin-bottom: calc(var(--gap) * 0.5);
}
@media (min-width: 48rem) {
  .section--stapelplan .stapelplan__btn span {
    margin-bottom: auto;
  }
}
.section--stapelplan .stapelplan__btn.is-active span {
  background-color: var(--color-black);
  color: #fff;
}
.section--stapelplan .stapelplan__btn img {
  width: clamp(8rem, 12vw, 20rem);
}
@media (min-width: 48rem) {
  .section--stapelplan .stapelplan__btn img {
    margin-left: 2rem;
  }
}
.section--stapelplan .stapelplan__map {
  display: none;
}
.section--stapelplan .stapelplan__map.is-active {
  display: block;
}
.section--stapelplan .stapelplan__map .splide__pagination {
  width: 100%;
  justify-content: flex-end;
}
.section--stapelplan .stapelplan__text {
  display: flex;
  align-content: center;
  justify-content: center;
  padding-block: 8rem;
}
.section--stapelplan .stapelplan__info-heading dt :is(p),
.section--stapelplan .stapelplan__info-heading dd :is(p) {
  font-weight: var(--font-weight-medium);
}
.section--stapelplan .stapelplan__info-item.is-active {
  background-color: var(--color-black);
  color: #fff;
}
.section--stapelplan .stapelplan__info-heading,
.section--stapelplan .stapelplan__info-item {
  padding-inline: calc(var(--gap) * 0.5);
}
.section--stapelplan .stapelplan__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--item-gap);
}
.section--stapelplan .stapelplan__wrapper__heading {
  justify-items: end;
}
.section--stapelplan .stapelplan__wrapper__button {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.section--map .color-food {
  --accent-color: var(--color-map-food);
  --icon-color: var(--color-white);
}
.section--map .color-nahverkehr {
  --accent-color: var(--color-map-nahverkehr);
  --icon-color: var(--color-black);
  border: 1px solid var(--color-dark);
}
.section--map .color-nahverkehr svg path {
  stroke: transparent !important;
  fill: var(--icon-color);
}
.section--map .color-nahverkehr.is-inactive svg path {
  stroke: transparent !important;
  fill: var(--color-dark);
}
.section--map .color-shopping {
  --accent-color: var(--color-map-shopping);
  --icon-color: var(--color-white);
}
.section--map .color-greens {
  --accent-color: var(--color-map-greens);
  --icon-color: var(--color-black);
}
.section--map .color-hotel {
  --accent-color: var(--color-map-hotel);
  --icon-color: var(--color-black);
}
.section--map .color-health {
  --accent-color: var(--color-map-health);
  --icon-color: var(--color-white);
}
.section--map .color-culture {
  --accent-color: var(--color-map-culture);
  --icon-color: var(--color-white);
}
.section--map .map-filter {
  display: flex;
  flex-direction: row;
  margin-block: calc(var(--gap) * -1) calc(var(--gap) * 1.5);
}
@media (max-width: 48rem) {
  .section--map .map-filter {
    flex-wrap: wrap;
    margin-left: calc(var(--gap) * -0.25);
  }
}
.section--map .map-filter__btn {
  display: flex;
  width: fit-content;
  align-items: center;
  margin-inline: calc(var(--gap) * 0.25);
  padding: var(--button-padding);
  border-radius: var(--border-radius-wide);
  background-color: var(--accent-color);
  text-wrap: nowrap;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
@media (max-width: 48rem) {
  .section--map .map-filter__btn {
    margin-block: calc(var(--gap) * 0.25);
  }
}
@media (min-width: 48rem) {
  .section--map .map-filter__btn:first-of-type {
    margin-left: 0;
  }
}
.section--map .map-filter__btn.is-inactive {
  background-color: var(--color-light);
  opacity: 0.6;
}
.section--map .map-filter__btn.is-inactive span {
  color: var(--color-dark);
}
.section--map .map-filter__btn.is-inactive svg path {
  stroke: var(--color-dark);
}
.section--map .map-filter__btn span {
  color: var(--icon-color);
  font-size: var(--font-size-small);
}
.section--map .map-filter svg {
  height: 1rem;
  width: 1rem;
  margin-right: calc(var(--gap) * 0.25);
}
.section--map .map-filter svg path {
  stroke: var(--icon-color);
}
.section--map .mapbox--poi {
  min-height: 880px;
}
.section--map .marker--cluster {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-primary);
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-medium);
  height: 1.75rem;
  width: 1.75rem;
  cursor: pointer;
}
.section--map .marker--location {
  --location-size: 1.75rem;
  --location-ring: 6px;
  --location-color: #DC0830;
  position: relative;
  width: var(--location-size);
  height: var(--location-size);
  border-radius: 50%;
  border: var(--location-ring) solid var(--location-color);
  background: transparent;
  box-sizing: border-box;
  pointer-events: none;
  flex-shrink: 0;
}
.section--map .marker--location::after {
  content: "";
  position: absolute;
  inset: calc(var(--location-ring) * -1);
  border-radius: 50%;
  border: var(--location-ring) solid var(--location-color);
  opacity: 0;
  animation: location-pulse 2s ease-out infinite;
}
.section--map .marker--poi {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--accent-color);
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  flex-shrink: 0;
}
.section--map .marker--poi svg {
  height: 1rem;
  width: 1rem;
}
.section--map .marker--poi svg path {
  stroke: var(--icon-color);
}
.section--map .mapbox .mapboxgl-popup-tip {
  border-top: 15px solid var(--color-light);
  transform: translateY(-1px);
}
.section--map .mapbox .mapboxgl-popup-content {
  background: var(--color-light);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.section--map .mapbox .mapboxgl-popup-content p {
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  margin-bottom: 8px;
}
.section--map .mapbox .mapboxgl-popup-content p strong {
  font-weight: var(--font-weight-semi-bold);
}

@keyframes location-pulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
.js-quartier-map {
  position: relative;
  overflow: hidden;
  background: var(--color-white);
  padding-left: 0 !important;
}
.js-quartier-map svg {
  width: 100%;
  height: 100%;
}
.js-quartier-map #twin, .js-quartier-map #med, .js-quartier-map #core, .js-quartier-map #one, .js-quartier-map #seven, .js-quartier-map #lab, .js-quartier-map #flex, .js-quartier-map #edge {
  cursor: pointer;
  transition: fill var(--atime) ease;
  fill: grey;
}
.js-quartier-map .svg-map__popup {
  position: absolute;
  pointer-events: auto;
  z-index: 10;
  min-width: 15rem;
  background: var(--color-light);
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius);
  transform: translate(-50%, calc(-100% - 30px));
}
.js-quartier-map .svg-map__popup::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid var(--color-light);
}
.js-quartier-map .svg-map__popup p {
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
  margin: 0;
}
.js-quartier-map .svg-map__popup .logo__o-work {
  width: 70%;
  margin-bottom: calc(var(--gap) * 0.5);
}
.js-quartier-map .svg-map__popup .yn-buttons {
  margin-top: calc(var(--gap) * 0.5);
}
.js-quartier-map.col-xs-12.col-sm-6 {
  display: none;
}
@media (min-width: 48rem) {
  .js-quartier-map.col-xs-12.col-sm-6 {
    display: block;
  }
}

.section--svg {
  height: 96vh;
  padding-block: 0 !important;
  position: relative;
  overflow: hidden;
}
.section--svg svg {
  width: 100%;
  height: 100%;
}
.section--svg #twin, .section--svg #med, .section--svg #core, .section--svg #one, .section--svg #seven, .section--svg #lab, .section--svg #flex, .section--svg #edge {
  cursor: pointer;
  transition: fill var(--atime) ease;
  fill: grey;
}
.section--svg #twin:hover, .section--svg #twin.is-active, .section--svg #med:hover, .section--svg #med.is-active, .section--svg #core:hover, .section--svg #core.is-active, .section--svg #one:hover, .section--svg #one.is-active, .section--svg #seven:hover, .section--svg #seven.is-active, .section--svg #lab:hover, .section--svg #lab.is-active, .section--svg #flex:hover, .section--svg #flex.is-active, .section--svg #edge:hover, .section--svg #edge.is-active {
  fill: var(--accent-color);
}
.section--svg .svg-map__popup {
  position: absolute;
  pointer-events: none;
  min-width: 15rem;
  background: var(--color-light);
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius);
  transform: translate(-50%, calc(-100% - 30px));
}
.section--svg .svg-map__popup::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid var(--color-light);
}
.section--svg .svg-map__popup p {
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
  margin: 0;
}
.section--svg .svg-map__popup .logo__o-work {
  width: 70%;
  margin-bottom: calc(var(--gap) * 0.5);
}

.floating--signet {
  position: absolute;
  z-index: 1;
  height: 50vw;
  width: 50vw;
  right: 50%;
  left: 50%;
  bottom: -20%;
  transform: translateX(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 81'%3E%3Cpath fill='white' d='M45.06,80.67C16.37,80.67.18,60.47.18,40.5.18,21.56,15.56.33,45.06.33s44.76,21.35,44.76,40.17c0,20.09-16.65,40.17-44.76,40.17M45.06,16.63c-14.92,0-24.79,9.53-24.79,23.87s9.87,23.87,24.79,23.87,24.68-9.52,24.68-23.87-9.87-23.87-24.68-23.87'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mix-blend-mode: multiply;
}
.floating--signet::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/assets/img/hero.png");
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.floating--signet.image-visible::before {
  opacity: 1;
}
.floating--signet::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg, var(--color-primary) 15%, transparent 80%);
  opacity: 0.68;
  mix-blend-mode: multiply;
}
.floating--signet.is-fixed {
  position: fixed;
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}
@media (max-width: 48rem) {
  .floating--signet {
    display: none;
  }
}

#jumpToBody {
  top: var(--gap);
  left: 1rem;
  right: auto;
}

a:focus-visible, .button:focus-visible {
  outline: var(--outline-width, 3px) solid var(--access-ui, blue);
  outline-offset: var(--outline-offset);
  border-radius: var(--border-radius);
  transition: none;
}

input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible {
  outline: var(--outline-width, 3px) solid var(--access-ui, blue);
  outline-offset: var(--outline-offset);
  border-color: transparent;
  transition: none;
}

button.nav__button:active:focus-visible {
  outline: none;
}

.splide .splide__slide:has(a.teaser:focus-visible) {
  padding: 0.25em;
}
.splide a.teaser:focus-visible {
  padding: 0.125em;
}
.splide .splide__slide {
  margin: 0 !important;
}

div[class*=col-] .teaser:focus-visible {
  padding: 0.125em;
}

:root {
  --flyin-duration: 1600ms;
  --flyin-ease: cubic-bezier(.22, .61, .36, 1);
  --flyin-distance: 10rem;
}

.flyin {
  opacity: 0;
  transform: translate3d(0, var(--flyin-distance), 0);
  transition-property: transform, opacity;
  transition-duration: var(--flyin-duration);
  transition-timing-function: var(--flyin-ease);
  transition-delay: var(--flyin-delay, 0ms);
  will-change: transform, opacity;
}

.flyin.flyin-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.flyin--up {
  transform: translate3d(0, var(--flyin-distance), 0);
}

.flyin--down {
  transform: translate3d(0, calc(var(--flyin-distance) * -1), 0);
}

.flyin--left {
  transform: translate3d(calc(var(--flyin-distance) * -1), 0, 0);
}

.flyin--right {
  transform: translate3d(var(--flyin-distance), 0, 0);
}

.flyin--zoom {
  transform: scale(0.9);
}

.flyin--zoom.flyin-visible {
  transform: scale(1);
}

.js-popup-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
  padding: var(--gap);
}
.js-popup-overlay.is-open {
  display: flex;
}

.js-popup-modal {
  position: relative;
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 16/9;
  background: #000;
}

.js-popup-iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.js-popup-close {
  position: absolute;
  top: -2.5rem;
  right: 0;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
}

.splide__slide {
  width: 100%;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset);
}

.splide__pagination,
.splide__arrow {
  border-radius: var(--border-radius);
  background: var(--slider-ui-bg);
  backdrop-filter: blur(var(--slider-blur, 3px));
}
.splide__pagination:focus, .splide__pagination:focus-visible,
.splide__arrow:focus,
.splide__arrow:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: var(--outline-offset);
}

.splide__pagination {
  --base-width: calc(100vw / 12 * 10);
  padding: var(--slider-dots-padding);
  width: calc(var(--base-width) - var(--gap));
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.splide__pagination li {
  display: flex;
}
.splide__pagination:has(li:only-child) {
  display: none;
}
.splide__pagination button {
  background-color: var(--slider-dots-bg);
}
.splide__pagination button.is-active {
  transform: unset;
  background-color: var(--slider-dots-active-bg);
}
.splide__pagination .splide__pagination__page {
  height: var(--slider-dots-size);
  width: var(--slider-dots-size);
}

.pagination--outside {
  --bottom: 3.5rem;
  padding-bottom: var(--bottom);
  overflow: visible !important;
}
.pagination--outside .splide__track {
  overflow: hidden;
}
.pagination--outside .splide__pagination {
  margin-top: 0;
  margin-bottom: 0;
  bottom: 0;
}

.splide__arrows {
  position: absolute;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.splide__arrow {
  height: 2.25rem;
  width: 1.75rem;
  transition: opacity var(--atime) ease;
  position: relative;
  transform: translate(0, 0);
}
.splide__arrow [disabled] {
  display: none;
}
.splide__arrow:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.splide__arrow svg {
  fill: var(--font-pri);
}

.arrows--outside {
  --outside: -1.875rem;
}
.arrows--outside .splide__arrow--prev {
  left: var(--outside);
}
.arrows--outside .splide__arrow--next {
  right: var(--outside);
}
@media screen and (min-width: 48rem) {
  .arrows--outside {
    --outside: -2.5rem;
  }
}

.bg--primary,
.bg--secondary {
  --slider-dots-bg: var(--color-white);
  --slider-dots-active-bg: var(--accent-white-50);
}

.mapbox__container {
  margin-top: var(--gap);
}

.mapbox {
  min-height: min(500px, 50vh);
  width: 100%;
}
.mapbox .mapboxgl-popup {
  min-width: 15rem;
  max-width: unset;
}
.mapbox .mapboxgl-popup-content {
  font-size: var(--font-size);
  padding: 1rem;
}
.mapbox .mapboxgl-popup-content h3 {
  font-size: inherit;
  font-weight: var(--font-weight-regular);
}
.mapbox .mapboxgl-popup-content p {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
  margin: 0;
}
.mapbox .mapboxgl-popup-close-button {
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
}
.mapbox .mapboxgl-popup-close-button:hover {
  opacity: 1;
  background-color: unset !important;
}
.mapbox .marker {
  --marker-size: 2.5rem;
}
.mapbox .marker .marker__inner {
  display: block;
  cursor: pointer;
  width: var(--marker-size);
  height: var(--marker-size);
  margin-top: calc(var(--marker-size) / 2 * -1);
  transform: rotate(-45deg);
  border: 3px solid #fff;
  border-radius: 50% 50% 50% 0;
  background: var(--marker-bg, var(--color-primary));
}
.mapbox .marker .marker__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25%;
  height: 25%;
  margin-left: -12.5%;
  margin-top: -12.5%;
  border-radius: 50%;
  background: #fff;
}

.font-primary {
  font-family: var(--font-primary);
}

.font-secondary {
  font-family: var(--font-secondary);
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.no-transform {
  text-transform: none;
}

.text-left {
  text-align: left;
}
.text-left:is(ul, ol) {
  justify-content: flex-start;
}

.text-center {
  text-align: center;
}
.text-center:is(ul, ol) {
  justify-content: center;
}

.text-right {
  text-align: right;
}
.text-right:is(ul, ol) {
  justify-content: flex-end;
}

@media screen and (min-width: 30rem) {
  .text-left-xs {
    text-align: left;
  }
  .text-left-xs:is(ul, ol) {
    justify-content: flex-start;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-center-xs:is(ul, ol) {
    justify-content: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-right-xs:is(ul, ol) {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 48rem) {
  .text-left-sm {
    text-align: left;
  }
  .text-left-sm:is(ul, ol) {
    justify-content: flex-start;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-center-sm:is(ul, ol) {
    justify-content: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-right-sm:is(ul, ol) {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 64rem) {
  .text-left-md {
    text-align: left;
  }
  .text-left-md:is(ul, ol) {
    justify-content: flex-start;
  }
  .text-center-md {
    text-align: center;
  }
  .text-center-md:is(ul, ol) {
    justify-content: center;
  }
  .text-right-md {
    text-align: right;
  }
  .text-right-md:is(ul, ol) {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 75rem) {
  .text-left-lg {
    text-align: left;
  }
  .text-left-lg:is(ul, ol) {
    justify-content: flex-start;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-center-lg:is(ul, ol) {
    justify-content: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-right-lg:is(ul, ol) {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 96rem) {
  .text-left-xl {
    text-align: left;
  }
  .text-left-xl:is(ul, ol) {
    justify-content: flex-start;
  }
  .text-center-xl {
    text-align: center;
  }
  .text-center-xl:is(ul, ol) {
    justify-content: center;
  }
  .text-right-xl {
    text-align: right;
  }
  .text-right-xl:is(ul, ol) {
    justify-content: flex-end;
  }
}
.fw100 {
  font-weight: 100 !important;
}

.fw200 {
  font-weight: 200 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.fw900 {
  font-weight: 900 !important;
}

[class^=z] {
  position: relative;
}

.z0 {
  z-index: 0;
}

.z10 {
  z-index: 10;
}

.z20 {
  z-index: 20;
}

.z30 {
  z-index: 30;
}

.z40 {
  z-index: 40;
}

.z50 {
  z-index: 50;
}

.z60 {
  z-index: 60;
}

.z70 {
  z-index: 70;
}

.z80 {
  z-index: 80;
}

.z90 {
  z-index: 90;
}

.z100 {
  z-index: 100;
}

.hidden {
  display: none;
}

.ui-hidden {
  visibility: hidden;
}

@media screen and (min-width: 30rem) {
  .visible-xs {
    display: none !important;
  }
}
@media screen and (min-width: 48rem) {
  .visible-sm {
    display: none !important;
  }
}
@media screen and (min-width: 64rem) {
  .visible-md {
    display: none !important;
  }
}
@media screen and (min-width: 75rem) {
  .visible-lg {
    display: none !important;
  }
}
@media screen and (min-width: 96rem) {
  .visible-xl {
    display: none !important;
  }
}
@media screen and (max-width: 30rem) {
  .hidden-xs {
    display: none !important;
  }
}
@media screen and (max-width: 48rem) {
  .hidden-sm {
    display: none !important;
  }
}
@media screen and (max-width: 64rem) {
  .hidden-md {
    display: none !important;
  }
}
@media screen and (max-width: 75rem) {
  .hidden-lg {
    display: none !important;
  }
}
@media screen and (max-width: 96rem) {
  .hidden-xl {
    display: none !important;
  }
}
.truncate > p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1lh;
  width: 90%;
  overflow: hidden;
}

.truncate--lines {
  position: relative;
  margin-top: var(--gap);
  display: -webkit-box;
  -webkit-line-clamp: var(--lines, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.truncate--lines::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  top: auto;
  height: 2lh;
  background: linear-gradient(to right, transparent, var(--section-bg) 95%);
  pointer-events: none;
}

.stretch {
  height: 100%;
}
.stretch > * {
  height: 100%;
}

.no-ar,
.no-aspect-ratio {
  aspect-ratio: unset !important;
}

.group {
  display: inline-flex;
  gap: 0.75rem;
}
.group .button {
  margin: 0;
}
.group--buttons {
  flex-direction: column;
}
@media screen and (min-width: 48rem) {
  .group--buttons {
    flex-direction: row;
  }
  .group--buttons .button {
    white-space: nowrap;
  }
}

.p0, .no-padding {
  padding: 0 !important;
}

.m0, .no-margin {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0;
}

.mts {
  margin-top: var(--gap);
}

.mtm {
  margin-top: calc(var(--gap) * 2);
}

.mtl {
  margin-top: calc(var(--gap) * 3);
}

.mtf {
  margin-top: var(--flow);
}

.mb0 {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: var(--gap);
}

.mbm {
  margin-bottom: calc(var(--gap) * 2);
}

.mbl {
  margin-bottom: calc(var(--gap) * 3);
}

.mbf {
  margin-bottom: var(--flow);
}

.mbf_neg {
  margin-bottom: calc(var(--flow) * -1);
}

@media screen and (max-width: 30rem) {
  .mts-xs {
    margin-top: var(--gap);
  }
  .mtm-xs {
    margin-top: calc(var(--gap) * 2);
  }
  .mtl-xs, .mtf-xs {
    margin-top: var(--flow);
  }
  .mbs-xs {
    margin-bottom: var(--gap);
  }
  .mbm-xs {
    margin-bottom: calc(var(--gap) * 2);
  }
  .mbl-xs, .mbf-xs {
    margin-bottom: var(--flow);
  }
}
@media screen and (max-width: 48rem) {
  .mts-sm {
    margin-top: var(--gap);
  }
  .mtm-sm {
    margin-top: calc(var(--gap) * 2);
  }
  .mtl-sm, .mtf-sm {
    margin-top: var(--flow);
  }
  .mbs-sm {
    margin-bottom: var(--gap);
  }
  .mbm-sm {
    margin-bottom: calc(var(--gap) * 2);
  }
  .mbl-sm, .mbf-sm {
    margin-bottom: var(--flow);
  }
}
@media screen and (max-width: 64rem) {
  .mts-md {
    margin-top: var(--gap);
  }
  .mtm-md {
    margin-top: calc(var(--gap) * 2);
  }
  .mtl-md, .mtf-md {
    margin-top: var(--flow);
  }
  .mbs-md {
    margin-bottom: var(--gap);
  }
  .mbm-md {
    margin-bottom: calc(var(--gap) * 2);
  }
  .mbl-md, .mbf-md {
    margin-bottom: var(--flow);
  }
}
@media screen and (max-width: 75rem) {
  .mts-lg {
    margin-top: var(--gap);
  }
  .mtm-lg {
    margin-top: calc(var(--gap) * 2);
  }
  .mtl-lg, .mtf-lg {
    margin-top: var(--flow);
  }
  .mbs-lg {
    margin-bottom: var(--gap);
  }
  .mbm-lg {
    margin-bottom: calc(var(--gap) * 2);
  }
  .mbl-lg, .mbf-lg {
    margin-bottom: var(--flow);
  }
}
@media screen and (max-width: 96rem) {
  .mts-xl {
    margin-top: var(--gap);
  }
  .mtm-xl {
    margin-top: calc(var(--gap) * 2);
  }
  .mtl-xl, .mtf-xl {
    margin-top: var(--flow);
  }
  .mbs-xl {
    margin-bottom: var(--gap);
  }
  .mbm-xl {
    margin-bottom: calc(var(--gap) * 2);
  }
  .mbl-xl, .mbf-xl {
    margin-bottom: var(--flow);
  }
}
.pt0 {
  padding-top: 0;
}

.pts {
  padding-top: var(--gap);
}

.ptm {
  padding-top: calc(var(--gap) * 2);
}

.ptl {
  padding-top: calc(var(--gap) * 3);
}

.ptf {
  padding-top: var(--flow);
}

.pb0 {
  padding-bottom: 0;
}

.pbs {
  padding-bottom: var(--gap);
}

.pbm {
  padding-bottom: calc(var(--gap) * 2);
}

.pbl {
  padding-bottom: calc(var(--gap) * 3);
}

.pbf {
  padding-bottom: var(--flow);
}

.pbfx {
  padding-bottom: calc(var(--flow) * 1.5);
}

@media screen and (max-width: 30rem) {
  .pts-xs {
    padding-top: var(--gap);
  }
  .ptm-xs {
    padding-top: calc(var(--gap) * 2);
  }
  .ptl-xs, .ptf-xs {
    padding-top: var(--flow);
  }
  .pbs-xs {
    padding-bottom: var(--gap);
  }
  .pbm-xs {
    padding-bottom: calc(var(--gap) * 2);
  }
  .pbl-xs, .pbf-xs {
    padding-bottom: var(--flow);
  }
}
@media screen and (max-width: 48rem) {
  .pts-sm {
    padding-top: var(--gap);
  }
  .ptm-sm {
    padding-top: calc(var(--gap) * 2);
  }
  .ptl-sm, .ptf-sm {
    padding-top: var(--flow);
  }
  .pbs-sm {
    padding-bottom: var(--gap);
  }
  .pbm-sm {
    padding-bottom: calc(var(--gap) * 2);
  }
  .pbl-sm, .pbf-sm {
    padding-bottom: var(--flow);
  }
}
@media screen and (max-width: 64rem) {
  .pts-md {
    padding-top: var(--gap);
  }
  .ptm-md {
    padding-top: calc(var(--gap) * 2);
  }
  .ptl-md, .ptf-md {
    padding-top: var(--flow);
  }
  .pbs-md {
    padding-bottom: var(--gap);
  }
  .pbm-md {
    padding-bottom: calc(var(--gap) * 2);
  }
  .pbl-md, .pbf-md {
    padding-bottom: var(--flow);
  }
}
@media screen and (max-width: 75rem) {
  .pts-lg {
    padding-top: var(--gap);
  }
  .ptm-lg {
    padding-top: calc(var(--gap) * 2);
  }
  .ptl-lg, .ptf-lg {
    padding-top: var(--flow);
  }
  .pbs-lg {
    padding-bottom: var(--gap);
  }
  .pbm-lg {
    padding-bottom: calc(var(--gap) * 2);
  }
  .pbl-lg, .pbf-lg {
    padding-bottom: var(--flow);
  }
}
@media screen and (max-width: 96rem) {
  .pts-xl {
    padding-top: var(--gap);
  }
  .ptm-xl {
    padding-top: calc(var(--gap) * 2);
  }
  .ptl-xl, .ptf-xl {
    padding-top: var(--flow);
  }
  .pbs-xl {
    padding-bottom: var(--gap);
  }
  .pbm-xl {
    padding-bottom: calc(var(--gap) * 2);
  }
  .pbl-xl, .pbf-xl {
    padding-bottom: var(--flow);
  }
}
.pr0 {
  padding-right: 0;
}

.prs {
  padding-right: var(--gap);
}

.prm {
  padding-right: calc(var(--gap) * 2);
}

.prl {
  padding-right: calc(var(--gap) * 3);
}

.prf {
  padding-right: var(--flow);
}

.pr0 {
  padding-left: 0;
}

.pls {
  padding-left: var(--gap);
}

.plm {
  padding-left: calc(var(--gap) * 2);
}

.pll {
  padding-left: calc(var(--gap) * 3);
}

.plf {
  padding-left: var(--flow);
}

@media screen and (max-width: 30rem) {
  .prs-xs {
    padding-right: var(--gap);
  }
  .prm-xs {
    padding-right: calc(var(--gap) * 2);
  }
  .prl-xs, .prf-xs {
    padding-right: var(--flow);
  }
  .pls-xs {
    padding-left: var(--gap);
  }
  .plm-xs {
    padding-left: calc(var(--gap) * 2);
  }
  .pll-xs, .plf-xs {
    padding-left: var(--flow);
  }
}
@media screen and (max-width: 48rem) {
  .prs-sm {
    padding-right: var(--gap);
  }
  .prm-sm {
    padding-right: calc(var(--gap) * 2);
  }
  .prl-sm, .prf-sm {
    padding-right: var(--flow);
  }
  .pls-sm {
    padding-left: var(--gap);
  }
  .plm-sm {
    padding-left: calc(var(--gap) * 2);
  }
  .pll-sm, .plf-sm {
    padding-left: var(--flow);
  }
}
@media screen and (max-width: 64rem) {
  .prs-md {
    padding-right: var(--gap);
  }
  .prm-md {
    padding-right: calc(var(--gap) * 2);
  }
  .prl-md, .prf-md {
    padding-right: var(--flow);
  }
  .pls-md {
    padding-left: var(--gap);
  }
  .plm-md {
    padding-left: calc(var(--gap) * 2);
  }
  .pll-md, .plf-md {
    padding-left: var(--flow);
  }
}
@media screen and (max-width: 75rem) {
  .prs-lg {
    padding-right: var(--gap);
  }
  .prm-lg {
    padding-right: calc(var(--gap) * 2);
  }
  .prl-lg, .prf-lg {
    padding-right: var(--flow);
  }
  .pls-lg {
    padding-left: var(--gap);
  }
  .plm-lg {
    padding-left: calc(var(--gap) * 2);
  }
  .pll-lg, .plf-lg {
    padding-left: var(--flow);
  }
}
@media screen and (max-width: 96rem) {
  .prs-xl {
    padding-right: var(--gap);
  }
  .prm-xl {
    padding-right: calc(var(--gap) * 2);
  }
  .prl-xl, .prf-xl {
    padding-right: var(--flow);
  }
  .pls-xl {
    padding-left: var(--gap);
  }
  .plm-xl {
    padding-left: calc(var(--gap) * 2);
  }
  .pll-xl, .plf-xl {
    padding-left: var(--flow);
  }
}
.dev {
  font-family: -apple-system, system-ui, "Courier New", Courier, monospace;
  text-align: left;
  color: var(--font-pri) !important;
  width: 100%;
  max-width: var(--inner-max);
  margin: var(--gap) auto;
  padding: var(--gap);
  border-radius: 3px;
  border: 3px solid blue;
  overflow: auto;
}