@charset "UTF-8";
@font-face {
  font-family: "Senckenberg";
  src: url("../fonts/Senckenberg/SenckenbergVariable.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Senckenberg";
  src: url("../fonts/Inter/InterVariable-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-BlackItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Romie";
  src: url("../fonts/RomieSerif/Romie-HeavyItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
}
.margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width) * 0);
  padding-left: -moz-calc(var(--col-width) * 0);
  padding-left: calc(var(--col-width) * 0);
  padding-right: -webkit-calc(var(--col-width) * 0);
  padding-right: -moz-calc(var(--col-width) * 0);
  padding-right: calc(var(--col-width) * 0);
}

.margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1);
  padding-left: -moz-calc(var(--col-width) * 1);
  padding-left: calc(var(--col-width) * 1);
  padding-right: -webkit-calc(var(--col-width) * 1);
  padding-right: -moz-calc(var(--col-width) * 1);
  padding-right: calc(var(--col-width) * 1);
}

.margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2);
  padding-left: -moz-calc(var(--col-width) * 2);
  padding-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
}

.margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  padding-left: -webkit-calc(var(--col-width) * 3);
  padding-left: -moz-calc(var(--col-width) * 3);
  padding-left: calc(var(--col-width) * 3);
  padding-right: -webkit-calc(var(--col-width) * 3);
  padding-right: -moz-calc(var(--col-width) * 3);
  padding-right: calc(var(--col-width) * 3);
}

.margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  padding-left: -webkit-calc(var(--col-width) * 4);
  padding-left: -moz-calc(var(--col-width) * 4);
  padding-left: calc(var(--col-width) * 4);
  padding-right: -webkit-calc(var(--col-width) * 4);
  padding-right: -moz-calc(var(--col-width) * 4);
  padding-right: calc(var(--col-width) * 4);
}

.copy-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width) * 0);
  padding-left: -moz-calc(var(--col-width) * 0);
  padding-left: calc(var(--col-width) * 0);
  padding-right: -webkit-calc(var(--col-width) * 0);
  padding-right: -moz-calc(var(--col-width) * 0);
  padding-right: calc(var(--col-width) * 0);
}

.copy-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1);
  padding-left: -moz-calc(var(--col-width) * 1);
  padding-left: calc(var(--col-width) * 1);
  padding-right: -webkit-calc(var(--col-width) * 1);
  padding-right: -moz-calc(var(--col-width) * 1);
  padding-right: calc(var(--col-width) * 1);
}

.copy-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2);
  padding-left: -moz-calc(var(--col-width) * 2);
  padding-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
}

.copy-margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  padding-left: -webkit-calc(var(--col-width) * 3);
  padding-left: -moz-calc(var(--col-width) * 3);
  padding-left: calc(var(--col-width) * 3);
  padding-right: -webkit-calc(var(--col-width) * 3);
  padding-right: -moz-calc(var(--col-width) * 3);
  padding-right: calc(var(--col-width) * 3);
}

.copy-margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  padding-left: -webkit-calc(var(--col-width) * 4);
  padding-left: -moz-calc(var(--col-width) * 4);
  padding-left: calc(var(--col-width) * 4);
  padding-right: -webkit-calc(var(--col-width) * 4);
  padding-right: -moz-calc(var(--col-width) * 4);
  padding-right: calc(var(--col-width) * 4);
}

.intro-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width) * 0);
  padding-left: -moz-calc(var(--col-width) * 0);
  padding-left: calc(var(--col-width) * 0);
  padding-right: -webkit-calc(var(--col-width) * 0);
  padding-right: -moz-calc(var(--col-width) * 0);
  padding-right: calc(var(--col-width) * 0);
}

.intro-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1);
  padding-left: -moz-calc(var(--col-width) * 1);
  padding-left: calc(var(--col-width) * 1);
  padding-right: -webkit-calc(var(--col-width) * 1);
  padding-right: -moz-calc(var(--col-width) * 1);
  padding-right: calc(var(--col-width) * 1);
}

.intro-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2);
  padding-left: -moz-calc(var(--col-width) * 2);
  padding-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
}

.intro-margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  padding-left: -webkit-calc(var(--col-width) * 3);
  padding-left: -moz-calc(var(--col-width) * 3);
  padding-left: calc(var(--col-width) * 3);
  padding-right: -webkit-calc(var(--col-width) * 3);
  padding-right: -moz-calc(var(--col-width) * 3);
  padding-right: calc(var(--col-width) * 3);
}

.intro-margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  padding-left: -webkit-calc(var(--col-width) * 4);
  padding-left: -moz-calc(var(--col-width) * 4);
  padding-left: calc(var(--col-width) * 4);
  padding-right: -webkit-calc(var(--col-width) * 4);
  padding-right: -moz-calc(var(--col-width) * 4);
  padding-right: calc(var(--col-width) * 4);
}

.accordion-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width) * 0);
  padding-left: -moz-calc(var(--col-width) * 0);
  padding-left: calc(var(--col-width) * 0);
  padding-right: -webkit-calc(var(--col-width) * 0);
  padding-right: -moz-calc(var(--col-width) * 0);
  padding-right: calc(var(--col-width) * 0);
}

.accordion-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1);
  padding-left: -moz-calc(var(--col-width) * 1);
  padding-left: calc(var(--col-width) * 1);
  padding-right: -webkit-calc(var(--col-width) * 1);
  padding-right: -moz-calc(var(--col-width) * 1);
  padding-right: calc(var(--col-width) * 1);
}

.accordion-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2);
  padding-left: -moz-calc(var(--col-width) * 2);
  padding-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
}

.image-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  margin-left: -webkit-calc(var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) * 0);
  margin-left: calc(var(--col-width) * 0);
  margin-right: -webkit-calc(var(--col-width) * 0);
  margin-right: -moz-calc(var(--col-width) * 0);
  margin-right: calc(var(--col-width) * 0);
}

.image-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  margin-left: -webkit-calc(var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) * 1);
  margin-left: calc(var(--col-width) * 1);
  margin-right: -webkit-calc(var(--col-width) * 1);
  margin-right: -moz-calc(var(--col-width) * 1);
  margin-right: calc(var(--col-width) * 1);
}

.image-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
  margin-right: -webkit-calc(var(--col-width) * 2);
  margin-right: -moz-calc(var(--col-width) * 2);
  margin-right: calc(var(--col-width) * 2);
}

.image-margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  margin-left: -webkit-calc(var(--col-width) * 3);
  margin-left: -moz-calc(var(--col-width) * 3);
  margin-left: calc(var(--col-width) * 3);
  margin-right: -webkit-calc(var(--col-width) * 3);
  margin-right: -moz-calc(var(--col-width) * 3);
  margin-right: calc(var(--col-width) * 3);
}

.image-margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  margin-left: -webkit-calc(var(--col-width) * 4);
  margin-left: -moz-calc(var(--col-width) * 4);
  margin-left: calc(var(--col-width) * 4);
  margin-right: -webkit-calc(var(--col-width) * 4);
  margin-right: -moz-calc(var(--col-width) * 4);
  margin-right: calc(var(--col-width) * 4);
}

.card-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  margin-left: -webkit-calc(var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) * 0);
  margin-left: calc(var(--col-width) * 0);
  margin-right: -webkit-calc(var(--col-width) * 0);
  margin-right: -moz-calc(var(--col-width) * 0);
  margin-right: calc(var(--col-width) * 0);
}

.card-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  margin-left: -webkit-calc(var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) * 1);
  margin-left: calc(var(--col-width) * 1);
  margin-right: -webkit-calc(var(--col-width) * 1);
  margin-right: -moz-calc(var(--col-width) * 1);
  margin-right: calc(var(--col-width) * 1);
}

.card-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
  margin-right: -webkit-calc(var(--col-width) * 2);
  margin-right: -moz-calc(var(--col-width) * 2);
  margin-right: calc(var(--col-width) * 2);
}

.card-margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  margin-left: -webkit-calc(var(--col-width) * 3);
  margin-left: -moz-calc(var(--col-width) * 3);
  margin-left: calc(var(--col-width) * 3);
  margin-right: -webkit-calc(var(--col-width) * 3);
  margin-right: -moz-calc(var(--col-width) * 3);
  margin-right: calc(var(--col-width) * 3);
}

.card-margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  margin-left: -webkit-calc(var(--col-width) * 4);
  margin-left: -moz-calc(var(--col-width) * 4);
  margin-left: calc(var(--col-width) * 4);
  margin-right: -webkit-calc(var(--col-width) * 4);
  margin-right: -moz-calc(var(--col-width) * 4);
  margin-right: calc(var(--col-width) * 4);
}

.card-content-margin-0 {
  width: -webkit-calc(100% - var(--col-width) * 0 * 2);
  width: -moz-calc(100% - var(--col-width) * 0 * 2);
  width: calc(100% - var(--col-width) * 0 * 2);
}

.card-content-margin-1 {
  width: -webkit-calc(100% - var(--col-width) * 1 * 2);
  width: -moz-calc(100% - var(--col-width) * 1 * 2);
  width: calc(100% - var(--col-width) * 1 * 2);
}

.card-content-margin-2 {
  width: -webkit-calc(100% - var(--col-width) * 2 * 2);
  width: -moz-calc(100% - var(--col-width) * 2 * 2);
  width: calc(100% - var(--col-width) * 2 * 2);
}

.card-content-margin-3 {
  width: -webkit-calc(100% - var(--col-width) * 3 * 2);
  width: -moz-calc(100% - var(--col-width) * 3 * 2);
  width: calc(100% - var(--col-width) * 3 * 2);
}

.card-content-margin-4 {
  width: -webkit-calc(100% - var(--col-width) * 4 * 2);
  width: -moz-calc(100% - var(--col-width) * 4 * 2);
  width: calc(100% - var(--col-width) * 4 * 2);
}

.lightbox-margin-0 {
  width: -webkit-calc(100% - var(--col-width) * 2 * 2);
  width: -moz-calc(100% - var(--col-width) * 2 * 2);
  width: calc(100% - var(--col-width) * 2 * 2);
}

.lightbox-margin-1 {
  width: -webkit-calc(100% - var(--col-width) * 3 * 2);
  width: -moz-calc(100% - var(--col-width) * 3 * 2);
  width: calc(100% - var(--col-width) * 3 * 2);
}

.lightbox-margin-2 {
  width: -webkit-calc(100% - var(--col-width) * 4 * 2);
  width: -moz-calc(100% - var(--col-width) * 4 * 2);
  width: calc(100% - var(--col-width) * 4 * 2);
}

.lightbox-margin-3 {
  width: -webkit-calc(100% - var(--col-width) * 5 * 2);
  width: -moz-calc(100% - var(--col-width) * 5 * 2);
  width: calc(100% - var(--col-width) * 5 * 2);
}

.lightbox-margin-4 {
  width: -webkit-calc(100% - var(--col-width) * 6 * 2);
  width: -moz-calc(100% - var(--col-width) * 6 * 2);
  width: calc(100% - var(--col-width) * 6 * 2);
}

.headline-margin-0 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-0) * 1);
  margin-bottom: -moz-calc(var(--font-size-headline-0) * 1);
  margin-bottom: calc(var(--font-size-headline-0) * 1);
}

.headline-margin-1 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-1) * 0.9);
  margin-bottom: -moz-calc(var(--font-size-headline-1) * 0.9);
  margin-bottom: calc(var(--font-size-headline-1) * 0.9);
}

.headline-margin-2 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-2) * 0.8);
  margin-bottom: -moz-calc(var(--font-size-headline-2) * 0.8);
  margin-bottom: calc(var(--font-size-headline-2) * 0.8);
}

.headline-margin-3 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-3) * 0.7);
  margin-bottom: -moz-calc(var(--font-size-headline-3) * 0.7);
  margin-bottom: calc(var(--font-size-headline-3) * 0.7);
}

.headline-margin-4 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-4) * 0.6);
  margin-bottom: -moz-calc(var(--font-size-headline-4) * 0.6);
  margin-bottom: calc(var(--font-size-headline-4) * 0.6);
}

.headline-margin-5 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-5) * 0.5);
  margin-bottom: -moz-calc(var(--font-size-headline-5) * 0.5);
  margin-bottom: calc(var(--font-size-headline-5) * 0.5);
}

.headline-margin-6 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-6) * 0.4);
  margin-bottom: -moz-calc(var(--font-size-headline-6) * 0.4);
  margin-bottom: calc(var(--font-size-headline-6) * 0.4);
}

.headline-margin-7 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-7) * 0.3);
  margin-bottom: -moz-calc(var(--font-size-headline-7) * 0.3);
  margin-bottom: calc(var(--font-size-headline-7) * 0.3);
}

.headline-margin-8 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-8) * 0.2);
  margin-bottom: -moz-calc(var(--font-size-headline-8) * 0.2);
  margin-bottom: calc(var(--font-size-headline-8) * 0.2);
}

.headline-margin-9 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-9) * 0.1);
  margin-bottom: -moz-calc(var(--font-size-headline-9) * 0.1);
  margin-bottom: calc(var(--font-size-headline-9) * 0.1);
}

.headline-margin-10 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-10) * 0);
  margin-bottom: -moz-calc(var(--font-size-headline-10) * 0);
  margin-bottom: calc(var(--font-size-headline-10) * 0);
}

.headline-margin-11 {
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-11) * -0.1);
  margin-bottom: -moz-calc(var(--font-size-headline-11) * -0.1);
  margin-bottom: calc(var(--font-size-headline-11) * -0.1);
}

.font-size-headline-1 {
  font-size: var(--font-size-headline-1);
}

.font-size-headline-2 {
  font-size: var(--font-size-headline-2);
}

.font-size-headline-3 {
  font-size: var(--font-size-headline-3);
}

.font-size-headline-4 {
  font-size: var(--font-size-headline-4);
}

.font-size-headline-5 {
  font-size: var(--font-size-headline-5);
}

.font-size-headline-6 {
  font-size: var(--font-size-headline-6);
}

.font-size-headline-7 {
  font-size: var(--font-size-headline-7);
}

.font-size-headline-8 {
  font-size: var(--font-size-headline-8);
}

.font-size-headline-9 {
  font-size: var(--font-size-headline-9);
}

.font-size-headline-10 {
  font-size: var(--font-size-headline-10);
}

.font-size-headline-11 {
  font-size: var(--font-size-headline-11);
}

.font-size-copy-1 {
  font-size: var(--font-size-copy-1);
}

.font-size-copy-2 {
  font-size: var(--font-size-copy-2);
}

.font-size-copy-3 {
  font-size: var(--font-size-copy-3);
}

.font-size-copy-4 {
  font-size: var(--font-size-copy-4);
}

.font-size-overline-1 {
  font-size: var(--font-size-overline-1);
}

.font-size-overline-2 {
  font-size: var(--font-size-overline-2);
}

.font-size-overline-3 {
  font-size: var(--font-size-overline-3);
}

.font-size-overline-4 {
  font-size: var(--font-size-overline-4);
}

:root {
  --cols: 16;
  --col-gap: 1.25rem;
  --col-width: -webkit-calc(100vw / var(--cols));
  --col-width: -moz-calc(100vw / var(--cols));
  --col-width: calc(100vw / var(--cols));
  --section-margin-top-bottom: 3rem;
  --line-height: 1.28;
  --line-height-headline-narrow: 1.1;
  --font-size-intro: 1.25rem;
  --font-size-overline: 1rem;
  --font-size-overline-1: 1rem;
  --font-size-overline-2: 1.5rem;
  --font-size-overline-3: 2rem;
  --font-size-overline-4: 2rem;
  --font-size-copy-1: 1rem;
  --font-size-copy-2: 1.5rem;
  --font-size-copy-3: 2rem;
  --font-size-copy-4: 2.5rem;
  --font-size-headline-1: 1.5rem;
  --font-size-headline-2: 2rem;
  --font-size-headline-3: 3rem;
  --font-size-headline-4: 4rem;
  --font-size-headline-5: 5rem;
  --font-size-headline-6: 6rem;
  --font-size-headline-7: 7rem;
  --font-size-headline-8: 8rem;
  --font-size-headline-9: 9rem;
  --font-size-headline-10: 10rem;
  --font-size-headline-11: 11rem;
  --font-size-menu-level-1: 1.5rem;
  --font-size-menu-level-2: 1rem;
  --font-size-footer: 0.9rem;
  --font-size-footer-breadcrumb: 0.9rem;
  --border-radius-small: 0.6rem;
  --border-radius-big: 1.25rem;
  --button-size: 3.25rem;
  --header-logo-width: 17rem;
  --header-bar-height: 4rem;
  --info-bar-height: 4rem;
  --info-bar-footer-without-parallax-image-background-color: rgb(62, 62, 62);
  --accordion-list-margin-top-bottom: 1rem;
  --logo-card-height: 6rem;
  --card-cols: 3;
  --cards-gap: 1rem;
  --background-color: rgba(255,255,255,1);
  --background-color-transparent: rgba(255,255,255,0);
  --background-color-negative: black;
  --color: black;
  --color-negative: white;
  --color-error: rgb(255,0,0);
  --color-success: rgb(15, 160, 0);
  --color-table-line: #DBDBDB;
  --button-background-color: black;
  --button-background-color-negative: white;
  --button-color: white;
  --button-color-negative: black;
  --background-color-press-release: #F8F7FF;
  --background-button-disabled-color: rgb(109, 109, 109);
  --link-square-button-color: #888888;
  --footer-background: rgba(0, 0, 0, 0.8);
  --footer-border-color: rgb(62, 62, 62);
  --footer-logo-sgn-color: rgb(255, 255, 255);
  --background-color-press-button: #DBDBDB;
  --background-publishing-teaser-tab: #DBDBDB;
  --background-publishing-button-background: #484848;
  --header-utility-height: 2.5rem;
  --menu-background: #F4F4F4;
  --image-background: #F4F4F4;
  --exhibition-archive-sgn-color: #672093;
  --exhibition-new-sticker-color: #5BA853;
  --page-story-background-color: #E7E6FF;
  --background-color-page-columns: #F8F7FF;
  --science-feed-background-color: #F5F5F7;
  --mediathek-archive-sgn-color: #A3A3A3;
  --mediathek-footer-background-color: #EBDEDF;
  --form-background-color: #F5F5F7;
  --search-highlight-color: #efbd35;
}

html {
  font-size: 16px;
  line-height: var(--line-height);
  font-family: "Senckenberg", sans-serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  hyphenate-limit-chars: 8 3 4;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  margin-top: 0;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  -webkit-font-feature-settings: "liga" 1, "calt" 1;
     -moz-font-feature-settings: "liga" 1, "calt" 1;
          font-feature-settings: "liga" 1, "calt" 1;
}

body {
  float: left;
  width: 100%;
  margin: 0;
  background-color: var(--background-color);
  color: var(--color);
}

.bodyfix,
.bodyfix-accessability {
  overflow: hidden;
}

main {
  width: 100%;
  min-height: 80vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  padding-top: -webkit-calc(var(--header-bar-height) + 1rem);
  padding-top: -moz-calc(var(--header-bar-height) + 1rem);
  padding-top: calc(var(--header-bar-height) + 1rem);
}
main .flex-wrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.content-wrapper {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1);
  padding-left: -moz-calc(var(--col-width) * 1);
  padding-left: calc(var(--col-width) * 1);
  padding-right: -webkit-calc(var(--col-width) * 1);
  padding-right: -moz-calc(var(--col-width) * 1);
  padding-right: calc(var(--col-width) * 1);
  float: left;
}

a {
  color: inherit;
  text-underline-offset: 18%;
  text-decoration-thickness: 1px;
}
a:hover {
  text-decoration: none;
}

figure,
.image-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
}
figure img,
.image-wrapper img {
  background: var(--image-background);
}

.no-break {
  white-space: nowrap;
}

address {
  display: inline;
  font-style: inherit;
}

strong, b {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

sup, sub {
  font-size: 100%;
  line-height: 1;
  vertical-align: baseline;
}

sup {
  -webkit-font-feature-settings: "sups" 1;
     -moz-font-feature-settings: "sups" 1;
          font-feature-settings: "sups" 1;
}

/* Subscript-Feature aktivieren */
sub {
  -webkit-font-feature-settings: "subs" 1;
     -moz-font-feature-settings: "subs" 1;
          font-feature-settings: "subs" 1;
}

.intro strong, .intro b {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

.accessibility-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: var(--button-background-color);
  color: var(--button-color);
  height: var(--button-size);
  line-height: var(--button-size);
  min-width: var(--button-size);
  -webkit-border-radius: var(--button-size);
     -moz-border-radius: var(--button-size);
          border-radius: var(--button-size);
  cursor: pointer;
  font-smooth: inherit;
  font-size: inherit;
  display: inline-block;
  text-decoration: none;
}
.button svg {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition-property: border, -webkit-transform, -webkit-box-shadow;
  transition-property: border, -webkit-transform, -webkit-box-shadow;
  -o-transition-property: box-shadow, border, -o-transform;
  -moz-transition-property: transform, box-shadow, border, -moz-transform, -moz-box-shadow;
  transition-property: transform, box-shadow, border;
  transition-property: transform, box-shadow, border, -webkit-transform, -moz-transform, -o-transform, -webkit-box-shadow, -moz-box-shadow;
  fill: var(--button-color);
}
.button.is-open svg {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.button:focus {
  outline: none;
}
.button:focus-visible {
  outline: 2.5px solid var(--button-background-color);
  outline-offset: 2.5px;
}
.button.pill-button {
  padding-left: -webkit-calc(var(--button-size) / 2);
  padding-left: -moz-calc(var(--button-size) / 2);
  padding-left: calc(var(--button-size) / 2);
  padding-right: -webkit-calc(var(--button-size) / 2);
  padding-right: -moz-calc(var(--button-size) / 2);
  padding-right: calc(var(--button-size) / 2);
}
.button.toggle-content-button {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  width: var(--button-size);
  background-color: var(--background-color);
  outline: 1.25px solid var(--color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.button.toggle-content-button svg {
  width: 60%;
  height: 60%;
  fill: black;
}
.button.toggle-content-button.is-open {
  outline: none;
  -webkit-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
}
.button.icon-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.button.link.icon-button.internal svg {
  height: 70%;
  width: auto;
}
.button.link.icon-button.external svg {
  height: 62%;
  width: auto;
}
.button.download svg {
  height: 62%;
  width: auto;
}
.button.email svg {
  height: 70%;
  width: auto;
}
.button.lightbox-button, .button.pseudo-lightbox-button {
  background: transparent;
  color: inherit;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.button.lightbox-button .label, .button.pseudo-lightbox-button .label {
  font-size: var(--font-size-copy-1);
  padding-left: 0.5rem;
  color: inherit;
}
.button.lightbox-button .icon, .button.pseudo-lightbox-button .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  width: var(--button-size);
  height: var(--button-size);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.button.lightbox-button .icon svg, .button.pseudo-lightbox-button .icon svg {
  height: 70%;
  width: auto;
}
.button.lightbox-button .label {
  font-size: var(--font-size-copy-1);
  padding-left: 0.5rem;
  color: inherit;
}
.button.lightbox-button .icon svg {
  height: 70%;
  width: auto;
}
.button.lightbox-close-button svg {
  height: 70%;
  width: auto;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.toggle-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  position: relative;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  cursor: pointer;
}
.toggle-button.is-open .toggle-content-button {
  outline: none;
  -webkit-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
}
.toggle-button.is-open svg {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tab-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: var(--background-color);
  cursor: pointer;
}

.caption-button {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0 0 -webkit-calc(var(--button-size) / 1.25) 0 rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 -moz-calc(var(--button-size) / 1.25) 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 calc(var(--button-size) / 1.25) 0 rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  width: var(--button-size);
  height: var(--button-size);
  margin: -webkit-calc(var(--button-size) / 1.25);
  margin: -moz-calc(var(--button-size) / 1.25);
  margin: calc(var(--button-size) / 1.25);
  cursor: pointer;
  z-index: 1010;
}
.caption-button svg {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
  width: 60%;
  height: 60%;
}
.caption-button.is-open svg {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.caption-button-black .caption-button {
  background-color: black;
}
.caption-button-black .caption-button svg {
  fill: white;
}

.caption-button-white .caption-button {
  background-color: white;
}
.caption-button-white .caption-button svg {
  fill: black;
}

.caption-on-image {
  position: absolute;
  background-color: white;
  color: black;
  margin: -webkit-calc(var(--button-size) / 1.5);
  margin: -moz-calc(var(--button-size) / 1.5);
  margin: calc(var(--button-size) / 1.5);
  padding: 1.5rem;
  z-index: 1000;
  margin-left: -webkit-calc(var(--button-size) * 2.25);
  margin-left: -moz-calc(var(--button-size) * 2.25);
  margin-left: calc(var(--button-size) * 2.25);
  margin-bottom: -webkit-calc(var(--button-size) * 2.25);
  margin-bottom: -moz-calc(var(--button-size) * 2.25);
  margin-bottom: calc(var(--button-size) * 2.25);
  max-width: 40rem;
  width: -webkit-calc(100% - var(--button-size) * 3.5);
  width: -moz-calc(100% - var(--button-size) * 3.5);
  width: calc(100% - var(--button-size) * 3.5);
  max-height: -webkit-calc(100% - var(--button-size) * 3.5);
  max-height: -moz-calc(100% - var(--button-size) * 3.5);
  max-height: calc(100% - var(--button-size) * 3.5);
  overflow: auto;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
.caption-on-image p {
  margin: 0;
}

.caption-left-top .caption-button {
  left: 0;
  top: 0;
}
.caption-left-top .caption-on-image {
  left: -webkit-calc(var(--button-size) * -1);
  left: -moz-calc(var(--button-size) * -1);
  left: calc(var(--button-size) * -1);
  top: -webkit-calc(var(--button-size) / 1.5);
  top: -moz-calc(var(--button-size) / 1.5);
  top: calc(var(--button-size) / 1.5);
  padding-top: -webkit-calc(1.5rem + var(--button-size) / 4);
  padding-top: -moz-calc(1.5rem + var(--button-size) / 4);
  padding-top: calc(1.5rem + var(--button-size) / 4);
}

.caption-left-center .caption-button {
  left: 0;
  top: -webkit-calc(50% - var(--button-size) / 1.5);
  top: -moz-calc(50% - var(--button-size) / 1.5);
  top: calc(50% - var(--button-size) / 1.5);
}
.caption-left-center .caption-on-image {
  left: -webkit-calc(var(--button-size) * -1);
  left: -moz-calc(var(--button-size) * -1);
  left: calc(var(--button-size) * -1);
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: -webkit-calc(1.5rem + var(--button-size) / 3);
  padding-left: -moz-calc(1.5rem + var(--button-size) / 3);
  padding-left: calc(1.5rem + var(--button-size) / 3);
}

.caption-left-bottom .caption-button {
  left: 0;
  bottom: 0;
}
.caption-left-bottom .caption-on-image {
  left: -webkit-calc(var(--button-size) * -1);
  left: -moz-calc(var(--button-size) * -1);
  left: calc(var(--button-size) * -1);
  bottom: -webkit-calc(var(--button-size) * -1);
  bottom: -moz-calc(var(--button-size) * -1);
  bottom: calc(var(--button-size) * -1);
  padding-bottom: -webkit-calc(1.5rem + var(--button-size) / 4);
  padding-bottom: -moz-calc(1.5rem + var(--button-size) / 4);
  padding-bottom: calc(1.5rem + var(--button-size) / 4);
}

.caption-right-top .caption-button {
  right: 0;
  top: 0;
}
.caption-right-top .caption-on-image {
  right: -webkit-calc(var(--button-size) / 1.5);
  right: -moz-calc(var(--button-size) / 1.5);
  right: calc(var(--button-size) / 1.5);
  top: -webkit-calc(var(--button-size) / 1.5);
  top: -moz-calc(var(--button-size) / 1.5);
  top: calc(var(--button-size) / 1.5);
  padding-top: -webkit-calc(1.5rem + var(--button-size) / 4);
  padding-top: -moz-calc(1.5rem + var(--button-size) / 4);
  padding-top: calc(1.5rem + var(--button-size) / 4);
}

.caption-right-center .caption-button {
  right: 0;
  top: -webkit-calc(50% - var(--button-size) / 1.5);
  top: -moz-calc(50% - var(--button-size) / 1.5);
  top: calc(50% - var(--button-size) / 1.5);
}
.caption-right-center .caption-on-image {
  right: -webkit-calc(var(--button-size) / 1.5);
  right: -moz-calc(var(--button-size) / 1.5);
  right: calc(var(--button-size) / 1.5);
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-right: -webkit-calc(1.5rem + var(--button-size) / 3);
  padding-right: -moz-calc(1.5rem + var(--button-size) / 3);
  padding-right: calc(1.5rem + var(--button-size) / 3);
}

.caption-right-bottom .caption-button {
  right: 0;
  bottom: 0;
}
.caption-right-bottom .caption-on-image {
  right: -webkit-calc(var(--button-size) / 1.5);
  right: -moz-calc(var(--button-size) / 1.5);
  right: calc(var(--button-size) / 1.5);
  bottom: -webkit-calc(var(--button-size) * -1);
  bottom: -moz-calc(var(--button-size) * -1);
  bottom: calc(var(--button-size) * -1);
  padding-bottom: -webkit-calc(1.5rem + var(--button-size) / 4);
  padding-bottom: -moz-calc(1.5rem + var(--button-size) / 4);
  padding-bottom: calc(1.5rem + var(--button-size) / 4);
}

.headline-on-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  color: var(--color-negative);
}
.headline-on-image .wrapper {
  width: 100%;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.headline-on-image .headline-wrapper,
.headline-on-image .text-wrapper {
  position: absolute;
  padding: 2rem;
  z-index: 500;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
.headline-on-image.background-blur .headline-wrapper,
.headline-on-image.background-blur .text-wrapper {
  padding: 2rem;
  margin: var(--button-size);
  -webkit-backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
          backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
  color: white;
  max-width: -webkit-calc(100% - var(--button-size) * 2);
  max-width: -moz-calc(100% - var(--button-size) * 2);
  max-width: calc(100% - var(--button-size) * 2);
}
.headline-on-image.background-blur h1 {
  margin: 0;
}
.headline-on-image.headline-left-top .wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.headline-on-image.headline-left-center .wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.headline-on-image.headline-left-bottom .wrapper {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}
.headline-on-image.headline-center-center .wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.headline-on-image figure {
  width: 100%;
  float: left;
  line-height: 0;
}
.headline-on-image figure figcaption {
  line-height: var(--line-height);
}

.copyright-text[hidden] {
  display: inline-block;
}

.copyright {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  -webkit-backdrop-filter: blur(2rem) brightness(1.16);
          backdrop-filter: blur(2rem) brightness(1.16);
  background-color: rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  line-height: var(--line-height);
  cursor: pointer;
  overflow: hidden;
  max-width: 2rem;
  -webkit-transition: max-width 0.5s linear;
  -o-transition: max-width 0.5s linear;
  -moz-transition: max-width 0.5s linear;
  transition: max-width 0.5s linear;
}

.copyright-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 1rem;
     -moz-border-radius: 1rem;
          border-radius: 1rem;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(2rem) brightness(1.16);
          backdrop-filter: blur(2rem) brightness(1.16);
  font-size: 1.25rem;
}

.copyright-text {
  font-size: 1rem;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  opacity: 0;
  -webkit-transform: translateX(-2rem);
     -moz-transform: translateX(-2rem);
       -o-transform: translateX(-2rem);
          transform: translateX(-2rem);
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
  -o-transition: opacity 0.5s linear, -o-transform 0.5s linear;
  -moz-transition: opacity 0.5s linear, transform 0.5s linear, -moz-transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear;
  transition: opacity 0.5s linear, transform 0.5s linear, -webkit-transform 0.5s linear, -moz-transform 0.5s linear, -o-transform 0.5s linear;
}

.copyright:hover {
  max-width: -webkit-calc(100% - 1.5rem);
  max-width: -moz-calc(100% - 1.5rem);
  max-width: calc(100% - 1.5rem);
}

.copyright:hover .copyright-text {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

.copy-font-size-1 {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

.copy-font-size-2 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.prev-next .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 2.5rem;
}
.prev-next .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  min-width: -webkit-calc(var(--button-size) / 1.5);
  min-width: -moz-calc(var(--button-size) / 1.5);
  min-width: calc(var(--button-size) / 1.5);
  height: -webkit-calc(var(--button-size) / 1.5);
  height: -moz-calc(var(--button-size) / 1.5);
  height: calc(var(--button-size) / 1.5);
}
.prev-next .button svg {
  height: 65%;
  width: auto;
}

.select-menu {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: var(--font-size-copy-1);
  line-height: inherit;
  background-color: var(--background-color);
  border: 1px solid var(--color);
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  color: var(--color);
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.select-menu:focus-within {
  -webkit-box-shadow: 0 0 2rem 1px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 0 2rem 1px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2rem 1px rgba(0, 0, 0, 0.6);
}
.select-menu .prefix {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 0.25rem;
}
.select-menu select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  width: 100%;
  min-width: 100%;
  margin: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  cursor: pointer;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
}
.select-menu select:focus {
  display: block;
  outline: none;
}
.select-menu select option {
  background-color: var(--background-color);
  color: var(--color);
}
.select-menu.has-prefix {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.select-menu.has-prefix select {
  padding-left: 0.25rem;
  position: absolute;
  height: 100%;
  visibility: hidden;
}
.select-menu .select-arrow {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.select-menu .select-arrow svg {
  width: auto;
  height: var(--font-size-copy-1);
  fill: var(--color);
}

.filter-bar {
  width: 100%;
  float: left;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.filter-bar .headline h2 {
  margin: 0;
  font-size: var(--font-size-headline-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.filter-bar .filters {
  display: -ms-grid;
  display: grid;
  width: -webkit-calc(100% - var(--col-width) * 4);
  width: -moz-calc(100% - var(--col-width) * 4);
  width: calc(100% - var(--col-width) * 4);
  grid-column-gap: var(--col-gap);
}

.social-links .headline {
  font-size: inherit;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 0.8rem;
}
.social-links a {
  display: block;
  height: var(--button-size);
}
.social-links svg {
  width: auto;
  height: 100%;
  fill: var(--color-negative);
}

.wp-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.wp-video video,
.wp-video .mejs-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.wp-video .mejs-overlay-play,
.wp-video .mejs-poster {
  width: 100%;
  height: 100%;
}

figure .caption-below-image {
  float: left;
  font-family: "Romie", serif;
  font-size: var(--font-size-copy-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-align: center;
  margin-top: 1rem;
}
figure .caption-below-image p {
  margin: 0;
}

.background-negative {
  background-color: var(--background-color-negative);
  color: var(--color-negative);
}
.background-negative header .header-bar .sgn-logo svg {
  fill: var(--color-negative);
}
.background-negative header .header-bar .meta-menu-wrapper {
  background-color: var(--background-color);
  color: var(--color);
}
.background-negative header .header-bar .nav-menu-button {
  color: var(--color-negative);
}
.background-negative.sticky .scroll-up header .header-bar .sgn-logo svg {
  fill: var(--color);
}
.background-negative.sticky .scroll-up header .nav-menu-button {
  color: var(--color);
}
.background-negative footer {
  background-color: var(--background-color-negative);
}

.copy ul,
.copy ol {
  padding-left: 1.1rem;
}

.rcb-content-blocker {
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
}

.loader {
  display: none;
  position: relative;
  height: var(--button-size);
  width: 5rem;
  height: -webkit-calc(var(--button-size) / 2);
  height: -moz-calc(var(--button-size) / 2);
  height: calc(var(--button-size) / 2);
  background-color: var(--button-background-color);
  -webkit-border-radius: -webkit-calc(var(--button-size) / 2);
     -moz-border-radius: -moz-calc(var(--button-size) / 2);
          border-radius: calc(var(--button-size) / 2);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.loader:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 2px;
  width: -webkit-calc(var(--button-size) / 2 - 4px);
  width: -moz-calc(var(--button-size) / 2 - 4px);
  width: calc(var(--button-size) / 2 - 4px);
  height: -webkit-calc(var(--button-size) / 2 - 4px);
  height: -moz-calc(var(--button-size) / 2 - 4px);
  height: calc(var(--button-size) / 2 - 4px);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: var(--button-background-color-negative);
  -webkit-animation: loader-dot 2s ease-in-out infinite alternate;
     -moz-animation: loader-dot 2s ease-in-out infinite alternate;
       -o-animation: loader-dot 2s ease-in-out infinite alternate;
          animation: loader-dot 2s ease-in-out infinite alternate;
}

@-webkit-keyframes loader-dot {
  0% {
    left: 0;
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(-webkit-calc(-100% - 3px));
            transform: translateX(calc(-100% - 3px));
  }
}

@-moz-keyframes loader-dot {
  0% {
    left: 0;
    -moz-transform: translateX(3px);
         transform: translateX(3px);
  }
  100% {
    left: 100%;
    -moz-transform: translateX(-moz-calc(-100% - 3px));
         transform: translateX(calc(-100% - 3px));
  }
}

@-o-keyframes loader-dot {
  0% {
    left: 0;
    -o-transform: translateX(3px);
       transform: translateX(3px);
  }
  100% {
    left: 100%;
    -o-transform: translateX(calc(-100% - 3px));
       transform: translateX(calc(-100% - 3px));
  }
}

@keyframes loader-dot {
  0% {
    left: 0;
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
         -o-transform: translateX(3px);
            transform: translateX(3px);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(-webkit-calc(-100% - 3px));
       -moz-transform: translateX(-moz-calc(-100% - 3px));
         -o-transform: translateX(calc(-100% - 3px));
            transform: translateX(calc(-100% - 3px));
  }
}
header {
  position: relative;
  z-index: 5000;
}
header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header a {
  text-decoration: none;
}
header .header-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 0.7rem;
  height: var(--header-bar-height);
  width: 100vw;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  z-index: 5100;
}
header .header-bar .header-bar-wrapper {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-align-content: center;
          align-content: center;
}
header .header-bar .nav-menu-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  height: var(--header-utility-height);
  z-index: 5100;
  position: relative;
  margin-right: -1rem;
  padding-top: 0rem;
  padding-bottom: 0.25rem;
  font-size: var(--font-size-menu-level-1);
  width: auto;
}
header .header-bar .nav-menu-button .label {
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: 470;
  font-variation-settings: "wght" 470;
  font-size: var(--font-size-menu-level-1);
  margin-right: 0.5rem;
}
header .header-bar .nav-menu-button svg {
  height: -webkit-calc(var(--font-size-menu-level-1) / 1.5);
  height: -moz-calc(var(--font-size-menu-level-1) / 1.5);
  height: calc(var(--font-size-menu-level-1) / 1.5);
  width: auto;
  fill: black;
  stroke: black;
  stroke-width: 0.75px;
}
header .header-bar .meta-menu-wrapper {
  z-index: 5000;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  color: var(--color);
  position: absolute;
  top: 0;
  left: 0;
  height: var(--header-bar-height);
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
header .header-bar .meta-menu-wrapper .meta-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: 470;
  font-variation-settings: "wght" 470;
  font-size: var(--font-size-menu-level-1);
}
header .nav-menu-button,
header .page-logo {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
}
header .close-dialog {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  height: var(--header-utility-height);
}
header .close-dialog .label {
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-menu-level-1);
  margin-right: 0.5rem;
}
header .close-dialog svg {
  height: -webkit-calc(var(--font-size-menu-level-1) / 1.5);
  height: -moz-calc(var(--font-size-menu-level-1) / 1.5);
  height: calc(var(--font-size-menu-level-1) / 1.5);
  width: auto;
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 0.75px;
}
header .nav-dialog {
  z-index: 5500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background: transparent;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  -webkit-transition: -webkit-transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -webkit-backdrop-filter 0.5s ease-in;
  transition: -webkit-transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -webkit-backdrop-filter 0.5s ease-in;
  -o-transition: backdrop-filter 0.5s ease-in, -o-transform 1s ease-in-out, -o-transform 1s ease-in-out;
  -moz-transition: transform 1s ease-in-out, transform 1s ease-in-out, backdrop-filter 0.5s ease-in, -moz-transform 1s ease-in-out, -moz-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, transform 1s ease-in-out, backdrop-filter 0.5s ease-in;
  transition: transform 1s ease-in-out, transform 1s ease-in-out, backdrop-filter 0.5s ease-in, -webkit-transform 1s ease-in-out, -moz-transform 1s ease-in-out, -o-transform 1s ease-in-out, -webkit-transform 1s ease-in-out, -moz-transform 1s ease-in-out, -o-transform 1s ease-in-out, -webkit-backdrop-filter 0.5s ease-in;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
header .nav-dialog.is-open {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
header .nav-dialog.blur {
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
}
header .nav-dialog .nav-wrapper {
  background-color: var(--background-color);
  min-height: -webkit-calc(100vh - 4rem);
  min-height: -moz-calc(100vh - 4rem);
  min-height: calc(100vh - 4rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
header .nav-dialog .primary-navigation {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  background-color: var(--menu-background);
  padding-left: 3rem;
  padding-right: 1.5rem;
  margin-bottom: 3rem;
}
header .nav-dialog .primary-navigation .menus {
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  position: relative;
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
header .nav-dialog .primary-navigation .menus .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  justify-self: flex-end;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
header .nav-dialog .primary-navigation .menus .button svg {
  height: 55%;
  width: auto;
}
header .nav-dialog .primary-navigation .menus > ul {
  font-size: var(--font-size-menu-level-1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
header .nav-dialog .primary-navigation .menus > ul > li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
header .nav-dialog .primary-navigation .menus > ul > li > a {
  background-color: var(--menu-background);
  z-index: 6010;
  position: relative;
  display: inline;
  padding-right: 1rem;
}
header .nav-dialog .primary-navigation .menus > ul > li > a .button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  vertical-align: middle;
  margin-left: 0.25em;
  height: 0.85em;
  width: auto;
  float: none;
}
header .nav-dialog .primary-navigation .menus > ul > li > a .button svg {
  height: 60%;
  width: auto;
  display: block;
}
header .nav-dialog .primary-navigation .menus > ul > li ul {
  display: none;
  position: absolute;
  font-size: var(--font-size-menu-level-2);
  -webkit-transform: translateY(-webkit-calc(-50% - var(--font-size-menu-level-2) * var(--line-height) / 1.5));
     -moz-transform: translateY(-moz-calc(-50% - var(--font-size-menu-level-2) * var(--line-height) / 1.5));
       -o-transform: translateY(calc(-50% - var(--font-size-menu-level-2) * var(--line-height) / 1.5));
          transform: translateY(calc(-50% - var(--font-size-menu-level-2) * var(--line-height) / 1.5));
  padding-left: 100%;
  width: 100%;
}
header .nav-dialog .primary-navigation .menus > ul > li ul:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  border-top: 1px solid var(--color);
}
header .nav-dialog .primary-navigation .menus > ul > li ul li {
  padding-left: 1.5rem;
  z-index: 6020;
  position: relative;
  padding-left: 1rem;
  border-left: 1px solid var(--color);
  background-color: var(--menu-background);
  margin-top: -0.5px;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  background-color: var(--menu-background);
}
header .nav-dialog .primary-navigation .menus > ul > li ul li a {
  display: inline;
}
header .nav-dialog .primary-navigation .menus > ul > li ul li a .button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  vertical-align: middle;
  margin-left: 0.25em;
  float: none;
  height: 0.85em;
}
header .nav-dialog .primary-navigation .menus > ul > li ul li a .button.pill-button {
  width: auto;
}
header .nav-dialog .primary-navigation .menus > ul > li ul li a .button svg {
  height: 60%;
  width: auto;
  display: block;
}
header .nav-dialog .primary-navigation .menus > ul > li:hover ul, header .nav-dialog .primary-navigation .menus > ul > li:focus-within ul {
  display: inherit;
}
header .utility-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  gap: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
header .utility-nav .nav-logo {
  z-index: 6000;
  position: relative;
  width: var(--header-logo-width);
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-right: 3rem;
}
header .utility-nav .nav-logo svg {
  width: 100%;
  height: auto;
}
header .utility-nav .search-bar {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
header .utility-nav .search-bar .search-input {
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
header .utility-nav .search-bar .search-input input[type=search] {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: var(--menu-background);
  height: var(--header-utility-height);
  -webkit-border-radius: var(--header-utility-height);
     -moz-border-radius: var(--header-utility-height);
          border-radius: var(--header-utility-height);
  padding-left: -webkit-calc(var(--header-utility-height) / 2);
  padding-left: -moz-calc(var(--header-utility-height) / 2);
  padding-left: calc(var(--header-utility-height) / 2);
  padding-right: -webkit-calc(var(--header-utility-height) + 0.5rem);
  padding-right: -moz-calc(var(--header-utility-height) + 0.5rem);
  padding-right: calc(var(--header-utility-height) + 0.5rem);
}
header .utility-nav .search-bar .search-input input[type=search]:focus {
  outline: 3px solid var(--color);
}
header .utility-nav .search-bar .search-input input[type=search]:focus-visible {
  outline: none;
}
header .utility-nav .search-bar .search-input button[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  height: 3rem;
  width: 3.5rem;
  margin-left: -3.5rem;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  cursor: pointer;
}
header .utility-nav .search-bar .search-input button[type=submit] svg {
  width: 1.5rem;
  height: auto;
  padding: 0.5rem;
}
header .utility-nav .accessibility-dialog-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--menu-background);
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  height: var(--header-utility-height);
  width: var(--header-utility-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
header .utility-nav .accessibility-dialog-button svg {
  height: -webkit-calc(var(--header-utility-height) - 1rem);
  height: -moz-calc(var(--header-utility-height) - 1rem);
  height: calc(var(--header-utility-height) - 1rem);
  width: auto;
}
header .utility-nav .theme-mode-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border: none;
  position: relative;
  width: -webkit-calc(var(--header-utility-height) * 2 + 0.5rem);
  width: -moz-calc(var(--header-utility-height) * 2 + 0.5rem);
  width: calc(var(--header-utility-height) * 2 + 0.5rem);
  height: var(--header-utility-height);
  -webkit-border-radius: var(--header-utility-height);
     -moz-border-radius: var(--header-utility-height);
          border-radius: var(--header-utility-height);
  background-color: var(--button-background-color);
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
header .utility-nav .theme-mode-toggle .mode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
}
header .utility-nav .theme-mode-toggle .mode .icon {
  width: -webkit-calc(var(--header-utility-height) - 0.5rem);
  width: -moz-calc(var(--header-utility-height) - 0.5rem);
  width: calc(var(--header-utility-height) - 0.5rem);
  height: -webkit-calc(var(--header-utility-height) - 0.5rem);
  height: -moz-calc(var(--header-utility-height) - 0.5rem);
  height: calc(var(--header-utility-height) - 0.5rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: white;
}
header .utility-nav .theme-mode-toggle .mode .icon svg {
  height: -webkit-calc(var(--header-utility-height) - 1.2rem);
  height: -moz-calc(var(--header-utility-height) - 1.2rem);
  height: calc(var(--header-utility-height) - 1.2rem);
  width: auto;
}
header .utility-nav .theme-mode-toggle .mode .label {
  display: block;
  width: auto;
  margin-left: 0.25rem;
  width: var(--header-utility-height);
  font-size: 0.65rem;
}
header .utility-nav .theme-mode-toggle .mode-light {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  margin-left: 0;
}
header .utility-nav .theme-mode-toggle .mode-dark {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-right: 0.25rem;
}
header .utility-nav .theme-mode-toggle.light-active {
  background-color: var(--menu-background);
  color: black;
}
header .utility-nav .theme-mode-toggle.light-active .mode-light {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
header .utility-nav .theme-mode-toggle.light-active .mode-dark {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}
header .utility-nav .theme-mode-toggle.dark-active {
  background-color: black;
  color: white;
}
header .utility-nav .theme-mode-toggle.dark-active .mode-dark {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
header .utility-nav .theme-mode-toggle.dark-active .mode-light {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}
header .utility-nav .language-switch {
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
header .utility-nav .language-switch .languages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: var(--header-utility-height);
  -webkit-border-radius: var(--header-utility-height);
     -moz-border-radius: var(--header-utility-height);
          border-radius: var(--header-utility-height);
  background-color: var(--button-background-color);
}
header .utility-nav .language-switch .languages li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  height: -webkit-calc(var(--header-utility-height) - 0.4rem);
  height: -moz-calc(var(--header-utility-height) - 0.4rem);
  height: calc(var(--header-utility-height) - 0.4rem);
  width: -webkit-calc(var(--header-utility-height) - 0.4rem);
  width: -moz-calc(var(--header-utility-height) - 0.4rem);
  width: calc(var(--header-utility-height) - 0.4rem);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 0.2rem solid var(--button-background-color);
}
header .utility-nav .language-switch .languages li.active {
  background-color: var(--button-background-color-negative);
  color: var(--button-color-negative);
}
header .utility-nav .language-switch .languages li.not-active {
  background-color: var(--button-background-color);
  color: var(--button-color);
}
header .sgn-logo {
  position: relative;
  z-index: 5100;
  top: 0;
  left: 0;
}
header .sgn-logo svg {
  width: var(--header-logo-width);
  mix-blend-mode: difference;
  fill: black;
}
header .accessibility-dialog {
  z-index: 6000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background-color: transparent;
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
  -webkit-transition: -webkit-transform 0.75s ease-in-out;
  transition: -webkit-transform 0.75s ease-in-out;
  -o-transition: -o-transform 0.75s ease-in-out;
  -moz-transition: transform 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, -o-transform 0.75s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: none;
}
header .accessibility-dialog.is-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
header .accessibility-dialog .dialog-wrapper {
  width: -webkit-calc(100vw - 8rem);
  width: -moz-calc(100vw - 8rem);
  width: calc(100vw - 8rem);
  max-width: 45rem;
  min-height: 15rem;
  padding: 2rem;
  background-color: var(--background-color);
  position: relative;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  -webkit-box-shadow: 0px 0px 0.75rem 0.15rem rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 0px 0.75rem 0.15rem rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 0.75rem 0.15rem rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
header .accessibility-dialog .close-dialog {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
}
header .accessibility-dialog .header {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-top: -0.5rem;
}
header .accessibility-dialog .header .icon {
  height: var(--header-utility-height);
  width: var(--header-utility-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  background-color: var(--menu-background);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
header .accessibility-dialog .header .icon svg {
  height: -webkit-calc(var(--header-utility-height) - 1rem);
  height: -moz-calc(var(--header-utility-height) - 1rem);
  height: calc(var(--header-utility-height) - 1rem);
  width: auto;
}
header .accessibility-dialog .button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 100%;
  float: left;
  display: flex;
  gap: 3rem;
}
header .accessibility-dialog .button-group h3 {
  text-align: center;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}
header .accessibility-dialog .button-group .button {
  color: var(--color-negative);
  min-height: -webkit-calc(var(--button-size) * 1.5);
  min-height: -moz-calc(var(--button-size) * 1.5);
  min-height: calc(var(--button-size) * 1.5);
  display: block;
  line-height: var(--line-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  text-align: center;
  font-size: 1rem;
}
header .accessibility-dialog .button-group .button .contrast {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: -0.15rem;
}
header .accessibility-dialog .button-group .button .contrast-normal {
  padding-left: 1rem;
}
header .accessibility-dialog .button-group .button .icon {
  height: var(--header-utility-height);
  width: var(--header-utility-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
header .accessibility-dialog .button-group .button .icon .label {
  color: var(--color-negative);
  color: white;
}
header .accessibility-dialog .button-group .button .icon svg {
  height: -webkit-calc(var(--header-utility-height) - 1rem);
  height: -moz-calc(var(--header-utility-height) - 1rem);
  height: calc(var(--header-utility-height) - 1rem);
  width: auto;
  fill: black;
}
header .accessibility-dialog .button-group .button.site-contrast-toggle {
  padding-right: -webkit-calc(var(--button-size) / 2);
  padding-right: -moz-calc(var(--button-size) / 2);
  padding-right: calc(var(--button-size) / 2);
}
header .accessibility-dialog .button-group .button.site-contrast-normal .contrast-normal {
  display: none;
}
header .accessibility-dialog .button-group .button.site-contrast-high .contrast-high {
  display: none;
}

.sticky.scroll-up header .header-bar {
  position: fixed;
}
.sticky.scroll-up header .meta-menu-wrapper {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  background-color: var(--background-color);
}
.sticky.scroll-up header .anchor-menu {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  background-color: var(--background-color);
}
.sticky.scroll-up header .nav-menu-button,
.sticky.scroll-up header .page-logo {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.scroll-top .meta-menu-wrapper {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
}
.scroll-top .anchor-menu {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
}

.scroll-down header .meta-menu-wrapper {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.scroll-down header .anchor-menu {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.scroll-down header .nav-menu-button,
.scroll-down header .page-logo {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.scroll-down.has-page-anchors-after-hero .anchor-menu.is-stuck, .scroll-down.has-page-anchors-before-flex-content .anchor-menu.is-stuck {
  -webkit-transform: translateY(-webkit-calc(-100% - var(--header-bar-height)));
     -moz-transform: translateY(-moz-calc(-100% - var(--header-bar-height)));
       -o-transform: translateY(calc(-100% - var(--header-bar-height)));
          transform: translateY(calc(-100% - var(--header-bar-height)));
}

.scroll-up.has-page-anchors-after-hero .anchor-menu.is-stuck, .scroll-up.has-page-anchors-before-flex-content .anchor-menu.is-stuck {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.scroll-top.has-page-anchors-after-hero .anchor-menu.is-stuck, .scroll-top.has-page-anchors-before-flex-content .anchor-menu.is-stuck {
  -webkit-transform: translateY(-webkit-calc(-100% - var(--header-bar-height)));
     -moz-transform: translateY(-moz-calc(-100% - var(--header-bar-height)));
       -o-transform: translateY(calc(-100% - var(--header-bar-height)));
          transform: translateY(calc(-100% - var(--header-bar-height)));
}

.hero img {
  width: 100%;
  height: auto;
}
.hero .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.hero.headline-above-image .headline-wrapper {
  width: 100%;
  float: left;
  text-align: center;
}
.hero.headline-above-image .image-outer-wrapper {
  width: 100%;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.hero.headline-above-image .overline {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-size: var(--font-size-overline-1);
  line-height: 1.2;
  margin: 0;
  margin-bottom: -webkit-calc(var(--font-size-overline-1) * 1.5);
  margin-bottom: -moz-calc(var(--font-size-overline-1) * 1.5);
  margin-bottom: calc(var(--font-size-overline-1) * 1.5);
}
.hero.headline-above-image .date {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-overline-1);
  margin-top: -0.5rem;
  margin-bottom: 2.5rem;
  line-height: var(--line-height);
}
.hero.headline-above-image .headline {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 2.5rem;
}
.hero.headline-above-image .subline {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-copy-1);
  margin-top: -0.5rem;
  margin-bottom: 2.5rem;
}
.hero.headline-above-image .subline a {
  text-decoration: none;
}
.hero.headline-above-image .subline a:hover .button {
  -webkit-box-shadow: 0 0 1.25rem 0.25rem rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 0 1.25rem 0.25rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 1.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.hero.headline-above-image .subline a:focus {
  outline: none;
}
.hero.headline-above-image .subline a:focus .button {
  outline: 2px solid var(--button-background-color);
  outline-offset: 1.5px;
}
.hero.headline-above-image .subline .button {
  display: inline;
  padding: 0;
  line-height: inherit;
  margin-right: 0.35rem;
  margin-left: 0.1rem;
}
.hero.headline-above-image .subline .button svg {
  height: -webkit-calc(var(--font-size-copy-1) / 1.5);
  height: -moz-calc(var(--font-size-copy-1) / 1.5);
  height: calc(var(--font-size-copy-1) / 1.5);
  width: auto;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-transform: translateY(0.15rem);
     -moz-transform: translateY(0.15rem);
       -o-transform: translateY(0.15rem);
          transform: translateY(0.15rem);
  stroke: white;
  stroke-width: 1px;
}
.hero.headline-above-image figure {
  margin-top: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.hero.headline-above-image.caption-below-image figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}
.hero.headline-on-image .image-margin {
  width: 100%;
  float: left;
}
.hero.headline-on-image figure {
  margin-top: 2rem;
  width: 100%;
  float: left;
}
.hero .video {
  width: 100%;
  float: left;
  aspect-ratio: 16/9;
}
.hero .video video {
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 100%;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
}
.hero.text-gradient {
  color: white;
}
.hero.text-gradient .copy-wrapper {
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  padding-left: var(--button-size);
  padding-right: var(--button-size);
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-copy-2);
}

.has-page-anchors-in-header .hero.headline-on-image figure {
  margin-top: 6rem;
}

.hero-lightbox {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.hero-lightbox .lightbox-button {
  padding-left: -webkit-calc(var(--button-size) / 2);
  padding-left: -moz-calc(var(--button-size) / 2);
  padding-left: calc(var(--button-size) / 2);
  background-color: var(--button-background-color);
  color: var(--button-color);
}
.hero-lightbox .lightbox-button svg {
  width: auto;
  height: 60%;
  margin-left: 1rem;
  margin-right: 1rem;
}

.copy-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.home header .scroll-down .meta-menu-wrapper {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.home main {
  padding-top: 0;
}
.home main .flex-wrapper {
  width: 100%;
  float: left;
  z-index: 10;
  background-color: var(--background-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.home main .flex-wrapper > *:last-child {
  margin-bottom: 0;
}
.home footer {
  position: relative;
  z-index: 1;
}
.home.home-museum .leibniz-istitut-footer {
  margin-top: 100vh;
}

.home:not(.sticky) header .header-bar .sgn-logo svg {
  fill: white;
}
.home:not(.sticky) header .header-bar .nav-menu-button {
  color: white;
}
.home:not(.sticky) .meta-menu-wrapper {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  color: var(--color-negative);
}

.home-teaser-slider {
  width: 100vw;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.home-teaser-slider .headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.home-teaser-slider .headline h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-1);
}
.home-teaser-slider .headline .button {
  background-color: var(--background-color-press-button);
  color: var(--color);
  white-space: nowrap;
}
.home-teaser-slider .slider {
  width: 100%;
  float: left;
  border-top: 1.5px solid var(--background-color-press-button);
}
.home-teaser-slider .slider .panel {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--cards-gap);
  gap: var(--col-width);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}
.home-teaser-slider .slider .panel::-webkit-scrollbar {
  display: none;
}
.home-teaser-slider .slider .teaser-item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  width: min((100vw - var(--col-width) * 4) / 3 - var(--cards-gap) * 2, (120rem - var(--col-width) * 4) / 3 - var(--cards-gap) * 2);
  border-right: 1px solid var(--color);
  padding-right: 1.5rem;
  padding-top: 1rem;
}
.home-teaser-slider .slider .teaser-item:first-child {
  margin-left: var(--col-width);
}
.home-teaser-slider .slider .teaser-item:last-child {
  border-right: none;
  padding-right: 0;
}
.home-teaser-slider .slider .teaser-item .overline {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-style: italic;
  font-size: var(--font-size-copy-2);
}
.home-teaser-slider .slider .teaser-item .headline {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-2);
}
.home-teaser-slider .slider .teaser-item .title {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.home-teaser-slider .slider .teaser-item .cta {
  margin-top: auto;
  padding-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.home-teaser-slider .slider .teaser-item .cta .button {
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
.home-teaser-slider .slider .teaser-item .cta .reading-time {
  margin-left: 0.5rem;
  white-space: nowrap;
}
.home-teaser-slider .slider .prev-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.home-teaser-slider .home-teaser-slider-lightbox .copy {
  color: var(--color);
}
.home-teaser-slider .home-teaser-slider-lightbox .cta .button {
  color: white;
}
.home-teaser-slider .home-teaser-slider-lightbox .cta .button svg {
  fill: currentcolor;
}

@media (min-width: 135rem) {
  .home-teaser-slider .slider .card:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
  }
  .home-teaser-slider .slider .card:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
  }
}
.touch-device .home-teaser-slider .slider .prev-next {
  display: none;
}
.touch-device .home-teaser-slider .slider .panel {
  overflow-x: scroll;
  scroll-padding: 0;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.touch-device .home-teaser-slider .slider .item {
  scroll-snap-align: center;
}

.home-teaser-slider .teaser-item,
.home-teaser-slider .home-teaser-slider-lightbox {
  --home-teaser-slider-item-color-0: #6A715E;
  --home-teaser-slider-item-color-1: #91A086;
  --home-teaser-slider-item-color-2: #A5879B;
  --home-teaser-slider-item-color-3: #68715C;
  --home-teaser-slider-item-color-4: #91A086;
  --home-teaser-slider-item-color-5: #A5879B;
}
.home-teaser-slider .teaser-item.item-color-0,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-0 {
  color: var(--home-teaser-slider-item-color-0);
}
.home-teaser-slider .teaser-item.item-color-0 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-0 .button {
  background-color: var(--home-teaser-slider-item-color-0);
}
.home-teaser-slider .teaser-item.item-color-1,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-1 {
  color: var(--home-teaser-slider-item-color-1);
}
.home-teaser-slider .teaser-item.item-color-1 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-1 .button {
  background-color: var(--home-teaser-slider-item-color-1);
}
.home-teaser-slider .teaser-item.item-color-2,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-2 {
  color: var(--home-teaser-slider-item-color-2);
}
.home-teaser-slider .teaser-item.item-color-2 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-2 .button {
  background-color: var(--home-teaser-slider-item-color-2);
}
.home-teaser-slider .teaser-item.item-color-3,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-3 {
  color: var(--home-teaser-slider-item-color-3);
}
.home-teaser-slider .teaser-item.item-color-3 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-3 .button {
  background-color: var(--home-teaser-slider-item-color-3);
}
.home-teaser-slider .teaser-item.item-color-4,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-4 {
  color: var(--home-teaser-slider-item-color-4);
}
.home-teaser-slider .teaser-item.item-color-4 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-4 .button {
  background-color: var(--home-teaser-slider-item-color-4);
}
.home-teaser-slider .teaser-item.item-color-5,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-5 {
  color: var(--home-teaser-slider-item-color-5);
}
.home-teaser-slider .teaser-item.item-color-5 .button,
.home-teaser-slider .home-teaser-slider-lightbox.item-color-5 .button {
  background-color: var(--home-teaser-slider-item-color-5);
}

footer {
  width: 100%;
  float: left;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.75px;
  z-index: 10;
  position: relative;
  opacity: 1;
  mix-blend-mode: align-items;
  color: var(--color-negative);
  font-size: var(--font-size-footer);
}
footer .footer-wrapper {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background-color: var(--footer-background);
}
footer .breadcrumb {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
footer .breadcrumb figure {
  margin: 0;
}
footer .breadcrumb figure svg {
  fill: var(--color-negative);
  width: auto;
  height: 1.5rem;
}
footer .breadcrumb nav {
  padding-left: 1rem;
  font-size: var(--font-size-footer-breadcrumb);
  letter-spacing: 1px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
footer .breadcrumb nav ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
footer .breadcrumb nav li + li::before {
  content: "/";
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
footer .breadcrumb nav li[aria-current=page] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
footer .breadcrumb nav a {
  text-decoration: none;
}
footer a {
  text-decoration: none;
}
footer a:hover, footer a:focus {
  text-decoration: underline;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-nav {
  width: 100%;
  float: left;
}
footer .footer-nav .nav-section {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--footer-border-color);
}
footer .footer-nav .nav-section li {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
footer .footer-nav .nav-section a {
  display: block;
}
wi footer .footer-nav .nav-section a:focus {
  outline: none;
}
footer .footer-nav .nav-section ul {
  width: 100%;
  float: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--cards-gap);
}
footer .footer-nav .nav-section ul > li {
  width: 100%;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
footer .footer-nav .nav-section ul > li ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}
footer .footer-nav .nav-section ul > li ul li {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
footer .footer-copy {
  width: 100%;
  float: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--cards-gap);
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--footer-border-color);
}
footer .footer-copy .nav ul:nth-child(2) {
  margin-top: -webkit-calc(var(--font-size-footer) * var(--line-height));
  margin-top: -moz-calc(var(--font-size-footer) * var(--line-height));
  margin-top: calc(var(--font-size-footer) * var(--line-height));
}
footer .logos-social {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 3rem;
  margin-top: 10rem;
}
footer .logos-social .logo-sgn {
  width: 33.3333333333%;
}
footer .logos-social .logo-sgn svg {
  width: 100%;
  height: auto;
  fill: var(--footer-logo-sgn-color);
}
footer .logos-social .logo-sgn svg * {
  fill: inherit;
}
footer .logos-social .logo-leibniz {
  width: 12.5%;
}
footer .logos-social .logo-leibniz svg {
  width: 100%;
  height: auto;
  fill: currentColor;
}
footer .logos-social .social-links .headline {
  margin-left: 0.75rem;
}
footer .logos-social .social-links ul {
  margin-top: 1rem;
}

.leibniz-istitut-footer {
  -webkit-backdrop-filter: blur(0) brightness(1) contrast(1);
          backdrop-filter: blur(0) brightness(1) contrast(1);
  color: var(--color);
  position: relative;
  z-index: 10;
  text-align: center;
  padding-bottom: 3rem;
  mix-blend-mode: difference;
}
.leibniz-istitut-footer p {
  margin-bottom: 0;
  margin-top: 3rem;
  font-size: var(--font-size-copy-2);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  color: var(--color-negative);
}
.leibniz-istitut-footer .shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.leibniz-istitut-footer .shadow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  height: 0;
  -webkit-box-shadow: 0 0.5rem 1.5rem 1rem rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0 0.5rem 1.5rem 1rem rgba(0, 0, 0, 0.75);
          box-shadow: 0 0.5rem 1.5rem 1rem rgba(0, 0, 0, 0.75);
}

.page-head {
  margin-top: 3rem;
}
.page-head .headline h1, .page-head .headline h2, .page-head .headline h3 {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.page-head .intro {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-intro);
  margin-bottom: 1.5rem;
}

.page-head-aside .aside-content {
  float: left;
  margin-top: 8rem;
  margin-bottom: -webkit-calc(var(--accordion-list-margin-top-bottom) * 4);
  margin-bottom: -moz-calc(var(--accordion-list-margin-top-bottom) * 4);
  margin-bottom: calc(var(--accordion-list-margin-top-bottom) * 4);
}
.page-head-aside .aside-content .headline {
  float: left;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.1;
  margin-bottom: 3rem;
}
.page-head-aside .aside-content .headline h1 {
  margin: 0;
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
}
.page-head-aside .aside-content .copy-aside-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--col-width);
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}
.page-head-aside .aside-content .copy-aside-wrapper p:last-child {
  margin-bottom: 0;
}
.page-head-aside .aside-content .copy-aside-wrapper .intro {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  width: -webkit-calc(var(--col-width) * 9);
  width: -moz-calc(var(--col-width) * 9);
  width: calc(var(--col-width) * 9);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-2);
}
.page-head-aside .aside-content .copy-aside-wrapper aside {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-copy-1);
}

.page-header-home {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  margin-left: -webkit-calc(var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) * 0);
  margin-left: calc(var(--col-width) * 0);
  margin-right: -webkit-calc(var(--col-width) * 0);
  margin-right: -moz-calc(var(--col-width) * 0);
  margin-right: calc(var(--col-width) * 0);
  position: relative;
  z-index: 0;
}
.page-header-home figure {
  margin: 0;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  max-width: 120rem;
  z-index: -1;
}
.page-header-home figure.image {
  width: 100%;
  float: left;
}
.page-header-home figure.image .image-wrapper {
  height: 100vh;
}
.page-header-home figure.image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.page-header-home figure.video {
  width: 100%;
  float: left;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.page-header-home figure.video .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-header-home .layer {
  position: relative;
  z-index: 1;
  margin-top: 100vh;
}
.page-header-home .intro {
  position: absolute;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  top: -webkit-calc(100vh - 4rem);
  top: -moz-calc(100vh - 4rem);
  top: calc(100vh - 4rem);
  left: -webkit-calc(var(--col-width) * 5);
  left: -moz-calc(var(--col-width) * 5);
  left: calc(var(--col-width) * 5);
  width: -webkit-calc(100% - var(--col-width) * 7);
  width: -moz-calc(100% - var(--col-width) * 7);
  width: calc(100% - var(--col-width) * 7);
  color: white;
  mix-blend-mode: difference;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-headline-1);
}
.page-header-home .layer-rect {
  fill: var(--background-color);
}
.page-header-home svg {
  margin-bottom: -0.5rem;
}
.page-header-home svg .text-mask text {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.page-header-home svg .text-mask.visible text {
  opacity: 1;
}
.page-header-home svg .svg-headline {
  font-size: 14.25rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.page-header-home svg .svg-sub-headline {
  font-size: 7.45rem;
  font-weight: 350;
  font-variation-settings: "wght" 350;
}
.page-header-home .layer.loaded svg .text-mask {
  opacity: 1;
}

.accordion-list {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.accordion-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion-list .section .section-wrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
  border-bottom: 1px solid var(--color);
}
.accordion-list .section .section-wrapper h2 {
  margin: 0;
  font-size: inherit;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
.accordion-list .section .section-wrapper .logo {
  width: auto;
  height: var(--font-size-headline-1);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  justify-self: flex-end;
  margin-top: -0.5rem;
}
.accordion-list .section .section-wrapper .logo svg {
  width: auto;
  height: 100%;
  fill: var(--color);
}
.accordion-list .accordion-list .section {
  font-size: var(--font-size-headline-1);
}
.accordion-list .accordion {
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--color);
}
.accordion-list .accordion .accordion-head {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color);
  margin-bottom: -1px;
}
.accordion-list .accordion .accordion-head h2,
.accordion-list .accordion .accordion-head h3 {
  display: block;
  width: 100%;
  float: left;
  margin: 0;
}
.accordion-list .accordion .accordion-head .toggle-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.accordion-list .accordion .accordion-head .toggle-button .accordion-headline {
  display: block;
  float: left;
  margin-top: 0.25rem;
  font-size: var(--font-size-headline-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  text-align: left;
}
.accordion-list .accordion .accordion-head .toggle-content-button {
  -webkit-align-self: flex-start;
          align-self: flex-start;
  justify-self: flex-end;
  margin-top: -0.5rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.accordion-list .accordion .toggle-content {
  float: left;
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
}
.accordion-list .accordion .toggle-content .copy {
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--color);
}
.accordion-list .accordion .toggle-content.copy {
  float: left;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 1rem;
}
.accordion-list .accordion .toggle-content:last-child > * {
  border-bottom: none;
}
.accordion-list .accordion .toggle-content .image {
  float: left;
  margin-top: -webkit-calc(var(--accordion-list-margin-top-bottom) * 2);
  margin-top: -moz-calc(var(--accordion-list-margin-top-bottom) * 2);
  margin-top: calc(var(--accordion-list-margin-top-bottom) * 2);
  margin-bottom: -webkit-calc(var(--accordion-list-margin-top-bottom) * 1.5);
  margin-bottom: -moz-calc(var(--accordion-list-margin-top-bottom) * 1.5);
  margin-bottom: calc(var(--accordion-list-margin-top-bottom) * 1.5);
}
.accordion-list .accordion .toggle-content .image .image-wrapper img,
.accordion-list .accordion .toggle-content .image .image-wrapper picture {
  width: 100%;
  height: auto;
}
.accordion-list .accordion .toggle-content .image-lightbox {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.accordion-list .accordion .toggle-content .image-lightbox .lightbox-button {
  background: none;
  height: -webkit-calc(var(--button-size) + 3rem);
  height: -moz-calc(var(--button-size) + 3rem);
  height: calc(var(--button-size) + 3rem);
  padding: 1.5rem;
}
.accordion-list .accordion .toggle-content .image-lightbox .lightbox-button svg {
  padding: 0.1rem;
  height: 100%;
  width: auto;
  fill: var(--color);
}
.accordion-list .accordion .toggle-content .image-lightbox .lightbox-button.is-open svg {
  -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
       -o-transform: rotate(0);
          transform: rotate(0);
}
.accordion-list .accordion .toggle-content .image-lightbox .lightbox-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.accordion-list .copy ul {
  list-style: initial;
  padding-left: 1rem;
}
.accordion-list .accordion-item.table-item .toggle-content {
  width: 100%;
}
.accordion-list .accordion-item.table-item .table-flex {
  width: 100%;
  float: left;
}
.accordion-list .accordion-item.table-item .table-flex .table-wrapper {
  position: relative;
}

.text-tabs-chronicle {
  width: 100%;
  float: left;
}
.text-tabs-chronicle .headline h2 {
  font-size: var(--font-size-headline-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.text-tabs-chronicle .section-tabs {
  width: 100%;
  float: left;
}
.text-tabs-chronicle .tab-header {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 0.75rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 0.75rem;
  margin-top: -0.75rem;
  background-color: var(--background-color);
}
.text-tabs-chronicle .tab-header .prev-next {
  position: absolute;
  gap: 0.75rem;
  top: 0.75rem;
  right: 0;
  padding-left: -webkit-calc(var(--button-size) * 1.5);
  padding-left: -moz-calc(var(--button-size) * 1.5);
  padding-left: calc(var(--button-size) * 1.5);
  background: var(--background-color);
  background: -webkit-linear-gradient(left, var(--background-color-transparent) 0%, var(--background-color) var(--button-size), var(--background-color));
  background: -moz-linear-gradient(left, var(--background-color-transparent) 0%, var(--background-color) var(--button-size), var(--background-color));
  background: -o-linear-gradient(left, var(--background-color-transparent) 0%, var(--background-color) var(--button-size), var(--background-color));
  background: linear-gradient(90deg, var(--background-color-transparent) 0%, var(--background-color) var(--button-size), var(--background-color));
  margin-top: -0.25rem;
  padding-bottom: 0.5rem;
  display: none;
}
.text-tabs-chronicle .tab-header .prev-next .buttons {
  gap: 0.5rem;
}
.text-tabs-chronicle .tab-header .tabs {
  width: 100%;
  float: left;
}
.text-tabs-chronicle .tab-header .tabs .panel {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 1.25rem;
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.text-tabs-chronicle .tab-header .tabs .panel::-webkit-scrollbar {
  display: none; /* Für Webkit-Browser */
}
.text-tabs-chronicle .tab-header .tabs .tab-button {
  background-color: var(--button-background-color-negative);
  color: var(--button-color-negative);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-border-radius: 0.4rem;
     -moz-border-radius: 0.4rem;
          border-radius: 0.4rem;
  white-space: nowrap;
  background-color: var(--button-background-color-negative);
  color: var(--button-color-negative);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.text-tabs-chronicle .tab-header .tabs .tab-button:empty {
  display: none;
}
.text-tabs-chronicle .tab-header .tabs .tab-button.is-open {
  background-color: var(--button-background-color);
  color: var(--button-color);
}
.text-tabs-chronicle .tab-header .tabs .tab-button.is-closed {
  background-color: var(--button-background-color-negative);
  color: var(--button-color-negative);
}
.text-tabs-chronicle .tab-header .tabs .tab-button:hover, .text-tabs-chronicle .tab-header .tabs .tab-button:focus {
  outline: 1px solid var(--button-background-color);
  outline-offset: -1px;
}
.text-tabs-chronicle .tab-header.has-overflow .tabs .panel {
  width: -webkit-calc(100% - 4.5rem);
  width: -moz-calc(100% - 4.5rem);
  width: calc(100% - 4.5rem);
}
.text-tabs-chronicle .tab-content {
  width: 100%;
  float: left;
  padding-bottom: 2rem;
}
.text-tabs-chronicle .tab-content .tab-header {
  position: -webkit-sticky;
  position: sticky;
  top: 2.5rem;
  background-color: var(--background-color);
  padding-bottom: 0.75rem;
}
.text-tabs-chronicle .tab-content .year-tabs {
  width: 100%;
  float: left;
}
.text-tabs-chronicle .tab-content .button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 100%;
  float: left;
}
.text-tabs-chronicle .tab-content .overline {
  padding-top: 0.5rem;
  margin-top: 1rem;
  width: 100%;
  float: left;
  margin-bottom: 2rem;
}
.text-tabs-chronicle .tab-content .overline h3 {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-overline-1-1);
  text-transform: uppercase;
  margin-top: 0;
}
.text-tabs-chronicle .tab-content p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.text-tabs-chronicle .tab-content .copy-short {
  border-top: 1px solid var(--color);
  padding-top: 1rem;
}

.touch-device .text-tabs-chronicle .tabs .panel {
  overflow-x: scroll;
  scroll-padding: 0;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.touch-device .text-tabs-chronicle .tabs .tab-button {
  scroll-snap-align: center;
}

.scroll-up .text-tabs-chronicle .tab-header {
  -webkit-transition: top 0.5s ease-in-out;
  -o-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  top: var(--header-bar-height);
}
.scroll-up .text-tabs-chronicle .tab-content .tab-header {
  top: -webkit-calc(var(--header-bar-height) + 2.5rem);
  top: -moz-calc(var(--header-bar-height) + 2.5rem);
  top: calc(var(--header-bar-height) + 2.5rem);
}

.list-item {
  width: 100%;
  float: left;
  color: var(--list-item-color);
}
.list-item a {
  text-decoration: none;
}
.list-item h2,
.list-item h3 {
  margin: 0;
  font-size: var(--font-size-headline-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
.list-item .row {
  width: 100%;
  float: left;
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
  border-bottom: 1px solid var(--color);
}
.list-item .row .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.list-item .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.list-item .link-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.list-item .link-text.font-size-headline-2, .list-item .link-text.font-size-headline-3 {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.list-item .button {
  background-color: var(--list-item-color, var(--button-background-color));
}
.list-item.border-top:first-child {
  border-top: 1px solid var(--color);
}
.list-item:last-child .row {
  border-bottom: none;
}

.list-module .overline {
  font-size: var(--font-size-overline-1);
  border-bottom: 1px solid var(--color);
  padding-bottom: 2rem;
}
.list-module .overline h2 {
  margin: 0;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.section .section-wrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
  border-bottom: 1px solid var(--color);
}
.section .section-wrapper h2 {
  margin: 0;
  font-size: inherit;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
.section .section-wrapper .logo {
  width: auto;
  height: var(--font-size-headline-1);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  justify-self: flex-end;
  margin-top: -0.5rem;
}
.section .section-wrapper .logo svg {
  width: auto;
  height: 100%;
  fill: var(--color);
}

.accordion-list .section {
  font-size: var(--font-size-headline-1);
}

.team {
  width: 100%;
  float: left;
}
.team h2,
.team h3 {
  display: block;
  width: 100%;
  float: left;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin: 0;
  margin-top: 0.5rem;
  font-size: var(--font-size-headline-1);
}
.team .team-head {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  border-bottom: 1px solid var(--color);
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
}
.team .team-head .headline {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
.team .team-head .headline h2 {
  display: block;
  width: 100%;
  float: left;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.team .team-head .button-wrapper {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.team .team-head .toggle-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.team .team-head .toggle-button .button {
  -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
       -o-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  -o-transition: -o-transform 0.5s ease-in;
  -moz-transition: transform 0.5s ease-in, -moz-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in, -moz-transform 0.5s ease-in, -o-transform 0.5s ease-in;
  -webkit-transition-property: outline, -webkit-transform, -webkit-box-shadow;
  transition-property: outline, -webkit-transform, -webkit-box-shadow;
  -o-transition-property: box-shadow, outline, -o-transform;
  -moz-transition-property: transform, box-shadow, outline, -moz-transform, -moz-box-shadow;
  transition-property: transform, box-shadow, outline;
  transition-property: transform, box-shadow, outline, -webkit-transform, -moz-transform, -o-transform, -webkit-box-shadow, -moz-box-shadow;
}
.team .team-head .toggle-button .tooltip {
  visibility: hidden;
  padding: 0.75rem;
  font-size: var(--font-size-copy-1);
}
.team .team-head .toggle-button .tooltip.hide {
  display: none;
}
.team .team-head .toggle-button .tooltip.show {
  display: inline;
}
.team .team-head .toggle-button.is-open .button {
  outline: none;
  -webkit-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.25);
}
.team .team-head .toggle-button.is-open .tooltip {
  color: var(--color);
}
.team .team-head .toggle-button.is-open .tooltip.hide {
  display: inline;
}
.team .team-head .toggle-button.is-open .tooltip.show {
  display: none;
}
.team .team-head .toggle-button:hover .tooltip {
  visibility: visible;
}
.team .team-head .toggle-content-button {
  -webkit-align-self: flex-start;
          align-self: flex-start;
  justify-self: flex-end;
}
.team .team-member-first {
  width: 100%;
  float: left;
}
.team .team-member-first.has-team-accordion {
  border-bottom: 1px solid var(--color);
}
.team .team-accordion {
  width: 100%;
  float: left;
}
.team .team-member {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2);
  padding-left: -moz-calc(var(--col-width) * 2);
  padding-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
  float: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr (1fr)[2];
  grid-template-columns: 3fr repeat(2, 1fr);
  grid-column-gap: -webkit-calc(var(--col-gap) * 3);
  grid-column-gap: -moz-calc(var(--col-gap) * 3);
  grid-column-gap: calc(var(--col-gap) * 3);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-copy-1);
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.team .team-member .text {
  margin-top: -webkit-calc(var(--font-size-copy-1) * var(--line-height));
  margin-top: -moz-calc(var(--font-size-copy-1) * var(--line-height));
  margin-top: calc(var(--font-size-copy-1) * var(--line-height));
}
.team .team-member .text .phone-link {
  text-decoration: none;
}
.team .team-member figure img {
  width: 100%;
  height: auto;
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
  -webkit-filter: saturate(0);
          filter: saturate(0);
}
.team .team-member .buttons {
  margin-top: -webkit-calc(var(--font-size-copy-1) * var(--line-height));
  margin-top: -moz-calc(var(--font-size-copy-1) * var(--line-height));
  margin-top: calc(var(--font-size-copy-1) * var(--line-height));
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  row-gap: 1rem;
}
.team .team-member .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.team .team-member .button .label {
  white-space: nowrap;
}
.team .team-member .button.vcard svg {
  height: 50%;
  width: auto;
}
.team .team-member .button.link svg {
  height: 30%;
  width: auto;
}
.team .divider {
  float: left;
  border-bottom: 1px solid var(--color);
  border-top: 1px solid var(--color);
  margin-top: -1px;
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
  padding-right: -webkit-calc(var(--col-width) * 2);
  padding-right: -moz-calc(var(--col-width) * 2);
  padding-right: calc(var(--col-width) * 2);
  padding-top: var(--accordion-list-margin-top-bottom);
  padding-bottom: var(--accordion-list-margin-top-bottom);
}

.team-single {
  position: relative;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  --section-margin: 4rem;
}
.team-single .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115vh;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(225, 220, 237)), to(rgba(225, 220, 237, 0)));
  background: -webkit-linear-gradient(rgb(225, 220, 237) 0%, rgba(225, 220, 237, 0) 100%);
  background: -moz-linear-gradient(rgb(225, 220, 237) 0%, rgba(225, 220, 237, 0) 100%);
  background: -o-linear-gradient(rgb(225, 220, 237) 0%, rgba(225, 220, 237, 0) 100%);
  background: linear-gradient(rgb(225, 220, 237) 0%, rgba(225, 220, 237, 0) 100%);
}
.team-single .background svg {
  position: fixed;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  margin-left: 2rem;
  margin-top: 10rem;
  fill: var(--background-color);
  opacity: 0.6;
}
.team-single .team-member {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.team-single h1,
.team-single h2,
.team-single h3,
.team-single h4,
.team-single h5,
.team-single h6 {
  margin: 0;
  font-size: var(--font-size-headline-2);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.team-single h2 {
  margin-bottom: var(--font-size-headline-2);
}
.team-single h3, .team-single h4 {
  margin-top: var(--section-margin);
  margin-bottom: 0.5rem;
}
.team-single .function {
  font-size: inherit;
}
.team-single figure {
  width: 10rem;
  margin-top: var(--section-margin);
  margin-bottom: var(--section-margin);
}
.team-single figure img {
  width: 100%;
  height: auto;
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
  -webkit-filter: saturate(0);
          filter: saturate(0);
}
.team-single .personal a {
  text-decoration: none;
}
.team-single .personal a:hover {
  text-decoration: underline;
}
.team-single .personal a:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  outline: none;
}
.team-single .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.team-single .button.vcard svg {
  height: 50%;
  width: auto;
}
.team-single .button.link svg {
  margin-left: 0.25rem;
  height: 38%;
  width: auto;
}
.team-single .button.print {
  margin-top: var(--section-margin);
}
.team-single .button.print svg {
  margin-left: 0.25rem;
  padding-right: 0.25rem;
  height: 60%;
  width: auto;
}
.team-single .link-wrapper {
  margin-top: var(--section-margin);
  margin-bottom: var(--section-margin);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  row-gap: 1rem;
}

.image-flex {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  float: left;
}
.image-flex img {
  width: 100%;
  height: auto;
}
.image-flex .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}

.image-flex-story {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: calc(var(--section-margin-top-bottom) * 2);
}
.image-flex-story img {
  width: 100%;
  height: auto;
}
.image-flex-story figure {
  width: 100%;
}
.image-flex-story .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.image-flex-story figcaption {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  text-align: left;
  margin-right: var(--col-width);
  text-align: left;
}

.copy-flex {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.copy-flex .headline {
  margin-bottom: 2rem;
}
.copy-flex .headline h2 {
  margin: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.copy-flex .copy h2, .copy-flex .copy h3, .copy-flex .copy h4 {
  line-height: 1.1;
}
.copy-flex .copy h2 {
  margin-top: -webkit-calc(var(--font-size-headline-3) * 2);
  margin-top: -moz-calc(var(--font-size-headline-3) * 2);
  margin-top: calc(var(--font-size-headline-3) * 2);
  margin-bottom: 0;
  font-size: var(--font-size-headline-3);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.copy-flex .copy h3 {
  margin-top: -webkit-calc(var(--font-size-headline-2) * 1.5);
  margin-top: -moz-calc(var(--font-size-headline-2) * 1.5);
  margin-top: calc(var(--font-size-headline-2) * 1.5);
  margin-bottom: 0;
  font-size: var(--font-size-headline-2);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.copy-flex .copy h4 {
  margin-top: -webkit-calc(var(--font-size-headline-1) * 1.5);
  margin-top: -moz-calc(var(--font-size-headline-1) * 1.5);
  margin-top: calc(var(--font-size-headline-1) * 1.5);
  margin-bottom: -0.75rem;
  font-size: var(--font-size-headline-1);
  font-weight: 630;
  font-variation-settings: "wght" 630;
}
.copy-flex .question {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-style: italic;
  font-size: 107%;
}
.copy-flex .download {
  width: 100%;
  float: left;
  border-top: 1px solid currentcolor;
  border-bottom: 1px solid currentcolor;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 1.5rem;
}
.copy-flex .download a {
  display: block;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.copy-flex .download a .link-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: auto;
  justify-self: flex-start;
  font-size: var(--font-size-headline-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.copy-flex .download a .button {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  justify-self: flex-end;
}
.copy-flex .download a .button svg {
  height: 60%;
  width: auto;
}

.copy-flex-aside {
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: var(--col-gap);
     -moz-column-gap: var(--col-gap);
          column-gap: var(--col-gap);
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  position: relative;
}
.copy-flex-aside figure figcaption {
  float: left;
  font-family: "Romie", serif;
  font-size: var(--font-size-copy-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-align: center;
  margin-top: 1rem;
}
.copy-flex-aside figure figcaption p {
  margin: 0;
}
.copy-flex-aside .copy-section {
  margin-top: 0;
}
.copy-flex-aside aside {
  position: relative;
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  height: 100%;
}
.copy-flex-aside aside.start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}
.copy-flex-aside aside.end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}
.copy-flex-aside aside.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.copy-flex-aside aside.space-between .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
.copy-flex-aside aside.space-evenly .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
          justify-content: space-evenly;
}
.copy-flex-aside aside .wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.copy-flex-aside aside .wrapper > * {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.copy-flex-aside aside .image {
  width: 100%;
  margin-bottom: 1.5rem;
  -webkit-align-self: unset;
              -ms-grid-row-align: unset;
          align-self: unset;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.copy-flex-aside aside .image .image-wrapper {
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.copy-flex-aside aside .image .image-wrapper img {
  width: 100%;
  height: auto;
}
.copy-flex-aside aside .image figcaption {
  width: -webkit-calc(100% - var(--col-width));
  width: -moz-calc(100% - var(--col-width));
  width: calc(100% - var(--col-width));
  margin-left: -webkit-calc(var(--col-width) / 2);
  margin-left: -moz-calc(var(--col-width) / 2);
  margin-left: calc(var(--col-width) / 2);
  margin-right: -webkit-calc(var(--col-width) / 2);
  margin-right: -moz-calc(var(--col-width) / 2);
  margin-right: calc(var(--col-width) / 2);
}
.copy-flex-aside aside .aside-copy {
  width: 100%;
  margin-bottom: 1.5rem;
  position: relative;
  -webkit-align-self: unset;
              -ms-grid-row-align: unset;
          align-self: unset;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.copy-flex-aside aside .aside-copy h2 {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  width: 100%;
}

.home .copy-flex .headline h2.font-size-headline-1 {
  font-size: var(--font-size-headline-1);
}
.home .copy-flex .headline h2.font-size-headline-2 {
  font-size: var(--font-size-headline-2);
}
.home .copy-flex .headline h2.font-size-headline-3 {
  font-size: var(--font-size-headline-3);
}
.home .copy-flex .headline h2.font-size-headline-4 {
  font-size: var(--font-size-headline-4);
}
.home .copy-flex .headline h2.font-size-headline-5 {
  font-size: var(--font-size-headline-5);
}
.home .copy-flex .headline h2.font-size-headline-6 {
  font-size: var(--font-size-headline-6);
}
.home .copy-flex .headline h2.font-size-headline-7 {
  font-size: var(--font-size-headline-7);
}
.home .copy-flex .headline h2.font-size-headline-8 {
  font-size: var(--font-size-headline-8);
}
.home .copy-flex .headline h2.font-size-headline-9 {
  font-size: var(--font-size-headline-9);
}
.home .copy-flex .headline h2.font-size-headline-10 {
  font-size: var(--font-size-headline-10);
}
.home .copy-flex .headline h2.font-size-headline-11 {
  font-size: var(--font-size-headline-11);
}

.tabs-module {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.tabs-module > .headline {
  text-align: center;
}
.tabs-module .pill-tabs {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  position: relative;
  /* FIX: Doppelte und falsche 'position: absolute' entfernt */
}
.tabs-module .pill-tabs .tabs {
  float: left;
  /* FIX: Ungültiges 'flex-flow: 0' durch korrektes 'flex-wrap' ersetzt */
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 2rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-border-radius: var(--button-size);
     -moz-border-radius: var(--button-size);
          border-radius: var(--button-size);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.26);
     -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.26);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.26);
  max-width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs-module .pill-tabs .tabs::-webkit-scrollbar {
  display: none;
}
.tabs-module .pill-tabs .tabs {
  scroll-padding: 0;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.tabs-module .pill-tabs .tabs.overflow-left:before {
  content: "";
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 3rem;
  margin-left: -3rem;
  height: var(--button-size);
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(235, 235, 235, 0.7)));
  background: -webkit-linear-gradient(right, transparent, rgba(235, 235, 235, 0.7));
  background: -moz-linear-gradient(right, transparent, rgba(235, 235, 235, 0.7));
  background: -o-linear-gradient(right, transparent, rgba(235, 235, 235, 0.7));
  background: linear-gradient(to left, transparent, rgba(235, 235, 235, 0.7));
  pointer-events: none;
  z-index: 4;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tabs-module .pill-tabs .tabs.overflow-right:after {
  content: "";
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  width: 3rem;
  margin-right: -3rem;
  height: var(--button-size);
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(235, 235, 235, 0.8)));
  background: -webkit-linear-gradient(left, transparent, rgba(235, 235, 235, 0.8));
  background: -moz-linear-gradient(left, transparent, rgba(235, 235, 235, 0.8));
  background: -o-linear-gradient(left, transparent, rgba(235, 235, 235, 0.8));
  background: linear-gradient(to right, transparent, rgba(235, 235, 235, 0.8));
  pointer-events: none;
  z-index: 4;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tabs-module .pill-tabs .tabs .tab-button {
  position: relative;
  background: none;
  border: none;
  height: var(--button-size);
  padding-left: -webkit-calc(var(--button-size) / 2);
  padding-left: -moz-calc(var(--button-size) / 2);
  padding-left: calc(var(--button-size) / 2);
  padding-right: -webkit-calc(var(--button-size) / 2);
  padding-right: -moz-calc(var(--button-size) / 2);
  padding-right: calc(var(--button-size) / 2);
  margin: 0;
  font-size: 1rem;
  color: var(--color);
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  z-index: 1;
  /* FIX: 'scroll-snap-align' wurde hierhin verschoben */
  scroll-snap-align: center;
}
.tabs-module .pill-tabs .tabs .tab-button.is-open {
  color: var(--button-color);
}
.tabs-module .pill-tabs .tabs .indicator {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--tab-background-color, var(--button-background-color));
  -webkit-border-radius: 999px;
     -moz-border-radius: 999px;
          border-radius: 999px;
  -webkit-transition: left 0.3s ease-in-out, width 0.3s ease;
  -o-transition: left 0.3s ease-in-out, width 0.3s ease;
  -moz-transition: left 0.3s ease-in-out, width 0.3s ease;
  transition: left 0.3s ease-in-out, width 0.3s ease;
  z-index: 0;
}
.tabs-module .pill-tabs .tab-content {
  width: 100%;
  float: left;
}
.tabs-module .pill-tabs .tab-content.card-content .tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--cards-gap);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.tabs-module .pill-tabs .tab-content.card-content .tab-item[hidden] {
  display: none;
}
.tabs-module .pill-tabs .tab-content.card-content .tab-item .card {
  width: 33.3333333333%;
}
.tabs-module .pill-tabs .tab-content.copy-content .intro {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.tabs-module .pill-tabs .tab-content.copy-content .copy {
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.image-tabs figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.image-tabs figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.image-tabs .tabs-module .pill-tabs {
  position: relative;
}
.image-tabs .tabs-module .pill-tabs .tabs {
  background-color: white;
  margin-bottom: 0;
  position: absolute;
  z-index: 1;
  top: var(--button-size);
}

.tabs-teaser .image-tabs {
  margin-top: -1rem;
}

.publishing-teaser {
  background: black;
  color: white;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  padding-top: var(--section-margin-top-bottom);
  padding-bottom: var(--section-margin-top-bottom);
}
.publishing-teaser .section-headline {
  width: 100%;
  float: left;
  margin-bottom: 3rem;
}
.publishing-teaser .section-headline h2 {
  font-size: var(--font-size-headline-3);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin: 0;
}
.publishing-teaser .pill-tabs .tabs {
  background-color: white;
}
.publishing-teaser .pill-tabs .tabs .tab-button.is-open {
  color: black;
}
.publishing-teaser .pill-tabs .tabs .indicator {
  background-color: var(--background-publishing-teaser-tab);
}
.publishing-teaser .tab-item {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.publishing-teaser .tab-item .headline {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.publishing-teaser .tab-item .headline h3 {
  font-family: "Romie", serif;
  font-weight: 700;
  font-variation-settings: "wght" 700;
  font-size: var(--font-size-headline-3);
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4rem;
}
.publishing-teaser .tab-item .teasers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  gap: var(--col-gap);
}
.publishing-teaser .tab-item .teasers .publishing-teaser-card {
  background-color: transparent;
  padding: 0;
}
.publishing-teaser .tab-item .teasers .publishing-teaser-card img {
  width: 100%;
  height: auto;
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
}
.publishing-teaser .tab-item .teasers .publishing-teaser-card .cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.publishing-teaser .tab-item .teasers .publishing-teaser-card .cta .button {
  background-color: var(--background-publishing-button-background);
}
.publishing-teaser .all-publishing-link {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-top: 3rem;
}
.publishing-teaser .all-publishing-link .button {
  background-color: var(--background-publishing-teaser-tab);
  color: black;
}

.slider-content {
  margin-top: 2rem;
}
.slider-content .slider-module {
  position: relative;
  width: 100%;
  float: left;
  z-index: 0;
  aspect-ratio: 24/15;
}
.slider-content .item {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-content .item .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
  aspect-ratio: 24/15;
}
.slider-content .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-content .item[hidden] {
  display: none;
}
.slider-content .pager {
  width: 100%;
  float: left;
  position: absolute;
  z-index: 1;
  bottom: -webkit-calc(var(--button-size) + 0.75rem);
  bottom: -moz-calc(var(--button-size) + 0.75rem);
  bottom: calc(var(--button-size) + 0.75rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  gap: 1rem;
}
.slider-content .pager .pager-button {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  height: 1.75rem;
  aspect-ratio: 1/1;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
  background-color: white;
  border: 0.4rem solid white;
  -webkit-transition: background 1s ease;
  -o-transition: background 1s ease;
  -moz-transition: background 1s ease;
  transition: background 1s ease;
}
.slider-content .pager .pager-button.active {
  background-color: #787878;
}
.slider-content .pager .pager-button:hover, .slider-content .pager .pager-button:focus {
  background-color: #787878;
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
  outline: none;
}

.feature {
  width: 100%;
  float: left;
  margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-top: calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: var(--section-margin-top-bottom);
}
.feature > .headline {
  text-align: center;
  margin-bottom: 2rem;
}
.feature .intro-wrapper h2 {
  margin: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-2);
  margin-bottom: var(--font-size-headline-2);
}
.feature .intro-wrapper .intro {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-headline-2);
}
.feature .intro-wrapper .intro p {
  margin: 0;
}
.feature .intro-wrapper .intro a {
  font-size: var(--font-size-copy-1);
  padding-top: -webkit-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-top: -moz-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-top: calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-bottom: -webkit-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-bottom: -moz-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-bottom: calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 2);
  padding-left: -webkit-calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  padding-left: -moz-calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  padding-left: calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  padding-right: -webkit-calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  padding-right: -moz-calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  padding-right: calc((var(--font-size-headline-2) - var(--font-size-copy-1)));
  -webkit-transform: translateY(-webkit-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 3 * -1));
     -moz-transform: translateY(-moz-calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 3 * -1));
       -o-transform: translateY(calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 3 * -1));
          transform: translateY(calc((var(--font-size-headline-2) - var(--font-size-copy-1)) / 3 * -1));
}
.feature .intro a,
.feature figcaption a {
  display: inline-block;
  color: var(--link-square-button-color);
  -webkit-border-radius: 0.25rem;
     -moz-border-radius: 0.25rem;
          border-radius: 0.25rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: -0.05rem;
  border: 1px solid currentcolor;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin-left: 0.25rem;
}
.feature .intro a:hover,
.feature figcaption a:hover {
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
  -webkit-filter: brightness(80%);
          filter: brightness(80%);
}

.divider {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.divider .logo {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
}
.divider .logo svg {
  width: auto;
  height: var(--font-size-headline-1);
  fill: var(--color);
}
.divider .headline {
  width: 100%;
  float: left;
  border-top: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
.divider .headline h2 {
  font-size: inherit;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin: 0;
}
.divider.serif {
  font-family: "Romie", serif;
}

.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  float: left;
  padding: 1rem;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  background-color: var(--card-background-color);
  color: var(--text-color);
}
.card.card-border {
  outline: 1.5px solid var(--color);
}
.card .headline {
  width: 100%;
  float: left;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.card .headline h2,
.card .headline h3 {
  font-weight: 550;
  font-variation-settings: "wght" 550;
  line-height: 1.1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.card .copy {
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
.card.card-shadow {
  -webkit-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
}
.card.text-align-center {
  text-align: center;
}
.card.headline-serif .headline {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.card .copy {
  width: 100%;
  float: left;
}
.card .cta {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.5rem;
}
.card .cta .link {
  background-color: var(--text-color);
  color: var(--card-background-color);
}
.card .cta .link svg {
  fill: var(--card-background-color);
}
.card .cta .lightbox-button .icon {
  background-color: currentcolor;
}
.card .cta .lightbox-button .icon svg {
  fill: var(--card-background-color, var(--button-color));
}

.text-card {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.text-card .card {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.text-card .card .card-content {
  padding: 2rem;
  float: left;
}
.text-card .card .headline {
  margin-bottom: 1.5rem;
}
.text-card .card .copy {
  margin-bottom: 3rem;
}
.text-card .card .cta .toggle-content-button {
  background-color: inherit;
  outline-color: currentColor;
  color: inherit;
}
.text-card .card .cta .toggle-content-button svg {
  fill: currentColor;
}
.text-card .card .cta .toggle-content-button.is-open {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: 1px solid currentColor;
  background-color: currentcolor;
}
.text-card .card .cta .toggle-content-button.is-open svg {
  fill: var(--card-background-color);
}
.text-card .card.text-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.text-card .card.text-align-center .cta {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.fact-cards {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.fact-cards .fact-font-size-1 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-1));
}
.fact-cards .fact-font-size-2 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-2));
}
.fact-cards .fact-font-size-3 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-3));
}
.fact-cards .fact-font-size-4 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-4));
}
.fact-cards .fact-font-size-5 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-5));
}
.fact-cards .fact-font-size-6 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-6));
}
.fact-cards .fact-font-size-7 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-7));
}
.fact-cards .fact-font-size-8 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-8));
}
.fact-cards .fact-font-size-9 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-9));
}
.fact-cards .fact-font-size-10 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-10));
}
.fact-cards .fact-font-size-11 {
  font-size: clamp(var(--font-size-headline-1), min(120rem, 16vw) / var(--card-cols), var(--font-size-headline-11));
}
.fact-cards .overline {
  border-bottom: 1px solid var(--color);
  margin-bottom: 2rem;
  padding-bottom: -webkit-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: -moz-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: calc(var(--font-size-overline-1) * var(--line-height));
}
.fact-cards .overline h2 {
  font-size: var(--font-size-overline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
}
.fact-cards .cards {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: var(--cards-gap);
  -webkit-align-content: center;
          align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  float: left;
}
.fact-cards .cards .card {
  padding: 1rem;
  width: -webkit-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: -moz-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  aspect-ratio: 1/1.15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
.fact-cards .cards .card .headline {
  width: 100%;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-content: space-between;
          align-content: space-between;
  aspect-ratio: 3/1.25;
}
.fact-cards .cards .card .headline h3 {
  margin: 0;
}
.fact-cards .cards .card .fact {
  width: 100%;
  float: left;
  justify-self: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  padding-top: 0.5rem;
}
.fact-cards .cards .card .fact p {
  margin: 0;
  font-size: inherit;
}
.fact-cards .cards .card .cta {
  width: 100%;
  float: left;
  justify-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.card-slider {
  width: 100vw;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.card-slider .slider {
  width: 100%;
  float: left;
}
.card-slider .slider .panel {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--cards-gap);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  overflow-x: hidden;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.card-slider .slider .panel::-webkit-scrollbar {
  display: none; /* Für Webkit-Browser */
}
.card-slider .slider.height-unified .panel {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
}
.card-slider .slider.height-individual-top .panel {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.card-slider .slider.height-individual-center .panel {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.card-slider .slider .item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding: 1rem;
}
.card-slider .slider .item:first-child {
  margin-left: var(--col-width);
}
.card-slider .slider .item:last-child {
  margin-right: var(--col-width);
}
.card-slider .slider .item .headline h3 {
  margin-top: 0;
  font-weight: 550;
  font-variation-settings: "wght" 550;
  line-height: 1.1;
}
.card-slider .slider.sider-margin-left-0 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 0);
  margin-left: calc(var(--col-width) + var(--col-width) * 0);
}
.card-slider .slider.sider-margin-left-1 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 1);
  margin-left: calc(var(--col-width) + var(--col-width) * 1);
}
.card-slider .slider.sider-margin-left-2 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 2);
  margin-left: calc(var(--col-width) + var(--col-width) * 2);
}
.card-slider .slider.sider-margin-left-3 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 3);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 3);
  margin-left: calc(var(--col-width) + var(--col-width) * 3);
}
.card-slider .slider.sider-margin-left-4 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 4);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 4);
  margin-left: calc(var(--col-width) + var(--col-width) * 4);
}
.card-slider .slider.sider-margin-left-5 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 5);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 5);
  margin-left: calc(var(--col-width) + var(--col-width) * 5);
}
.card-slider .slider.sider-margin-left-6 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 6);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 6);
  margin-left: calc(var(--col-width) + var(--col-width) * 6);
}
.card-slider .slider.sider-margin-left-7 .item:first-child {
  margin-left: -webkit-calc(var(--col-width) + var(--col-width) * 7);
  margin-left: -moz-calc(var(--col-width) + var(--col-width) * 7);
  margin-left: calc(var(--col-width) + var(--col-width) * 7);
}
.card-slider .slider.card-width-0 .item {
  width: -webkit-calc(var(--col-width) * 3 - var(--cards-gap));
  width: -moz-calc(var(--col-width) * 3 - var(--cards-gap));
  width: calc(var(--col-width) * 3 - var(--cards-gap));
}
.card-slider .slider.card-width-1 .item {
  width: -webkit-calc(var(--col-width) * 5 - var(--cards-gap));
  width: -moz-calc(var(--col-width) * 5 - var(--cards-gap));
  width: calc(var(--col-width) * 5 - var(--cards-gap));
}
.card-slider .slider .prev-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 100%;
}
.card-slider .slider .video-teaser-card {
  position: relative;
  width: -webkit-calc(var(--col-width) * 6 - var(--cards-gap));
  width: -moz-calc(var(--col-width) * 6 - var(--cards-gap));
  width: calc(var(--col-width) * 6 - var(--cards-gap));
  z-index: 1;
}

@media (min-width: 135rem) {
  .card-slider .slider .card:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
  }
  .card-slider .slider .card:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
  }
}
.touch-device .card-slider .prev-next {
  display: none !important;
}
.touch-device .card-slider .slider .panel {
  overflow-x: scroll;
  scroll-padding: 0;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}
.touch-device .card-slider .slider .item {
  scroll-snap-align: center;
}

.download-cards {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.download-cards .overline {
  border-bottom: 1px solid var(--color);
  margin-bottom: 2rem;
  padding-bottom: -webkit-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: -moz-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: calc(var(--font-size-overline-1) * var(--line-height));
}
.download-cards .overline h2 {
  font-size: var(--font-size-overline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
}
.download-cards .cards {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: var(--cards-gap);
  -webkit-align-content: center;
          align-content: center;
  float: left;
}
.download-cards .cards .card {
  aspect-ratio: 1.15/1;
  width: -webkit-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: -moz-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
}
.download-cards .cards .card .headline {
  width: 100%;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-content: space-between;
          align-content: space-between;
}
.download-cards .cards .card .headline h3 {
  margin: 0;
  margin-bottom: 1.5rem;
}
.download-cards .cards .card .download-image {
  width: 100%;
  float: left;
}
.download-cards .cards .card .download-image .image-wrapper {
  aspect-ratio: 2/1;
}
.download-cards .cards .card .download-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  background: transparent;
}
.download-cards .cards .card .cta {
  width: 100%;
  float: left;
  justify-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.download-cards .cards .card .cta .download {
  background-color: var(--card-button-background-color, var(--button-background-color));
}
.download-cards .cards .card .cta .download svg {
  fill: var(--card-background-color, var(--button-color));
}

.logo-cards {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.5rem;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.logo-cards .logo {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  height: var(--logo-card-height);
  width: auto;
  max-width: 50%;
  border: 1px solid var(--color);
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
  padding: 1rem;
  background-color: white;
}
.logo-cards .logo .image-wrapper {
  height: 100%;
  width: auto;
}
.logo-cards .logo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: none;
}

.logo-cards-flex {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.logo-cards-flex .headline h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1;
}

.card-lightbox-image-gallery {
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.card-lightbox-image-gallery .overline {
  border-bottom: 1px solid var(--color);
  margin-bottom: 2rem;
  padding-bottom: -webkit-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: -moz-calc(var(--font-size-overline-1) * var(--line-height));
  padding-bottom: calc(var(--font-size-overline-1) * var(--line-height));
}
.card-lightbox-image-gallery .overline h2 {
  font-size: var(--font-size-overline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
}
.card-lightbox-image-gallery .cards {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: var(--cards-gap);
  -webkit-align-content: center;
          align-content: center;
  float: left;
}
.card-lightbox-image-gallery .cards .card {
  width: -webkit-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: -moz-calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  width: calc(33.3333333333% - 2rem - var(--cards-gap) / 1.5);
  border: 1px solid var(--color);
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
}
.card-lightbox-image-gallery .cards .card .headline {
  width: 100%;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-content: space-between;
          align-content: space-between;
}
.card-lightbox-image-gallery .cards .card .headline h3 {
  margin: 0;
  margin-bottom: 1.5rem;
  font-size: var(--font-size-headline-2);
}
.card-lightbox-image-gallery .cards .card .cta {
  width: 100%;
  float: left;
  justify-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  padding-top: 1rem;
}
.card-lightbox-image-gallery .cards .card .cta .button svg {
  width: auto;
  height: var(--button-size);
  fill: currentcolor;
}
.card-lightbox-image-gallery .cards .card .cta .button.is-open svg {
  -webkit-transform: none;
     -moz-transform: none;
       -o-transform: none;
          transform: none;
}

.video-teaser-single-card {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-top: calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: calc(var(--section-margin-top-bottom) * 2);
  position: relative;
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: -webkit-calc(var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) * 1);
  margin-left: calc(var(--col-width) * 1);
  margin-right: -webkit-calc(var(--col-width) * 1);
  margin-right: -moz-calc(var(--col-width) * 1);
  margin-right: calc(var(--col-width) * 1);
}
.video-teaser-single-card .card {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.video-teaser-card .card-content {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
  margin-right: -webkit-calc(var(--col-width) * 2);
  margin-right: -moz-calc(var(--col-width) * 2);
  margin-right: calc(var(--col-width) * 2);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}
.video-teaser-card .headline,
.video-teaser-card .copy,
.video-teaser-card .cta {
  z-index: 1;
  text-align: center;
  color: var(--color-negative);
}
.video-teaser-card .headline {
  margin-bottom: 2rem;
}
.video-teaser-card .headline h2 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.video-teaser-card .headline .headline-serif {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.video-teaser-card .copy {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
.video-teaser-card .copy p {
  margin: 0;
}
.video-teaser-card .cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.video-teaser-card .cta .lightbox-button {
  background-color: transparent;
  outline: none;
  width: -webkit-calc(var(--button-size) * 1.75);
  width: -moz-calc(var(--button-size) * 1.75);
  width: calc(var(--button-size) * 1.75);
  height: -webkit-calc(var(--button-size) * 1.75);
  height: -moz-calc(var(--button-size) * 1.75);
  height: calc(var(--button-size) * 1.75);
}
.video-teaser-card .cta .lightbox-button:hover, .video-teaser-card .cta .lightbox-button:focus {
  -webkit-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
  outline: 2.5px solid currentcolor;
  outline-offset: 5px;
}
.video-teaser-card .cta .lightbox-button svg {
  fill: currentcolor;
  width: 100%;
  height: 100%;
}
.video-teaser-card .cta .lightbox-button.is-open svg {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
.video-teaser-card .background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}
.video-teaser-card .background-image .image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-teaser-card .background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.card-slider .slider .video-teaser-card {
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.card-slider .slider .video-teaser-card:first-child {
  margin-left: -webkit-calc(var(--col-width) * 2 + 1.5rem) !important;
  margin-left: -moz-calc(var(--col-width) * 2 + 1.5rem) !important;
  margin-left: calc(var(--col-width) * 2 + 1.5rem) !important;
}
.card-slider .slider .video-teaser-card:last-child {
  margin-right: -webkit-calc(var(--col-width) * 2 + 1.5rem) !important;
  margin-right: -moz-calc(var(--col-width) * 2 + 1.5rem) !important;
  margin-right: calc(var(--col-width) * 2 + 1.5rem) !important;
}
.card-slider .slider .video-teaser-card .card-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}
.card-slider .slider .video-teaser-card .headline,
.card-slider .slider .video-teaser-card .copy,
.card-slider .slider .video-teaser-card .cta {
  text-align: left;
}
.card-slider .slider .video-teaser-card .headline {
  margin-bottom: 0.5rem;
}
.card-slider .slider .video-teaser-card .headline h2 {
  line-height: var(--line-height);
  font-size: var(--font-size-headline-1);
}
.card-slider .slider .video-teaser-card .copy {
  font-size: var(--font-size-copy-1);
}
.card-slider .slider .video-teaser-card .cta {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  gap: -webkit-calc(var(--button-size) / 2);
  gap: -moz-calc(var(--button-size) / 2);
  gap: calc(var(--button-size) / 2);
}
.card-slider .slider .video-teaser-card .cta .lightbox-button {
  width: -webkit-calc(var(--button-size) / 1.25);
  width: -moz-calc(var(--button-size) / 1.25);
  width: calc(var(--button-size) / 1.25);
  height: -webkit-calc(var(--button-size) / 1.25);
  height: -moz-calc(var(--button-size) / 1.25);
  height: calc(var(--button-size) / 1.25);
  min-width: inherit;
}
.card-slider .slider .video-teaser-card .cta .button-youtube {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: 1;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  white-space: nowrap;
  height: -webkit-calc(var(--button-size) / 1.25);
  height: -moz-calc(var(--button-size) / 1.25);
  height: calc(var(--button-size) / 1.25);
  background-color: transparent;
  -webkit-backdrop-filter: blur(1.5rem) brightness(1.25) saturate(0.8);
          backdrop-filter: blur(1.5rem) brightness(1.25) saturate(0.8);
}
.card-slider .slider .video-teaser-card .cta .button-youtube svg {
  height: 50%;
  margin-left: 0.25rem;
}
.card-slider .slider .video-teaser-card .cta .button-youtube:focus {
  -webkit-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: 2.5px solid currentcolor;
  outline-offset: 5px;
}

.card .new {
  position: absolute;
  aspect-ratio: 1/1;
  background-color: var(--exhibition-new-sticker-color);
  color: white;
  padding: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-style: italic;
  font-size: var(--font-size-headline-2);
  right: -0.5rem;
  top: -1rem;
  z-index: 1;
}

.buttons-content {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) / 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) / 2);
  margin-top: calc(var(--section-margin-top-bottom) / 2);
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 1.5);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 1.5);
  margin-bottom: calc(var(--section-margin-top-bottom) * 1.5);
}
.buttons-content .link-buttons {
  width: unset;
}

.link-buttons {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  gap: 0.25rem;
  row-gap: 0.5rem;
}
.link-buttons .button {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.link-buttons .button svg {
  margin-left: 0.5rem;
  height: 50% !important;
  width: auto;
}
.link-buttons .button.external svg {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  height: 50% !important;
  width: auto;
}

.link-block {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) / 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) / 2);
  margin-top: calc(var(--section-margin-top-bottom) / 2);
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) / 2);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) / 2);
  margin-bottom: calc(var(--section-margin-top-bottom) / 2);
  padding-top: var(--section-margin-top-bottom);
  padding-bottom: var(--section-margin-top-bottom);
  background-color: var(--background-color);
  color: var(--color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  min-height: 35vw;
}
.link-block .headline {
  margin-bottom: 2rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.link-block .headline h2 {
  margin: 0;
  font-family: "Romie", serif;
  font-style: italic;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-headline-3);
  text-align: center;
}
.link-block .link-buttons {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  gap: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.link-block .link-buttons .button {
  background: transparent;
  color: var(--color);
  border: 1px solid var(--color);
  font-size: var(--font-size-copy-2);
  font-weight: 400;
  font-variation-settings: "wght" 400;
}

dialog.lightbox {
  z-index: 7000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  background: transparent;
  -webkit-backdrop-filter: blur(0) brightness(1) contrast(1);
          backdrop-filter: blur(0) brightness(1) contrast(1);
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out;
  transition: opacity 0.75s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out;
  -o-transition: backdrop-filter 0.5s ease-in-out, opacity 0.75s ease-in-out;
  -moz-transition: backdrop-filter 0.5s ease-in-out, opacity 0.75s ease-in-out;
  transition: backdrop-filter 0.5s ease-in-out, opacity 0.75s ease-in-out;
  transition: backdrop-filter 0.5s ease-in-out, opacity 0.75s ease-in-out, -webkit-backdrop-filter 0.5s ease-in-out;
}
dialog.lightbox[hidden] {
  display: none;
  pointer-events: none;
  overflow: hidden;
  height: 0;
  width: 0;
}
dialog.lightbox.is-open {
  -webkit-backdrop-filter: blur(2rem) brightness(1.15) contrast(0.8);
          backdrop-filter: blur(2rem) brightness(1.15) contrast(0.8);
  opacity: 1;
}
dialog.lightbox .lightbox-close-button {
  z-index: 7100;
  background-color: var(--button-background-color);
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
dialog.lightbox .overflow-wrapper {
  z-index: 7000;
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
dialog.lightbox .lightbox-content {
  z-index: 7000;
  margin-top: 6rem;
  margin-bottom: 6rem;
  background-color: var(--background-color);
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
dialog.lightbox .lightbox-content figure {
  width: 100%;
  float: left;
  margin-bottom: 1.5rem;
}
dialog.lightbox .lightbox-content figure img {
  width: 100%;
  height: auto;
}
dialog.lightbox .lightbox-content .wrapper {
  padding: 1.5rem;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
}
dialog.lightbox .lightbox-content .wrapper.card.lightbox {
  text-align: left;
}
dialog.lightbox .lightbox-content .wrapper.card.lightbox .overline {
  font-family: "Romie", serif;
  font-size: var(--font-size-copy-2);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin-bottom: 1.5rem;
}
dialog.lightbox .lightbox-content .wrapper.card.lightbox .headline {
  text-align: left;
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
dialog.lightbox .lightbox-content .wrapper.card.lightbox .copy {
  font-size: var(--font-size-copy-2);
}
dialog.lightbox.lightbox-slider .lightbox-content {
  background-color: transparent;
  margin-bottom: 0;
  overflow: hidden;
}
dialog.lightbox.lightbox-slider .slider {
  width: 100%;
  float: left;
  margin-left: var(--button-size);
  margin-right: var(--button-size);
  margin-top: 0;
  padding: 1.5rem;
  width: -webkit-calc(100vw - var(--button-size) * 3 - 3rem);
  width: -moz-calc(100vw - var(--button-size) * 3 - 3rem);
  width: calc(100vw - var(--button-size) * 3 - 3rem);
  height: -webkit-calc(100vh - var(--button-size) * 3 - 3rem);
  height: -moz-calc(100vh - var(--button-size) * 3 - 3rem);
  height: calc(100vh - var(--button-size) * 3 - 3rem);
}
dialog.lightbox.lightbox-slider .pager {
  position: relative;
  float: left;
  width: 100%;
  height: 2rem;
  z-index: 7100;
  margin-top: -1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  gap: 1rem;
}
dialog.lightbox.lightbox-slider .pager span {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  height: 1rem;
  aspect-ratio: 1/1;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
  background-color: white;
  border: 0.2rem solid #787878;
  -webkit-transition: background 1s ease;
  -o-transition: background 1s ease;
  -moz-transition: background 1s ease;
  transition: background 1s ease;
}
dialog.lightbox.lightbox-slider .pager span.cycle-pager-active {
  background-color: #787878;
}
dialog.lightbox.lightbox-slider .pager span:hover, dialog.lightbox.lightbox-slider .pager span:focus {
  background-color: #787878;
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.35);
  outline: none;
}
dialog.lightbox.lightbox-slider figure {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  background-color: transparent;
  z-index: 7000;
  margin: 0;
  padding: 1.5rem;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  height: -webkit-calc(100% - 3rem - 3rem);
  height: -moz-calc(100% - 3rem - 3rem);
  height: calc(100% - 3rem - 3rem);
  background-color: var(--background-color);
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  overflow: hidden;
}
dialog.lightbox.lightbox-slider figure .image-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
          flex: 1 1 auto;
  min-height: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  width: 100%;
  height: -webkit-calc(100% - 1.5rem - 3rem);
  height: -moz-calc(100% - 1.5rem - 3rem);
  height: calc(100% - 1.5rem - 3rem);
  margin-bottom: 0.75rem;
}
dialog.lightbox.lightbox-slider figure .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  display: block;
}
dialog.lightbox.lightbox-slider figure figcaption {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-top: auto;
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
  font-family: "Romie", serif;
  font-style: italic;
  font-size: var(--font-size-copy-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-align: center;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
dialog.lightbox.lightbox-slider figure figcaption p {
  margin: 0;
}
dialog.lightbox.lightbox-slider figure figcaption em,
dialog.lightbox.lightbox-slider figure figcaption i {
  font-style: normal;
  text-align: center;
}
dialog.lightbox.media-lightbox .wrapper {
  width: 100%;
  padding: 0;
}
dialog.lightbox.media-lightbox .card {
  margin: 0;
  -webkit-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.5);
}
dialog.lightbox.media-lightbox .lightbox-content.spotify {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
dialog.lightbox.media-lightbox .lightbox-content.youtube, dialog.lightbox.media-lightbox .lightbox-content.spotify, dialog.lightbox.media-lightbox .lightbox-content.local {
  line-height: 0;
  background-color: transparent;
}
dialog.lightbox.media-lightbox .lightbox-content.youtube .card,
dialog.lightbox.media-lightbox .lightbox-content.youtube iframe, dialog.lightbox.media-lightbox .lightbox-content.spotify .card,
dialog.lightbox.media-lightbox .lightbox-content.spotify iframe, dialog.lightbox.media-lightbox .lightbox-content.local .card,
dialog.lightbox.media-lightbox .lightbox-content.local iframe {
  background-color: transparent;
}
dialog.lightbox.media-lightbox .player {
  width: 100%;
  height: auto;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
}
dialog.lightbox.media-lightbox .player.youtube {
  aspect-ratio: 16/9; /* Standard widescreen video ratio */
}
dialog.lightbox.media-lightbox .player.local {
  aspect-ratio: 16/9; /* Standard widescreen video ratio */
}
dialog.lightbox.media-lightbox .player.spotify {
  line-height: 0;
}
dialog.lightbox.media-lightbox .player.spotify iframe {
  margin: 0;
  background: transparent;
}
dialog.lightbox .cta .button.internal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
dialog.lightbox .cta .button.internal svg {
  height: 70%;
}

.events {
  float: left;
}
.events .gradient-background {
  z-index: -1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  position: -webkit-sticky;
  position: sticky;
  height: 125vh;
  margin-top: 50vh;
  background: -webkit-linear-gradient(bottom, rgba(var(--events-gradient-rgb-values), 0) 0%, rgba(var(--events-gradient-rgb-values), 0.2) 10%, rgba(var(--events-gradient-rgb-values), 1) 30%, rgba(var(--events-gradient-rgb-values), 1) 75%, rgba(var(--events-gradient-rgb-values), 0.1) 90%, rgba(var(--events-gradient-rgb-values), 0) 100%);
  background: -moz-linear-gradient(bottom, rgba(var(--events-gradient-rgb-values), 0) 0%, rgba(var(--events-gradient-rgb-values), 0.2) 10%, rgba(var(--events-gradient-rgb-values), 1) 30%, rgba(var(--events-gradient-rgb-values), 1) 75%, rgba(var(--events-gradient-rgb-values), 0.1) 90%, rgba(var(--events-gradient-rgb-values), 0) 100%);
  background: -o-linear-gradient(bottom, rgba(var(--events-gradient-rgb-values), 0) 0%, rgba(var(--events-gradient-rgb-values), 0.2) 10%, rgba(var(--events-gradient-rgb-values), 1) 30%, rgba(var(--events-gradient-rgb-values), 1) 75%, rgba(var(--events-gradient-rgb-values), 0.1) 90%, rgba(var(--events-gradient-rgb-values), 0) 100%);
  background: linear-gradient(0deg, rgba(var(--events-gradient-rgb-values), 0) 0%, rgba(var(--events-gradient-rgb-values), 0.2) 10%, rgba(var(--events-gradient-rgb-values), 1) 30%, rgba(var(--events-gradient-rgb-values), 1) 75%, rgba(var(--events-gradient-rgb-values), 0.1) 90%, rgba(var(--events-gradient-rgb-values), 0) 100%);
}
.events .filter-bar .headline {
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
}
.events .filter-bar .filters {
  width: -webkit-calc(100% - var(--col-width) * 4);
  width: -moz-calc(100% - var(--col-width) * 4);
  width: calc(100% - var(--col-width) * 4);
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.events .event-list {
  width: 100%;
  float: left;
  position: relative;
}
.events .event-list .toggle-content-button {
  background: transparent;
}
.events .event-list > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
.events .event-list > ul > li {
  border-bottom: 1px solid var(--color);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--col-gap);
  width: 100%;
  float: left;
}
.events .event-list > ul > li aside {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.events .event-list > ul > li aside.info {
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
}
.events .event-list > ul > li aside.info .day-month,
.events .event-list > ul > li aside.info .time {
  font-size: var(--font-size-headline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.events .event-list > ul > li aside.info .day-month-wrapper {
  display: inline-block;
}
.events .event-list > ul > li aside.info .location p {
  margin-top: 0;
}
.events .event-list > ul > li aside.info .benefit-membership {
  color: var(--color-benefit-membership);
}
.events .event-list > ul > li aside.target-groups {
  width: -webkit-calc(var(--col-width) * 3);
  width: -moz-calc(var(--col-width) * 3);
  width: calc(var(--col-width) * 3);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-overline);
  text-align: right;
}
.events .event-list > ul > li aside.target-groups .headline {
  text-transform: uppercase;
  letter-spacing: 0.75px;
}
.events .event-list > ul > li aside.target-groups ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.events .event-list > ul > li .description {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  width: -webkit-calc(100% - var(--col-width) * 7);
  width: -moz-calc(100% - var(--col-width) * 7);
  width: calc(100% - var(--col-width) * 7);
  float: left;
}
.events .event-list > ul > li .description .event-title {
  width: 100%;
  float: left;
}
.events .event-list > ul > li .description .title {
  width: 100%;
  float: left;
  font-size: var(--font-size-headline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-1) / 1.25);
  margin-bottom: -moz-calc(var(--font-size-headline-1) / 1.25);
  margin-bottom: calc(var(--font-size-headline-1) / 1.25);
}
.events .event-list > ul > li .description .sub-title {
  font-size: var(--font-size-copy-2);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin: 0;
}
.events .event-list > ul > li .description .event-info {
  width: 100%;
  float: left;
  margin-top: 1.5rem;
}
.events .event-list > ul > li .description .copy {
  font-size: var(--font-size-copy-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.events .event-list > ul > li .description .button-wrapper {
  width: 100%;
  float: left;
  padding-top: 1.5rem;
}
.events .event-list > ul > li .description .alert {
  color: var(--color-error);
}
.events .event-list > ul > li .description .details {
  width: 100%;
  float: left;
  margin-top: var(--font-size-copy-1);
}
.events .event-list > ul > li .description .meeting-point h3, .events .event-list > ul > li .description .meeting-point h4 {
  margin-top: var(--font-size-copy-1);
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.events .event-list > ul > li .description .ical,
.events .event-list > ul > li .description .online-ticket,
.events .event-list > ul > li .description .share {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.events .event-list > ul > li .description .ical .button,
.events .event-list > ul > li .description .online-ticket .button,
.events .event-list > ul > li .description .share .button {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  justify-self: flex-start;
}
.events .event-list > ul > li .description .ical .button .label,
.events .event-list > ul > li .description .online-ticket .button .label,
.events .event-list > ul > li .description .share .button .label {
  margin-right: 0.75rem;
}
.events .event-list > ul > li .description .ical .button svg,
.events .event-list > ul > li .description .online-ticket .button svg,
.events .event-list > ul > li .description .share .button svg {
  width: auto;
}
.events .event-list > ul > li .description .ical .button svg {
  height: 45%;
}
.events .event-list > ul > li .description .share.copy-link .button svg {
  height: 40%;
}
.events .event-list > ul > li .description .online-ticket .button svg,
.events .event-list > ul > li .description .share .button svg {
  height: 50%;
}
.events .event-list > ul > li .description .service-links {
  argin-top: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  gap: var(--col-gap);
}
.events .event-list > ul > li .copy p:first-child {
  margin-top: 0;
}
.events .event-list > ul > li .registration {
  width: 100%;
  float: left;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.events .event-list > ul > li .registration h3, .events .event-list > ul > li .registration h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.events .event-list .submit-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.events .event-list .submit-button-wrapper .messages {
  line-height: -webkit-calc(var(--button-size) / 1.1);
  line-height: -moz-calc(var(--button-size) / 1.1);
  line-height: calc(var(--button-size) / 1.1);
}
.events .event-list .alert {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.events .event-list .alert.filter-no-results {
  margin-top: 6rem;
  color: var(--color-error);
}
.events .event-list .scroll-top {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.events-archive .events {
  position: relative;
  width: 100%;
  float: left;
}
.events-archive .headline h1 {
  margin: 0;
  font-size: var(--font-size-headline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin-bottom: 1rem;
}

.flex-events {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  width: 100%;
}
.flex-events .headline h2 {
  font-size: var(--font-size-headline-2);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
  margin-bottom: 2rem;
}
.flex-events .filtering-header {
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--color);
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.flex-events .filtering-header h3 {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  gap: var(--col-gap);
  font-size: var(--font-size-headline-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin: 0;
}
.flex-events .filtering-header h3 .subheadline {
  margin-top: 0.5rem;
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.flex-events .filtering-header h3 .range {
  margin-top: 0.5rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  width: -webkit-calc(100% - var(--col-width) * 7);
  width: -moz-calc(100% - var(--col-width) * 7);
  width: calc(100% - var(--col-width) * 7);
}
.flex-events .filtering-header h3 .archive-link {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: -webkit-calc(var(--col-width) * 3);
  width: -moz-calc(var(--col-width) * 3);
  width: calc(var(--col-width) * 3);
}
.flex-events .filtering-header h3 .archive-link .button {
  float: right;
  font-size: var(--font-size-copy-1);
}
.flex-events.no-events .filtering-header {
  border: none;
}
.flex-events.no-events .copy {
  font-size: var(--font-size-copy-2);
}

.press-release-single {
  background-color: var(--background-color-press-release);
}
.press-release-single .copy-section .flex-image {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  width: 100%;
  float: left;
}
.press-release-single .copy-section .flex-image .image-wrapper {
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.press-release-single .copy-section .flex-image .image-wrapper img {
  width: 100%;
  height: auto;
}
.press-release-single .copy-section .flex-copy {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  width: 100%;
  float: left;
}
.press-release-single .copy-section .flex-copy h3,
.press-release-single .copy-section .flex-copy h4 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-2);
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.press-release-single aside .press-download {
  width: 100%;
  -webkit-align-self: flex-end;
          align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  padding-top: 6rem;
}
.press-release-single aside .press-download .copy {
  margin-top: 0.75rem;
}
.press-release-single aside .press-download ul {
  margin: 0;
  padding-left: 1rem;
}
.press-release-single aside .press-download p {
  margin: 0;
}
.press-release-single aside .press-download .button-wrapper {
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.press-release-single aside .press-download .button-wrapper .button {
  width: auto;
  justify-self: flex-start;
  background: var(--button-background-color);
}
.press-release-single aside .press-download .button-wrapper .button.is-open svg {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
.press-release-single .partners {
  width: 100%;
  float: left;
  margin-top: 6rem;
  margin-bottom: 3rem;
}
.press-release-single .partners .overline {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color);
}
.press-release-single .partners .overline h3,
.press-release-single .partners .overline h4 {
  margin: 0;
}
.press-release-single .partners .logo {
  background-color: var(--background-color-press-release);
}
.press-release-single .partners .logo img {
  mix-blend-mode: multiply;
}
.press-release-single .press-access-dialog .wrapper {
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
}
.press-release-single .press-access-dialog .header {
  padding-left: 1rem;
  padding-right: 1rem;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-bottom: 1.5rem;
}
.press-release-single .press-access-dialog h4 {
  width: auto;
  border: none;
  margin: 0;
}
.press-release-single .press-access-dialog .form-footer {
  padding-left: 1rem;
  padding-right: 1rem;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-top: 1.5rem;
  font-size: 0.85rem;
}
.press-release-single .press-access-dialog .required-note {
  margin-top: 1.5rem;
}
.press-release-single .press-access-dialog .privacy-notice {
  margin-top: 0.75rem;
  white-space: pre-line;
}
.press-release-single .press-access-dialog .privacy-confirm .message {
  margin-left: 2.5rem;
}
.press-release-single .press-access-dialog .submit-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 1.5rem;
}
.press-release-single .press-access-dialog .response-message {
  padding-left: 1rem;
  padding-right: 1rem;
  width: -webkit-calc(100% - 3rem);
  width: -moz-calc(100% - 3rem);
  width: calc(100% - 3rem);
  margin-top: 1.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.press-release-single .press-access-dialog .response-message svg {
  height: -webkit-calc(var(--font-size-copy-1) * 1.15);
  height: -moz-calc(var(--font-size-copy-1) * 1.15);
  height: calc(var(--font-size-copy-1) * 1.15);
  display: inline-block;
  margin-bottom: -0.15rem;
  width: auto;
  fill: currentColor;
}
.press-release-single .press-access-dialog .response-message .button-wrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 0.5rem;
  color: var(--color);
}
.press-release-single .print-url {
  display: none;
}
.press-release-single .print-logo {
  display: none;
}

.press-release-archive .filter-bar {
  background-color: var(--background-color);
  z-index: 100;
  position: relative;
}
.press-release-archive .filter-bar .headline {
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
}
.press-release-archive .filter-bar .filters {
  width: -webkit-calc(100% - var(--col-width) * 4);
  width: -moz-calc(100% - var(--col-width) * 4);
  width: calc(100% - var(--col-width) * 4);
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.press-release-archive .press-releases {
  width: 100%;
  float: left;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.press-release-archive .press-releases ul {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
  position: relative;
}
.press-release-archive .press-releases .alert {
  width: 100%;
  float: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.press-release-archive .press-releases .alert.filter-no-results {
  margin-top: 6rem;
  color: var(--color-error);
}
.press-release-archive .press-teaser-item {
  width: 100%;
  float: left;
  position: relative;
}
.press-release-archive .press-teaser-item:focus-within {
  color: var(--color);
}
.press-release-archive .press-teaser-item:focus-within .button {
  background-color: var(--color);
}
.press-release-archive .press-teaser-item:focus-within figure {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  opacity: 1;
}
.press-release-archive .press-teaser-item a {
  text-decoration: none;
  display: block;
  width: 100%;
}
.press-release-archive .press-teaser-item a:focus {
  outline: none;
}
.press-release-archive .press-teaser-item .teaser-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: -webkit-calc(100% - var(--col-width) * 5);
  width: -moz-calc(100% - var(--col-width) * 5);
  width: calc(100% - var(--col-width) * 5);
  border-bottom: 1px solid var(--color);
}
.press-release-archive .press-teaser-item .teaser-content .date-button-reading-time,
.press-release-archive .press-teaser-item .teaser-content .button-reading-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.press-release-archive .press-teaser-item .teaser-content .date {
  margin-right: 3rem;
  font-size: var(--font-size-headline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.press-release-archive .press-teaser-item .teaser-content .button {
  justify-self: flex-start;
  height: -webkit-calc(var(--button-size) / 1.15);
  height: -moz-calc(var(--button-size) / 1.15);
  height: calc(var(--button-size) / 1.15);
  padding-left: -webkit-calc(var(--button-size) / 2.25);
  padding-left: -moz-calc(var(--button-size) / 2.25);
  padding-left: calc(var(--button-size) / 2.25);
  padding-right: -webkit-calc(var(--button-size) / 2.25);
  padding-right: -moz-calc(var(--button-size) / 2.25);
  padding-right: calc(var(--button-size) / 2.25);
}
.press-release-archive .press-teaser-item .teaser-content .reading-time {
  margin-left: 1rem;
  font-size: var(--font-size-copy-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.press-release-archive .press-teaser-item .teaser-content .headline h2 {
  font-size: var(--font-size-headline-3);
  line-height: 1;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
  margin-top: 1rem;
}
.press-release-archive .press-teaser-item figure {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-calc(var(--col-width) * 3);
  width: -moz-calc(var(--col-width) * 3);
  width: calc(var(--col-width) * 3);
  height: auto;
  aspect-ratio: 1/1.1;
}
.press-release-archive .press-teaser-item figure .image-wrapper {
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.press-release-archive .press-teaser-item figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.press-release-archive .press-teaser-item:hover figure {
  opacity: 1;
}

.press-teaser-item,
.press-release-flex-teaser-lightbox {
  --press-release-item-color-0: #6A715E;
  --press-release-item-color-1: #91A086;
  --press-release-item-color-2: #A5879B;
  --press-release-item-color-3: #68715C;
  --press-release-item-color-4: #91A086;
  --press-release-item-color-5: #A5879B;
}
.press-teaser-item.press-release-item-color-0,
.press-release-flex-teaser-lightbox.press-release-item-color-0 {
  color: var(--press-release-item-color-0);
}
.press-teaser-item.press-release-item-color-0 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-0 .button {
  background-color: var(--press-release-item-color-0);
}
.press-teaser-item.press-release-item-color-1,
.press-release-flex-teaser-lightbox.press-release-item-color-1 {
  color: var(--press-release-item-color-1);
}
.press-teaser-item.press-release-item-color-1 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-1 .button {
  background-color: var(--press-release-item-color-1);
}
.press-teaser-item.press-release-item-color-2,
.press-release-flex-teaser-lightbox.press-release-item-color-2 {
  color: var(--press-release-item-color-2);
}
.press-teaser-item.press-release-item-color-2 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-2 .button {
  background-color: var(--press-release-item-color-2);
}
.press-teaser-item.press-release-item-color-3,
.press-release-flex-teaser-lightbox.press-release-item-color-3 {
  color: var(--press-release-item-color-3);
}
.press-teaser-item.press-release-item-color-3 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-3 .button {
  background-color: var(--press-release-item-color-3);
}
.press-teaser-item.press-release-item-color-4,
.press-release-flex-teaser-lightbox.press-release-item-color-4 {
  color: var(--press-release-item-color-4);
}
.press-teaser-item.press-release-item-color-4 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-4 .button {
  background-color: var(--press-release-item-color-4);
}
.press-teaser-item.press-release-item-color-5,
.press-release-flex-teaser-lightbox.press-release-item-color-5 {
  color: var(--press-release-item-color-5);
}
.press-teaser-item.press-release-item-color-5 .button,
.press-release-flex-teaser-lightbox.press-release-item-color-5 .button {
  background-color: var(--press-release-item-color-5);
}

.press-release-flex-teaser {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.press-release-flex-teaser a {
  text-decoration: none;
}
.press-release-flex-teaser .headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.press-release-flex-teaser .headline h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-1);
}
.press-release-flex-teaser .headline .button {
  background-color: var(--background-color-press-button);
  color: var(--color);
  white-space: nowrap;
}
.press-release-flex-teaser .teaser-items {
  border-top: 1.5px solid var(--background-color-press-button);
}
.press-release-flex-teaser .teaser-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  margin-top: 1.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--col-width);
}
.press-release-flex-teaser .teaser-items .press-teaser-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  padding-top: 1rem;
}
.press-release-flex-teaser .teaser-items .press-teaser-item:nth-child(1), .press-release-flex-teaser .teaser-items .press-teaser-item:nth-child(2n) {
  border-right: 1px solid var(--color);
  padding-right: 1.5rem;
}
.press-release-flex-teaser .teaser-items .press-teaser-item .cta {
  margin-top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.press-release-flex-teaser .teaser-items .press-teaser-item .cta .button {
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
.press-release-flex-teaser .teaser-items .press-teaser-item .cta .reading-time {
  margin-left: 0.5rem;
  white-space: nowrap;
}

.press-release-flex-teaser-lightbox .copy {
  color: var(--color);
}
.press-release-flex-teaser-lightbox .cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 1rem;
}
.press-release-flex-teaser-lightbox .cta .button {
  color: var(--color-negative);
}
.press-release-flex-teaser-lightbox .cta .reading-time {
  margin-left: 0.5rem;
  white-space: nowrap;
}

.image-teaser.margin-left-0 {
  width: min(120rem, 100% - var(--col-width) * -1 * 2);
  padding-left: -webkit-calc(var(--col-width) * -1 * 2);
  padding-left: -moz-calc(var(--col-width) * -1 * 2);
  padding-left: calc(var(--col-width) * -1 * 2);
  padding-right: -webkit-calc(var(--col-width));
  padding-right: -moz-calc(var(--col-width));
  padding-right: calc(var(--col-width));
}
.image-teaser.margin-left-1 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width) * 0 * 2);
  padding-left: -moz-calc(var(--col-width) * 0 * 2);
  padding-left: calc(var(--col-width) * 0 * 2);
  padding-right: -webkit-calc(var(--col-width));
  padding-right: -moz-calc(var(--col-width));
  padding-right: calc(var(--col-width));
}
.image-teaser.margin-left-2 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width) * 1 * 2);
  padding-left: -moz-calc(var(--col-width) * 1 * 2);
  padding-left: calc(var(--col-width) * 1 * 2);
  padding-right: -webkit-calc(var(--col-width));
  padding-right: -moz-calc(var(--col-width));
  padding-right: calc(var(--col-width));
}
.image-teaser.margin-left-3 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width) * 2 * 2);
  padding-left: -moz-calc(var(--col-width) * 2 * 2);
  padding-left: calc(var(--col-width) * 2 * 2);
  padding-right: -webkit-calc(var(--col-width));
  padding-right: -moz-calc(var(--col-width));
  padding-right: calc(var(--col-width));
}
.image-teaser.margin-left-4 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  padding-left: -webkit-calc(var(--col-width) * 3 * 2);
  padding-left: -moz-calc(var(--col-width) * 3 * 2);
  padding-left: calc(var(--col-width) * 3 * 2);
  padding-right: -webkit-calc(var(--col-width));
  padding-right: -moz-calc(var(--col-width));
  padding-right: calc(var(--col-width));
}
.image-teaser.margin-right-0 {
  width: min(120rem, 100% - var(--col-width) * -1 * 2);
  padding-left: -webkit-calc(var(--col-width));
  padding-left: -moz-calc(var(--col-width));
  padding-left: calc(var(--col-width));
  padding-right: -webkit-calc(var(--col-width) * -1 * 2);
  padding-right: -moz-calc(var(--col-width) * -1 * 2);
  padding-right: calc(var(--col-width) * -1 * 2);
}
.image-teaser.margin-right-1 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  padding-left: -webkit-calc(var(--col-width));
  padding-left: -moz-calc(var(--col-width));
  padding-left: calc(var(--col-width));
  padding-right: -webkit-calc(var(--col-width) * 0 * 2);
  padding-right: -moz-calc(var(--col-width) * 0 * 2);
  padding-right: calc(var(--col-width) * 0 * 2);
}
.image-teaser.margin-right-2 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  padding-left: -webkit-calc(var(--col-width));
  padding-left: -moz-calc(var(--col-width));
  padding-left: calc(var(--col-width));
  padding-right: -webkit-calc(var(--col-width) * 1 * 2);
  padding-right: -moz-calc(var(--col-width) * 1 * 2);
  padding-right: calc(var(--col-width) * 1 * 2);
}
.image-teaser.margin-right-3 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  padding-left: -webkit-calc(var(--col-width));
  padding-left: -moz-calc(var(--col-width));
  padding-left: calc(var(--col-width));
  padding-right: -webkit-calc(var(--col-width) * 2 * 2);
  padding-right: -moz-calc(var(--col-width) * 2 * 2);
  padding-right: calc(var(--col-width) * 2 * 2);
}
.image-teaser.margin-right-4 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  padding-left: -webkit-calc(var(--col-width));
  padding-left: -moz-calc(var(--col-width));
  padding-left: calc(var(--col-width));
  padding-right: -webkit-calc(var(--col-width) * 3 * 2);
  padding-right: -moz-calc(var(--col-width) * 3 * 2);
  padding-right: calc(var(--col-width) * 3 * 2);
}
.image-teaser .headline-on-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  color: var(--color-negative);
}
.image-teaser .headline-on-image .wrapper {
  width: 100%;
  float: left;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.image-teaser .headline-on-image .headline-wrapper,
.image-teaser .headline-on-image .text-wrapper {
  position: absolute;
  padding: 2rem;
  z-index: 500;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
.image-teaser .headline-on-image.background-blur .headline-wrapper,
.image-teaser .headline-on-image.background-blur .text-wrapper {
  padding: 2rem;
  margin: var(--button-size);
  -webkit-backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
          backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
  color: white;
  max-width: -webkit-calc(100% - var(--button-size) * 2);
  max-width: -moz-calc(100% - var(--button-size) * 2);
  max-width: calc(100% - var(--button-size) * 2);
}
.image-teaser .headline-on-image.background-blur h1 {
  margin: 0;
}
.image-teaser .headline-on-image.headline-left-top .wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.image-teaser .headline-on-image.headline-left-center .wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-teaser .headline-on-image.headline-left-bottom .wrapper {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}
.image-teaser .headline-on-image.headline-center-center .wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-teaser .headline-on-image figure {
  width: 100%;
  float: left;
  line-height: 0;
}
.image-teaser .headline-on-image figure figcaption {
  line-height: var(--line-height);
}
.image-teaser .text-wrapper {
  color: var(--color);
  padding-left: 0;
  width: auto;
  max-width: 50%;
}
.image-teaser .text-wrapper.text-margin-0 {
  width: min(120rem, 100% - var(--col-width) * 0 * 2);
  margin-left: -webkit-calc(var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) * 0);
  margin-left: calc(var(--col-width) * 0);
  margin-right: -webkit-calc(var(--col-width) * 0);
  margin-right: -moz-calc(var(--col-width) * 0);
  margin-right: calc(var(--col-width) * 0);
}
.image-teaser .text-wrapper.text-margin-1 {
  width: min(120rem, 100% - var(--col-width) * 1 * 2);
  margin-left: -webkit-calc(var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) * 1);
  margin-left: calc(var(--col-width) * 1);
  margin-right: -webkit-calc(var(--col-width) * 1);
  margin-right: -moz-calc(var(--col-width) * 1);
  margin-right: calc(var(--col-width) * 1);
}
.image-teaser .text-wrapper.text-margin-2 {
  width: min(120rem, 100% - var(--col-width) * 2 * 2);
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
  margin-right: -webkit-calc(var(--col-width) * 2);
  margin-right: -moz-calc(var(--col-width) * 2);
  margin-right: calc(var(--col-width) * 2);
}
.image-teaser .text-wrapper.text-margin-3 {
  width: min(120rem, 100% - var(--col-width) * 3 * 2);
  margin-left: -webkit-calc(var(--col-width) * 3);
  margin-left: -moz-calc(var(--col-width) * 3);
  margin-left: calc(var(--col-width) * 3);
  margin-right: -webkit-calc(var(--col-width) * 3);
  margin-right: -moz-calc(var(--col-width) * 3);
  margin-right: calc(var(--col-width) * 3);
}
.image-teaser .text-wrapper.text-margin-4 {
  width: min(120rem, 100% - var(--col-width) * 4 * 2);
  margin-left: -webkit-calc(var(--col-width) * 4);
  margin-left: -moz-calc(var(--col-width) * 4);
  margin-left: calc(var(--col-width) * 4);
  margin-right: -webkit-calc(var(--col-width) * 4);
  margin-right: -moz-calc(var(--col-width) * 4);
  margin-right: calc(var(--col-width) * 4);
}
.image-teaser .text-wrapper h2, .image-teaser .text-wrapper h3 {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: -webkit-calc(var(--font-size-headline-4) / 2);
  margin-bottom: -moz-calc(var(--font-size-headline-4) / 2);
  margin-bottom: calc(var(--font-size-headline-4) / 2);
  color: var(--color);
}
.image-teaser .text-wrapper .copy {
  color: var(--color);
}
.image-teaser .text-wrapper .copy p:first-child {
  margin-top: 0;
}
.image-teaser.background-blur .text-wrapper {
  width: auto;
  max-width: 50%;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
.image-teaser.background-blur .text-wrapper.text-margin-0 {
  margin-left: -webkit-calc(var(--col-width) * 0);
  margin-left: -moz-calc(var(--col-width) * 0);
  margin-left: calc(var(--col-width) * 0);
}
.image-teaser.background-blur .text-wrapper.text-margin-1 {
  margin-left: -webkit-calc(var(--col-width) * 1);
  margin-left: -moz-calc(var(--col-width) * 1);
  margin-left: calc(var(--col-width) * 1);
}
.image-teaser.background-blur .text-wrapper.text-margin-2 {
  margin-left: -webkit-calc(var(--col-width) * 2);
  margin-left: -moz-calc(var(--col-width) * 2);
  margin-left: calc(var(--col-width) * 2);
}
.image-teaser.background-blur .text-wrapper.text-margin-3 {
  margin-left: -webkit-calc(var(--col-width) * 3);
  margin-left: -moz-calc(var(--col-width) * 3);
  margin-left: calc(var(--col-width) * 3);
}
.image-teaser.background-blur .text-wrapper.text-margin-4 {
  margin-left: -webkit-calc(var(--col-width) * 4);
  margin-left: -moz-calc(var(--col-width) * 4);
  margin-left: calc(var(--col-width) * 4);
}
.image-teaser .cta {
  margin-top: 1.5rem;
}
.image-teaser .cta .button {
  background-color: var(--color);
  color: var(--button-color);
  text-align: center;
  justify-self: flex-start;
}
.image-teaser .cta .button svg {
  fill: var(--button-color);
}
.image-teaser figure img {
  width: 100%;
  height: auto;
}
.image-teaser.content-teaser {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.image-teaser.content-teaser figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}

.image-parallax {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-parallax figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  z-index: 1;
}
.image-parallax figure img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-parallax .headline {
  position: relative;
  z-index: 2;
  mix-blend-mode: difference;
}
.image-parallax .headline h2 {
  text-align: center;
  margin: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  color: white;
}
.image-parallax.image-parallax-footer {
  margin-bottom: 0;
}

.text-image {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-top: calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: var(--section-margin-top-bottom);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: -webkit-calc(var(--col-width) / 2);
  gap: -moz-calc(var(--col-width) / 2);
  gap: calc(var(--col-width) / 2);
}
.text-image .text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
}
.text-image .text .overline h2 {
  margin-top: -webkit-calc(var(--font-size-overline) * -1);
  margin-top: -moz-calc(var(--font-size-overline) * -1);
  margin-top: calc(var(--font-size-overline) * -1);
  margin-bottom: 0.5rem;
  font-size: var(--font-size-overline);
}
.text-image .text .overline h2.overline-serif {
  font-family: "Romie", serif;
}
.text-image .text .headline h2, .text-image .text .headline h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.text-image .text.align-center {
  text-align: center;
}
.text-image .text.align-center .cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.text-image .text.text-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.text-image figure {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
.text-image figure.image-width-0 {
  width: -webkit-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 0);
  width: -moz-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 0);
  width: calc(100% - var(--col-width) * 4.5 - var(--col-width) * 0);
}
.text-image figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.text-image figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.text-image figure.image-width-1 {
  width: -webkit-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 1);
  width: -moz-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 1);
  width: calc(100% - var(--col-width) * 4.5 - var(--col-width) * 1);
}
.text-image figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.text-image figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.text-image figure.image-width-2 {
  width: -webkit-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 4.5 - var(--col-width) * 2);
}
.text-image figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.text-image figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.text-image figure.image-width-3 {
  width: -webkit-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 3);
  width: -moz-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 3);
  width: calc(100% - var(--col-width) * 4.5 - var(--col-width) * 3);
}
.text-image figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.text-image figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.text-image figure.image-width-4 {
  width: -webkit-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 4);
  width: -moz-calc(100% - var(--col-width) * 4.5 - var(--col-width) * 4);
  width: calc(100% - var(--col-width) * 4.5 - var(--col-width) * 4);
}
.text-image figure .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.text-image figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.text-image figure .caption-below-image {
  float: left;
  text-align: center;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}
.text-image.text-right-image-left .text {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
}
.text-image.text-right-image-left figure {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
}
.text-image.layout-text-image .headline {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
}
.text-image.layout-text-image .headline p {
  margin: 0;
}
.text-image.layout-text-image .text {
  width: 50%;
}
.text-image.layout-text-image figure {
  width: 50%;
}
.text-image.layout-text-image figure.image-width-0 .image-wrapper,
.text-image.layout-text-image figure.image-width-0 figcaption {
  width: -webkit-calc(100% - var(--col-width) * 0);
  width: -moz-calc(100% - var(--col-width) * 0);
  width: calc(100% - var(--col-width) * 0);
}
.text-image.layout-text-image figure.image-width-1 .image-wrapper,
.text-image.layout-text-image figure.image-width-1 figcaption {
  width: -webkit-calc(100% - var(--col-width) * 1);
  width: -moz-calc(100% - var(--col-width) * 1);
  width: calc(100% - var(--col-width) * 1);
}
.text-image.layout-text-image figure.image-width-2 .image-wrapper,
.text-image.layout-text-image figure.image-width-2 figcaption {
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
}
.text-image.layout-text-image figure figcaption {
  margin-left: 0;
  margin-right: 0;
}

.image-lightbox-gallery {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.image-lightbox-gallery .image {
  position: relative;
  float: left;
}
.image-lightbox-gallery .image .wrapper {
  position: relative;
  float: left;
  width: 100%;
}
.image-lightbox-gallery .image .button-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.image-lightbox-gallery .image .button-wrapper .lightbox-button {
  margin: var(--button-size);
  -webkit-backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
          backdrop-filter: blur(2.1rem) brightness(1.15) saturate(0.8);
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  height: -webkit-calc(var(--button-size) * 2.5);
  height: -moz-calc(var(--button-size) * 2.5);
  height: calc(var(--button-size) * 2.5);
  width: -webkit-calc(var(--button-size) * 2.5);
  width: -moz-calc(var(--button-size) * 2.5);
  width: calc(var(--button-size) * 2.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-lightbox-gallery .image .button-wrapper .lightbox-button svg {
  height: var(--button-size);
  width: auto;
}
.image-lightbox-gallery .image .button-wrapper .lightbox-button.is-open svg {
  -webkit-transform: none;
     -moz-transform: none;
       -o-transform: none;
          transform: none;
}
.image-lightbox-gallery .image .button-wrapper.button-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-lightbox-gallery .image .button-wrapper.button-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-lightbox-gallery .image .button-wrapper.left-top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.image-lightbox-gallery .image .button-wrapper.left-center {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-lightbox-gallery .image .button-wrapper.left-bottom {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}
.image-lightbox-gallery .image .button-wrapper.right-top {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}
.image-lightbox-gallery .image .button-wrapper.right-center {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.image-lightbox-gallery .image .button-wrapper.right-bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}
.image-lightbox-gallery .image figure {
  width: 100%;
  height: auto;
}
.image-lightbox-gallery .image img {
  width: 100%;
  height: auto;
}
.image-lightbox-gallery .image .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  line-height: 0;
}
.image-lightbox-gallery .image .caption-below-image {
  float: left;
  font-size: var(--font-size-copy-1);
  text-align: center;
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

.image-pair {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-bottom: calc(var(--section-margin-top-bottom) * 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--col-gap);
}
.image-pair img {
  width: 100%;
  height: auto;
}
.image-pair figure {
  width: 100%;
}
.image-pair .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.image-pair figcaption {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  text-align: left;
}

.page-contact {
  position: relative;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  --section-margin: 4rem;
}
.page-contact .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115vh;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(237, 220, 220)), to(rgba(237, 220, 220, 0)));
  background: -webkit-linear-gradient(rgb(237, 220, 220) 0%, rgba(237, 220, 220, 0) 100%);
  background: -moz-linear-gradient(rgb(237, 220, 220) 0%, rgba(237, 220, 220, 0) 100%);
  background: -o-linear-gradient(rgb(237, 220, 220) 0%, rgba(237, 220, 220, 0) 100%);
  background: linear-gradient(rgb(237, 220, 220) 0%, rgba(237, 220, 220, 0) 100%);
}
.page-contact .background svg {
  position: fixed;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  margin-left: 2rem;
  margin-top: 10rem;
  fill: var(--background-color);
  opacity: 0.6;
}
.page-contact article {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.page-contact article a {
  text-decoration: none;
}
.page-contact article a:hover {
  text-decoration: underline;
}
.page-contact article a:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  outline: none;
}
.page-contact .team-member {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.page-contact h1,
.page-contact h2 {
  margin: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.page-contact h1 {
  font-size: var(--font-size-headline-2);
  margin-bottom: var(--section-margin);
}
.page-contact h2 {
  margin-top: 1.5rem;
  font-size: inherit;
}
.page-contact p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.page-contact .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.page-contact .button.link svg {
  margin-left: 0.25rem;
  height: 38%;
  width: auto;
}
.page-contact .button.print svg {
  margin-left: 0.25rem;
  padding-right: 0.25rem;
  height: 60%;
  width: auto;
}
.page-contact .link-wrapper {
  margin-top: var(--section-margin);
  margin-bottom: var(--section-margin);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  row-gap: 1rem;
}

.page-story {
  background-color: var(--page-story-background-color);
}
.page-story .hero .headline {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.page-story .hero figcaption {
  margin-left: 50%;
  margin-right: var(--col-width);
  text-align: left;
}
.page-story .hero figcaption.caption-margin-0 {
  margin-right: -webkit-calc(var(--col-width) * 0);
  margin-right: -moz-calc(var(--col-width) * 0);
  margin-right: calc(var(--col-width) * 0);
}
.page-story .hero figcaption.caption-margin-1 {
  margin-right: -webkit-calc(var(--col-width) * 1);
  margin-right: -moz-calc(var(--col-width) * 1);
  margin-right: calc(var(--col-width) * 1);
}
.page-story .hero figcaption.caption-margin-2 {
  margin-right: -webkit-calc(var(--col-width) * 2);
  margin-right: -moz-calc(var(--col-width) * 2);
  margin-right: calc(var(--col-width) * 2);
}
.page-story .hero figcaption.caption-margin-3 {
  margin-right: -webkit-calc(var(--col-width) * 3);
  margin-right: -moz-calc(var(--col-width) * 3);
  margin-right: calc(var(--col-width) * 3);
}
.page-story .hero figcaption.caption-margin-4 {
  margin-right: -webkit-calc(var(--col-width) * 4);
  margin-right: -moz-calc(var(--col-width) * 4);
  margin-right: calc(var(--col-width) * 4);
}
.page-story .intro {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}

.columns-content figure figcaption {
  float: left;
  font-family: "Romie", serif;
  font-size: var(--font-size-copy-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  text-align: center;
  margin-top: 1rem;
}
.columns-content figure figcaption p {
  margin: 0;
}
.columns-content .aside-cols-layout {
  width: 100%;
  float: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  font-size: var(--font-size-copy-1);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  margin-top: var(--col-gap);
  margin-bottom: var(--col-gap);
  border-top: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
}
.columns-content .overline {
  width: 100%;
  float: left;
  margin-top: 4rem;
  padding-top: 0.75rem;
}
.columns-content .overline h1 {
  font-size: var(--font-size-headline-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
  margin: 0;
}
.columns-content .copy-section {
  width: -webkit-calc(100% - var(--col-gap) * 2);
  width: -moz-calc(100% - var(--col-gap) * 2);
  width: calc(100% - var(--col-gap) * 2);
  border-right: 1px solid var(--color);
  padding-right: -webkit-calc(var(--col-gap) * 2);
  padding-right: -moz-calc(var(--col-gap) * 2);
  padding-right: calc(var(--col-gap) * 2);
  margin-top: var(--col-gap);
  margin-bottom: var(--col-gap);
}
.columns-content .copy-section .headline {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-2);
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
.columns-content .copy-section .sub-headline {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-2);
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
.columns-content .copy-section .intro {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-2);
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}
.columns-content aside {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  width: -webkit-calc(100% - var(--col-gap) * 2);
  width: -moz-calc(100% - var(--col-gap) * 2);
  width: calc(100% - var(--col-gap) * 2);
  padding-left: -webkit-calc(var(--col-gap) * 2);
  padding-left: -moz-calc(var(--col-gap) * 2);
  padding-left: calc(var(--col-gap) * 2);
}
.columns-content aside .sticky-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
.columns-content aside figure {
  width: 100%;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
}
.columns-content aside figure .sticky {
  padding-top: 4.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.columns-content aside figure .image-wrapper {
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.columns-content aside figure .image-wrapper img {
  width: 100%;
  height: auto;
}
.columns-content aside figure figcaption {
  width: -webkit-calc(100% - var(--col-width));
  width: -moz-calc(100% - var(--col-width));
  width: calc(100% - var(--col-width));
  margin-left: -webkit-calc(var(--col-width) / 2);
  margin-left: -moz-calc(var(--col-width) / 2);
  margin-left: calc(var(--col-width) / 2);
  margin-right: -webkit-calc(var(--col-width) / 2);
  margin-right: -moz-calc(var(--col-width) / 2);
  margin-right: calc(var(--col-width) / 2);
}
.columns-content aside .aside-copy {
  width: 100%;
  -webkit-align-self: flex-end;
          align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  padding-top: 6rem;
}
.columns-content aside h3,
.columns-content aside h4 {
  margin: 0;
  padding-bottom: 0.75rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  width: 100%;
  border-bottom: 1px solid var(--color);
}

.page-columns {
  background-color: var(--background-color-page-columns);
}
.page-columns aside figure {
  margin-bottom: 5rem;
}
.page-columns .columns-content {
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 3);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 3);
  margin-bottom: calc(var(--section-margin-top-bottom) * 3);
}

.mediathek-preview main {
  width: -webkit-calc(100% - 8rem);
  width: -moz-calc(100% - 8rem);
  width: calc(100% - 8rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.mediathek-preview .item {
  width: -webkit-calc(100% - 8rem);
  width: -moz-calc(100% - 8rem);
  width: calc(100% - 8rem);
  max-width: 20rem;
  height: -webkit-calc(100% - 4rem);
  height: -moz-calc(100% - 4rem);
  height: calc(100% - 4rem);
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.item.mediathek {
  position: relative;
}
.item.mediathek .card {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  -o-transition: -o-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  -moz-transition: transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1), -moz-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  transition: transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  transition: transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1), -webkit-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1), -moz-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1), -o-transform 0.75s cubic-bezier(0.65, -0.01, 0.33, 1);
  background-color: var(--background-color);
  color: var(--color);
  min-height: 20rem;
}
.item.mediathek .card .overline {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Romie", serif;
  font-size: var(--font-size-copy-2);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  margin-bottom: 1.5rem;
}
.item.mediathek .card .headline {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1;
}
.item.mediathek .card .headline.serif {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.item.mediathek .card .sub-headline {
  width: 100%;
  float: left;
  margin-top: 1.5rem;
  margin-bottom: -1rem;
  font-size: var(--font-size-headline-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.item.mediathek .card .sub-headline.serif {
  font-family: "Romie", serif;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.item.mediathek .card .copy {
  width: 100%;
  float: left;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-copy-1);
  margin-top: 0.75rem;
}
.item.mediathek .card .play-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.item.mediathek .card .play-cta .issue {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.item.mediathek .card .play-cta .issue .hash {
  font-size: var(--font-size-copy-1);
  display: block;
  margin-top: 0.25rem;
  margin-right: 0.1rem;
}
.item.mediathek .card .play-cta .issue .number {
  font-size: var(--font-size-headline-2);
}
.item.mediathek .card .play-cta .duration {
  font-size: 1rem;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.item.mediathek .card .play-cta .playline {
  height: 0.3rem;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  background-color: var(--color);
}
.item.mediathek .card .cta .play {
  background-color: transparent;
}
.item.mediathek .card .cta .play svg {
  fill: var(--button-background-color);
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
.item.mediathek .card .image {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 1.5rem;
}
.item.mediathek .card .image img {
  width: 100%;
  height: auto;
}
.item.mediathek .card .image .image-wrapper {
  width: 100%;
  float: left;
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  line-height: 0;
}
.item.mediathek .card .background-image {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 1rem;
  left: -1rem;
  top: -1rem;
}
.item.mediathek .card .background-image .image-wrapper {
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
}
.item.mediathek .card .background-image .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
.item.mediathek .card .color-area {
  width: 100%;
  float: left;
  aspect-ratio: 2/1;
}
.item.mediathek .card:hover {
  -webkit-transform: scale(1.045);
     -moz-transform: scale(1.045);
       -o-transform: scale(1.045);
          transform: scale(1.045);
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
       -o-transform-origin: center center;
          transform-origin: center center;
  cursor: pointer;
}
.item.mediathek .card:hover.card-shadow {
  -webkit-box-shadow: 0px 0.175rem 3.5rem 0.125rem rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 0.175rem 3.5rem 0.125rem rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0.175rem 3.5rem 0.125rem rgba(0, 0, 0, 0.4);
}
.item.mediathek .card.shorts {
  background-color: white;
}
.item.mediathek .card.shorts .overline-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.item.mediathek .card.shorts .overline-wrapper .logo {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}
.item.mediathek .card.shorts .overline-wrapper .logo svg {
  margin-top: 0.1rem;
  height: -webkit-calc(var(--font-size-copy-2) / 1.1);
  height: -moz-calc(var(--font-size-copy-2) / 1.1);
  height: calc(var(--font-size-copy-2) / 1.1);
  width: auto;
}
.item.mediathek .card.shorts .copy {
  position: relative;
  padding-top: 50%;
  background-color: var(--background-color);
  -webkit-clip-path: inset(0 round var(--border-radius-small));
          clip-path: inset(0 round var(--border-radius-small));
  z-index: 0;
}
.item.mediathek .card.shorts .copy .copy-inner-wrapper {
  display: block;
  padding: 1rem;
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: var(--font-size-headline-2);
  line-height: 1;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.item.mediathek .card.shorts .copy:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 17%, rgba(0, 0, 0, 0.5) 100%);
  mix-blend-mode: multiply;
}
.item.mediathek .card.shorts .copy {
  color: var(--color-negative);
}
.item.mediathek .card.shorts .cta {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}
.item.mediathek .card.lightbox {
  min-height: unset;
  background-color: var(--background-color, var(--background-color-negative));
  color: var(--color, #000000);
}
.item.mediathek .card.lightbox .headline,
.item.mediathek .card.lightbox .copy {
  text-align: left;
}
.item.mediathek .card.lightbox .headline {
  text-align: left;
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.item.mediathek .card.lightbox .cta {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}
.item.mediathek .card.lightbox .cta .button {
  background-color: currentcolor;
}
.item.mediathek .card.lightbox .cta .button svg {
  fill: var(--background-color, var(--background-color-negative));
}
.item.mediathek .card.lightbox .is-open .pseudo-lightbox-button svg {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.item.mediathek .card.teaser-story {
  color: var(--color);
  background-color: var(--background-color);
}
.item.mediathek .card.teaser-story.image .cta {
  position: relative;
  margin-top: -webkit-calc((var(--button-size) + 2.5rem) * -1);
  margin-top: -moz-calc((var(--button-size) + 2.5rem) * -1);
  margin-top: calc((var(--button-size) + 2.5rem) * -1);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.item.mediathek .card.teaser-story.button-color-black .button {
  background-color: black;
}
.item.mediathek .card.teaser-story.button-color-black .button svg {
  fill: white;
}
.item.mediathek .card.teaser-story.button-color-white .button {
  background-color: white;
}
.item.mediathek .card.teaser-story.button-color-white .button svg {
  fill: black;
}
.item.mediathek .card.teaser-story.button-color-currentcolor .button {
  background-color: var(--color);
}
.item.mediathek .card.teaser-story.button-color-currentcolor .button svg {
  fill: var(--background-color);
}

.science-feed {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  padding-bottom: var(--section-margin-top-bottom);
  background-color: var(--science-feed-background-color);
}
.science-feed a {
  text-decoration: none;
}
.science-feed .headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.science-feed .headline h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-1);
}
.science-feed .headline .button {
  background-color: var(--background-color-press-button);
  color: var(--color);
  white-space: nowrap;
}
.science-feed .card-slider {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.science-feed .card-slider .slider .panel {
  margin-top: -2.5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  gap: -webkit-calc(var(--cards-gap) * 1.5);
  gap: -moz-calc(var(--cards-gap) * 1.5);
  gap: calc(var(--cards-gap) * 1.5);
}
.science-feed .card-slider .slider .item {
  padding: 0;
  width: -webkit-calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
  width: -moz-calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
  width: calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
}
.science-feed .card-slider .slider .item .card {
  max-width: -webkit-calc(100% - 2rem);
  max-width: -moz-calc(100% - 2rem);
  max-width: calc(100% - 2rem);
  word-break: break-all;
  word-break: break-word;
  margin-left: 0;
  margin-right: 0;
}

.mediathek-teaser {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
  padding-bottom: var(--section-margin-top-bottom);
  position: relative;
  z-index: 0;
}
.mediathek-teaser .wrapper {
  color: var(--color);
  background-color: var(--background-color);
  -webkit-clip-path: inset(0 round var(--border-radius-big));
          clip-path: inset(0 round var(--border-radius-big));
  width: 100%;
}
.mediathek-teaser a {
  text-decoration: none;
}
.mediathek-teaser .text-wrapper {
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  float: left;
  margin-top: 2rem;
}
.mediathek-teaser .text-wrapper .headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}
.mediathek-teaser .text-wrapper .headline h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-4);
}
.mediathek-teaser .text-wrapper .copy {
  width: 100%;
  float: left;
  font-size: var(--font-size-copy-2);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.mediathek-teaser .teasers {
  margin-top: 0;
  margin-bottom: 1rem;
  width: 100%;
  position: relative;
  float: left;
  z-index: 1;
}
.mediathek-teaser .teasers .panel {
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: -webkit-calc(var(--cards-gap) * 1.5);
  gap: -moz-calc(var(--cards-gap) * 1.5);
  gap: calc(var(--cards-gap) * 1.5);
  scrollbar-width: none; /* Firefox */
}
.mediathek-teaser .teasers .panel::-webkit-scrollbar {
  display: none; /* Für Webkit-Browser */
}
.mediathek-teaser .teasers .item {
  padding: 0;
  width: -webkit-calc(33.3333333333% - var(--cards-gap) * 2 - var(--col-width) / 2);
  width: -moz-calc(33.3333333333% - var(--cards-gap) * 2 - var(--col-width) / 2);
  width: calc(33.3333333333% - var(--cards-gap) * 2 - var(--col-width) / 2);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.mediathek-teaser .teasers .item:first-child {
  margin-left: var(--col-width);
}
.mediathek-teaser .teasers .item .card {
  top: 2rem;
  --background-color: white;
  --color: black;
  max-width: -webkit-calc(100% - 2rem);
  max-width: -moz-calc(100% - 2rem);
  max-width: calc(100% - 2rem);
  width: 100%;
  word-break: break-all;
  word-break: break-word;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(0, 0, 0, 0.2);
}
.mediathek-teaser .cta-footer {
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 3rem;
  position: relative;
}
.mediathek-teaser .cta-footer .portals {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: 1rem;
  float: left;
}
.mediathek-teaser .cta-footer .portals h3 {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.mediathek-teaser .cta-footer .portals .button {
  background-color: transparent;
}
.mediathek-teaser .cta-footer .portals .button svg {
  fill: var(--color);
}
.mediathek-teaser .cta-footer .madiathek-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  float: left;
}
.mediathek-teaser .cta-footer .madiathek-link .archive-link {
  background-color: var(--background-color-press-button);
  color: black;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-self: center;
              -ms-grid-row-align: center;
          align-self: center;
}
.mediathek-teaser .background {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.mediathek-teaser .background figure,
.mediathek-teaser .background .image-wrapper {
  top: 0;
  left: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.mediathek-teaser .background figure img,
.mediathek-teaser .background .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.mediathek-teaser .background .video {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.mediathek-teaser .background .video video {
  margin: 0;
  padding: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.mediathek-archive .quick-nav {
  position: relative;
  z-index: 10;
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-top: -4rem;
}
.mediathek-archive .quick-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 1rem;
}
.mediathek-archive .quick-nav a {
  text-decoration: none;
  display: block;
  outline: 1px solid currentcolor;
  -webkit-border-radius: 0.25rem;
     -moz-border-radius: 0.25rem;
          border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mediathek-archive .content-wrapper {
  position: relative;
}
.mediathek-archive .headline {
  position: relative;
}
.mediathek-archive .headline h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-headline-8);
  font-weight: 500;
  font-variation-settings: "wght" 500;
  line-height: 1;
}
.mediathek-archive .headline .logo {
  width: -webkit-calc(100% - var(--col-width) * 3);
  width: -moz-calc(100% - var(--col-width) * 3);
  width: calc(100% - var(--col-width) * 3);
  margin-left: -webkit-calc(var(--col-width) * 1.5);
  margin-left: -moz-calc(var(--col-width) * 1.5);
  margin-left: calc(var(--col-width) * 1.5);
}
.mediathek-archive .headline .logo svg path {
  stroke: var(--mediathek-archive-sgn-color);
  stroke-width: 0.1px;
}
.mediathek-archive .mediathek-segments {
  width: 100%;
  float: left;
}
.mediathek-archive .segment {
  width: 100%;
  float: left;
}
.mediathek-archive .segment .segment-headline {
  text-align: center;
}
.mediathek-archive .segment .segment-headline h2 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-3);
}
.mediathek-archive .term-section {
  width: 100%;
  float: left;
  border-top: 1px solid white;
  margin-bottom: 3rem;
}
.mediathek-archive .term-section .term-section-headline {
  text-align: center;
}
.mediathek-archive .term-section .term-section-headline h3 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-headline-2);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mediathek-archive .term-section .section-copy {
  text-align: center;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-copy-1);
}
.mediathek-archive .slider-section {
  border-top: none;
}
.mediathek-archive .slider-section .panel {
  gap: 0;
}
.mediathek-archive .slider-section .card-slider {
  width: 100%;
  gap: 0;
}
.mediathek-archive .slider-section .card-slider .slider .panel .item {
  width: min(33.3333333333vw - var(--col-gap) * 3.5, 40rem - var(--col-gap) * 3.5);
  padding: -webkit-calc(var(--col-gap) / 2);
  padding: -moz-calc(var(--col-gap) / 2);
  padding: calc(var(--col-gap) / 2);
}
.mediathek-archive .slider-section .card-slider .slider .panel .item:first-child {
  margin-left: 0 !important;
}
.mediathek-archive .slider-section .card-slider .slider .panel .item:last-child {
  margin-right: 0 !important;
}
.mediathek-archive .slider-section .card-slider .slider .panel .item .card {
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
.mediathek-archive .slider-section .prev-next .button {
  background-color: var(--mediathek-archive-sgn-color);
}
.mediathek-archive .slider-section .prev-next .button svg {
  fill: black;
}
.mediathek-archive .slider-section .prev-next .button:hover {
  background-color: white;
}
.mediathek-archive .cards {
  width: 100%;
  float: left;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: var(--col-gap);
  grid-row-gap: 3rem;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.mediathek-archive .cards .card {
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
.mediathek-archive .cards .sticky-wrapper {
  top: 3rem;
}
.mediathek-archive .load-more-wrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
}
.mediathek-archive .load-more-wrapper .button {
  background-color: var(--button-background-color-negative);
  color: var(--button-color-negative);
}
.mediathek-archive .load-more-wrapper .loader {
  background-color: var(--button-background-color-negative);
}
.mediathek-archive .load-more-wrapper .loader:before {
  background-color: var(--button-background-color);
}
.mediathek-archive .error {
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
  margin-left: var(--col-width);
  margin-right: var(--col-width);
  font-size: var(--font-size-headline-2);
  text-align: center;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.mediathek-archive footer {
  background-color: var(--mediathek-footer-background-color);
  color: var(--color);
}
.mediathek-archive footer .footer-wrapper {
  background-color: var(--mediathek-footer-background-color);
}
.mediathek-archive footer .logo svg {
  fill: currentcolor;
}
.mediathek-archive footer .social-links svg {
  fill: currentcolor;
}

.table-flex {
  float: left;
  position: relative;
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.table-flex .headline {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.75rem;
}
.table-flex .headline h2 {
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-1);
  margin-top: 0;
  margin-bottom: 0;
  float: left;
}
.table-flex .headline .logo {
  width: auto;
  height: var(--font-size-headline-1);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-self: flex-start;
          align-self: flex-start;
  justify-self: flex-end;
}
.table-flex .headline .logo svg {
  width: auto;
  height: 100%;
  fill: var(--color);
}
.table-flex .table-wrapper {
  width: 100%;
  float: left;
  position: relative;
}
.table-flex .table-wrapper .table-scroller {
  padding-bottom: 1rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.table-flex .table-wrapper .table-scroller::-webkit-scrollbar {
  display: none; /* Für Webkit-Browser */
}
.table-flex .table-wrapper table {
  border: none;
  border-collapse: separate;
  border-spacing: 0rem 0.25rem;
  max-width: 100%;
  min-width: 100%;
  table-layout: fixed;
}
.table-flex .table-wrapper table td, .table-flex .table-wrapper table th {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.table-flex .table-wrapper table thead th {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  vertical-align: top;
  text-align: left;
  padding-right: 1rem;
  border-bottom: 1px solid var(--color-table-line);
  border-top: 1px solid var(--color-table-line);
}
.table-flex .table-wrapper table thead th.fixed-column {
  border-bottom: 1px solid var(--color-table-line);
  border-top: 1px solid var(--color-table-line);
}
.table-flex .table-wrapper table tbody tr:first-child td {
  border-top: 1px solid transparent;
  vertical-align: top;
  text-align: left;
  padding-right: 1rem;
  border-bottom: 1px solid transparent;
}
.table-flex .table-wrapper table tbody tr:last-child td {
  border-bottom: 1px solid var(--color-table-line);
}
.table-flex .table-wrapper table tbody tr td {
  border-top: 1px solid transparent;
  vertical-align: top;
  text-align: left;
  padding-right: 1rem;
  border-top: 1px solid var(--color-table-line);
  border-bottom: 1px solid transparent;
}
.table-flex .table-wrapper table.no-header tbody tr:first-child td {
  border-top: 1px solid var(--color-table-line);
}
.table-flex .table-wrapper table a {
  text-decoration: underline;
}
.table-flex .table-wrapper table a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.table-flex .table-wrapper.scroll-all .table-scroller {
  width: 100%;
  float: left;
  overflow-x: scroll;
  margin-left: 0;
}
.table-flex .table-wrapper.fixed-column .table-scroller {
  width: 100%;
  float: left;
  overflow-x: auto;
}
.table-flex .table-wrapper.fixed-column table {
  width: 100%;
  table-layout: auto;
}
.table-flex .table-wrapper.fixed-column table thead th:first-child,
.table-flex .table-wrapper.fixed-column table tbody td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background: var(--background-color);
  z-index: 2;
  font-weight: 600;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  mmax-width: 15rem;
  min-width: -webkit-calc(35vw - var(--col-width) * 2);
  min-width: -moz-calc(35vw - var(--col-width) * 2);
  min-width: calc(35vw - var(--col-width) * 2);
}
.table-flex .table-wrapper.fixed-column table thead th:not(:first-child),
.table-flex .table-wrapper.fixed-column table tbody td:not(:first-child) {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.table-flex .table-wrapper.table-collapse.has-overflow .table-scroller {
  display: inline;
}
.table-flex .table-wrapper.table-collapse.has-overflow table {
  display: block;
  width: 100%;
}
.table-flex .table-wrapper.table-collapse.has-overflow thead {
  display: none;
}
.table-flex .table-wrapper.table-collapse.has-overflow tbody {
  width: 100%;
  display: block;
  float: left;
}
.table-flex .table-wrapper.table-collapse.has-overflow tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  width: 100%;
  padding-bottom: 1.5rem;
}
.table-flex .table-wrapper.table-collapse.has-overflow td {
  width: 100%;
  float: left;
  display: block;
  padding-right: 0;
  max-width: inherit;
  border-top-color: var(--color-table-line);
}
.table-flex .table-wrapper.table-collapse.has-overflow td:last-child {
  border-bottom-color: var(--color-table-line);
  margin-bottom: 1.5rem;
}
.table-flex .table-wrapper.table-collapse.has-overflow td:before {
  content: attr(data-head-content);
  width: 100%;
  float: left;
  display: block;
  font-weight: 600;
  content: attr(data-head-content);
  width: 100%;
  float: left;
  display: block;
  font-weight: 600;
}
.table-flex .table-wrapper.table-collapse.has-overflow td.no-head-value {
  padding-left: 50%;
  width: 50%;
}
.table-flex .table-wrapper.table-collapse.has-overflow td.no-head-value:before {
  content: none;
}
.table-flex .table-wrapper.has-overflow.scroll-all .table-scroller:after, .table-flex .table-wrapper.has-overflow.fixed-column .table-scroller:after {
  content: "";
  pointer-events: none;
  width: 2rem;
  height: -webkit-calc(100% - 1.25rem);
  height: -moz-calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
  right: -1px;
  top: 0.25rem;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(rgba(210, 210, 210, 0)), to(rgba(210, 210, 210, 0.5)));
  background: -webkit-linear-gradient(left, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 0.5) 100%);
  background: -moz-linear-gradient(left, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 0.5) 100%);
  background: -o-linear-gradient(left, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 0.5) 100%);
  background: linear-gradient(to right, rgba(210, 210, 210, 0) 0%, rgba(210, 210, 210, 0.5) 100%);
  z-index: 2000;
}
.table-flex .table-wrapper.has-overflow.fixed-column .table-scroller:after {
  top: 0.4rem;
}
.table-flex .table-wrapper.fix-default table,
.table-flex .table-wrapper .fix-wide table,
.table-flex .table-wrapper .flex-1st-nth-fixed table {
  table-layout: fixed;
}
.table-flex .table-wrapper.fix-default table th {
  width: -webkit-calc(var(--col-width) * 2);
  width: -moz-calc(var(--col-width) * 2);
  width: calc(var(--col-width) * 2);
  min-width: -webkit-calc(var(--col-width) * 2);
  min-width: -moz-calc(var(--col-width) * 2);
  min-width: calc(var(--col-width) * 2);
  max-width: -webkit-calc(var(--col-width) * 2);
  max-width: -moz-calc(var(--col-width) * 2);
  max-width: calc(var(--col-width) * 2);
}
.table-flex .table-wrapper.fix-wide table th {
  width: -webkit-calc(var(--col-width) * 6);
  width: -moz-calc(var(--col-width) * 6);
  width: calc(var(--col-width) * 6);
  min-width: -webkit-calc(var(--col-width) * 6);
  min-width: -moz-calc(var(--col-width) * 6);
  min-width: calc(var(--col-width) * 6);
  max-width: -webkit-calc(var(--col-width) * 6);
  max-width: -moz-calc(var(--col-width) * 6);
  max-width: calc(var(--col-width) * 6);
}
.table-flex .table-wrapper.flex-1st-nth-fixed table th:first-child {
  width: auto;
  min-width: -webkit-calc(var(--col-width) * 4);
  min-width: -moz-calc(var(--col-width) * 4);
  min-width: calc(var(--col-width) * 4);
  max-width: -webkit-calc(100% - var(--col-width) * 4);
  max-width: -moz-calc(100% - var(--col-width) * 4);
  max-width: calc(100% - var(--col-width) * 4);
}
.table-flex .table-wrapper.flex-1st-nth-fixed table th {
  width: -webkit-calc(var(--col-width) * 4);
  width: -moz-calc(var(--col-width) * 4);
  width: calc(var(--col-width) * 4);
  min-width: -webkit-calc(var(--col-width) * 4);
  min-width: -moz-calc(var(--col-width) * 4);
  min-width: calc(var(--col-width) * 4);
  max-width: -webkit-calc(var(--col-width) * 4);
  max-width: -moz-calc(var(--col-width) * 4);
  max-width: calc(var(--col-width) * 4);
}

.form {
  width: 100%;
  float: left;
  margin-top: 1rem;
}
.form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  margin-bottom: 1rem;
}
.form ul li .message {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
     -moz-box-ordinal-group: 4;
          order: 3;
  width: 100%;
  float: left;
}
.form ul li .message.error {
  color: var(--color-error);
  margin-bottom: 0.5rem;
}
.form ul li .message.error svg {
  height: -webkit-calc(var(--font-size-copy-1) * 1.15);
  height: -moz-calc(var(--font-size-copy-1) * 1.15);
  height: calc(var(--font-size-copy-1) * 1.15);
  display: inline-block;
  margin-bottom: -0.15rem;
  width: auto;
  fill: currentColor;
}
.form ul li.input-email-confirm {
  display: none;
}
.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=password],
.form input[type=number],
.form textarea {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1;
  border: none;
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  background-color: var(--background-color-negative);
  color: var(--color-negative);
  font-size: var(--font-size-copy-1);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  outline: none;
  font-family: inherit;
}
.form input[type=text]:focus:not(:focus-visible),
.form input[type=email]:focus:not(:focus-visible),
.form input[type=tel]:focus:not(:focus-visible),
.form input[type=password]:focus:not(:focus-visible),
.form input[type=number]:focus:not(:focus-visible),
.form textarea:focus:not(:focus-visible) {
  outline: none;
}
.form input[type=text]:focus-visible,
.form input[type=email]:focus-visible,
.form input[type=tel]:focus-visible,
.form input[type=password]:focus-visible,
.form input[type=number]:focus-visible,
.form textarea:focus-visible {
  outline: 2.5px solid var(--color);
  outline-offset: 3px;
}
.form input[type=text][aria-invalid=true],
.form input[type=email][aria-invalid=true],
.form input[type=tel][aria-invalid=true],
.form input[type=password][aria-invalid=true],
.form input[type=number][aria-invalid=true],
.form textarea[aria-invalid=true] {
  outline: 2.5px solid var(--color-error);
  outline-offset: 3px;
}
.form input[type=text]:-webkit-autofill, .form input[type=email]:-webkit-autofill, .form input[type=tel]:-webkit-autofill, .form input[type=password]:-webkit-autofill, .form input[type=number]:-webkit-autofill, .form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  -webkit-text-fill-color: var(--color-negative) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  outline: 3px var(--color) dotted;
  outline-offset: 3px;
}
.form input[type=text]:autofill, .form input[type=text]:-webkit-autofill,
.form input[type=email]:autofill,
.form input[type=email]:-webkit-autofill,
.form input[type=tel]:autofill,
.form input[type=tel]:-webkit-autofill,
.form input[type=password]:autofill,
.form input[type=password]:-webkit-autofill,
.form input[type=number]:autofill,
.form input[type=number]:-webkit-autofill,
.form textarea:autofill,
.form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  -webkit-text-fill-color: var(--color-negative) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  outline: 3px var(--color) dotted;
  outline-offset: 3px;
}
.form input[type=text]:-webkit-autofill:focus,
.form input[type=email]:-webkit-autofill:focus,
.form input[type=tel]:-webkit-autofill:focus,
.form input[type=password]:-webkit-autofill:focus,
.form input[type=number]:-webkit-autofill:focus,
.form textarea:-webkit-autofill:focus {
  outline: 3px var(--color) solid;
  outline-offset: 3px;
}
.form textarea {
  margin-bottom: 0.25rem;
}
.form label {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
     -moz-box-ordinal-group: 3;
          order: 2;
  width: 100%;
  float: left;
  margin-top: 0.5rem;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  text-transform: uppercase;
}
.form input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  float: left;
  border: 1px solid black;
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  width: -webkit-calc(var(--font-size-copy-1) * 1.5);
  width: -moz-calc(var(--font-size-copy-1) * 1.5);
  width: calc(var(--font-size-copy-1) * 1.5);
  height: -webkit-calc(var(--font-size-copy-1) * 1.5);
  height: -moz-calc(var(--font-size-copy-1) * 1.5);
  height: calc(var(--font-size-copy-1) * 1.5);
  margin-right: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: -0.2rem;
  padding: 0;
  aspect-ratio: 1/1;
}
.form input[type=checkbox]:focus {
  outline: 1.5px solid var(--color);
  -webkit-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
}
.form input[type=checkbox]:checked {
  background-color: var(--color);
}
.form input[type=checkbox]:checked:before {
  content: "×";
  color: var(--color-negative);
  font-size: -webkit-calc(var(--font-size-copy-1) * 2);
  font-size: -moz-calc(var(--font-size-copy-1) * 2);
  font-size: calc(var(--font-size-copy-1) * 2);
  line-height: 0;
  display: block;
  line-height: 0;
}
.form input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  float: left;
  border: 1px solid black;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  width: -webkit-calc(var(--font-size-copy-1) * 1.5);
  width: -moz-calc(var(--font-size-copy-1) * 1.5);
  width: calc(var(--font-size-copy-1) * 1.5);
  height: -webkit-calc(var(--font-size-copy-1) * 1.5);
  height: -moz-calc(var(--font-size-copy-1) * 1.5);
  height: calc(var(--font-size-copy-1) * 1.5);
  margin-right: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: -0.2rem;
  padding: 0;
  aspect-ratio: 1/1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
}
.form input[type=radio]:focus {
  outline: 1.5px solid var(--color);
  -webkit-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
}
.form input[type=radio]:checked {
  background-color: var(--color);
}
.form input[type=radio]:checked:before {
  content: "×";
  color: var(--color-negative);
  font-size: -webkit-calc(var(--font-size-copy-1) * 2);
  font-size: -moz-calc(var(--font-size-copy-1) * 2);
  font-size: calc(var(--font-size-copy-1) * 2);
  line-height: 0;
  display: block;
  line-height: 0;
}
.form .select-menu {
  color: var(--color-negative);
  background-color: var(--background-color-negative);
}
.form .select-menu select:focus {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: none !important;
}
.form .select-menu select:focus-visible {
  outline: 2.5px solid var(--color) !important;
  outline-offset: 3px;
}
.form .select-menu .select-arrow svg {
  fill: var(--color-negative);
}
.form .error {
  color: var(--color-error);
}
.form .success {
  color: var(--color-success);
}
.form .submit {
  -webkit-align-self: flex-start;
          align-self: flex-start;
  position: relative;
}
.form .submit[disabled] {
  background-color: var(--background-button-disabled-color);
  cursor: default;
}
.form .error-summary {
  color: var(--color-error);
}
.form .error-summary h2 {
  font-size: var(--font-size-copy-1);
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.form .error-summary h2 svg {
  height: -webkit-calc(var(--font-size-copy-1) * 1.15);
  height: -moz-calc(var(--font-size-copy-1) * 1.15);
  height: calc(var(--font-size-copy-1) * 1.15);
  display: inline-block;
  margin-bottom: -0.15rem;
  width: auto;
  fill: currentColor;
}
.form .error-summary p {
  margin: 0;
}
.form .error-summary ul, .form .error-summary li {
  margin: 0;
}

.flex-form {
  margin-top: var(--section-margin-top-bottom);
  margin-bottom: var(--section-margin-top-bottom);
}
.flex-form .form {
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  padding: 2rem;
  background-color: var(--form-background-color);
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
.flex-form .form input[type=checkbox],
.flex-form .form input[type=radio] {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
.flex-form .form input[type=text],
.flex-form .form input[type=email],
.flex-form .form input[type=tel],
.flex-form .form input[type=password],
.flex-form .form input[type=number],
.flex-form .form textarea {
  margin-top: 0.5rem;
}
.flex-form .form ul {
  width: 100%;
  float: left;
}
.flex-form .form ul li {
  display: block;
  width: 100%;
  float: left;
}
.flex-form .form input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background-color: var(--button-background-color);
  color: var(--button-color);
  height: var(--button-size);
  line-height: var(--button-size);
  min-width: var(--button-size);
  -webkit-border-radius: var(--button-size);
     -moz-border-radius: var(--button-size);
          border-radius: var(--button-size);
  cursor: pointer;
  font-smooth: inherit;
  font-size: inherit;
  display: inline-block;
  text-decoration: none;
  padding-left: 2rem;
  padding-right: 2rem;
}
.flex-form select {
  margin-top: 0.5rem !important;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  background-color: var(--button-background-color);
  font-size: var(--font-size-copy-1);
  color: var(--color-negative);
}
.flex-form select:focus {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  outline: none !important;
}
.flex-form select:focus-visible {
  outline: 2.5px solid var(--color) !important;
  outline-offset: 3px;
}
.flex-form .nf-error-msg {
  margin-top: 0.75rem;
}
.flex-form .nf-field-description {
  width: 100%;
  float: left;
}
.flex-form .nf-form-cont,
.flex-form .one-half {
  margin-left: 0;
}

.page-error-404 {
  position: relative;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  --section-margin: 4rem;
}
.page-error-404 .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115vh;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(183, 216, 235)), to(rgba(237, 220, 220, 0)));
  background: -webkit-linear-gradient(rgb(183, 216, 235) 0%, rgba(237, 220, 220, 0) 100%);
  background: -moz-linear-gradient(rgb(183, 216, 235) 0%, rgba(237, 220, 220, 0) 100%);
  background: -o-linear-gradient(rgb(183, 216, 235) 0%, rgba(237, 220, 220, 0) 100%);
  background: linear-gradient(rgb(183, 216, 235) 0%, rgba(237, 220, 220, 0) 100%);
}
.page-error-404 .background svg {
  position: fixed;
  top: 0;
  left: 0;
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  margin-left: 2rem;
  margin-top: 10rem;
  fill: var(--background-color);
  opacity: 0.6;
}
.page-error-404.sgn-members .background {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(215, 244, 226)), to(rgba(237, 220, 220, 0)));
  background: -webkit-linear-gradient(rgb(215, 244, 226) 0%, rgba(237, 220, 220, 0) 100%);
  background: -moz-linear-gradient(rgb(215, 244, 226) 0%, rgba(237, 220, 220, 0) 100%);
  background: -o-linear-gradient(rgb(215, 244, 226) 0%, rgba(237, 220, 220, 0) 100%);
  background: linear-gradient(rgb(215, 244, 226) 0%, rgba(237, 220, 220, 0) 100%);
}
.page-error-404 article {
  margin-top: 6rem;
  margin-bottom: 6rem;
  font-size: var(--font-size-copy-2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}
.page-error-404 .team-member {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.page-error-404 h1 {
  margin: 0;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  font-size: var(--font-size-headline-6);
  margin-bottom: var(--section-margin);
}
.page-error-404 p {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: var(--font-size-copy-2);
}

.search-page main {
  -webkit-align-content: flex-start;
          align-content: flex-start;
}
.search-page .search-results-info {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
  margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
  margin-top: calc(var(--section-margin-top-bottom) * 2);
}
.search-page .search-results-info h2 {
  font-size: var(--font-size-overline-1);
  font-weight: 500;
  font-variation-settings: "wght" 500;
}
.search-page .search-results-info h2 strong {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.search-page .search-bar form {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: var(--col-gap);
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
          justify-content: stretch;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid var(--color);
}
.search-page .search-bar form input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  border: none;
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  background-color: var(--background-color-negative);
  color: var(--color-negative);
  font-size: var(--font-size-copy-1);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 4rem;
  outline: none;
}
.search-page .search-bar form input:focus:not(:focus-visible) {
  outline: none;
}
.search-page .search-bar form input:focus-visible {
  outline: 2.5px solid var(--color);
  outline-offset: 3px;
}
.search-page .search-bar form input[aria-invalid=true] {
  outline: 2.5px solid var(--color-error);
  outline-offset: 3px;
}
.search-page .search-bar form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  -webkit-text-fill-color: var(--color-negative) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  outline: 3px var(--color) dotted;
  outline-offset: 3px;
}
.search-page .search-bar form input:autofill, .search-page .search-bar form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  -webkit-text-fill-color: var(--color-negative) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  outline: 3px var(--color) dotted;
  outline-offset: 3px;
}
.search-page .search-bar form input:-webkit-autofill:focus {
  outline: 3px var(--color) solid;
  outline-offset: 3px;
}
.search-page .search-bar form .filter-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: 1.5px solid var(--background-color-negative);
  outline-offset: -1.5px;
  background-color: var(--background-color);
  color: var(--color);
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  width: 3rem;
  cursor: pointer;
  font-size: var(--font-size-copy-2);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  width: auto;
  min-width: -webkit-calc(var(--col-width) * 2);
  min-width: -moz-calc(var(--col-width) * 2);
  min-width: calc(var(--col-width) * 2);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  flex-grow: 0;
}
.search-page .search-bar form .filter-button.active {
  background-color: var(--background-color-negative);
  color: var(--color-negative);
}
.search-page .search-bar form .filter-button:focus-visible {
  outline: 2.5px solid var(--color);
  outline-offset: 3px;
}
.search-page .search-bar form .filter-button:not(.active):hover {
  background-color: var(--background-color);
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
}
.search-page .search-bar form .search-input-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: var(--background-color-negative);
  color: var(--color-negative);
  -webkit-border-radius: 0.35rem;
     -moz-border-radius: 0.35rem;
          border-radius: 0.35rem;
  width: 3rem;
  margin-left: -4.25rem;
  cursor: pointer;
}
.search-page .search-bar form .search-input-button svg {
  fill: var(--color-negative);
  width: 60%;
  height: auto;
}
.search-page .search-results-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-page .search-results-list .search-result-item {
  width: 100%;
  float: left;
  border-top: 1px solid var(--color);
  padding-bottom: 0;
}
.search-page .search-results-list .search-result-item:last-child {
  border-bottom: 1px solid var(--color);
}
.search-page .search-results-list .search-result-item .breadcrumb {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.search-page .search-results-list .search-result-item .breadcrumb figure {
  margin: 0;
}
.search-page .search-results-list .search-result-item .breadcrumb figure svg {
  fill: var(--color-negative);
  width: auto;
  height: 1.5rem;
}
.search-page .search-results-list .search-result-item .breadcrumb nav {
  padding-left: 1rem;
  font-size: var(--font-size-footer-breadcrumb);
  letter-spacing: 1px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.search-page .search-results-list .search-result-item .breadcrumb nav ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.search-page .search-results-list .search-result-item .breadcrumb nav li + li::before {
  content: "/";
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.search-page .search-results-list .search-result-item .breadcrumb nav li[aria-current=page] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.search-page .search-results-list .search-result-item .breadcrumb nav a {
  text-decoration: none;
}
.search-page .search-results-list .search-result-item .breadcrumb {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.search-page .search-results-list .search-result-item .breadcrumb nav {
  padding-left: 0;
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
}
.search-page .search-results-list .search-result-item .search-highlight {
  background: var(--search-highlight-color);
  -webkit-border-radius: 0.25rem;
     -moz-border-radius: 0.25rem;
          border-radius: 0.25rem;
}
.search-page .search-results-list .search-result-item .headline {
  width: 100%;
  float: left;
}
.search-page .search-results-list .search-result-item .headline h3 {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-headline-1);
}
.search-page .search-results-list .search-result-item .headline a {
  text-decoration: none;
}
.search-page .search-results-list .search-result-item .headline .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}
.search-page .search-results-list .search-result-item .headline .button svg {
  height: 70%;
  width: auto;
}
.search-page .search-results-list .search-result-item .headline .row {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
.search-page .search-results-list .search-result-item .result-excerpt {
  font-weight: 500;
  font-variation-settings: "wght" 500;
  font-size: var(--font-size-copy-1);
  width: -webkit-calc(100% - var(--col-width) * 2);
  width: -moz-calc(100% - var(--col-width) * 2);
  width: calc(100% - var(--col-width) * 2);
}
.search-page .search-pagination {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.search-page .search-pagination .pagination-info {
  width: 100%;
  float: left;
  padding-top: 1.5rem;
  font-weight: 500;
  font-variation-settings: "wght" 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  text-align: center;
  font-size: var(--font-size-copy-2);
}
.search-page .search-pagination .pagination {
  width: 100%;
  float: left;
  margin-top: 1rem;
  margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 3);
  margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 3);
  margin-bottom: calc(var(--section-margin-top-bottom) * 3);
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: var(--font-size-copy-2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  gap: var(--col-gap);
}
.search-page .search-pagination .pagination a {
  text-decoration: none;
}
.search-page .search-pagination .pagination .current {
  font-weight: 600;
  font-variation-settings: "wght" 600;
}
.search-page .search-pagination .pagination .prev-next-button {
  aspect-ratio: 1/1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.search-page .search-pagination .pagination .prev-next-button[hidden] {
  visibility: hidden;
}
.search-page .search-pagination .pagination .prev-next-button svg {
  height: 50%;
  width: auto;
}

.flex-anchor {
  width: 100%;
  float: left;
  height: 1px;
  margin-top: -1px;
  scroll-margin-top: -webkit-calc(var(--header-bar-height) * 3);
  scroll-margin-top: -moz-calc(var(--header-bar-height) * 3);
  scroll-margin-top: calc(var(--header-bar-height) * 3);
}

.anchor-menu {
  z-index: 5000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  color: var(--color);
  position: absolute;
  top: var(--header-bar-height);
  left: 0;
  height: var(--header-bar-height);
  padding-bottom: 0.75rem;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
}
.anchor-menu.before-flex-content {
  margin-bottom: var(--section-margin-top-bottom);
}
.anchor-menu ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  gap: 2rem;
  font-weight: 470;
  font-variation-settings: "wght" 470;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-menu-level-1);
}
.anchor-menu ul li {
  -webkit-border-radius: 0.4rem;
     -moz-border-radius: 0.4rem;
          border-radius: 0.4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.anchor-menu ul li.is-active {
  border: 1px solid var(--color);
}
.anchor-menu ul li:hover, .anchor-menu ul li:focus {
  border: 1px solid var(--color);
  -webkit-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.25);
}
.anchor-menu ul li a {
  text-decoration: none;
}

.has-page-anchors-after-hero .anchor-menu,
.has-page-anchors-before-flex-content .anchor-menu {
  position: relative;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
}
.has-page-anchors-after-hero .anchor-menu.is-stuck,
.has-page-anchors-before-flex-content .anchor-menu.is-stuck {
  position: fixed;
  top: var(--header-bar-height);
  left: 0;
  width: min(120rem, 100% - var(--col-width) * 2);
  padding-left: var(--col-width);
  padding-right: var(--col-width);
  z-index: 5000;
  background-color: var(--background-color);
  -webkit-transform: translateY(-webkit-calc(-100% - var(--header-bar-height)));
     -moz-transform: translateY(-moz-calc(-100% - var(--header-bar-height)));
       -o-transform: translateY(calc(-100% - var(--header-bar-height)));
          transform: translateY(calc(-100% - var(--header-bar-height)));
}

.has-page-anchors-before-flex-content .flex-wrapper {
  margin-top: -webkit-calc(var(--section-margin-top-bottom) * 1.25);
  margin-top: -moz-calc(var(--section-margin-top-bottom) * 1.25);
  margin-top: calc(var(--section-margin-top-bottom) * 1.25);
}

html:before {
  display: none;
}

html:after {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6000;
  background: #dedede;
  outline: 1px solid black;
  color: black;
  padding: 0.25rem;
  font-size: 10px;
}

@media (max-width: 40rem) {
  html:after {
    content: "mobile";
  }
  body:before {
    content: "mobile";
    display: none;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  :root {
    --cols: 20;
    --col-gap: 1rem;
    --col-width: -webkit-calc(100vw / var(--cols));
    --col-width: -moz-calc(100vw / var(--cols));
    --col-width: calc(100vw / var(--cols));
    --section-margin-top-bottom: 2.5rem;
    --font-size-overline: 1rem;
    --font-size-overline-1: 1rem;
    --font-size-overline-2: 1.45rem;
    --font-size-overline-3: 1.75rem;
    --font-size-overline-4: 2rem;
    --font-size-intro: 1.25rem;
    --font-size-copy-1: 1rem;
    --font-size-copy-2: 1.25rem;
    --font-size-copy-3: 1.5rem;
    --font-size-copy-4: 1.75rem;
    --font-size-headline-1: 1.25rem;
    --font-size-headline-2: 1.5rem;
    --font-size-headline-3: 1.75rem;
    --font-size-headline-4: 2rem;
    --font-size-headline-5: 2.25rem;
    --font-size-headline-6: 2.5rem;
    --font-size-headline-7: 2.75rem;
    --font-size-headline-8: 3rem;
    --font-size-headline-9: 3.25rem;
    --font-size-headline-10: 3.5rem;
    --font-size-headline-11: 3.5rem;
    --font-size-menu-level-1: 1.5rem;
    --font-size-menu-level-2: 1rem;
    --font-size-footer: 0.85rem;
    --font-size-footer-breadcrumb: 0.75rem;
    --border-radius-small: 0.5rem;
    --border-radius-big: 1rem;
    --button-size: 2.25rem;
    --header-logo-width: min(-webkit-calc(100% - var(--col-width)), 16rem);
    --header-logo-width: min(-moz-calc(100% - var(--col-width)), 16rem);
    --header-logo-width: min(calc(100% - var(--col-width)), 16rem);
    --header-bar-height: 4rem;
    --info-bar-height: 11rem;
    --accordion-list-margin-top-bottom: 0.75rem;
    --logo-card-height: 5rem;
    --card-cols: 3;
    --cards-gap: 1rem;
  }
  .sgn-museum {
    --header-bar-height: 3.75rem;
  }
  .nav-menu-button {
    width: 3rem;
    height: 2rem;
    padding: 0.5rem;
  }
  .nav-menu-button .bar {
    display: block;
    width: 2rem;
    height: 0.2rem;
    background-color: black;
    margin: 0.5rem 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
  }
  .nav-menu-button.is-open .bar:nth-of-type(1) {
    -webkit-transform: translateY(0.3rem) rotate(45deg);
       -moz-transform: translateY(0.3rem) rotate(45deg);
         -o-transform: translateY(0.3rem) rotate(45deg);
            transform: translateY(0.3rem) rotate(45deg);
  }
  .nav-menu-button.is-open .bar:nth-of-type(2) {
    -webkit-transform: translateY(-0.4rem) rotate(-45deg);
       -moz-transform: translateY(-0.4rem) rotate(-45deg);
         -o-transform: translateY(-0.4rem) rotate(-45deg);
            transform: translateY(-0.4rem) rotate(-45deg);
  }
  .nav-menu-button.is-closed .bar {
    -webkit-transform: rotate(0) translateY(0);
       -moz-transform: rotate(0) translateY(0);
         -o-transform: rotate(0) translateY(0);
            transform: rotate(0) translateY(0);
    opacity: 1;
  }
  .margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .copy-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .copy-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .copy-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .copy-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .copy-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .intro-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .intro-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .intro-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .intro-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .intro-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .accordion-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .accordion-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .accordion-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .image-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .image-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .image-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .image-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .image-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .card-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .card-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .card-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .card-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .card-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .card-content-margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 0 * 2);
    width: -moz-calc(100% - var(--col-width) * 0 * 2);
    width: calc(100% - var(--col-width) * 0 * 2);
  }
  .card-content-margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
  }
  .card-content-margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
  }
  .card-content-margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
  }
  .card-content-margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
  }
  .lightbox-margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
  }
  .lightbox-margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
  }
  .lightbox-margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
  }
  .lightbox-margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
  }
  .lightbox-margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
  }
  header .header-bar .nav-menu-button .label {
    display: none;
  }
  header .header-bar .nav-menu-button .hamburger {
    display: block;
  }
  header .nav-dialog {
    --button-size: 3rem;
  }
  header .nav-dialog .utility-nav {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  header .nav-dialog .utility-nav .nav-logo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 0;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
    max-width: -webkit-calc(100% - var(--button-size));
    max-width: -moz-calc(100% - var(--button-size));
    max-width: calc(100% - var(--button-size));
  }
  header .nav-dialog .utility-nav .search-bar {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
            order: 3;
    width: -webkit-calc(100% + 0.75rem);
    width: -moz-calc(100% + 0.75rem);
    width: calc(100% + 0.75rem);
    padding-left: var(--col-width);
    padding-right: -webkit-calc(var(--col-width) - 0.75rem);
    padding-right: -moz-calc(var(--col-width) - 0.75rem);
    padding-right: calc(var(--col-width) - 0.75rem);
    margin-left: -webkit-calc(var(--col-width) * -1);
    margin-left: -moz-calc(var(--col-width) * -1);
    margin-left: calc(var(--col-width) * -1);
    margin-right: -webkit-calc(var(--col-width) * -1);
    margin-right: -moz-calc(var(--col-width) * -1);
    margin-right: calc(var(--col-width) * -1);
    background-color: var(--menu-background);
  }
  header .nav-dialog .utility-nav .search-bar .search-input {
    width: 100%;
  }
  header .nav-dialog .utility-nav .search-bar .search-input input[type=search] {
    height: 3rem;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-size: var(--font-size-menu-level-2);
    line-height: 100%;
  }
  header .nav-dialog .utility-nav .accessibility-dialog-button {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
            order: 4;
  }
  header .nav-dialog .utility-nav .theme-mode-toggle {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
            order: 5;
    margin-left: auto;
  }
  header .nav-dialog .utility-nav .language-switch {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
            order: 6;
  }
  header .nav-dialog .utility-nav .close-dialog {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: auto;
  }
  header .nav-dialog .utility-nav .close-dialog .label {
    display: none;
  }
  header .nav-dialog .primary-navigation {
    padding-left: 1rem;
    padding-right: 0.75rem;
    margin-top: 1rem;
    overflow-x: hidden;
  }
  header .nav-dialog .primary-navigation .primary-menu {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  header .nav-dialog .primary-navigation .menus {
    padding-top: 1rem;
    padding-bottom: 1rem;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    position: relative;
    padding-bottom: 1rem;
    -webkit-transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    -o-transition: height 0.25s ease, -o-transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out, height 0.25s ease, -moz-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, height 0.25s ease;
    transition: transform 0.5s ease-in-out, height 0.25s ease, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  header .nav-dialog .primary-navigation .menus ul {
    position: static;
  }
  header .nav-dialog .primary-navigation .menus ul:after {
    content: none;
    display: none;
  }
  header .nav-dialog .primary-navigation .menus ul li {
    position: static;
    width: 100%;
    padding-left: 0;
  }
  header .nav-dialog .primary-navigation .menus ul li a {
    display: inline-block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    width: 100%;
  }
  header .nav-dialog .primary-navigation .menus > ul:first-child {
    margin-top: -2rem;
  }
  header .nav-dialog .primary-navigation .menus > ul:last-child {
    margin-bottom: -2rem;
  }
  header .nav-dialog .primary-navigation .menus > ul > li ul:after {
    content: none;
    display: none;
  }
  header .nav-dialog .primary-navigation .menus > ul > li ul li {
    background: transparent;
    width: 100%;
    float: left;
    padding-left: 0;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu {
    position: absolute;
    width: 100%;
    top: 0;
    left: -1rem;
    padding: 1rem;
    background-color: var(--menu-background);
    display: block;
    font-size: var(--font-size-menu-level-1);
    -webkit-transform: translateX(-webkit-calc(100vw + 3rem));
       -moz-transform: translateX(-moz-calc(100vw + 3rem));
         -o-transform: translateX(calc(100vw + 3rem));
            transform: translateX(calc(100vw + 3rem));
    -webkit-transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    -o-transition: height 0.25s ease, -o-transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out, height 0.25s ease, -moz-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, height 0.25s ease;
    transition: transform 0.5s ease-in-out, height 0.25s ease, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
    -webkit-box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
    z-index: 6020;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu.is-open {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile {
    margin-bottom: -webkit-calc(var(--font-size-menu-level-1) * 2 * 1.16);
    margin-bottom: -moz-calc(var(--font-size-menu-level-1) * 2 * 1.16);
    margin-bottom: calc(var(--font-size-menu-level-1) * 2 * 1.16);
    display: block;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile .back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    width: var(--button-size);
    height: var(--button-size);
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    margin-right: 1.5rem;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile .back svg {
    height: 70%;
    width: 70%;
    margin-left: -0.2rem;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile a {
    width: -webkit-calc(100% - var(--button-size) - 1.5rem);
    width: -moz-calc(100% - var(--button-size) - 1.5rem);
    width: calc(100% - var(--button-size) - 1.5rem);
    margin-top: 0.6rem;
    font-size: var(--font-size-menu-level-2);
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu li {
    border-left: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  header .meta-menu {
    display: none !important;
  }
  header .header-bar .anchor-menu {
    display: none !important;
  }
  header .sgn-logo svg {
    margin-top: 0.25rem;
  }
  .has-page-anchors-after-hero .anchor-menu,
  .has-page-anchors-before-flex-content .anchor-menu {
    display: none !important;
  }
  .sgn-museum.scroll-up header .meta-menu-wrapper {
    padding-bottom: 1.5rem;
  }
  main {
    padding-top: var(--header-bar-height);
  }
  .hero.headline-above-image {
    margin-top: 2rem;
  }
  .hero.headline-on-image {
    margin-top: -0.5rem;
  }
  .hero.text-gradient {
    margin-top: 1.5rem;
  }
  footer .footer-nav .nav-section ul {
    margin-bottom: var(--font-size-footer);
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  footer .footer-copy {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  footer .logos-social {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
       -moz-box-pack: stretch;
            justify-content: stretch;
  }
  footer .logos-social .social-links {
    width: 100%;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  footer .logos-social .social-links .headline {
    margin-left: 0.25rem;
  }
  footer .logos-social .logo-sgn {
    width: -webkit-calc(75% - 1.5rem);
    width: -moz-calc(75% - 1.5rem);
    width: calc(75% - 1.5rem);
    max-width: 18rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
  }
  footer .logos-social .logo-leibniz {
    width: -webkit-calc(25% - 1.5rem);
    width: -moz-calc(25% - 1.5rem);
    width: calc(25% - 1.5rem);
    max-width: 6rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
    margin-left: auto;
  }
  .headline-on-image.background-blur .headline-wrapper {
    padding: 1rem;
    margin: -webkit-calc(var(--button-size) / 2);
    margin: -moz-calc(var(--button-size) / 2);
    margin: calc(var(--button-size) / 2);
    max-width: -webkit-calc(100% - var(--button-size) * 2);
    max-width: -moz-calc(100% - var(--button-size) * 2);
    max-width: calc(100% - var(--button-size) * 2);
  }
  .image-flex,
  .image-teaser {
    height: 50vh;
    min-height: -webkit-calc(50vw + var(--col-width) * 2);
    min-height: -moz-calc(50vw + var(--col-width) * 2);
    min-height: calc(50vw + var(--col-width) * 2);
    max-height: auto;
  }
  .image-flex .wrapper,
  .image-flex .image-margin,
  .image-teaser .wrapper,
  .image-teaser .image-margin {
    height: 100%;
  }
  .image-flex figure,
  .image-teaser figure {
    height: 100%;
  }
  .image-flex figure .image-wrapper,
  .image-teaser figure .image-wrapper {
    height: 100%;
  }
  .image-flex figure img,
  .image-teaser figure img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    height: 100%;
    width: 100%;
  }
  .image-slider .slides {
    height: 60vh;
  }
  .image-slider figure {
    height: 100%;
    width: 100%;
  }
  .image-slider figure .image-wrapper {
    width: 100%;
    height: 100%;
  }
  .image-slider figure .image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-box-pack: center center;
    -webkit-justify-content: center center;
       -moz-box-pack: center center;
            justify-content: center center;
  }
  .image-teaser {
    min-height: 65vh;
  }
  .image-teaser.margin-left-0 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .image-teaser.margin-left-1 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .image-teaser.margin-left-2 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .image-teaser.margin-left-3 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .image-teaser.margin-left-4 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .image-teaser figure img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .image-teaser .text-wrapper {
    max-width: -webkit-calc(100% - var(--col-width) * 7);
    max-width: -moz-calc(100% - var(--col-width) * 7);
    max-width: calc(100% - var(--col-width) * 7);
  }
  .image-teaser .text-wrapper.text-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .image-teaser .text-wrapper.text-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .image-teaser .text-wrapper.text-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .image-teaser .text-wrapper.text-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .image-teaser .text-wrapper.text-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 0 * 2);
    margin-left: -webkit-calc(var(--col-width) * 0);
    margin-left: -moz-calc(var(--col-width) * 0);
    margin-left: calc(var(--col-width) * 0);
    margin-right: -webkit-calc(var(--col-width) * 0);
    margin-right: -moz-calc(var(--col-width) * 0);
    margin-right: calc(var(--col-width) * 0);
  }
  .image-teaser.background-blur .text-wrapper {
    width: auto;
    max-width: -webkit-calc(100% - var(--col-width) * 7);
    max-width: -moz-calc(100% - var(--col-width) * 7);
    max-width: calc(100% - var(--col-width) * 7);
  }
  .image-teaser.background-blur .text-wrapper.text-margin-0 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .image-teaser.background-blur .text-wrapper.text-margin-1 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .image-teaser.background-blur .text-wrapper.text-margin-2 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .image-teaser.background-blur .text-wrapper.text-margin-3 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .image-teaser.background-blur .text-wrapper.text-margin-4 {
    width: min(120rem, 100% - var(--col-width) * 1 * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .card-slider .slider .panel .item:first-child {
    margin-left: -webkit-calc(var(--col-width) * 1) !important;
    margin-left: -moz-calc(var(--col-width) * 1) !important;
    margin-left: calc(var(--col-width) * 1) !important;
  }
  .card-slider .slider .panel .item:last-child {
    margin-right: -webkit-calc(var(--col-width) * 1) !important;
    margin-right: -moz-calc(var(--col-width) * 1) !important;
    margin-right: calc(var(--col-width) * 1) !important;
  }
  .card-slider .slider.card-width-0 .card, .card-slider .slider.card-width-1 .card {
    width: -webkit-calc(100% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(100% - var(--col-width) * 4 - 2rem);
    width: calc(100% - var(--col-width) * 4 - 2rem);
  }
  .card-slider .slider .video-teaser-card {
    width: -webkit-calc(100% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(100% - var(--col-width) * 4 - 2rem);
    width: calc(100% - var(--col-width) * 4 - 2rem);
  }
  .card-lightbox-image-gallery .cards .card {
    width: 100%;
  }
  .tabs-module .pill-tabs .tab-content.card-content .tab-item {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .tabs-module .pill-tabs .tab-content.card-content .tab-item .card {
    width: 100%;
  }
  .video-teaser-single-card {
    margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
    margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
    margin-top: calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: calc(var(--section-margin-top-bottom) * 2);
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .video-teaser-single-card .margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    margin-left: -webkit-calc(var(--col-width) * 1);
    margin-left: -moz-calc(var(--col-width) * 1);
    margin-left: calc(var(--col-width) * 1);
    margin-right: -webkit-calc(var(--col-width) * 1);
    margin-right: -moz-calc(var(--col-width) * 1);
    margin-right: calc(var(--col-width) * 1);
  }
  .download-cards .cards .card,
  .fact-cards .cards .card {
    aspect-ratio: 2/1;
    width: 100%;
  }
  .home-teaser-slider .slider .panel {
    gap: -webkit-calc(var(--col-width) / 2);
    gap: -moz-calc(var(--col-width) / 2);
    gap: calc(var(--col-width) / 2);
  }
  .home-teaser-slider .slider .teaser-item {
    width: -webkit-calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    width: -moz-calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    width: calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    padding-right: 1rem;
  }
  .home .nav-menu-button .bar {
    background-color: white;
  }
  .science-feed .card-slider .slider .panel {
    gap: var(--cards-gap);
    width: 100vw;
  }
  .science-feed .card-slider .slider .panel .item {
    width: -webkit-calc(100vw - var(--col-width) * 4 - var(--cards-gap) * 2);
    width: -moz-calc(100vw - var(--col-width) * 4 - var(--cards-gap) * 2);
    width: calc(100vw - var(--col-width) * 4 - var(--cards-gap) * 2);
  }
  .press-release-flex-teaser .teaser-items ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .press-release-flex-teaser .teaser-items ul .press-teaser-item {
    border-bottom: 1px solid var(--color);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .press-release-flex-teaser .teaser-items ul .press-teaser-item:last-child {
    border-bottom: none;
  }
  .press-release-flex-teaser .teaser-items ul .press-teaser-item:nth-child(1), .press-release-flex-teaser .teaser-items ul .press-teaser-item:nth-child(2n) {
    border-right: none;
    padding-right: 0;
  }
  .newsletter .copy-wrapper {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
  }
  .newsletter .newsletter-form {
    width: 100%;
  }
  .newsletter .newsletter-form fieldset {
    display: block;
  }
  .newsletter .newsletter-form fieldset .name .label-field,
  .newsletter .newsletter-form fieldset .email .label-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    margin-bottom: 1.25rem;
  }
  .newsletter .newsletter-form fieldset .name .label-field label,
  .newsletter .newsletter-form fieldset .email .label-field label {
    justify-self: flex-start;
    -webkit-align-self: flex-start;
            align-self: flex-start;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    padding-top: 0.5rem;
  }
  .newsletter .newsletter-form fieldset .name .label-field input[type=text],
  .newsletter .newsletter-form fieldset .email .label-field input[type=text] {
    width: -webkit-calc(100% - 1.5rem);
    width: -moz-calc(100% - 1.5rem);
    width: calc(100% - 1.5rem);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }
  .newsletter .newsletter-form fieldset .consent {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .events .event-list > ul > li {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .events .event-list > ul > li .description {
    width: 100%;
  }
  .events .event-list > ul > li .description .title {
    margin-bottom: 0;
  }
  .events .event-list > ul > li .description .copy {
    margin-top: 0.5rem;
  }
  .events .event-list > ul > li .description .alert {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .events .event-list > ul > li .description .button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  .events .event-list > ul > li aside.info {
    width: 100%;
  }
  .events .event-list > ul > li aside.info time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .events .event-list > ul > li aside.info .day-month {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .events .event-list > ul > li aside.info .time {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .events .event-list > ul > li aside.target-groups {
    width: 100%;
    text-align: left;
  }
  .events .event-list > ul > li aside.target-groups .headline {
    font-size: 80%;
    margin-top: 0;
  }
  .events-archive .headline {
    margin-top: 3rem;
  }
  .events-archive .filter-bar {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .events-archive .filter-bar .headline {
    width: 100%;
    margin-bottom: 1rem;
  }
  .events-archive .filter-bar .filters {
    width: 100%;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 1rem;
  }
  .flex-events .headline h2 {
    margin-bottom: 0;
  }
  .flex-events .filtering-header h3 {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
  .flex-events .filtering-header h3 .subheadline {
    width: auto;
    margin: 0;
  }
  .flex-events .filtering-header h3 .range {
    width: 100%;
    margin-top: 0;
  }
  .flex-events .filtering-header h3 .archive-link {
    width: 100%;
    margin-top: 1rem;
  }
  .flex-events .filtering-header h3 .archive-link .button {
    float: left;
  }
  .research-areas-list .list-item .row .wrapper {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .research-areas-list .list-item .row .wrapper .link-text {
    width: 100%;
  }
  .research-areas-list .list-item .row .wrapper .button {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
  .home-teaser-slider .headline {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .home-teaser-slider .headline h2 {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .home-teaser-slider .slider .teaser-item {
    width: -webkit-calc((100vw - var(--col-width) * 2) / 1.25);
    width: -moz-calc((100vw - var(--col-width) * 2) / 1.25);
    width: calc((100vw - var(--col-width) * 2) / 1.25);
    padding-right: 1rem;
  }
  .link-block {
    min-height: 50vh;
  }
  .page-header-home .intro {
    top: -webkit-calc(100vh - 2rem);
    top: -moz-calc(100vh - 2rem);
    top: calc(100vh - 2rem);
    left: var(--col-width);
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
  }
  .museum-info-bar {
    -webkit-align-content: center;
            align-content: center;
    row-gap: 1rem;
  }
  .museum-info-bar .cta {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 0.75rem;
  }
  .exhibition-slider .slider-items .panel {
    padding-top: -webkit-calc(var(--shadow-size) * 2);
    padding-top: -moz-calc(var(--shadow-size) * 2);
    padding-top: calc(var(--shadow-size) * 2);
    padding-bottom: -webkit-calc(var(--shadow-size) * 3);
    padding-bottom: -moz-calc(var(--shadow-size) * 3);
    padding-bottom: calc(var(--shadow-size) * 3);
  }
  .exhibition-slider .slider-items .panel:before {
    padding-top: -webkit-calc(-webkit-calc(100% - var(--col-width) * 3) / 0.875);
    padding-top: -moz-calc(-moz-calc(100% - var(--col-width) * 3) / 0.875);
    padding-top: calc(calc(100% - var(--col-width) * 3) / 0.875);
  }
  .exhibition-slider .slider-items .item {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    aspect-ratio: 0.875;
  }
  .exhibition-slider .slider-items .item .wrapper .headline-wrapper .cta {
    gap: 0.5rem;
    margin-top: 1rem;
  }
  .exhibition-slider .slider-items .item .wrapper figure .image-wrapper {
    aspect-ratio: 0.875;
  }
  .exhibition-slider hr {
    margin-top: 2.5rem;
  }
  .press-release-single .aside-cols-layout,
  .page-columns .aside-cols-layout {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: var(--section-margin-top-bottom);
    border-bottom: none;
  }
  .press-release-single .aside-cols-layout .copy-section,
  .page-columns .aside-cols-layout .copy-section {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .press-release-single .aside-cols-layout .copy-section .headline,
  .page-columns .aside-cols-layout .copy-section .headline {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .press-release-single .aside-cols-layout .copy-section .intro,
  .page-columns .aside-cols-layout .copy-section .intro {
    margin-top: 0.5rem;
  }
  .press-release-single .aside-cols-layout aside,
  .page-columns .aside-cols-layout aside {
    border-top: 1px solid var(--color);
    width: 100%;
    padding-left: 0;
  }
  .press-release-single .aside-cols-layout aside .sticky,
  .page-columns .aside-cols-layout aside .sticky {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .press-release-single .aside-cols-layout aside .aside-copy,
  .page-columns .aside-cols-layout aside .aside-copy {
    padding-top: 3rem;
  }
  .page-columns .columns-content {
    margin-bottom: 0;
  }
  .press-release-archive .press-teaser-item .teaser-content {
    width: 100%;
  }
  .press-release-archive .press-teaser-item .teaser-content .date-button-reading-time {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
  }
  .press-release-archive .press-teaser-item figure {
    display: none;
    opacity: 0;
  }
  .press-release-archive .press-teaser-item:hover figure {
    display: none;
    opacity: 0;
  }
  .logo-cards {
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .background-negative .nav-menu-button .bar {
    background-color: white;
  }
  .mediathek-archive .headline .logo {
    width: -webkit-calc(100% - var(--col-width));
    width: -moz-calc(100% - var(--col-width));
    width: calc(100% - var(--col-width));
    margin-left: -webkit-calc(var(--col-width) / 2);
    margin-left: -moz-calc(var(--col-width) / 2);
    margin-left: calc(var(--col-width) / 2);
  }
  .mediathek-archive .headline .logo svg path {
    stroke-width: 0.35px;
  }
  .mediathek-archive .quick-nav {
    margin-top: -2rem;
  }
  .mediathek-archive .quick-nav ul {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  .mediathek-archive .cards {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-row-gap: 1.5rem;
  }
  .mediathek-archive .slider-section .card-slider .item {
    width: -webkit-calc(100% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(100% - var(--col-width) * 4 - 2rem);
    width: calc(100% - var(--col-width) * 4 - 2rem);
    padding: -webkit-calc(var(--col-gap) / 2);
    padding: -moz-calc(var(--col-gap) / 2);
    padding: calc(var(--col-gap) / 2);
  }
  dialog.lightbox .lightbox-close-button {
    top: 1.5rem;
    right: 1.5rem;
  }
  dialog.lightbox .lightbox-content {
    margin-top: 5rem;
  }
  dialog.lightbox.lightbox-slider .slider {
    margin-left: var(--button-size);
    margin-right: var(--button-size);
    margin-top: 0;
    padding: 1.5rem;
    width: -webkit-calc(100vw - var(--button-size) * 3);
    width: -moz-calc(100vw - var(--button-size) * 3);
    width: calc(100vw - var(--button-size) * 3);
    height: -webkit-calc(100vh - var(--button-size) * 3);
    height: -moz-calc(100vh - var(--button-size) * 3);
    height: calc(100vh - var(--button-size) * 3);
  }
  dialog.lightbox.lightbox-slider figure .image-wrapper {
    height: -webkit-calc(100% - 1.5rem - 5rem);
    height: -moz-calc(100% - 1.5rem - 5rem);
    height: calc(100% - 1.5rem - 5rem);
  }
  .text-image {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .text-image .text {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
  .text-image figure,
  .text-image .image-wrapper {
    width: 100% !important;
  }
  .text-image figure figcaption,
  .text-image .image-wrapper figcaption {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    margin-left: var(--col-width);
    margin-right: var(--col-width);
  }
  .image-pair {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .image-pair figure {
    margin-top: 1.5rem;
  }
  .team .team-member {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .team .team-member .button {
    -webkit-align-self: flex-start;
            align-self: flex-start;
  }
  .page-story .hero figcaption {
    margin-left: var(--col-width);
    margin-right: var(--col-width);
  }
  .page-story .hero figcaption.caption-margin-0 {
    margin-right: var(--col-width);
  }
  .page-story .hero figcaption.caption-margin-1 {
    margin-right: var(--col-width);
  }
  .page-story .hero figcaption.caption-margin-2 {
    margin-right: var(--col-width);
  }
  .page-story .hero figcaption.caption-margin-3 {
    margin-right: var(--col-width);
  }
  .page-story .hero figcaption.caption-margin-4 {
    margin-right: var(--col-width);
  }
  .page-head-aside .aside-content .headline.margin-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .page-head-aside .aside-content .headline h1 {
    width: 100%;
  }
  .page-head-aside .aside-content .copy-aside-wrapper {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .page-head-aside .aside-content .copy-aside-wrapper.margin-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .page-head-aside .aside-content .copy-aside-wrapper .copy {
    width: 100%;
  }
  .page-head-aside .aside-content .copy-aside-wrapper aside {
    width: 100%;
  }
  .text-tabs-chronicle .overflow-scroll.has-overflow > .tabs > .panel > .tab-button {
    max-width: -webkit-calc(100vw - var(--col-width) * 2 - 5rem);
    max-width: -moz-calc(100vw - var(--col-width) * 2 - 5rem);
    max-width: calc(100vw - var(--col-width) * 2 - 5rem);
  }
  .divider .headline {
    padding-top: 1.5rem;
    padding-bottom: 1.75rem;
  }
  .text-card {
    margin-top: -webkit-calc(var(--section-margin-top-bottom) / 2);
    margin-top: -moz-calc(var(--section-margin-top-bottom) / 2);
    margin-top: calc(var(--section-margin-top-bottom) / 2);
    margin-bottom: -webkit-calc(var(--section-margin-top-bottom) / 2);
    margin-bottom: -moz-calc(var(--section-margin-top-bottom) / 2);
    margin-bottom: calc(var(--section-margin-top-bottom) / 2);
  }
  .text-card .card-margin-0 {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 0;
    margin-right: 0;
  }
  .text-card .card-content-margin-0 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-1 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-2 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-3 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-4 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-margin-1 {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 0;
    margin-right: 0;
  }
  .text-card .card-content-margin-0 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-1 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-2 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-3 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-4 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-margin-2 {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 0;
    margin-right: 0;
  }
  .text-card .card-content-margin-0 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-1 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-2 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-3 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-4 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-margin-3 {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 0;
    margin-right: 0;
  }
  .text-card .card-content-margin-0 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-1 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-2 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-3 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-4 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-margin-4 {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    margin-left: 0;
    margin-right: 0;
  }
  .text-card .card-content-margin-0 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-1 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-2 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-3 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .text-card .card-content-margin-4 {
    width: -webkit-calc(100% - 4rem);
    width: -moz-calc(100% - 4rem);
    width: calc(100% - 4rem);
  }
  .exhibition-archive .headline {
    margin-top: 3rem;
  }
  .exhibition-archive .headline .logo svg path {
    stroke-width: 0.25px;
  }
  .exhibition-archive .exhibition-teasers {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 0;
  }
  .hero.headline-above-image .overline {
    margin-bottom: 1rem;
  }
  .hero.headline-above-image .headline {
    margin-bottom: 1.5rem;
  }
  .instituts-divisions-sections .institut {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
    padding-top: 0.75rem;
  }
  .instituts-divisions-sections .institut .headline {
    width: 100%;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .instituts-divisions-sections .institut .headline h2 {
    font-size: var(--font-size-headline-2);
    width: -webkit-calc(var(--col-width) * 10);
    width: -moz-calc(var(--col-width) * 10);
    width: calc(var(--col-width) * 10);
  }
  .instituts-divisions-sections .institut .copy-cta {
    width: 100%;
  }
  .instituts-divisions-sections .institut .toggle-content {
    border-top: none;
  }
  .instituts-divisions-sections .division {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper .link {
    width: -webkit-calc(var(--col-width) * 12);
    width: -moz-calc(var(--col-width) * 12);
    width: calc(var(--col-width) * 12);
    padding-right: var(--col-gap);
  }
  .instituts-divisions-sections .division .section-toggle {
    margin-left: auto;
  }
  .instituts-divisions-sections .division .link-text {
    margin-top: 0.2rem;
  }
  .instituts-divisions-sections .section {
    width: -webkit-calc(100% - var(--col-width) * 2.5);
    width: -moz-calc(100% - var(--col-width) * 2.5);
    width: calc(100% - var(--col-width) * 2.5);
  }
  .members-public .form-card,
  .members .form-card {
    margin-top: -webkit-calc(var(--section-margin-top-bottom) * 2);
    margin-top: -moz-calc(var(--section-margin-top-bottom) * 2);
    margin-top: calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: -webkit-calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: -moz-calc(var(--section-margin-top-bottom) * 2);
    margin-bottom: calc(var(--section-margin-top-bottom) * 2);
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
    margin-left: 0;
    margin-right: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .members-public .form-card form .field-wrapper,
  .members .form-card form .field-wrapper {
    margin-bottom: 1rem;
  }
  .members-public header .utility-nav-not-logged-in {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    margin-top: 6rem;
    z-index: 5500;
  }
  .members-public main {
    padding-top: 3rem;
  }
  .members-public main .headline h1 {
    font-size: var(--font-size-headline-3);
  }
  .members-public main .headline .logo {
    margin-top: 0;
  }
  .membership-application .members-form {
    min-height: 60vh;
  }
  .membership-application .form-wrapper {
    max-width: 100%;
  }
  .membership-application .form-wrapper form {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    padding: 1rem;
  }
  .exhibit-sponsorship .members-form {
    min-height: 60vh;
  }
  .exhibit-sponsorship .form-wrapper {
    max-width: 100%;
  }
  .exhibit-sponsorship .form-wrapper form {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    padding: 1rem;
  }
  .exhibit-sponsorship #exhibit-sponsorship-form #exhibit-sections ul,
  .exhibit-sponsorship #exhibit-sponsorship-form #budgets ul {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .members-news-archive .members-news .cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 1.25rem;
  }
  .members-news-archive .members-news .archive-intro {
    margin-top: 2.5rem;
  }
  .members-news-archive .members-news .filter-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .members-news-archive .members-news .filter-bar .headline {
    width: 100%;
    margin-bottom: 1rem;
  }
  .members-news-archive .members-news .filter-bar .filters {
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
       -moz-box-pack: stretch;
            justify-content: stretch;
    width: 100%;
  }
  .members-news-archive .members-news .filter-bar .filters .select-menu {
    width: 100%;
  }
  .members-news-archive .members-news .error {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .donation-form .margin-0 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .donation-form .margin-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .donation-form .margin-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .donation-form .margin-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .donation-form .margin-4 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .search-page .search-results-info {
    margin-top: -webkit-calc(var(--section-margin-top-bottom));
    margin-top: -moz-calc(var(--section-margin-top-bottom));
    margin-top: calc(var(--section-margin-top-bottom));
  }
  .search-page .search-bar form {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .search-page .search-bar form input {
    width: 100%;
  }
  .search-page .search-bar form .filter-button {
    height: var(--button-size);
  }
  .search-page .search-results-list .search-result-item .headline {
    margin-bottom: 1rem;
  }
  .search-page .search-results-list .search-result-item .headline .button {
    margin-top: -0.25rem;
  }
  .search-page .search-results-list .search-result-item .result-excerpt {
    width: 100%;
  }
  .search-page .search-pagination {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .search-page .search-pagination .pagination-info {
    font-size: var(--font-size-copy-1);
  }
  .search-page .search-pagination .pagination {
    font-size: var(--font-size-copy-1);
    gap: 0.6rem;
  }
  .copy-flex-aside {
    display: block;
  }
  .copy-flex-aside .copy-section {
    width: 100%;
    float: left;
  }
  .copy-flex-aside aside {
    display: block;
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 3rem;
  }
  .copy-flex-aside aside > * {
    display: block;
  }
  .mediathek-teaser .teasers .panel {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
  }
  .mediathek-teaser .teasers .item {
    width: -webkit-calc(80% - var(--cards-gap) - var(--col-width) / 1.25);
    width: -moz-calc(80% - var(--cards-gap) - var(--col-width) / 1.25);
    width: calc(80% - var(--cards-gap) - var(--col-width) / 1.25);
  }
  .mediathek-teaser .teasers .item:first-child {
    margin-left: var(--col-width);
  }
  .mediathek-teaser .teasers .item:last-child {
    margin-right: var(--col-width);
  }
  .mediathek-teaser .cta-footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 3rem;
  }
  .jobs-teaser {
    width: 100vw;
    margin-left: -webkit-calc(var(--col-width) * -1);
    margin-left: -moz-calc(var(--col-width) * -1);
    margin-left: calc(var(--col-width) * -1);
    margin-right: -webkit-calc(var(--col-width) * -1);
    margin-right: -moz-calc(var(--col-width) * -1);
    margin-right: calc(var(--col-width) * -1);
  }
  .jobs-teaser .headline h2 {
    margin-left: var(--col-width);
    margin-right: var(--col-width);
  }
  .jobs-teaser .teasers .panel {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
  }
  .jobs-teaser .teasers .card {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 76.9230769231%;
    scroll-snap-align: center;
  }
  .jobs-teaser .teasers .card:first-child {
    margin-left: var(--col-width);
  }
  .jobs-teaser .teasers .card:last-child {
    margin-right: var(--col-width);
  }
  .jobs-archive .jobs-list .filter-bar .filters {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .jobs-archive .jobs-list .filter-bar .filters .filter {
    width: 100%;
  }
  .jobs-archive .jobs-list .accordion .accordion-head .accordion-headlines {
    padding-right: 1rem;
  }
  .publishing-teaser .section-headline {
    margin-bottom: 2rem;
  }
  .publishing-teaser .tab-item .headline h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .publishing-teaser .tab-item .teasers {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .publishing-teaser .tab-item .teasers .publishing-teaser-card {
    width: 100%;
  }
  .publishing-teaser .all-publishing-link {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 40rem) and (max-width: 65rem) {
  html:after {
    content: "tablet";
  }
  body:before {
    content: "tablet";
    display: none;
    pointer-events: none;
    width: 0;
    height: 0;
  }
  :root {
    --cols: 20;
    --col-gap: 1rem;
    --section-margin-top-bottom: 2.75rem;
    --font-size-overline: 1rem;
    --font-size-overline-1: 1rem;
    --font-size-overline-2: 1.45rem;
    --font-size-overline-3: 1.75rem;
    --font-size-overline-4: 2rem;
    --font-size-intro: 1.25rem;
    --font-size-copy-1: 1.1rem;
    --font-size-copy-2: 1.25rem;
    --font-size-copy-3: 1.5rem;
    --font-size-copy-4: 1.75rem;
    --font-size-headline-1: 1.25rem;
    --font-size-headline-2: 1.5rem;
    --font-size-headline-3: 1.75rem;
    --font-size-headline-4: 2rem;
    --font-size-headline-5: 2.25rem;
    --font-size-headline-6: 2.5rem;
    --font-size-headline-7: 2.75rem;
    --font-size-headline-8: 3rem;
    --font-size-headline-9: 3.25rem;
    --font-size-headline-10: 3.5rem;
    --font-size-headline-11: 5rem;
    --font-size-menu-level-1: 1.5rem;
    --font-size-menu-level-2: 1rem;
    --font-size-footer: 0.85rem;
    --font-size-footer-breadcrumb: 0.75rem;
    --button-size: 2.55rem;
    --header-logo-width: 18rem;
    --header-bar-height: 4rem;
    --info-bar-height: 7rem;
    --accordion-list-margin-top-bottom: 0.75rem;
    --logo-card-height: 5rem;
  }
  .sgn-museum {
    --header-bar-height: 4.25rem;
  }
  .nav-menu-button {
    width: 3rem;
    height: 2rem;
    padding: 0.5rem;
  }
  .nav-menu-button .bar {
    display: block;
    width: 2rem;
    height: 0.2rem;
    background-color: black;
    margin: 0.5rem 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
    -moz-transition: transform 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
  }
  .nav-menu-button.is-open .bar:nth-of-type(1) {
    -webkit-transform: translateY(0.3rem) rotate(45deg);
       -moz-transform: translateY(0.3rem) rotate(45deg);
         -o-transform: translateY(0.3rem) rotate(45deg);
            transform: translateY(0.3rem) rotate(45deg);
  }
  .nav-menu-button.is-open .bar:nth-of-type(2) {
    -webkit-transform: translateY(-0.4rem) rotate(-45deg);
       -moz-transform: translateY(-0.4rem) rotate(-45deg);
         -o-transform: translateY(-0.4rem) rotate(-45deg);
            transform: translateY(-0.4rem) rotate(-45deg);
  }
  .nav-menu-button.is-closed .bar {
    -webkit-transform: rotate(0) translateY(0);
       -moz-transform: rotate(0) translateY(0);
         -o-transform: rotate(0) translateY(0);
            transform: rotate(0) translateY(0);
    opacity: 1;
  }
  header .header-bar .nav-menu-button .label {
    display: none;
  }
  header .header-bar .nav-menu-button .hamburger {
    display: block;
  }
  header .nav-dialog {
    --button-size: 3rem;
  }
  header .nav-dialog .utility-nav {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
  }
  header .nav-dialog .utility-nav .nav-logo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 0;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
    max-width: -webkit-calc(100% - var(--button-size));
    max-width: -moz-calc(100% - var(--button-size));
    max-width: calc(100% - var(--button-size));
  }
  header .nav-dialog .utility-nav .search-bar {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
            order: 3;
    width: -webkit-calc(100% + 0.75rem);
    width: -moz-calc(100% + 0.75rem);
    width: calc(100% + 0.75rem);
    padding-left: var(--col-width);
    padding-right: -webkit-calc(var(--col-width) - 0.75rem);
    padding-right: -moz-calc(var(--col-width) - 0.75rem);
    padding-right: calc(var(--col-width) - 0.75rem);
    margin-left: -webkit-calc(var(--col-width) * -1);
    margin-left: -moz-calc(var(--col-width) * -1);
    margin-left: calc(var(--col-width) * -1);
    margin-right: -webkit-calc(var(--col-width) * -1);
    margin-right: -moz-calc(var(--col-width) * -1);
    margin-right: calc(var(--col-width) * -1);
    background-color: var(--menu-background);
  }
  header .nav-dialog .utility-nav .search-bar .search-input {
    width: 100%;
  }
  header .nav-dialog .utility-nav .search-bar .search-input input[type=search] {
    height: 3rem;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    font-size: var(--font-size-menu-level-2);
    line-height: 100%;
  }
  header .nav-dialog .utility-nav .accessibility-dialog-button {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
            order: 4;
    margin-left: auto;
  }
  header .nav-dialog .utility-nav .theme-mode-toggle {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
            order: 5;
  }
  header .nav-dialog .utility-nav .language-switch {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
       -moz-box-ordinal-group: 7;
            order: 6;
    margin-right: auto;
  }
  header .nav-dialog .utility-nav .close-dialog {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: auto;
  }
  header .nav-dialog .utility-nav .close-dialog .label {
    display: none;
  }
  header .nav-dialog .primary-navigation {
    padding-left: 1rem;
    padding-right: 0.75rem;
    margin-top: 1rem;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  header .nav-dialog .primary-navigation .primary-menu {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  header .nav-dialog .primary-navigation .menus {
    padding-top: -webkit-calc(var(--button-size) + 4rem);
    padding-top: -moz-calc(var(--button-size) + 4rem);
    padding-top: calc(var(--button-size) + 4rem);
    padding-bottom: -webkit-calc(var(--button-size) + 4rem);
    padding-bottom: -moz-calc(var(--button-size) + 4rem);
    padding-bottom: calc(var(--button-size) + 4rem);
    padding-left: -webkit-calc(var(--button-size) + 2rem);
    padding-left: -moz-calc(var(--button-size) + 2rem);
    padding-left: calc(var(--button-size) + 2rem);
    padding-right: -webkit-calc(var(--button-size) + 1rem);
    padding-right: -moz-calc(var(--button-size) + 1rem);
    padding-right: calc(var(--button-size) + 1rem);
    grid-column-gap: 2rem;
    position: static;
    -webkit-transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    transition: height 0.25s ease, -webkit-transform 0.5s ease-in-out;
    -o-transition: height 0.25s ease, -o-transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out, height 0.25s ease, -moz-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, height 0.25s ease;
    transition: transform 0.5s ease-in-out, height 0.25s ease, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out;
  }
  header .nav-dialog .primary-navigation .menus ul {
    width: 100%;
    position: relative;
  }
  header .nav-dialog .primary-navigation .menus ul:after {
    content: none;
    display: none;
  }
  header .nav-dialog .primary-navigation .menus ul li {
    position: static;
    width: 100%;
    padding-left: 0;
  }
  header .nav-dialog .primary-navigation .menus ul li a {
    display: inline-block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    width: 100%;
  }
  header .nav-dialog .primary-navigation .menus > ul > li ul:after {
    content: none;
    display: none;
  }
  header .nav-dialog .primary-navigation .menus > ul > li ul li {
    background: transparent;
    position: static;
    width: 100%;
    float: left;
    padding-left: 0;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu {
    position: absolute;
    width: -webkit-calc(200% + 2rem + var(--button-size) * 2);
    width: -moz-calc(200% + 2rem + var(--button-size) * 2);
    width: calc(200% + 2rem + var(--button-size) * 2);
    top: -webkit-calc((var(--button-size) + 4rem) * -1);
    top: -moz-calc((var(--button-size) + 4rem) * -1);
    top: calc((var(--button-size) + 4rem) * -1);
    left: -webkit-calc((var(--button-size)) * -1);
    left: -moz-calc((var(--button-size)) * -1);
    left: calc((var(--button-size)) * -1);
    padding-top: 2rem;
    padding-bottom: -webkit-calc(var(--button-size) + 8rem);
    padding-bottom: -moz-calc(var(--button-size) + 8rem);
    padding-bottom: calc(var(--button-size) + 8rem);
    padding-left: -webkit-calc(var(--button-size) + 2rem);
    padding-left: -moz-calc(var(--button-size) + 2rem);
    padding-left: calc(var(--button-size) + 2rem);
    padding-right: -webkit-calc(var(--button-size) + 2rem);
    padding-right: -moz-calc(var(--button-size) + 2rem);
    padding-right: calc(var(--button-size) + 2rem);
    background-color: var(--menu-background);
    display: block;
    font-size: var(--font-size-menu-level-1);
    -webkit-transform: translateX(-webkit-calc(100vw + 3rem));
       -moz-transform: translateX(-moz-calc(100vw + 3rem));
         -o-transform: translateX(calc(100vw + 3rem));
            transform: translateX(calc(100vw + 3rem));
    -webkit-transition: height 0.25s ease, -webkit-transform 0.75s ease;
    transition: height 0.25s ease, -webkit-transform 0.75s ease;
    -o-transition: height 0.25s ease, -o-transform 0.75s ease;
    -moz-transition: transform 0.75s ease, height 0.25s ease, -moz-transform 0.75s ease;
    transition: transform 0.75s ease, height 0.25s ease;
    transition: transform 0.75s ease, height 0.25s ease, -webkit-transform 0.75s ease, -moz-transform 0.75s ease, -o-transform 0.75s ease;
    -webkit-box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: -1.5rem 0 2rem 0 rgba(0, 0, 0, 0.15);
    z-index: 6020;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile {
    margin-bottom: -webkit-calc(var(--font-size-menu-level-1) * 1.4);
    margin-bottom: -moz-calc(var(--font-size-menu-level-1) * 1.4);
    margin-bottom: calc(var(--font-size-menu-level-1) * 1.4);
    display: block;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile .back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    width: var(--button-size);
    height: var(--button-size);
    float: left;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    margin-right: 1.5rem;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile .back svg {
    height: 70%;
    width: 70%;
    margin-left: -0.2rem;
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item-mobile a {
    width: -webkit-calc(100% - var(--button-size) - 1.5rem);
    width: -moz-calc(100% - var(--button-size) - 1.5rem);
    width: calc(100% - var(--button-size) - 1.5rem);
    margin-top: 0.6rem;
    font-size: var(--font-size-menu-level-2);
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu .menu-item {
    padding-left: -webkit-calc(var(--button-size) + 2rem);
    padding-left: -moz-calc(var(--button-size) + 2rem);
    padding-left: calc(var(--button-size) + 2rem);
  }
  header .nav-dialog .primary-navigation .menus > ul .sub-menu li {
    border-left: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  header .nav-dialog .primary-navigation .menus .primary-menu .sub-menu.is-open {
    -webkit-transform: translateX(-webkit-calc(0% - (var(--button-size) + 2rem + 2rem)));
       -moz-transform: translateX(-moz-calc(0% - (var(--button-size) + 2rem + 2rem)));
         -o-transform: translateX(calc(0% - (var(--button-size) + 2rem + 2rem)));
            transform: translateX(calc(0% - (var(--button-size) + 2rem + 2rem)));
  }
  header .nav-dialog .primary-navigation .menus .secondary-menu .sub-menu.is-open {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  header .meta-menu {
    display: none !important;
  }
  header .header-bar .anchor-menu ul {
    gap: 1rem;
  }
  header .header-bar .anchor-menu ul li {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  header .sgn-logo svg {
    margin-top: 0.25rem;
  }
  .sgn-museum.scroll-up header .meta-menu-wrapper {
    padding-bottom: 1.5rem;
  }
  main {
    padding-top: var(--header-bar-height);
  }
  .hero.headline-above-image {
    margin-top: 2.5rem;
  }
  .hero.headline-on-image {
    margin-top: 0rem;
  }
  .hero.text-gradient {
    margin-top: 2rem;
  }
  footer .footer-nav .nav-section ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  footer .footer-copy {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  footer .logos-social {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  footer .logos-social .social-links {
    width: 100%;
  }
  .science-feed .card-slider .slider .item {
    width: -webkit-calc(var(--col-width) * 6 - var(--cards-gap) * 1.5);
    width: -moz-calc(var(--col-width) * 6 - var(--cards-gap) * 1.5);
    width: calc(var(--col-width) * 6 - var(--cards-gap) * 1.5);
  }
  .home .nav-menu-button .bar {
    background-color: white;
  }
  .page-header-home .intro {
    top: -webkit-calc(100vh - 2rem);
    top: -moz-calc(100vh - 2rem);
    top: calc(100vh - 2rem);
    left: -webkit-calc(var(--col-width) * 2);
    left: -moz-calc(var(--col-width) * 2);
    left: calc(var(--col-width) * 2);
    width: -webkit-calc(100% - var(--col-width) * 4);
    width: -moz-calc(100% - var(--col-width) * 4);
    width: calc(100% - var(--col-width) * 4);
  }
  .card-slider .slider .panel .item:first-child {
    margin-left: -webkit-calc(var(--col-width) * 1) !important;
    margin-left: -moz-calc(var(--col-width) * 1) !important;
    margin-left: calc(var(--col-width) * 1) !important;
  }
  .card-slider .slider .panel .item:last-child {
    margin-right: -webkit-calc(var(--col-width) * 1) !important;
    margin-right: -moz-calc(var(--col-width) * 1) !important;
    margin-right: calc(var(--col-width) * 1) !important;
  }
  .card-slider .slider .panel .item .button-youtube {
    font-size: 80%;
  }
  .card-slider .slider .panel .item .button-youtube svg {
    height: 40%;
  }
  .card-slider .slider.card-width-0 .card, .card-slider .slider.card-width-1 .card {
    width: -webkit-calc(60% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(60% - var(--col-width) * 4 - 2rem);
    width: calc(60% - var(--col-width) * 4 - 2rem);
  }
  .card-slider .slider .video-teaser-card {
    width: -webkit-calc(60% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(60% - var(--col-width) * 4 - 2rem);
    width: calc(60% - var(--col-width) * 4 - 2rem);
  }
  .home-teaser-slider .slider .panel {
    gap: -webkit-calc(var(--col-width) / 2);
    gap: -moz-calc(var(--col-width) / 2);
    gap: calc(var(--col-width) / 2);
  }
  .home-teaser-slider .slider .teaser-item {
    width: -webkit-calc(60% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(60% - var(--col-width) * 4 - 2rem);
    width: calc(60% - var(--col-width) * 4 - 2rem);
    padding-right: 1rem;
  }
  .science-feed .card-slider .slider .panel {
    gap: var(--cards-gap);
    width: 100vw;
  }
  .science-feed .card-slider .slider .panel .item {
    width: -webkit-calc(60% - var(--col-width) * 4 - 2rem);
    width: -moz-calc(60% - var(--col-width) * 4 - 2rem);
    width: calc(60% - var(--col-width) * 4 - 2rem);
  }
  .newsletter .copy-wrapper {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
  }
  .newsletter .newsletter-form {
    width: 100%;
  }
  .newsletter .newsletter-form fieldset {
    display: block;
  }
  .newsletter .newsletter-form fieldset .name .label-field,
  .newsletter .newsletter-form fieldset .email .label-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
    margin-bottom: 1.25rem;
  }
  .newsletter .newsletter-form fieldset .name .label-field label,
  .newsletter .newsletter-form fieldset .email .label-field label {
    justify-self: flex-start;
    -webkit-align-self: flex-start;
            align-self: flex-start;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    padding-top: 0.5rem;
  }
  .newsletter .newsletter-form fieldset .name .label-field input[type=text],
  .newsletter .newsletter-form fieldset .email .label-field input[type=text] {
    width: -webkit-calc(100% - 1.5rem);
    width: -moz-calc(100% - 1.5rem);
    width: calc(100% - 1.5rem);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }
  .newsletter .newsletter-form fieldset .consent {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .mediathek-archive .cards {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 1.5rem;
  }
  .mediathek-archive .slider-section .card-slider .item {
    width: -webkit-calc((100% - var(--col-width) * 3 - 2rem) / 2);
    width: -moz-calc((100% - var(--col-width) * 3 - 2rem) / 2);
    width: calc((100% - var(--col-width) * 3 - 2rem) / 2);
    padding: -webkit-calc(var(--col-gap) / 2);
    padding: -moz-calc(var(--col-gap) / 2);
    padding: calc(var(--col-gap) / 2);
  }
  .exhibition-archive .headline {
    margin-top: 3rem;
  }
  .exhibition-archive .headline .logo svg path {
    stroke-width: 0.25px;
  }
  .exhibition-archive .exhibition-teasers {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 1.5rem;
  }
  .museum-info-bar {
    -webkit-align-content: center;
            align-content: center;
    row-gap: 1rem;
  }
  .museum-info-bar .open-today {
    width: 100%;
  }
  .museum-info-bar .cta {
    width: 100%;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 0.75rem;
  }
  .press-release-archive .press-teaser-item .teaser-content {
    width: 100%;
  }
  .press-release-archive .press-teaser-item .teaser-content .date-button-reading-time {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
  }
  .press-release-archive .press-teaser-item figure {
    display: none;
    opacity: 0;
  }
  .press-release-archive .press-teaser-item:hover figure {
    display: none;
    opacity: 0;
  }
  .press-release-single .aside-cols-layout,
  .page-columns .aside-cols-layout {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: var(--section-margin-top-bottom);
    border-bottom: none;
  }
  .press-release-single .aside-cols-layout .copy-section,
  .page-columns .aside-cols-layout .copy-section {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .press-release-single .aside-cols-layout .copy-section .headline,
  .page-columns .aside-cols-layout .copy-section .headline {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .press-release-single .aside-cols-layout .copy-section .intro,
  .page-columns .aside-cols-layout .copy-section .intro {
    margin-top: 0.5rem;
  }
  .press-release-single .aside-cols-layout aside,
  .page-columns .aside-cols-layout aside {
    border-top: 1px solid var(--color);
    width: 100%;
    padding-left: 0;
  }
  .press-release-single .aside-cols-layout aside .sticky,
  .page-columns .aside-cols-layout aside .sticky {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .press-release-single .aside-cols-layout aside .aside-copy,
  .page-columns .aside-cols-layout aside .aside-copy {
    padding-top: 3rem;
  }
  .instituts-divisions-sections .institut {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
    padding-top: 0.75rem;
  }
  .instituts-divisions-sections .institut .headline {
    width: 100%;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .instituts-divisions-sections .institut .headline h2 {
    font-size: var(--font-size-headline-2);
    width: -webkit-calc(var(--col-width) * 10);
    width: -moz-calc(var(--col-width) * 10);
    width: calc(var(--col-width) * 10);
  }
  .instituts-divisions-sections .institut .copy-cta {
    width: 100%;
  }
  .instituts-divisions-sections .institut .toggle-content {
    border-top: none;
  }
  .instituts-divisions-sections .division {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper .link {
    width: -webkit-calc(var(--col-width) * 12);
    width: -moz-calc(var(--col-width) * 12);
    width: calc(var(--col-width) * 12);
    padding-right: var(--col-gap);
  }
  .instituts-divisions-sections .division .section-toggle {
    margin-left: auto;
  }
  .instituts-divisions-sections .division .link-text {
    margin-top: 0.2rem;
  }
  .instituts-divisions-sections .section {
    width: -webkit-calc(100% - var(--col-width) * 2.5);
    width: -moz-calc(100% - var(--col-width) * 2.5);
    width: calc(100% - var(--col-width) * 2.5);
  }
  .membership-application .members-form {
    min-height: 60vh;
  }
  .membership-application .form-wrapper {
    max-width: 100%;
  }
  .membership-application .form-wrapper form {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    padding: 1rem;
  }
  .exhibit-sponsorship .members-form {
    min-height: 60vh;
  }
  .exhibit-sponsorship .form-wrapper {
    max-width: 100%;
  }
  .exhibit-sponsorship .form-wrapper form {
    width: -webkit-calc(100% - 2rem);
    width: -moz-calc(100% - 2rem);
    width: calc(100% - 2rem);
    padding: 1rem;
  }
  .exhibit-sponsorship #exhibit-sponsorship-form #exhibit-sections ul,
  .exhibit-sponsorship #exhibit-sponsorship-form #budgets ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .members-news-archive .members-news .cards {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 3rem;
  }
  .members-news-archive .members-news .filter-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 4rem;
  }
  .members-news-archive .members-news .filter-bar .headline {
    width: 50%;
  }
  .members-news-archive .members-news .filter-bar .filters {
    width: -webkit-calc(50% - var(--col-gap) / 2);
    width: -moz-calc(50% - var(--col-gap) / 2);
    width: calc(50% - var(--col-gap) / 2);
  }
  .members-news-archive .members-news .filter-bar .filters .select-menu {
    width: 100%;
  }
  .search-page .search-results-list .search-result-item .breadcrumb nav {
    padding-left: 0;
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
  }
  .search-page .search-results-list .search-result-item .result-excerpt {
    width: -webkit-calc(100% - var(--col-width) * 3);
    width: -moz-calc(100% - var(--col-width) * 3);
    width: calc(100% - var(--col-width) * 3);
  }
  .events-archive .events {
    margin-top: 3rem;
  }
  .copy-flex-aside {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .copy-flex-aside aside {
    width: 100%;
  }
  .mediathek-teaser .teasers .panel {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-padding: 0;
    -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
  }
  .mediathek-teaser .teasers .item {
    width: -webkit-calc(44.4444444444% - var(--cards-gap) - var(--col-width) / 1.25);
    width: -moz-calc(44.4444444444% - var(--cards-gap) - var(--col-width) / 1.25);
    width: calc(44.4444444444% - var(--cards-gap) - var(--col-width) / 1.25);
  }
  .mediathek-teaser .teasers .item:first-child {
    margin-left: var(--col-width);
  }
  .mediathek-teaser .teasers .item:last-child {
    margin-right: var(--col-width);
  }
  .mediathek-teaser .cta-footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 65rem) and (max-width: 80rem) {
  html:after {
    content: "desktop-small";
  }
  :root {
    --cols: 16;
    --col-gap: 1.2rem;
    --section-margin-top-bottom: 2.75rem;
    --font-size-overline: 1rem;
    --font-size-overline-1: 1rem;
    --font-size-overline-2: 1.45rem;
    --font-size-overline-3: 1.75rem;
    --font-size-overline-4: 2rem;
    --font-size-intro: 1.5rem;
    --font-size-copy-1: 1.15rem;
    --font-size-copy-2: 1.4rem;
    --font-size-copy-3: 1.75rem;
    --font-size-copy-4: 2rem;
    --font-size-headline-1: 1.5rem;
    --font-size-headline-2: 2.0rem;
    --font-size-headline-3: 2.5rem;
    --font-size-headline-4: 2.75rem;
    --font-size-headline-5: 3.25rem;
    --font-size-headline-6: 3.75rem;
    --font-size-headline-7: 4.25rem;
    --font-size-headline-8: 4.75rem;
    --font-size-headline-9: 5.0rem;
    --font-size-headline-10: 5.5rem;
    --font-size-headline-11: 6.0rem;
    --font-size-menu-level-1: 1.4rem;
    --font-size-menu-level-2: 1rem;
    --font-size-footer: 0.85rem;
    --font-size-footer-breadcrumb: 0.75rem;
    --button-size: 2.55rem;
    --header-logo-width: 15.75rem;
    --header-bar-height: 4rem;
    --info-bar-height: 4rem;
    --accordion-list-margin-top-bottom: 0.75rem;
    --logo-card-height: 5rem;
  }
  .sgn-museum {
    --header-bar-height: 3.5rem;
  }
  header .sgn-logo {
    margin-top: 0.1rem;
  }
  header .header-bar .meta-menu-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }
  header .header-bar .meta-menu-wrapper .meta-menu {
    gap: 1.25rem;
    margin-top: 0.2rem;
    margin-left: -webkit-calc(var(--col-width) * 6);
    margin-left: -moz-calc(var(--col-width) * 6);
    margin-left: calc(var(--col-width) * 6);
  }
  header .header-bar .anchor-menu {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start;
  }
  header .header-bar .anchor-menu ul {
    gap: 1.25rem;
  }
  .sgn-museum.scroll-up header .meta-menu-wrapper {
    padding-bottom: 1.5rem;
  }
  main {
    padding-top: var(--header-bar-height);
  }
  .hero.headline-above-image {
    margin-top: 2.5rem;
  }
  .hero.headline-on-image {
    margin-top: 0rem;
  }
  .hero.text-gradient {
    margin-top: 2rem;
  }
  .home-teaser-slider .slider .panel {
    gap: -webkit-calc(var(--col-width) / 2);
    gap: -moz-calc(var(--col-width) / 2);
    gap: calc(var(--col-width) / 2);
  }
  .home-teaser-slider .slider .teaser-item {
    width: -webkit-calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    width: -moz-calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    width: calc((100vw - var(--col-width) * 2) / 3 - var(--cards-gap) * 2);
    padding-right: 1rem;
  }
  .science-feed .card-slider .slider .item {
    width: -webkit-calc(var(--col-width) * 5 - var(--cards-gap) * 1.5);
    width: -moz-calc(var(--col-width) * 5 - var(--cards-gap) * 1.5);
    width: calc(var(--col-width) * 5 - var(--cards-gap) * 1.5);
  }
  .page-header-home .intro {
    left: -webkit-calc(var(--col-width) * 6);
    left: -moz-calc(var(--col-width) * 6);
    left: calc(var(--col-width) * 6);
    width: -webkit-calc(100% - var(--col-width) * 7);
    width: -moz-calc(100% - var(--col-width) * 7);
    width: calc(100% - var(--col-width) * 7);
  }
  .press-release-archive .press-teaser-item .teaser-content {
    width: -webkit-calc(100% - var(--col-width) * 4);
    width: -moz-calc(100% - var(--col-width) * 4);
    width: calc(100% - var(--col-width) * 4);
  }
  .mediathek-archive .slider-section .card-slider .item {
    width: -webkit-calc((100% - var(--col-width) * 0.75) / 3);
    width: -moz-calc((100% - var(--col-width) * 0.75) / 3);
    width: calc((100% - var(--col-width) * 0.75) / 3);
  }
  .instituts-divisions-sections .institut .headline {
    width: -webkit-calc(var(--col-width) * 4);
    width: -moz-calc(var(--col-width) * 4);
    width: calc(var(--col-width) * 4);
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .instituts-divisions-sections .institut .headline h2 {
    font-size: var(--font-size-headline-2);
  }
  .instituts-divisions-sections .institut .copy-cta {
    width: -webkit-calc(var(--col-width) * 9);
    width: -moz-calc(var(--col-width) * 9);
    width: calc(var(--col-width) * 9);
  }
  .instituts-divisions-sections .division .wrapper {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper .link {
    width: -webkit-calc(var(--col-width) * 6.5);
    width: -moz-calc(var(--col-width) * 6.5);
    width: calc(var(--col-width) * 6.5);
    padding-right: var(--col-gap);
  }
  .instituts-divisions-sections .division .section-toggle {
    margin-left: auto;
  }
  .instituts-divisions-sections .section {
    width: -webkit-calc(100% - var(--col-width) * 2.5);
    width: -moz-calc(100% - var(--col-width) * 2.5);
    width: calc(100% - var(--col-width) * 2.5);
  }
  .members-news-archive .members-news .cards {
    grid-row-gap: 2.5rem;
  }
  .members-news-archive .members-news .filter-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 4rem;
  }
  .card-slider .slider .video-teaser-card:first-child {
    margin-left: -webkit-calc(var(--col-width)) !important;
    margin-left: -moz-calc(var(--col-width)) !important;
    margin-left: calc(var(--col-width)) !important;
  }
  .card-slider .slider .video-teaser-card:last-child {
    margin-right: -webkit-calc(var(--col-width)) !important;
    margin-right: -moz-calc(var(--col-width)) !important;
    margin-right: calc(var(--col-width)) !important;
  }
}
@media only screen and (min-width: 80rem) and (max-width: 100rem) {
  html:after {
    content: "desktop-medium";
  }
  :root {
    --cols: 16;
    --col-gap: 1.2rem;
    --section-margin-top-bottom: 2.75rem;
    --font-size-overline: 1.1rem;
    --font-size-overline-1: 1.1rem;
    --font-size-overline-2: 1.45rem;
    --font-size-overline-3: 1.75rem;
    --font-size-overline-4: 2rem;
    --font-size-intro: 1.75rem;
    --font-size-copy-1: 1.15rem;
    --font-size-copy-2: 1.45rem;
    --font-size-copy-3: 1.75rem;
    --font-size-copy-4: 2rem;
    --font-size-headline-1: 1.5rem;
    --font-size-headline-2: 1.75rem;
    --font-size-headline-3: 2rem;
    --font-size-headline-4: 2.5rem;
    --font-size-headline-5: 3rem;
    --font-size-headline-6: 3.5rem;
    --font-size-headline-7: 4rem;
    --font-size-headline-8: 5rem;
    --font-size-headline-9: 6rem;
    --font-size-headline-10: 7rem;
    --font-size-headline-11: 8rem;
    --font-size-menu-level-1: 1.5rem;
    --font-size-menu-level-2: 1.1rem;
    --font-size-footer: 1.15rem;
    --font-size-footer-breadcrumb: 0.75rem;
    --button-size: 2.75rem;
    --header-logo-width: 16rem;
    --header-bar-height: 4rem;
    --info-bar-height: 4rem;
    --accordion-list-margin-top-bottom: 0.75rem;
    --logo-card-height: 5rem;
    --card-cols: 4;
    --cards-gap: 1rem;
  }
  .sgn-museum {
    --header-bar-height: 4.5rem;
  }
  .sgn-museum .header-bar .meta-menu-wrapper .meta-menu {
    margin-top: -1rem;
  }
  .hero.headline-above-image {
    margin-top: 2.5rem;
  }
  .hero.headline-on-image {
    margin-top: 0rem;
  }
  .hero.text-gradient {
    margin-top: 2rem;
  }
  .science-feed .card-slider .slider .item {
    width: -webkit-calc(var(--col-width) * 3.5 - var(--cards-gap) * 1.5);
    width: -moz-calc(var(--col-width) * 3.5 - var(--cards-gap) * 1.5);
    width: calc(var(--col-width) * 3.5 - var(--cards-gap) * 1.5);
  }
  .instituts-divisions-sections .institut .headline {
    width: -webkit-calc(var(--col-width) * 4);
    width: -moz-calc(var(--col-width) * 4);
    width: calc(var(--col-width) * 4);
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .instituts-divisions-sections .institut .headline h2 {
    font-size: var(--font-size-headline-2);
  }
  .instituts-divisions-sections .institut .copy-cta {
    width: -webkit-calc(var(--col-width) * 9);
    width: -moz-calc(var(--col-width) * 9);
    width: calc(var(--col-width) * 9);
  }
  .instituts-divisions-sections .division .wrapper {
    width: 100%;
  }
  .instituts-divisions-sections .division .wrapper .link {
    width: -webkit-calc(var(--col-width) * 6.5);
    width: -moz-calc(var(--col-width) * 6.5);
    width: calc(var(--col-width) * 6.5);
    padding-right: var(--col-gap);
  }
  .instituts-divisions-sections .division .section-toggle {
    margin-left: auto;
  }
  .instituts-divisions-sections .section {
    width: -webkit-calc(100% - var(--col-width) * 2.5);
    width: -moz-calc(100% - var(--col-width) * 2.5);
    width: calc(100% - var(--col-width) * 2.5);
  }
  .table-flex .table-wrapper.fix-default table th {
    width: -webkit-calc(var(--col-width) * 3);
    width: -moz-calc(var(--col-width) * 3);
    width: calc(var(--col-width) * 3);
    min-width: -webkit-calc(var(--col-width) * 3);
    min-width: -moz-calc(var(--col-width) * 3);
    min-width: calc(var(--col-width) * 3);
    max-width: -webkit-calc(var(--col-width) * 3);
    max-width: -moz-calc(var(--col-width) * 3);
    max-width: calc(var(--col-width) * 3);
  }
  .table-flex .table-wrapper.fix-wide table th {
    width: -webkit-calc(var(--col-width) * 6);
    width: -moz-calc(var(--col-width) * 6);
    width: calc(var(--col-width) * 6);
    min-width: -webkit-calc(var(--col-width) * 6);
    min-width: -moz-calc(var(--col-width) * 6);
    min-width: calc(var(--col-width) * 6);
    max-width: -webkit-calc(var(--col-width) * 6);
    max-width: -moz-calc(var(--col-width) * 6);
    max-width: calc(var(--col-width) * 6);
  }
  .table-flex .table-wrapper.flex-1st-nth-fixed table th:first-child {
    width: auto;
    min-width: -webkit-calc(var(--col-width) * 3);
    min-width: -moz-calc(var(--col-width) * 3);
    min-width: calc(var(--col-width) * 3);
    max-width: -webkit-calc(100% - var(--col-width) * 3);
    max-width: -moz-calc(100% - var(--col-width) * 3);
    max-width: calc(100% - var(--col-width) * 3);
  }
  .table-flex .table-wrapper.flex-1st-nth-fixed table th {
    width: -webkit-calc(var(--col-width) * 3);
    width: -moz-calc(var(--col-width) * 3);
    width: calc(var(--col-width) * 3);
    min-width: -webkit-calc(var(--col-width) * 3);
    min-width: -moz-calc(var(--col-width) * 3);
    min-width: calc(var(--col-width) * 3);
    max-width: -webkit-calc(var(--col-width) * 3);
    max-width: -moz-calc(var(--col-width) * 3);
    max-width: calc(var(--col-width) * 3);
  }
  .card-slider .slider .video-teaser-card:first-child {
    margin-left: -webkit-calc(var(--col-width)) !important;
    margin-left: -moz-calc(var(--col-width)) !important;
    margin-left: calc(var(--col-width)) !important;
  }
  .card-slider .slider .video-teaser-card:last-child {
    margin-right: -webkit-calc(var(--col-width)) !important;
    margin-right: -moz-calc(var(--col-width)) !important;
    margin-right: calc(var(--col-width)) !important;
  }
}
@media only screen and (min-width: 100rem) {
  html:after {
    content: "desktop-large";
  }
  :root {
    --cols: 16;
    --col-gap: 1.25rem;
    --section-margin-top-bottom: 3rem;
    --font-size-intro: 1.75rem;
    --font-size-overline: 1.25rem;
    --font-size-overline-1: 1.25rem;
    --font-size-overline-2: 1.5rem;
    --font-size-overline-3: 2rem;
    --font-size-overline-4: 2.25rem;
    --font-size-copy-1: 1.25rem;
    --font-size-copy-2: 1.5rem;
    --font-size-copy-3: 2.5rem;
    --font-size-copy-4: 2.75rem;
    --font-size-headline-1: 2rem;
    --font-size-headline-2: 3.5rem;
    --font-size-headline-3: 3.5rem;
    --font-size-headline-4: 4.5rem;
    --font-size-headline-5: 5.5rem;
    --font-size-headline-6: 6.5rem;
    --font-size-headline-7: 7.5rem;
    --font-size-headline-8: 8.5rem;
    --font-size-headline-9: 10rem;
    --font-size-headline-10: 12rem;
    --font-size-headline-11: 15rem;
    --font-size-menu-level-1: 2rem;
    --font-size-menu-level-2: 1.35rem;
    --font-size-footer: 1.125rem;
    --button-size: 3.25rem;
    --header-logo-width: 21rem;
    --header-bar-height: 4.15rem;
    --info-bar-height: 4rem;
    --accordion-list-margin-top-bottom: 1.5rem;
    --logo-card-height: 6rem;
    --card-cols: 3;
    --cards-gap: 1rem;
  }
  .sgn-museum {
    --header-bar-height: 5.5rem;
  }
  header .header-bar .meta-menu-wrapper .meta-menu {
    padding-top: 0.25rem;
  }
  header .header-bar .nav-menu-button {
    padding-top: 0.25rem;
  }
  .sgn-museum header .header-bar .meta-menu-wrapper .meta-menu {
    margin-top: -1.5rem;
  }
  .sgn-museum.scroll-up header .meta-menu-wrapper {
    padding-bottom: 1rem;
  }
  .hero.headline-above-image {
    margin-top: 3.5rem;
  }
  .hero.headline-on-image {
    margin-top: 0.75rem;
  }
  .hero.text-gradient {
    margin-top: 2.5rem;
  }
  .mediathek .card .new {
    font-size: -webkit-calc(var(--font-size-headline-2) / 1.5);
    font-size: -moz-calc(var(--font-size-headline-2) / 1.5);
    font-size: calc(var(--font-size-headline-2) / 1.5);
  }
  .mediathek-archive .card-slider .card:first-child {
    margin-left: 0;
  }
  .mediathek-archive .card-slider .card:last-child {
    margin-right: 0;
  }
  .copy-flex-aside aside {
    width: -webkit-calc(100% - var(--col-width) * 3);
    width: -moz-calc(100% - var(--col-width) * 3);
    width: calc(100% - var(--col-width) * 3);
  }
  .table-flex .table-wrapper.fix-default table th {
    width: -webkit-calc(var(--col-width) * 2);
    width: -moz-calc(var(--col-width) * 2);
    width: calc(var(--col-width) * 2);
    min-width: -webkit-calc(var(--col-width) * 2);
    min-width: -moz-calc(var(--col-width) * 2);
    min-width: calc(var(--col-width) * 2);
    max-width: -webkit-calc(var(--col-width) * 2);
    max-width: -moz-calc(var(--col-width) * 2);
    max-width: calc(var(--col-width) * 2);
  }
  .table-flex .table-wrapper.fix-wide table th {
    width: -webkit-calc(var(--col-width) * 4);
    width: -moz-calc(var(--col-width) * 4);
    width: calc(var(--col-width) * 4);
    min-width: -webkit-calc(var(--col-width) * 4);
    min-width: -moz-calc(var(--col-width) * 4);
    min-width: calc(var(--col-width) * 4);
    max-width: -webkit-calc(var(--col-width) * 4);
    max-width: -moz-calc(var(--col-width) * 4);
    max-width: calc(var(--col-width) * 4);
  }
  .table-flex .table-wrapper.flex-1st-nth-fixed table th:first-child {
    width: auto;
    min-width: -webkit-calc(var(--col-width) * 2);
    min-width: -moz-calc(var(--col-width) * 2);
    min-width: calc(var(--col-width) * 2);
    max-width: -webkit-calc(100% - var(--col-width) * 2);
    max-width: -moz-calc(100% - var(--col-width) * 2);
    max-width: calc(100% - var(--col-width) * 2);
  }
  .table-flex .table-wrapper.flex-1st-nth-fixed table th {
    width: -webkit-calc(var(--col-width) * 2);
    width: -moz-calc(var(--col-width) * 2);
    width: calc(var(--col-width) * 2);
    min-width: -webkit-calc(var(--col-width) * 2);
    min-width: -moz-calc(var(--col-width) * 2);
    min-width: calc(var(--col-width) * 2);
    max-width: -webkit-calc(var(--col-width) * 2);
    max-width: -moz-calc(var(--col-width) * 2);
    max-width: calc(var(--col-width) * 2);
  }
  .instituts-divisions-sections .division .wrapper .link {
    width: -webkit-calc(var(--col-width) * 3.75);
    width: -moz-calc(var(--col-width) * 3.75);
    width: calc(var(--col-width) * 3.75);
  }
  .card-slider .slider .video-teaser-card:first-child {
    margin-left: -webkit-calc(var(--col-width)) !important;
    margin-left: -moz-calc(var(--col-width)) !important;
    margin-left: calc(var(--col-width)) !important;
  }
  .card-slider .slider .video-teaser-card:last-child {
    margin-right: -webkit-calc(var(--col-width)) !important;
    margin-right: -moz-calc(var(--col-width)) !important;
    margin-right: calc(var(--col-width)) !important;
  }
}
@media (min-width: 120rem) {
  :root {
    --col-width: -webkit-calc(120rem / var(--cols));
    --col-width: -moz-calc(120rem / var(--cols));
    --col-width: calc(120rem / var(--cols));
  }
  .copy-margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 0 * 2);
    width: -moz-calc(100% - var(--col-width) * 0 * 2);
    width: calc(100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .copy-margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .copy-margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
    padding-left: -webkit-calc(var(--col-width) * 2);
    padding-left: -moz-calc(var(--col-width) * 2);
    padding-left: calc(var(--col-width) * 2);
    padding-right: -webkit-calc(var(--col-width) * 2);
    padding-right: -moz-calc(var(--col-width) * 2);
    padding-right: calc(var(--col-width) * 2);
  }
  .copy-margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 3 * 2);
    width: -moz-calc(100% - var(--col-width) * 3 * 2);
    width: calc(100% - var(--col-width) * 3 * 2);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
  }
  .copy-margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 4 * 2);
    width: -moz-calc(100% - var(--col-width) * 4 * 2);
    width: calc(100% - var(--col-width) * 4 * 2);
    padding-left: -webkit-calc(var(--col-width) * 4);
    padding-left: -moz-calc(var(--col-width) * 4);
    padding-left: calc(var(--col-width) * 4);
    padding-right: -webkit-calc(var(--col-width) * 4);
    padding-right: -moz-calc(var(--col-width) * 4);
    padding-right: calc(var(--col-width) * 4);
  }
  .intro-margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 0 * 2);
    width: -moz-calc(100% - var(--col-width) * 0 * 2);
    width: calc(100% - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .intro-margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 1 * 2);
    width: -moz-calc(100% - var(--col-width) * 1 * 2);
    width: calc(100% - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .intro-margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 2 * 2);
    width: -moz-calc(100% - var(--col-width) * 2 * 2);
    width: calc(100% - var(--col-width) * 2 * 2);
    padding-left: -webkit-calc(var(--col-width) * 2);
    padding-left: -moz-calc(var(--col-width) * 2);
    padding-left: calc(var(--col-width) * 2);
    padding-right: -webkit-calc(var(--col-width) * 2);
    padding-right: -moz-calc(var(--col-width) * 2);
    padding-right: calc(var(--col-width) * 2);
  }
  .intro-margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 3 * 2);
    width: -moz-calc(100% - var(--col-width) * 3 * 2);
    width: calc(100% - var(--col-width) * 3 * 2);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
  }
  .intro-margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 4 * 2);
    width: -moz-calc(100% - var(--col-width) * 4 * 2);
    width: calc(100% - var(--col-width) * 4 * 2);
    padding-left: -webkit-calc(var(--col-width) * 4);
    padding-left: -moz-calc(var(--col-width) * 4);
    padding-left: calc(var(--col-width) * 4);
    padding-right: -webkit-calc(var(--col-width) * 4);
    padding-right: -moz-calc(var(--col-width) * 4);
    padding-right: calc(var(--col-width) * 4);
  }
  .margin-0 {
    width: -webkit-calc(120rem - var(--col-width) * 0 * 2);
    width: -moz-calc(120rem - var(--col-width) * 0 * 2);
    width: calc(120rem - var(--col-width) * 0 * 2);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .margin-1 {
    width: -webkit-calc(120rem - var(--col-width) * 1 * 2);
    width: -moz-calc(120rem - var(--col-width) * 1 * 2);
    width: calc(120rem - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .margin-2 {
    width: -webkit-calc(120rem - var(--col-width) * 2 * 2);
    width: -moz-calc(120rem - var(--col-width) * 2 * 2);
    width: calc(120rem - var(--col-width) * 2 * 2);
    padding-left: -webkit-calc(var(--col-width) * 2);
    padding-left: -moz-calc(var(--col-width) * 2);
    padding-left: calc(var(--col-width) * 2);
    padding-right: -webkit-calc(var(--col-width) * 2);
    padding-right: -moz-calc(var(--col-width) * 2);
    padding-right: calc(var(--col-width) * 2);
  }
  .margin-3 {
    width: -webkit-calc(120rem - var(--col-width) * 3 * 2);
    width: -moz-calc(120rem - var(--col-width) * 3 * 2);
    width: calc(120rem - var(--col-width) * 3 * 2);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
  }
  .margin-4 {
    width: -webkit-calc(120rem - var(--col-width) * 4 * 2);
    width: -moz-calc(120rem - var(--col-width) * 4 * 2);
    width: calc(120rem - var(--col-width) * 4 * 2);
    padding-left: -webkit-calc(var(--col-width) * 4);
    padding-left: -moz-calc(var(--col-width) * 4);
    padding-left: calc(var(--col-width) * 4);
    padding-right: -webkit-calc(var(--col-width) * 4);
    padding-right: -moz-calc(var(--col-width) * 4);
    padding-right: calc(var(--col-width) * 4);
  }
  .content-wrapper {
    width: -webkit-calc(120rem - var(--col-width) * 1 * 2);
    width: -moz-calc(120rem - var(--col-width) * 1 * 2);
    width: calc(120rem - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
    float: left;
  }
  .feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }
  .home-teaser-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }
  .home-teaser-slider .slider .teaser-item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
  }
  .home-teaser-slider .slider .teaser-item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
  }
  .exhibition-slider {
    width: -webkit-calc(100vw - (100vw - 120rem) / 2);
    width: -moz-calc(100vw - (100vw - 120rem) / 2);
    width: calc(100vw - (100vw - 120rem) / 2);
    margin-left: -webkit-calc((100vw - 120rem) / 2 - var(--col-width));
    margin-left: -moz-calc((100vw - 120rem) / 2 - var(--col-width));
    margin-left: calc((100vw - 120rem) / 2 - var(--col-width));
  }
  .video-teaser-single-card {
    width: 120rem;
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
  }
  header .anchor-menu {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .has-page-anchors-after-hero .anchor-menu.is-stuck,
  .has-page-anchors-before-flex-content .anchor-menu.is-stuck {
    left: -webkit-calc((100vw - 120rem) / 2);
    left: -moz-calc((100vw - 120rem) / 2);
    left: calc((100vw - 120rem) / 2);
    width: -webkit-calc(120rem - var(--col-width) * 2);
    width: -moz-calc(120rem - var(--col-width) * 2);
    width: calc(120rem - var(--col-width) * 2);
  }
  footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }
  .card-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
  }
  .card-slider .slider.sider-margin-left-0 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 0);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 0);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 0);
  }
  .card-slider .slider.sider-margin-left-0 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-1 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 1);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 1);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 1);
  }
  .card-slider .slider.sider-margin-left-1 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-2 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 2);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 2);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 2);
  }
  .card-slider .slider.sider-margin-left-2 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-3 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 3);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 3);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 3);
  }
  .card-slider .slider.sider-margin-left-3 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-4 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 4);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 4);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 4);
  }
  .card-slider .slider.sider-margin-left-4 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-5 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 5);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 5);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 5);
  }
  .card-slider .slider.sider-margin-left-5 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-6 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 6);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 6);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 6);
  }
  .card-slider .slider.sider-margin-left-6 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .card-slider .slider.sider-margin-left-7 .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 7);
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 7);
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width) * 7);
  }
  .card-slider .slider.sider-margin-left-7 .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: -moz-calc((100vw - 120rem) / 2)var(--col-width);
    margin-right: calc((100vw - 120rem) / 2)var(--col-width);
  }
  .science-feed .card-slider .slider .item {
    width: -webkit-calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
    width: -moz-calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
    width: calc(var(--col-width) * 4 - var(--cards-gap) * 1.5);
  }
  .science-feed .card-slider .slider .item:first-child {
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width));
  }
  .science-feed .card-slider .slider .item:last-child {
    margin-right: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-right: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-right: calc((100vw - 120rem) / 2 + var(--col-width));
  }
  .research-areas-list .wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .museum-info-bar {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .museum-info-bar.no-parallax-footer {
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
    padding-left: var(--col-width);
    padding-right: var(--col-width);
  }
  .link-block .headline.margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 0);
    width: -moz-calc(100% - var(--col-width) * 0);
    width: calc(100% - var(--col-width) * 0);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .link-block .headline.margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .link-block .headline.margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 4);
    width: -moz-calc(100% - var(--col-width) * 4);
    width: calc(100% - var(--col-width) * 4);
    padding-left: -webkit-calc(var(--col-width) * 2);
    padding-left: -moz-calc(var(--col-width) * 2);
    padding-left: calc(var(--col-width) * 2);
    padding-right: -webkit-calc(var(--col-width) * 2);
    padding-right: -moz-calc(var(--col-width) * 2);
    padding-right: calc(var(--col-width) * 2);
  }
  .link-block .headline.margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 6);
    width: -moz-calc(100% - var(--col-width) * 6);
    width: calc(100% - var(--col-width) * 6);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
  }
  .link-block .headline.margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 8);
    width: -moz-calc(100% - var(--col-width) * 8);
    width: calc(100% - var(--col-width) * 8);
    padding-left: -webkit-calc(var(--col-width) * 4);
    padding-left: -moz-calc(var(--col-width) * 4);
    padding-left: calc(var(--col-width) * 4);
    padding-right: -webkit-calc(var(--col-width) * 4);
    padding-right: -moz-calc(var(--col-width) * 4);
    padding-right: calc(var(--col-width) * 4);
  }
  .link-block .headline.margin-5 {
    width: -webkit-calc(100% - var(--col-width) * 10);
    width: -moz-calc(100% - var(--col-width) * 10);
    width: calc(100% - var(--col-width) * 10);
    padding-left: -webkit-calc(var(--col-width) * 5);
    padding-left: -moz-calc(var(--col-width) * 5);
    padding-left: calc(var(--col-width) * 5);
    padding-right: -webkit-calc(var(--col-width) * 5);
    padding-right: -moz-calc(var(--col-width) * 5);
    padding-right: calc(var(--col-width) * 5);
  }
  .link-block .headline.margin-6 {
    width: -webkit-calc(100% - var(--col-width) * 12);
    width: -moz-calc(100% - var(--col-width) * 12);
    width: calc(100% - var(--col-width) * 12);
    padding-left: -webkit-calc(var(--col-width) * 6);
    padding-left: -moz-calc(var(--col-width) * 6);
    padding-left: calc(var(--col-width) * 6);
    padding-right: -webkit-calc(var(--col-width) * 6);
    padding-right: -moz-calc(var(--col-width) * 6);
    padding-right: calc(var(--col-width) * 6);
  }
  .link-block .headline.margin-7 {
    width: -webkit-calc(100% - var(--col-width) * 14);
    width: -moz-calc(100% - var(--col-width) * 14);
    width: calc(100% - var(--col-width) * 14);
    padding-left: -webkit-calc(var(--col-width) * 7);
    padding-left: -moz-calc(var(--col-width) * 7);
    padding-left: calc(var(--col-width) * 7);
    padding-right: -webkit-calc(var(--col-width) * 7);
    padding-right: -moz-calc(var(--col-width) * 7);
    padding-right: calc(var(--col-width) * 7);
  }
  .closed-areas-card {
    width: -webkit-calc(120rem - var(--col-width));
    width: -moz-calc(120rem - var(--col-width));
    width: calc(120rem - var(--col-width));
    margin-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-left: calc((100vw - 120rem) / 2 + var(--col-width));
    margin-right: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-right: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    margin-right: calc((100vw - 120rem) / 2 + var(--col-width));
  }
  .image-parallax {
    width: 120rem;
    margin-left: -webkit-calc((100vw - 120rem) / 2);
    margin-left: -moz-calc((100vw - 120rem) / 2);
    margin-left: calc((100vw - 120rem) / 2);
    margin-right: -webkit-calc((100vw - 120rem) / 2);
    margin-right: -moz-calc((100vw - 120rem) / 2);
    margin-right: calc((100vw - 120rem) / 2);
  }
  .accordion-list {
    width: -webkit-calc(120rem - var(--col-width) * 1 * 2);
    width: -moz-calc(120rem - var(--col-width) * 1 * 2);
    width: calc(120rem - var(--col-width) * 1 * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
    padding-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    padding-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    padding-left: calc((100vw - 120rem) / 2 + var(--col-width));
    padding-right: -webkit-calc((100vw - 120rem) / 2 + var(--col-width));
    padding-right: -moz-calc((100vw - 120rem) / 2 + var(--col-width));
    padding-right: calc((100vw - 120rem) / 2 + var(--col-width));
  }
  .accordion-list .margin-0 {
    width: -webkit-calc(100% - var(--col-width) * 0);
    width: -moz-calc(100% - var(--col-width) * 0);
    width: calc(100% - var(--col-width) * 0);
    padding-left: -webkit-calc(var(--col-width) * 0);
    padding-left: -moz-calc(var(--col-width) * 0);
    padding-left: calc(var(--col-width) * 0);
    padding-right: -webkit-calc(var(--col-width) * 0);
    padding-right: -moz-calc(var(--col-width) * 0);
    padding-right: calc(var(--col-width) * 0);
  }
  .accordion-list .margin-1 {
    width: -webkit-calc(100% - var(--col-width) * 2);
    width: -moz-calc(100% - var(--col-width) * 2);
    width: calc(100% - var(--col-width) * 2);
    padding-left: -webkit-calc(var(--col-width) * 1);
    padding-left: -moz-calc(var(--col-width) * 1);
    padding-left: calc(var(--col-width) * 1);
    padding-right: -webkit-calc(var(--col-width) * 1);
    padding-right: -moz-calc(var(--col-width) * 1);
    padding-right: calc(var(--col-width) * 1);
  }
  .accordion-list .margin-2 {
    width: -webkit-calc(100% - var(--col-width) * 4);
    width: -moz-calc(100% - var(--col-width) * 4);
    width: calc(100% - var(--col-width) * 4);
    padding-left: -webkit-calc(var(--col-width) * 2);
    padding-left: -moz-calc(var(--col-width) * 2);
    padding-left: calc(var(--col-width) * 2);
    padding-right: -webkit-calc(var(--col-width) * 2);
    padding-right: -moz-calc(var(--col-width) * 2);
    padding-right: calc(var(--col-width) * 2);
  }
  .accordion-list .margin-3 {
    width: -webkit-calc(100% - var(--col-width) * 6);
    width: -moz-calc(100% - var(--col-width) * 6);
    width: calc(100% - var(--col-width) * 6);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
  }
  .accordion-list .margin-4 {
    width: -webkit-calc(100% - var(--col-width) * 8);
    width: -moz-calc(100% - var(--col-width) * 8);
    width: calc(100% - var(--col-width) * 8);
    padding-left: -webkit-calc(var(--col-width) * 4);
    padding-left: -moz-calc(var(--col-width) * 4);
    padding-left: calc(var(--col-width) * 4);
    padding-right: -webkit-calc(var(--col-width) * 4);
    padding-right: -moz-calc(var(--col-width) * 4);
    padding-right: calc(var(--col-width) * 4);
  }
  .accordion-list .margin-5 {
    width: -webkit-calc(100% - var(--col-width) * 10);
    width: -moz-calc(100% - var(--col-width) * 10);
    width: calc(100% - var(--col-width) * 10);
    padding-left: -webkit-calc(var(--col-width) * 5);
    padding-left: -moz-calc(var(--col-width) * 5);
    padding-left: calc(var(--col-width) * 5);
    padding-right: -webkit-calc(var(--col-width) * 5);
    padding-right: -moz-calc(var(--col-width) * 5);
    padding-right: calc(var(--col-width) * 5);
  }
  .accordion-list .margin-6 {
    width: -webkit-calc(100% - var(--col-width) * 12);
    width: -moz-calc(100% - var(--col-width) * 12);
    width: calc(100% - var(--col-width) * 12);
    padding-left: -webkit-calc(var(--col-width) * 6);
    padding-left: -moz-calc(var(--col-width) * 6);
    padding-left: calc(var(--col-width) * 6);
    padding-right: -webkit-calc(var(--col-width) * 6);
    padding-right: -moz-calc(var(--col-width) * 6);
    padding-right: calc(var(--col-width) * 6);
  }
  .accordion-list .margin-7 {
    width: -webkit-calc(100% - var(--col-width) * 14);
    width: -moz-calc(100% - var(--col-width) * 14);
    width: calc(100% - var(--col-width) * 14);
    padding-left: -webkit-calc(var(--col-width) * 7);
    padding-left: -moz-calc(var(--col-width) * 7);
    padding-left: calc(var(--col-width) * 7);
    padding-right: -webkit-calc(var(--col-width) * 7);
    padding-right: -moz-calc(var(--col-width) * 7);
    padding-right: calc(var(--col-width) * 7);
  }
  .page-story .subline.margin-3 {
    width: -webkit-calc(120rem - var(--col-width) * 3 * 2);
    width: -moz-calc(120rem - var(--col-width) * 3 * 2);
    width: calc(120rem - var(--col-width) * 3 * 2);
    padding-left: -webkit-calc(var(--col-width) * 3);
    padding-left: -moz-calc(var(--col-width) * 3);
    padding-left: calc(var(--col-width) * 3);
    padding-right: -webkit-calc(var(--col-width) * 3);
    padding-right: -moz-calc(var(--col-width) * 3);
    padding-right: calc(var(--col-width) * 3);
    padding-left: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
    padding-left: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
    padding-left: calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
    padding-right: -webkit-calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
    padding-right: -moz-calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
    padding-right: calc((100vw - 120rem) / 2 + var(--col-width) * 1.5);
  }
}
body.theme-mode-dark {
  --background-color: rgb(41, 41, 41);
  --button-background-color-negative: white;
  --button-color: white;
  --button-color-negative: black;
  --background-color-transparent: rgba(255, 255, 255, 0);
  --background-color-negative: black;
  --color: rgb(250, 250, 250);
  --color-negative: rgb(0, 0, 0);
  --color-error: rgb(255, 0, 0);
  --color-success: rgb(15, 160, 0);
  --color-table-line: #DBDBDB;
  --button-background-color: rgb(255, 255, 255);
  --button-background-color-negative: rgb(0, 0, 0);
  --button-color: rgb(0, 0, 0);
  --button-color-negative: rgb(255, 255, 255);
  --card-background-color: white;
  --background-color-press-release: #181819;
  --background-color-press-button: #000000;
  --background-button-disabled-color: rgb(146, 145, 145);
  --link-square-button-color: #cfcfcf;
  --footer-background: rgba(0, 0, 0, 0.8);
  --footer-border-color: rgb(62, 62, 62);
  --footer-logo-sgn-color: rgb(255, 255, 255);
  --header-color-ticket: #5BA853;
  --header-color-closed: #FF6C00;
  --header-utility-height: 2.5rem;
  --menu-background: #0a0a0a;
  --image-background: #000000;
  --exhibition-archive-sgn-color: #672093;
  --exhibition-new-sticker-color: #5BA853;
  --page-story-background-color: #171719;
  --background-color-page-columns: #181819;
  --science-feed-background-color: #323233;
  --mediathek-archive-sgn-color: #A3A3A3;
  --mediathek-footer-background-color: #554f50;
  --color-benefit-membership: rgb(120, 157, 74);
  --form-background-color: #000000;
  --members-color: rgb(120, 157, 74);
  --members-public-sgn-color: rgb(120, 157, 74);
  --members-card-background-color: #000000;
  --members-form-button-label-color: rgb(120, 157, 74);
  --members-form-button-link-color: #bbbbbb;
  --members-application-form-background-color: #000000;
  --members-news-background-color: rgb(50, 51, 48);
  --search-highlight-color: #efbd35;
}
body.theme-mode-dark header .nav-menu-button {
  color: white;
}
body.theme-mode-dark header .nav-menu-button .bar {
  background-color: currentcolor;
}
body.theme-mode-dark header .sgn-logo svg {
  fill: white;
}
body.theme-mode-dark header .close-dialog {
  color: white;
}
body.theme-mode-dark header .nav-dialog .primary-navigation {
  color: white;
}
body.theme-mode-dark header .nav-dialog .search-bar input[type=search] {
  color: white;
}
body.theme-mode-dark header .nav-dialog .search-bar button[type=submit] svg {
  fill: white;
}
body.theme-mode-dark header .accessibility-dialog .header .icon {
  background-color: white;
}
body.theme-mode-dark header .accessibility-dialog .button-group .button .icon svg {
  outline: 3px solid black;
  outline-offset: -1.5px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
body.theme-mode-dark header .accessibility-dialog .dialog-wrapper {
  color: white;
}
body.theme-mode-dark header .accessibility-dialog-button svg {
  fill: white;
}
body.theme-mode-dark .tabs-module .pill-tabs .tabs {
  -webkit-box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.3);
     -moz-box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.3);
          box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.3);
  background-color: black;
}
body.theme-mode-dark .caption-on-image {
  background-color: var(--background-color);
  color: var(--color);
}
body.theme-mode-dark .headline-on-image {
  color: var(--color);
}
body.theme-mode-dark .card {
  --text-color: black;
}
body.theme-mode-dark .card.card-shadow {
  -webkit-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(255, 255, 255, 0.3);
     -moz-box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(255, 255, 255, 0.3);
          box-shadow: 0px 0.175rem 2.5rem 0.125rem rgba(255, 255, 255, 0.3);
}
body.theme-mode-dark .button.toggle-content-button svg {
  fill: white;
}
body.theme-mode-dark .button.toggle-content-button.is-open {
  -webkit-box-shadow: 0px 0px 40px 1px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0px 0px 40px 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 40px 1px rgba(255, 255, 255, 0.5);
}
body.theme-mode-dark .accordion-list .accordion .accordion-head .toggle-button {
  color: white;
}
body.theme-mode-dark footer {
  color: var(--color);
}
body.theme-mode-dark footer .social-links svg {
  fill: currentcolor;
}
body.theme-mode-dark footer .breadcrumb figure svg {
  fill: white;
}
body.theme-mode-dark .events .gradient-background {
  mix-blend-mode: soft-light;
}
body.theme-mode-dark form ul li input[type=text],
body.theme-mode-dark form ul li input[type=email],
body.theme-mode-dark form ul li input[type=tel],
body.theme-mode-dark form ul li input[type=password],
body.theme-mode-dark form ul li textarea {
  color: var(--color);
}
body.theme-mode-dark form input[type=checkbox] {
  border-color: white;
}
body.theme-mode-dark .flex-form .form input[type=text],
body.theme-mode-dark .flex-form .form input[type=email],
body.theme-mode-dark .flex-form .form input[type=tel],
body.theme-mode-dark .flex-form .form input[type=password],
body.theme-mode-dark .flex-form .form textarea {
  background-color: var(--button-background-color);
  color: var(--button-color);
}
body.theme-mode-dark .flex-form .form input[type=submit] {
  background-color: var(--button-background-color);
  color: var(--button-color);
}
body.theme-mode-dark .museum-info-bar .open-today {
  color: white;
}
body.theme-mode-dark .museum-info-bar .cta .button {
  border: 1px solid white;
  color: white;
}
body.theme-mode-dark dialog.lightbox .lightbox-content .wrapper {
  background-color: var(--background-color);
  --text-color: white;
}
body.theme-mode-dark dialog.lightbox .lightbox-content .wrapper .card,
body.theme-mode-dark dialog.lightbox .lightbox-content .wrapper .wrapper {
  background-color: var(--background-color);
}
body.theme-mode-dark .press-access-dialog .form ul li input[type=text],
body.theme-mode-dark .press-access-dialog .form ul li input[type=email],
body.theme-mode-dark .press-access-dialog .form ul li input[type=tel],
body.theme-mode-dark .press-access-dialog .form ul li textarea {
  background-color: white;
  color: black;
}
body.theme-mode-dark .press-access-dialog .form ul li input[type=text]:-webkit-autofill, body.theme-mode-dark .press-access-dialog .form ul li input[type=email]:-webkit-autofill, body.theme-mode-dark .press-access-dialog .form ul li input[type=tel]:-webkit-autofill, body.theme-mode-dark .press-access-dialog .form ul li textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
          box-shadow: 0 0 0 1000px white inset !important;
}
body.theme-mode-dark .press-access-dialog .form ul li input[type=text]:autofill, body.theme-mode-dark .press-access-dialog .form ul li input[type=text]:-webkit-autofill,
body.theme-mode-dark .press-access-dialog .form ul li input[type=email]:autofill,
body.theme-mode-dark .press-access-dialog .form ul li input[type=email]:-webkit-autofill,
body.theme-mode-dark .press-access-dialog .form ul li input[type=tel]:autofill,
body.theme-mode-dark .press-access-dialog .form ul li input[type=tel]:-webkit-autofill,
body.theme-mode-dark .press-access-dialog .form ul li textarea:autofill,
body.theme-mode-dark .press-access-dialog .form ul li textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
          box-shadow: 0 0 0 1000px white inset !important;
}
body.theme-mode-dark .form ul li input[type=text],
body.theme-mode-dark .form ul li input[type=email],
body.theme-mode-dark .form ul li input[type=tel],
body.theme-mode-dark .form ul li input[type=password],
body.theme-mode-dark .form ul li textarea {
  background-color: var(--background-color);
  color: var(--color);
}
body.theme-mode-dark .form ul li input[type=text]:focus-visible,
body.theme-mode-dark .form ul li input[type=email]:focus-visible,
body.theme-mode-dark .form ul li input[type=tel]:focus-visible,
body.theme-mode-dark .form ul li input[type=password]:focus-visible,
body.theme-mode-dark .form ul li textarea:focus-visible {
  outline-color: var(--color);
}
body.theme-mode-dark .form ul li input[type=text][aria-invalid=true],
body.theme-mode-dark .form ul li input[type=email][aria-invalid=true],
body.theme-mode-dark .form ul li input[type=tel][aria-invalid=true],
body.theme-mode-dark .form ul li input[type=password][aria-invalid=true],
body.theme-mode-dark .form ul li textarea[aria-invalid=true] {
  outline-color: var(--color-error);
}
body.theme-mode-dark .form ul li input[type=text]:-webkit-autofill, body.theme-mode-dark .form ul li input[type=email]:-webkit-autofill, body.theme-mode-dark .form ul li input[type=tel]:-webkit-autofill, body.theme-mode-dark .form ul li input[type=password]:-webkit-autofill, body.theme-mode-dark .form ul li textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
          box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  outline-color: var(--color);
}
body.theme-mode-dark .form ul li input[type=text]:autofill, body.theme-mode-dark .form ul li input[type=text]:-webkit-autofill,
body.theme-mode-dark .form ul li input[type=email]:autofill,
body.theme-mode-dark .form ul li input[type=email]:-webkit-autofill,
body.theme-mode-dark .form ul li input[type=tel]:autofill,
body.theme-mode-dark .form ul li input[type=tel]:-webkit-autofill,
body.theme-mode-dark .form ul li input[type=password]:autofill,
body.theme-mode-dark .form ul li input[type=password]:-webkit-autofill,
body.theme-mode-dark .form ul li textarea:autofill,
body.theme-mode-dark .form ul li textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
          box-shadow: 0 0 0 1000px var(--background-color-negative) inset !important;
  outline-color: var(--color);
}
body.theme-mode-dark .form ul li input[type=text]:-webkit-autofill:focus,
body.theme-mode-dark .form ul li input[type=email]:-webkit-autofill:focus,
body.theme-mode-dark .form ul li input[type=tel]:-webkit-autofill:focus,
body.theme-mode-dark .form ul li input[type=password]:-webkit-autofill:focus,
body.theme-mode-dark .form ul li textarea:-webkit-autofill:focus {
  outline-color: var(--color);
}
body.theme-mode-dark .form ul li .message.error svg {
  fill: currentColor;
}
body.theme-mode-dark .form input[type=checkbox] {
  border-color: var(--color);
}
body.theme-mode-dark .form input[type=checkbox]:focus {
  outline-color: var(--color);
  -webkit-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.5);
}
body.theme-mode-dark .form input[type=checkbox]:checked {
  background-color: var(--color);
}
body.theme-mode-dark .form input[type=checkbox]:checked:before {
  color: var(--color-negative);
}
body.theme-mode-dark .form input[type=radio] {
  border-color: var(--color);
}
body.theme-mode-dark .form input[type=radio]:checked {
  background-color: var(--color);
}
body.theme-mode-dark .form .select-menu {
  color: var(--color);
  background-color: var(--background-color);
}
body.theme-mode-dark .form .select-menu .select-arrow svg {
  fill: var(--color);
}
body.theme-mode-dark .form .submit[disabled] {
  background-color: var(--background-button-disabled-color);
}
body.theme-mode-dark.background-negative {
  background-color: var(--background-color);
  color: var(--color);
}
body.theme-mode-dark.background-negative header .header-bar .sgn-logo svg {
  fill: var(--color);
}
body.theme-mode-dark.background-negative header .header-bar .meta-menu-wrapper {
  background-color: var(--background-color-negative);
  color: var(--color);
}
body.theme-mode-dark.background-negative header .header-bar .nav-menu-button {
  color: var(--color);
}
body.theme-mode-dark.background-negative footer {
  background-color: var(--background-color);
}
body.theme-mode-dark.background-negative.sticky .scroll-up header .header-bar .sgn-logo svg {
  fill: var(--color-negative);
}
body.theme-mode-dark.background-negative.sticky .scroll-up header .nav-menu-button {
  color: var(--color-negative);
}
body.theme-mode-dark.search-page .search-bar form input {
  color: var(--color);
  background-color: black;
}
body.theme-mode-dark.search-page .search-bar form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px black inset !important;
  box-shadow: 0 0 0 1000px black inset !important;
  -webkit-text-fill-color: var(--color) !important;
  background-color: black !important;
}
body.theme-mode-dark.search-page .search-bar form input:autofill, body.theme-mode-dark.search-page .search-bar form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px black inset !important;
  box-shadow: 0 0 0 1000px black inset !important;
  -webkit-text-fill-color: var(--color) !important;
  background-color: black !important;
}
body.theme-mode-dark.search-page .search-bar form .filter-button {
  outline-color: white;
  background-color: var(--background-color);
  color: var(--color);
}
body.theme-mode-dark.search-page .search-bar form .filter-button.active {
  background-color: white;
  color: black;
}
body.theme-mode-dark.search-page .search-bar form .filter-button:focus-visible {
  outline: 2.5px solid white;
}
body.theme-mode-dark.search-page .search-bar form .filter-button:not(.active):hover {
  background-color: var(--background-color);
  -webkit-box-shadow: 0 0 1rem 0 rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0 0 1rem 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1rem 0 rgba(255, 255, 255, 0.5);
}
body.theme-mode-dark.search-page .search-bar form .search-input-button svg {
  fill: var(--color);
}
body.theme-mode-dark.team-single .background {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(103, 100, 109)), to(rgba(225, 220, 237, 0)));
  background: -webkit-linear-gradient(rgb(103, 100, 109) 0%, rgba(225, 220, 237, 0) 100%);
  background: -moz-linear-gradient(rgb(103, 100, 109) 0%, rgba(225, 220, 237, 0) 100%);
  background: -o-linear-gradient(rgb(103, 100, 109) 0%, rgba(225, 220, 237, 0) 100%);
  background: linear-gradient(rgb(103, 100, 109) 0%, rgba(225, 220, 237, 0) 100%);
}
body.theme-mode-dark.team-single .background svg {
  opacity: 0.3;
}
body.theme-mode-dark.page-contact .background {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(107, 98, 98)), to(rgba(237, 220, 220, 0)));
  background: -webkit-linear-gradient(rgb(107, 98, 98) 0%, rgba(237, 220, 220, 0) 100%);
  background: -moz-linear-gradient(rgb(107, 98, 98) 0%, rgba(237, 220, 220, 0) 100%);
  background: -o-linear-gradient(rgb(107, 98, 98) 0%, rgba(237, 220, 220, 0) 100%);
  background: linear-gradient(rgb(107, 98, 98) 0%, rgba(237, 220, 220, 0) 100%);
}
body.theme-mode-dark.page-contact .background svg {
  opacity: 0.3;
}

body.contrast-high-mode {
  --background-color: rgb(255, 255, 255);
  --background-color-transparent: rgb(255, 255, 255);
  --background-color-negative: black;
  --color: black;
  --color-negative: white;
  --color-error: rgb(255, 0, 0);
  --color-success: rgb(20, 208, 0);
  --color-table-line: #000000;
  --button-background-color: black;
  --button-background-color-negative: white;
  --button-color: white;
  --button-color-negative: black;
  --background-color-press-release: white;
  --background-button-disabled-color: rgb(125, 125, 125);
  --link-square-button-color: black;
  --footer-background: rgba(0, 0, 0, 0.8);
  --footer-border-color: rgb(255, 255, 255);
  --footer-logo-sgn-color: rgb(255, 255, 255);
  --header-color-ticket: #000000;
  --header-color-closed: #000000;
  --menu-background: #ffffff;
  --image-background: #F4F4F4;
  --exhibition-archive-sgn-color: #e7cbf8;
  --exhibition-new-sticker-color: #5BA853;
  --page-story-background-color: #ffffff;
  --background-color-page-columns: #ffffff;
  --science-feed-background-color: #F5F5F7;
  --mediathek-archive-sgn-color: #A3A3A3;
  --mediathek-footer-background-color: #000000;
  --color-benefit-membership: rgb(0, 0, 0);
  --members-color: rgb(0, 0, 0);
  --members-public-sgn-color: rgb(120, 157, 74);
  --members-card-background-color: #F5F5F7;
  --members-form-button-label-color: rgb(120, 157, 74);
  --members-form-button-link-color: #403434;
  --members-application-form-background-color: #F5F5F7;
  --members-news-background-color: rgb(245, 247, 241);
  --search-highlight-color: #efbd35;
  background-color: white !important;
  color: black !important;
  -webkit-filter: none !important;
          filter: none !important;
  mix-blend-mode: normal !important;
  font-weight: 600;
  font-variation-settings: "wght" 550;
}
body.contrast-high-mode strong,
body.contrast-high-mode bold {
  font-weight: 800;
  font-variation-settings: "wght" 800;
}
body.contrast-high-mode * {
  opacity: 1 !important;
}
body.contrast-high-mode img {
  -webkit-filter: contrast(2), saturate(0.5);
          filter: contrast(2), saturate(0.5);
}
body.contrast-high-mode header .nav-dialog .primary-navigation {
  outline: 3px solid black;
}
body.contrast-high-mode header .nav-dialog .utility-nav .search-bar .search-input input[type=search] {
  border: 2px solid black;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
body.contrast-high-mode header .nav-dialog .utility-nav .accessibility-dialog-button {
  background-color: black !important;
  color: white !important;
}
body.contrast-high-mode header .nav-dialog .utility-nav .accessibility-dialog-button svg {
  background-color: black !important;
  fill: white !important;
}
body.contrast-high-mode header .nav-dialog .utility-nav .theme-mode-toggle {
  background-color: black;
}
body.contrast-high-mode header .nav-dialog .utility-nav .theme-mode-toggle .mode .icon {
  background-color: white;
}
body.contrast-high-mode header .nav-dialog .utility-nav .theme-mode-toggle.light-active {
  background-color: white;
  outline: 3px solid black;
  color: black;
}
body.contrast-high-mode header .accessibility-dialog .button-group .button .icon svg {
  background-color: black !important;
  fill: black !important;
}
body.contrast-high-mode .hero.text-gradient .copy-wrapper {
  background: black !important;
  color: white !important;
  margin-bottom: 3rem;
}
body.contrast-high-mode .card,
body.contrast-high-mode .card * {
  background-color: white !important;
  color: black !important;
}
body.contrast-high-mode .card {
  outline: 3px solid black;
}
body.contrast-high-mode .card .cta .lightbox-button .icon {
  background-color: black !important;
}
body.contrast-high-mode .card .cta .lightbox-button .icon svg {
  background-color: black !important;
  fill: white !important;
}
body.contrast-high-mode .card .new,
body.contrast-high-mode .card .new span {
  color: white !important;
  background-color: black !important;
}
body.contrast-high-mode .press-release-flex-teaser .teaser-item,
body.contrast-high-mode .home-teaser-slider .teaser-item {
  color: black !important;
  outline: 3px solid black;
  padding: 0.5rem;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
}
body.contrast-high-mode.press-release-archive .press-teaser-item {
  color: black !important;
}
body.contrast-high-mode .button,
body.contrast-high-mode .button .label {
  background-color: black !important;
  color: white !important;
}
body.contrast-high-mode .button svg,
body.contrast-high-mode .button .label svg {
  background-color: black !important;
  fill: white !important;
}
body.contrast-high-mode footer,
body.contrast-high-mode footer * {
  background-color: black !important;
  color: white !important;
}
body.contrast-high-mode .headline-on-image .headline-wrapper,
body.contrast-high-mode .headline-on-image .headline-wrapper *,
body.contrast-high-mode .headline-on-image .text-wrapper,
body.contrast-high-mode .headline-on-image .text-wrapper * {
  background-color: white !important;
  color: black !important;
  padding: 0.5rem;
}
body.contrast-high-mode .headline-on-image .headline-wrapper .button,
body.contrast-high-mode .headline-on-image .headline-wrapper .button .label,
body.contrast-high-mode .headline-on-image .headline-wrapper * .button,
body.contrast-high-mode .headline-on-image .headline-wrapper * .button .label,
body.contrast-high-mode .headline-on-image .text-wrapper .button,
body.contrast-high-mode .headline-on-image .text-wrapper .button .label,
body.contrast-high-mode .headline-on-image .text-wrapper * .button,
body.contrast-high-mode .headline-on-image .text-wrapper * .button .label {
  background-color: black !important;
  color: white !important;
}
body.contrast-high-mode .headline-on-image .headline-wrapper .button svg,
body.contrast-high-mode .headline-on-image .headline-wrapper .button .label svg,
body.contrast-high-mode .headline-on-image .headline-wrapper * .button svg,
body.contrast-high-mode .headline-on-image .headline-wrapper * .button .label svg,
body.contrast-high-mode .headline-on-image .text-wrapper .button svg,
body.contrast-high-mode .headline-on-image .text-wrapper .button .label svg,
body.contrast-high-mode .headline-on-image .text-wrapper * .button svg,
body.contrast-high-mode .headline-on-image .text-wrapper * .button .label svg {
  background-color: black !important;
  fill: white !important;
}
body.contrast-high-mode .newsletter,
body.contrast-high-mode .link-block {
  background-color: white !important;
  color: black !important;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}
body.contrast-high-mode .newsletter .newsletter-form fieldset input[type=text],
body.contrast-high-mode .newsletter .newsletter .newsletter-form fieldset input[type=email] {
  border: 3px solid black;
  -webkit-border-radius: var(--border-radius-small);
     -moz-border-radius: var(--border-radius-small);
          border-radius: var(--border-radius-small);
}
body.contrast-high-mode .newsletter .newsletter-form fieldset input[type=checkbox] {
  border-width: 3px;
}
body.contrast-high-mode .events .gradient-background {
  display: none !important;
}
body.contrast-high-mode .events .event-list > ul > li .description .copy {
  font-weight: 600;
  font-variation-settings: "wght" 550;
}
body.contrast-high-mode .page-header-home .intro {
  background-color: black !important;
  color: white !important;
  padding: 0.25rem;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  mix-blend-mode: normal;
}
body.contrast-high-mode .card-lightbox-image-gallery .cards .card .cta .button svg {
  background-color: white !important;
  fill: black !important;
}
body.contrast-high-mode .video-teaser-card .background-image {
  display: none;
}
body.contrast-high-mode .video-teaser-card .cta .lightbox-button {
  background-color: white !important;
}
body.contrast-high-mode .video-teaser-card .cta .lightbox-button svg {
  background-color: transparent !important;
  fill: black !important;
}
body.contrast-high-mode .video-teaser-card .cta .lightbox-button:hover {
  outline-color: black;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
body.contrast-high-mode .video-teaser-card .button-youtube .text {
  background-color: transparent !important;
  color: white !important;
}
body.contrast-high-mode.exhibition-archive .headline .logo {
  visibility: hidden;
}
body.contrast-high-mode.exhibition-archive .term-section {
  border-top: 3px solid black;
}
body.contrast-high-mode.exhibition-archive .teaser .cta,
body.contrast-high-mode.exhibition-archive .teaser .image-wrapper,
body.contrast-high-mode.exhibition-archive .teaser figure {
  background-color: transparent !important;
}
body.contrast-high-mode.exhibition-archive .museum-info-bar {
  background-color: rgb(42, 42, 42) !important;
}
body.contrast-high-mode .item.mediathek .card .play-cta {
  background-color: transparent !important;
}
body.contrast-high-mode .item.mediathek .card .play-cta .playline {
  background-color: black !important;
}
body.contrast-high-mode .item.mediathek .card .play-cta .play svg {
  background-color: white !important;
  fill: black !important;
}
body.contrast-high-mode .item.mediathek .shorts .button svg {
  background-color: white !important;
  fill: black !important;
}
body.contrast-high-mode .item.mediathek .shorts .copy {
  padding-top: 0;
}
body.contrast-high-mode .item.mediathek .shorts .copy:after {
  content: none !important;
}
body.contrast-high-mode .item.mediathek .shorts .copy .copy-inner-wrapper {
  padding: 0;
}
body.contrast-high-mode .pseudo-select-menu {
  border-width: 3px;
}
body.contrast-high-mode .pseudo-select-menu .select {
  color: black !important;
}
body.contrast-high-mode .pseudo-select-menu .selected label {
  font-weight: 800 !important;
  font-variation-settings: "wght" 800 !important;
}
body.contrast-high-mode.exhibit-sponsorship .form-wrapper, body.contrast-high-mode.membership-application .form-wrapper {
  outline: 1.5px solid black;
  background-color: white !important;
  color: black !important;
}
body.contrast-high-mode .form input[type=radio],
body.contrast-high-mode .form input[type=checkbox] {
  border-width: 3px;
}
body.contrast-high-mode .form ul li label {
  font-weight: 550 !important;
  font-variation-settings: "wght" 550 !important;
}
body.contrast-high-mode dialog.lightbox {
  background-color: white;
}
body.contrast-high-mode .page-header-home .layer {
  background-color: black;
}
body.contrast-high-mode .exhibition-slider .slider-items .item .wrapper .headline-wrapper {
  background-color: white;
}
body.contrast-high-mode.home .nav-menu-button {
  background-color: black !important;
  color: white !important;
  -webkit-border-radius: var(--border-radius-big);
     -moz-border-radius: var(--border-radius-big);
          border-radius: var(--border-radius-big);
  padding: 1rem;
}
body.contrast-high-mode .leibniz-istitut-footer {
  background-color: rgb(59, 59, 59) !important;
  mix-blend-mode: normal;
  color: white !important;
}
body.contrast-high-mode .columns-content .aside-cols-layout {
  font-weight: 600;
  font-variation-settings: "wght" 550;
}

@media print {
  @page {
    size: A4 portrait;
    margin-top: 15mmm;
    margin-bottom: 5mm;
    margin-left: 25mm;
    margin-right: 10mm;
  }
  html {
    font-size: 9.5pt;
  }
  body {
    width: auto !important;
    max-width: 100% !important;
  }
  header {
    display: none;
  }
  main {
    min-height: unset !important;
  }
  footer {
    height: auto;
    margin-top: 10mm;
    font-size: 8pt;
    page-break-inside: avoid;
  }
  footer .footer-wrapper {
    background: none !important;
    color: black !important;
    padding-bottom: 0;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  footer .breadcrumb {
    border-top: 1px solid black;
    padding-top: 0.75rem;
  }
  footer .breadcrumb .logo svg {
    fill: black;
    height: 5mm;
    width: auto;
  }
  footer .footer-nav {
    display: none;
  }
  footer .footer-copy {
    border-bottom: none;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    color: black;
    font-size: 8pt;
  }
  footer .footer-copy nav {
    display: none;
  }
  footer .logos-social {
    margin-top: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--cards-gap);
  }
  footer .logos-social .logo svg {
    fill: black;
  }
  footer .logos-social .logo.logo-sgn svg {
    fill: black;
    height: 8mm;
    width: auto;
  }
  footer .logos-social .logo.logo-leibniz svg {
    fill: black;
    height: 16mm;
    width: auto;
  }
  footer .logos-social .social-links {
    display: none;
  }
  table,
  pre {
    page-break-inside: avoid;
  }
  main .copy a::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: black;
    line-height: 1.1;
  }
  .toggle-content {
    display: block !important;
  }
  .toggle-content[hiddden] {
    display: block !important;
  }
  .toggle-button .button {
    display: none;
  }
  .link-list-item a {
    position: relative;
  }
  .link-list-item a:after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: black;
    line-height: 1.1;
    display: block;
    position: absolute;
    top: 0.5rem;
  }
  .page-contact .background,
  .team-single .background {
    display: none;
  }
  .page-contact .team-member,
  .team-single .team-member {
    margin-top: 0;
    margin-bottom: 3rem;
  }
  .page-contact .margin-4,
  .team-single .margin-4 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
  }
  .page-contact .link-wrapper,
  .team-single .link-wrapper {
    display: block !important;
    width: 100%;
    float: left;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .page-contact .button,
  .team-single .button {
    background: none;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    float: left;
    line-height: 1.1;
    height: auto;
  }
  .page-contact .button:after,
  .team-single .button:after {
    content: attr(href);
    color: black !important;
    line-height: 1.1;
  }
  .page-contact .button span,
  .page-contact .button .label,
  .team-single .button span,
  .team-single .button .label {
    display: none !important;
  }
  .page-contact .button svg,
  .team-single .button svg {
    display: none !important;
  }
  .page-contact .button.vcard, .page-contact .button.print,
  .team-single .button.vcard,
  .team-single .button.print {
    display: none !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    orphans: 3;
    widows: 2;
  }
  .press-release-single {
    background-color: white;
  }
  .press-release-single main {
    padding-top: 0;
  }
  .press-release-single .print-url {
    display: block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-bottom: 2rem;
  }
  .press-release-single footer {
    display: none;
  }
  .press-release-single .partners,
  .press-release-single .aside-copy,
  .press-release-single .press-download,
  .press-release-single .content-wrapper {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
  }
  .press-release-single .content-wrapper {
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    -webkit-column-break-before: avoid;
       -moz-column-break-before: avoid;
            break-before: avoid-page;
    break-before: avoid;
    page-break-inside: auto;
  }
  .press-release-single .partners {
    width: 100%;
    float: left;
    display: block;
  }
  .press-release-single .overline,
  .press-release-single .overline h1 {
    -webkit-column-break-before: avoid;
       -moz-column-break-before: avoid;
            break-before: avoid-page;
    -webkit-column-break-after: avoid;
       -moz-column-break-after: avoid;
            break-after: avoid;
  }
  .press-release-single .no-split {
    break-inside: avoid-page;
    break-inside: avoid-page;
    page-break-inside: avoid;
  }
  .press-release-single .print-logo {
    display: block;
    width: 100%;
  }
  .press-release-single .print-logo svg {
    width: 7cm;
    height: auto;
    padding-top: 1cm;
  }
  .press-release-single img {
    background-color: transparent !important;
  }
  @page {
    @bottom-right {
      content: counter(page) " / " counter(pages);
      font-size: 8pt;
    }
  }
}

/*# sourceMappingURL=main.css.map */