@charset "UTF-8";
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}


/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-v36-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto-sans-v36-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto-sans-v36-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/noto-sans-v36-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-v36-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto-sans-v36-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/noto-sans-v36-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --padding: 1.5rem;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;
  --color-light: #efefef;
  --color-text: var(--color-black);
  --color-text-grey: var(--color-grey);
  --color-background: var(--color-white);
  --color-code-light-grey: #cacbd1;
  --color-code-comment: #a9aaad;
  --color-code-white: #c5c9c6;
  --color-code-red: #d16464;
  --color-code-orange: #de935f;
  --color-code-yellow: #f0c674;
  --color-code-green: #a7bd68;
  --color-code-aqua: #8abeb7;
  --color-code-blue: #7e9abf;
  --color-code-purple: #b294bb;
  --black: #000000;
  --schwarz: #000000;
  --white: #ffffff;
  --weiss: #ffffff;
  --orange: #EA7824;
  --orange-dark: #BA5812;
  --green: #5CC250;
  --green-dark: #37842E;
  --gray-light: #E4E4E4;
  --gray-dark-bg: #3C3C3B;
  --gray-light-bg: #E8E8E8;
  --font-family-sans: "Noto Sans", "Myriad Pro", Helvetica, Arial, sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --box-shadow: 0 0px 42px;
  --box-shadow-color: rgba(0, 0, 0, .1);
  --border-radius: 0;
  --superdarkgray: #3E3E3E;
  --superlightgray: #f6f6f6;
}

/* @link https://utopia.fyi/grid/calculator?c=340,16,1.125,1332,18,1.2,8,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,l-2xl&g=s,l,2xl,12 */
:root {
  --grid-max-width: 83.25rem;
  --grid-gutter: var(--space-s-l, clamp(1rem, 0.5716rem + 2.0161vw, 2.25rem));
  --grid-columns: 12;
}

.u-container {
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  margin-inline: auto;
}

.u-grid, .grid {
  display: grid;
  gap: var(--grid-gutter);
}

.grid {
  /*  --columns: 12;
   --gutter: 3rem;
   display: grid;
   grid-gap: var(--gutter);
   grid-template-columns: 1fr; */
}

.grid > .column {
  margin-bottom: var(--gutter);
}

.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}

@media (min-width: 768px) {
  /* body {
     --padding: 3rem;
   }
  */
  .grid {
    grid-template-columns: repeat(var(--grid-columns), 1fr);
  }
  .grid > .column {
    grid-column: span var(--columns);
  }
}
.blocksgrid {
  row-gap: 0 !important;
}
.blocksgrid .img {
  --w: auto;
  --h: auto;
  background: transparent;
  padding-bottom: 0;
}
.blocksgrid .img img {
  position: relative !important;
  height: auto;
  object-fit: cover;
  border: 0;
}

@media (min-width: 768px) {
  .blocksgrid {
    row-gap: 0;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid h1, .blocksgrid h2, .blocksgrid h3, .blocksgrid h4, .blocksgrid h5, .blocksgrid p, .blocksgrid ul, .blocksgrid iframe, .blocksgrid address, .blocksgrid .author-container {
    grid-column: 3/11;
  }
  .blocksgrid .feature-video__video {
    grid-column: 4/10;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid blockquote {
    grid-column: 2/12;
  }
  .blocksgrid .img {
    grid-column: 3/11;
    --w: auto;
    --h: auto;
    background: transparent;
    padding-bottom: 0;
  }
  .blocksgrid .img img {
    position: relative !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border: 0;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid iframe {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
  }
  .blocksgrid .imgcaption {
    grid-column: 2/12;
    --w: auto;
    --h: auto;
    display: flex;
    gap: var(--space-l);
  }
  .blocksgrid .imgcaption picture, .blocksgrid .imgcaption img {
    flex: 0 0 80%;
  }
  .blocksgrid .imgcaption figcaption {
    flex: 1 1 auto;
  }
}
* {
  /* 	margin: 0;
  	padding: 0; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* .active a { text-decoration:underline;} */
html {
  font-family: var(--font-family-sans);
  color: var(--color-text);
  background: var(--color-background);
}

figure, h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
}

body {
  /* padding: var(--padding);
  max-width: 70rem;
  margin: 0 auto; */
}

ul {
  margin-left: 0;
  padding-left: 0;
}

a {
  color: currentColor;
  text-decoration: none;
}

button {
  font: inherit;
  background: none;
  border: 0;
  color: currentColor;
  cursor: pointer;
}

strong, b {
  font-weight: 600;
}

small {
  font-size: inherit;
  color: var(--color-text-grey);
}

body {
  color: var(--superdarkgray);
}

main,
main p {
  font-size: var(--step-0);
  line-height: 1.6;
  hyphens: auto;
}

p {
  margin-bottom: var(--space-s);
}

p + blockquote,
ul + blockquote,
p + figure.img,
ul + figure.img {
  margin-top: var(--space-2xl);
}

strong {
  font-weight: 700;
}

main ul {
  margin: 0;
  margin-bottom: var(--space-s);
}

main li {
  list-style: none;
  padding-left: 1.5em;
  position: relative;
}
main li:before {
  content: "";
  height: 0.5em;
  width: 0.5em;
  position: absolute;
  left: 0;
  background: var(--orange);
  border-radius: 50px;
  top: 0.6em;
}

h1, .h1 {
  font-size: var(--step-6);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: var(--space-2xl);
}

h2, .h2 {
  font-size: var(--step-3);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: var(--space-l);
}

h3, .h3 {
  font-size: var(--step-2);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: var(--space-s);
}

h4, .h4 {
  font-size: var(--step-1);
  font-weight: 600;
  line-height: 1.4;
}

.h2 + .h4 {
  margin-top: calc(var(--space-2xs) / -1);
}

.h1 + .h3 {
  margin-top: calc(var(--space-2xs) / -1);
}

p + h2, p + .h2,
p + h3, p + .h3,
ul + h4, ul + .h4,
ul + h2, ul + .h2,
address + h2,
details + h2 {
  margin-top: var(--space-xl);
}

.marginalie + .h2,
.pubmeta + .h2 {
  margin-top: 0;
}

.teaserkat {
  font-size: var(--step-1);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: var(--space-m);
}

.teasercopy {
  font-size: var(--step--1);
  line-height: 1.4;
  margin-bottom: var(--space-l);
}

.pfad {
  font-size: var(--step-0);
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: var(--space-xl);
}

.autoren {
  font-size: var(--step--1);
  margin-bottom: var(--space-s);
  font-style: italic;
  font-weight: 400;
}

.autoren p {
  font-size: var(--step--1);
  font-weight: 400;
  margin-bottom: 0;
  font-style: italic;
}
.autoren p a {
  font-weight: 600;
}
.autoren p a:hover {
  text-decoration: underline;
}

.number {
  display: inline-flex;
  font-weight: 600;
  width: 2.2em;
  height: 2.2em;
  border: 2px solid var(--orange);
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.marginalie {
  font-size: var(--step--2);
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: var(--space-s);
}

.marginale--italic {
  font-size: var(--step--2);
  font-weight: 500;
  font-style: italic;
}

.m-orange {
  color: var(--orange-dark);
}

.facts {
  font-size: var(--step--1);
  font-weight: 800;
}

a {
  font-weight: 600;
  text-decoration: underline;
}

figcaption {
  font-size: var(--step--1);
  margin-bottom: var(--space-xl);
}

blockquote {
  font-size: var(--step-3);
  font-weight: 500;
  font-style: italic;
  padding: 0;
  margin: 0;
  margin-bottom: var(--space-3xl);
}
.btn {
  background: var(--superdarkgray);
  color: white;
  border-radius: 50px;
  padding: 0.5em 1.2em;
  font-size: var(--step--1);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  margin-right: 0.5em;
}
.btn--download {
  background: transparent;
  border: 1px solid var(--orange);
  color: var(--color-text);
}
.btn--download svg {
  height: 1.5em;
  width: 1.5em;
  margin-right: 1em;
}
.btn--newsletter {
  color: var(--superdarkgray);
  background: white;
}
.btn--hollow-orange {
  background: transparent;
  border: 1px solid var(--orange);
  color: var(--text-color);
}
.sustainablity .btn--hollow-orange {
  border: 1px solid var(--green);
}

.video,
.img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--color-black);
}

.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}

.img[data-contain] img {
  object-fit: contain;
}

.img-caption,
.video-caption {
  padding-top: 0.75rem;
  line-height: 1.5em;
}

.map {
  --w: 2;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  background: var(--color-black);
}

.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.margin-s {
  margin-bottom: 0.75rem;
}

.margin-m {
  margin-bottom: 1.5rem;
}

.margin-l {
  margin-bottom: 3rem;
}

.margin-xl {
  margin-bottom: 4.5rem;
}

.margin-xxl {
  margin-bottom: 6rem;
}

html, body {
  padding: 0;
  margin: 0;
  background-color: var(--superlightgray);
}

html {
  scroll-behavior: smooth;
}

figure {
  display: block;
  font-size: 0;
}

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

main {
  position: relative;
  z-index: 1;
  margin-top: var(--space-2xl);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex-grow: 1;
}

.bg-light {
  background-color: var(--color-light);
}

.color-grey {
  color: var(--color-text-grey);
}

.section {
  padding: 3rem 0;
}

.cover-shadow {
  box-shadow: 0.7em 0.8em 0 rgba(0, 0, 0, 0.3);
}

.ecke:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: var(--space-xl) solid transparent;
  border-left: var(--space-xl) solid var(--superlightgray);
}

.pagination {
  display: flex;
  padding-top: 6rem;
}

.pagination > span {
  color: var(--color-text-grey);
}

.pagination > * {
  padding: 0.5rem;
  width: 3rem;
  text-align: center;
  border: 2px solid currentColor;
  margin-right: 1.5rem;
}

.pagination > a:hover {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.note-excerpt {
  line-height: 1.5em;
}

.note-excerpt header {
  margin-bottom: 1.5rem;
}

.note-excerpt figure {
  margin-bottom: 0.5rem;
}

.note-excerpt-title {
  font-weight: 600;
}

.note-excerpt-date {
  color: var(--color-text-grey);
}

section {
  margin-bottom: var(--space-2xl);
}

.kontakt-social {
  margin-bottom: var(--space-xl);
}
.kontakt-social a {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-2xs);
}
.kontakt-social a img {
  height: 1em;
  width: 1em;
  margin-right: 0.8em;
}

/* @link https://utopia.fyi/grid/calculator?c=340,16,1.125,1332,18,1.2,8,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,l-2xl&g=s,l,2xl,12 */
:root {
  --grid-max-width: 83.25rem;
  --grid-gutter: var(--space-s-l, clamp(1rem, 0.5716rem + 2.0161vw, 2.25rem));
  --grid-columns: 12;
}

.u-container {
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  margin-inline: auto;
}

.u-grid, .grid {
  display: grid;
  gap: var(--grid-gutter);
}

.grid {
  /*  --columns: 12;
   --gutter: 3rem;
   display: grid;
   grid-gap: var(--gutter);
   grid-template-columns: 1fr; */
}

.grid > .column {
  margin-bottom: var(--gutter);
}

.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}

@media (min-width: 768px) {
  /* body {
     --padding: 3rem;
   }
  */
  .grid {
    grid-template-columns: repeat(var(--grid-columns), 1fr);
  }
  .grid > .column {
    grid-column: span var(--columns);
  }
}
.blocksgrid {
  row-gap: 0 !important;
}
.blocksgrid .img {
  --w: auto;
  --h: auto;
  background: transparent;
  padding-bottom: 0;
}
.blocksgrid .img img {
  position: relative !important;
  height: auto;
  object-fit: cover;
  border: 0;
}

@media (min-width: 768px) {
  .blocksgrid {
    row-gap: 0;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid h1, .blocksgrid h2, .blocksgrid h3, .blocksgrid h4, .blocksgrid h5, .blocksgrid p, .blocksgrid ul, .blocksgrid iframe, .blocksgrid address, .blocksgrid .author-container {
    grid-column: 3/11;
  }
  .blocksgrid .feature-video__video {
    grid-column: 4/10;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid blockquote {
    grid-column: 2/12;
  }
  .blocksgrid .img {
    grid-column: 3/11;
    --w: auto;
    --h: auto;
    background: transparent;
    padding-bottom: 0;
  }
  .blocksgrid .img img {
    position: relative !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border: 0;
    margin-bottom: var(--space-2xl);
  }
  .blocksgrid iframe {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
  }
  .blocksgrid .imgcaption {
    grid-column: 2/12;
    --w: auto;
    --h: auto;
    display: flex;
    gap: var(--space-l);
  }
  .blocksgrid .imgcaption picture, .blocksgrid .imgcaption img {
    flex: 0 0 80%;
  }
  .blocksgrid .imgcaption figcaption {
    flex: 1 1 auto;
  }
}
/* @link https://utopia.fyi/space/calculator?c=340,16,1.125,1332,18,1.2,8,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,l-2xl&g=s,l,2xl,12 */
:root {
  --space-3xs: clamp(0.25rem, 0.2286rem + 0.1008vi, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4786rem + 0.1008vi, 0.5625rem);
  --space-xs: clamp(0.75rem, 0.7072rem + 0.2016vi, 0.875rem);
  --space-s: clamp(1rem, 0.9572rem + 0.2016vi, 1.125rem);
  --space-m: clamp(1.5rem, 1.4357rem + 0.3024vi, 1.6875rem);
  --space-l: clamp(2rem, 1.9143rem + 0.4032vi, 2.25rem);
  --space-xl: clamp(3rem, 2.8715rem + 0.6048vi, 3.375rem);
  --space-2xl: clamp(4rem, 3.8286rem + 0.8065vi, 4.5rem);
  --space-3xl: clamp(6rem, 5.7429rem + 1.2097vi, 6.75rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.25rem, 0.1429rem + 0.504vi, 0.5625rem);
  --space-2xs-xs: clamp(0.5rem, 0.3715rem + 0.6048vi, 0.875rem);
  --space-xs-s: clamp(0.75rem, 0.6215rem + 0.6048vi, 1.125rem);
  --space-s-m: clamp(1rem, 0.7644rem + 1.1089vi, 1.6875rem);
  --space-m-l: clamp(1.5rem, 1.2429rem + 1.2097vi, 2.25rem);
  --space-l-xl: clamp(2rem, 1.5287rem + 2.2177vi, 3.375rem);
  --space-xl-2xl: clamp(3rem, 2.4859rem + 2.4194vi, 4.5rem);
  --space-2xl-3xl: clamp(4rem, 3.0575rem + 4.4355vi, 6.75rem);
  /* Custom pairs */
  --space-l-2xl: clamp(2rem, 1.1431rem + 4.0323vi, 4.5rem);
}

/* @link https://utopia.fyi/type/calculator?c=340,16,1.125,1332,18,1.2,8,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,l-2xl&g=s,l,2xl,12 */
:root {
  --step--3: clamp(0.651rem, 0.7199rem + -0.0827vi, 0.7023rem);
  --step--2: clamp(0.7813rem, 0.7932rem + -0.0143vi, 0.7901rem);
  --step--1: clamp(0.8889rem, 0.8722rem + 0.0784vi, 0.9375rem);
  --step-0: clamp(1rem, 0.9572rem + 0.2016vi, 1.125rem);
  --step-1: clamp(1.125rem, 1.0479rem + 0.3629vi, 1.35rem);
  --step-2: clamp(1.2656rem, 1.1442rem + 0.5716vi, 1.62rem);
  --step-3: clamp(1.4238rem, 1.2455rem + 0.839vi, 1.944rem);
  --step-4: clamp(1.6018rem, 1.3513rem + 1.179vi, 2.3328rem);
  --step-5: clamp(1.802rem, 1.4602rem + 1.6086vi, 2.7994rem);
  --step-6: clamp(2.0273rem, 1.5708rem + 2.1483vi, 3.3592rem);
  --step-7: clamp(2.2807rem, 1.6808rem + 2.8232vi, 4.0311rem);
  --step-8: clamp(2.5658rem, 1.7872rem + 3.6637vi, 4.8373rem);
}

button.burger-icon {
  display: none;
}

@media (max-width: 768px) {
  button.burger-icon {
    color: var(--superdarkgray);
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    display: block;
    outline: 0;
    background: transparent;
    height: 5em;
    margin: 0;
    padding: 0;
    width: 4em;
    z-index: 11;
  }
  button.burger-icon svg {
    height: 2em;
    width: 2em;
  }
  button.burger-icon path {
    transition: all 0.4s ease-in-out;
  }
  button.burger-icon path#burger-upper {
    transform: rotate(0deg);
    transform-origin: 21px 0;
  }
  button.burger-icon path#burger-lower {
    transform: rotate(0deg);
    transform-origin: 24px 16px;
  }
  button.burger-icon path#burger-middle {
    opacity: 1;
  }
  button.burger-icon.close-button {
    color: var(--weiss);
  }
  button.burger-icon.close-button path#burger-upper {
    transform: translateX(-2px) rotate(-45deg);
  }
  button.burger-icon.close-button path#burger-lower {
    transform: translateX(-1px) rotate(45deg);
  }
  button.burger-icon.close-button path#burger-middle {
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .main-navigation {
    display: none;
    overflow-y: auto;
  }
  body.open {
    display: block;
    position: fixed;
    top: 3.6em;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--grey);
    z-index: 20;
  }
  body.open .main-navigation {
    display: block;
  }
  body.open .logo {
    visibility: hidden;
  }
  body.open .language-switcher {
    position: absolute;
    top: 1.2em;
    left: 0.8em;
  }
  body.open .pop-up-wrapper {
    display: flex;
    flex-direction: column;
    background: grey;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 10;
  }
  nav {
    flex: 1 1 auto;
    display: block;
    margin-top: 1.6em;
    padding: 0 0 0 15px;
  }
  nav > ul {
    text-align: left;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }
  nav > ul > li {
    display: block;
    border-right: 0;
    border-radius: 0;
    position: relative;
    margin: 0;
    padding: 0;
    color: white;
  }
  nav > ul > li > a {
    text-decoration: none;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    margin: 0;
    display: inline-block;
    transition: color 0.2s linear, border-color 0.2s linear;
    font: 700 1.3em/1.4 var(--font-family-sans);
    color: white;
    padding: 0.4em 0 0 0;
    white-space: nowrap;
  }
  nav > ul > li > a:hover, nav > ul > li > a.active {
    color: white;
    border-color: var(--orange);
  }
  nav > ul > li > a.active {
    font-weight: 700;
  }
  nav > ul > li .more {
    width: 2.4em;
    height: 2.4em;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 212;
    position: absolute;
    top: 0.3em;
    right: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out;
  }
  nav > ul > li .more svg {
    height: 20px;
    width: 20px;
  }
  nav > ul > li.hover > .more, nav > ul > li.active > .more, nav > ul > li.open > .more {
    transform: rotate(90deg);
  }
  nav > ul > li.open.hover > .more {
    transform: rotate(0);
  }
  nav > ul > li:hover, nav > ul > li.active, nav > ul > li.open > a {
    color: white;
    border-color: var(--orange);
  }
  nav > ul > li > ul {
    margin-top: 0;
    padding: 0 0 0 1em;
    border-bottom: none;
    border-top: none;
    position: relative;
    display: none;
  }
  nav > ul > li > ul > li {
    margin: 0;
    padding: 0;
    border: none;
  }
  nav > ul > li > ul > li > a {
    font: 500 0.95em/1.4 var(--font-family-sans);
    color: white;
    padding: 0.6em 0 0;
    margin: 0;
    display: inline-block;
    text-align: left;
    border-bottom: 2px solid transparent;
  }
  nav > ul > li > ul > li > a:hover {
    color: white;
  }
  nav > ul > li > ul > li.active > a, nav > ul > li > ul > li.active > a.active {
    border-color: var(--orange);
    color: white;
    font-weight: 700;
  }
  nav > ul > li.open ul, nav > ul > li.active ul, nav > ul > li.hover ul {
    display: block;
  }
}
@media (max-width: 768px) {
  .header__navigation nav > ul > li.active > ul {
    display: block;
  }
}
@media (max-width: 768px) {
  nav.support-navi {
    margin-top: 1em;
  }
  nav.support-navi ul {
    padding: 10px 15px 10px 15px;
  }
  nav.support-navi ul li {
    display: inline;
  }
  nav.support-navi ul li.community, nav.support-navi ul li.newsletter {
    display: none;
  }
  nav.support-navi ul li a {
    color: white;
    font: 400 0.76em/1.2 var(--font-family-sans);
    display: inline-block;
    padding: 0 10px 5px 0;
  }
  nav.support-navi ul li a.active {
    color: white;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  header nav.social-icons ul {
    border-top: 1px solid var(--grey);
    border-bottom: 1px solid var(--grey);
    list-style-type: none;
    margin-top: 1em;
    text-align: center;
    padding: 1.1em 0 0.7em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  header nav.social-icons ul li a {
    color: white;
    font: 400 0.85em/1.2 var(--font-family-sans);
  }
  #search {
    background: transparent;
    display: flex;
    padding-left: 1em;
    margin-left: 0;
    width: 100%;
  }
  #search .search-icon {
    color: white;
  }
  #search input {
    border-bottom: 1px solid var(--grey);
    border-radius: 0 !important;
    -webkit-appearance: normal;
    flex: 1 1;
    width: 100%;
    max-width: 100%;
  }
  #search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: fade(white, 80%);
  }
  #search ::-moz-placeholder { /* Firefox 19+ */
    color: fade(white, 80%);
  }
}
.nav-search-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.nav-search-wrapper .naviContainer {
  flex-grow: 1;
  flex-shrink: 1;
}

@media (min-width: 768px) {
  header nav.social-icons {
    display: none;
  }
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .logo_main-nav {
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
  .main-nav {
    flex-grow: 1;
    display: flex;
    justify-content: end;
  }
  nav {
    padding-left: 1em;
    display: flex;
    justify-content: flex-end;
  }
  nav ul {
    position: relative;
    flex: 1 1 auto;
    text-align: right;
    padding: 0;
    margin: 0 -15px;
    display: flex;
    list-style: none;
    justify-content: end;
  }
  nav ul li {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0;
    padding: 0 0.4em;
    color: var(--schwarz);
    transition: all 0.15s ease-out;
    /*   &:nth-child(2) ul {
        right: 30px;
        left: auto;
      } */
  }
  nav ul li:hover > a {
    border-color: var(--orange);
  }
  nav ul li a,
  nav ul li strong {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--step--1);
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    padding: 0.5em 0;
    margin: 0 0.6em;
    display: inline-block;
    transition: all 0.15s ease-out;
  }
  nav ul li.active > strong, nav ul li.active > a, nav ul li.open > a {
    border-color: var(--orange);
  }
  nav ul li .more {
    width: 0.6em;
    height: 0.6em;
    cursor: pointer;
    z-index: 212;
    display: flex;
    align-content: center;
    justify-content: center;
    transform: rotate(90deg);
  }
  nav ul li .more svg {
    height: 14px;
    width: 14px;
  }
  nav ul li ul {
    position: absolute;
    background: var(--weiss);
    box-shadow: var(--box-shadow) var(--box-shadow-color);
    padding: 0;
    right: auto;
    left: 1em;
    top: 3.7em;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
    transition-delay: 0.2s;
    display: block;
    gap: 0 3em;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    border-radius: var(--border-radius);
    z-index: 1;
  }
  nav ul li ul li {
    min-width: 15em;
    margin: 0;
    padding: 0;
    flex-direction: row;
    border-bottom: 2px solid var(--superlightgray);
  }
  nav ul li ul li a,
  nav ul li ul li strong {
    font-weight: 500;
    padding: 0.7em 1em;
    margin: 0;
    display: flex;
    border: 0;
    text-align: left;
    border-left: 3px solid transparent;
  }
  nav ul li ul li a svg,
  nav ul li ul li strong svg {
    height: 1.6em;
    width: 1.6em;
    flex: 0 0 2.3em;
  }
  nav ul li ul li a:hover,
  nav ul li ul li strong:hover {
    border-color: var(--orange);
  }
  nav ul li ul li.active > strong {
    color: var(--brand-blue);
    border-color: var(--orange);
    font-weight: bold;
  }
  /* Drop-Down Navigation */
  ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 3.5em;
    transition-delay: 0.1s;
  }
}
header .header-container {
  max-width: calc(var(--grid-max-width) + 19rem);
  position: relative;
}
header .header-container:after {
  content: "";
  background: url("/assets/img/header-line.svg") no-repeat top center;
  background-size: auto;
  background-size: 100%;
  height: 100vw;
  width: 100vw;
  display: block;
  position: absolute;
  top: 0;
  left: -10%;
  z-index: 1;
}
@media (min-width: 768px) {
  header .header-container:after {
    content: "";
    background: url("/assets/img/header-line.svg") no-repeat top center;
    background-size: 100%;
    height: 1200px;
    width: 1200px;
    display: block;
    position: absolute;
    top: 0;
    left: calc(-1200px + 36rem);
    z-index: 1;
  }
}

header.open .header-container:after {
  display: none;
}

.logo_main-nav {
  position: relative;
  z-index: 12;
}

.logo {
  padding: 1rem 0 0;
  display: flex;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
  grid-column: 1;
  grid-row: 1/3;
  position: relative;
  z-index: 2;
}
.logo img {
  max-width: 16rem;
}
@media (max-width: 768px) {
  .logo img {
    max-width: 13rem;
  }
}

.language-switcher {
  display: none;
}
.language-switcher.open {
  display: flex;
  color: white;
}

.language-switcher {
  align-items: center;
  justify-content: end;
  grid-row: 1;
  grid-column: 2;
  flex-grow: 1;
}
.language-switcher ul {
  display: flex;
  margin: 0.2em 0;
}
.language-switcher ul li {
  list-style: none;
}
.language-switcher ul li a {
  font-size: var(--step--2);
  border: 1px solid transparent;
  text-transform: uppercase;
  text-align: center;
  height: 2em;
  width: 2em;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.language-switcher ul li.active a {
  border-color: var(--orange);
}

@media (min-width: 768px) {
  .language-switcher {
    display: flex !important;
    color: var(--superdarkgray);
  }
}
.search-icon {
  margin-right: 1.5rem;
  display: flex;
}
.search-icon svg {
  width: 1.4em;
  height: 1.4em;
}

.menu {
  display: flex;
}

.menu a {
  padding: 1rem;
  display: block;
}

.menu a[aria-current] {
  text-decoration: underline;
}

.footer {
  position: relative;
  z-index: 1;
  margin: 0 0;
  padding: var(--space-2xl) 0 var(--space-3xl);
  line-height: 1.5em;
  background: var(--superdarkgray);
  color: var(--weiss);
  font-size: var(--step--1);
}
.footer__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}
.footer h2 {
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.footer li {
  list-style: none;
}
.footer a {
  font-weight: normal;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .logo {
  max-width: 14em;
  height: auto;
  padding: 0;
  padding-bottom: var(--space-l);
}
.footer address,
.footer address p {
  color: var(--weiss);
  font-style: normal;
  max-width: 34ch;
}
.footer .social {
  display: flex;
  gap: 1em;
}
.footer .social a svg {
  width: 3em;
  height: 3em;
}
.footer .support-navi {
  display: flex;
  gap: 1em;
}
.footer .support-navi li a {
  font-size: var(--step--2);
}
@media (max-width: 768px) {
  .footer .newsletter {
    padding: var(--space-xl) 0;
  }
}
.footer .newsletter h4 {
  margin-bottom: var(--space-s);
}
.footer .newsletter form {
  display: flex;
  flex-direction: column;
}
.footer .newsletter input[type=text] {
  background: transparent;
  border: 1px solid var(--orange);
  border-radius: 50px;
  padding: var(--space-s);
  margin-bottom: var(--space-s);
}
.footer .newsletter ::placeholder {
  color: white;
}
.footer .newsletter .btn {
  max-width: 30ch;
  max-width: max-content;
}

.team-member a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
.team-member a picture, .team-member a img {
  display: block;
  filter: grayscale(1) brightness(1.1) contrast(0.95);
  transition: all 0.4s;
  object-fit: cover;
  aspect-ratio: 9/13;
}
.team-member a picture.avatar, .team-member a img.avatar {
  filter: none;
}
.team-member a:hover picture, .team-member a:hover img {
  filter: grayscale(0) brightness(1) contrast(1);
}
.team-member__text {
  background: white;
  flex-grow: 1;
  padding: var(--space-m);
}
.team-member__text p {
  font-size: var(--step--1);
  margin-bottom: 0;
}
.team-member__text p em {
  font-size: var(--step--2);
}

main .portrait-text {
  background: white;
}
main .portrait-text p {
  padding: 0 var(--space-m) var(--space-m);
  margin: 0;
  font-size: var(--step--1);
  display: flex;
  align-items: center;
  padding-top: 0;
}
main .portrait-text p:first-child {
  padding-top: var(--space-m);
}
main .portrait-text a {
  font-style: italic;
  text-decoration: underline;
}
main .portrait-text p strong a {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}
main .portrait-text img {
  height: 1.2em;
  width: 1.2em;
  margin-right: 0.7em;
}

.person h1, .person .h1 {
  margin-bottom: var(--space-l);
}

.person__image {
  grid-row: span 3;
  padding-bottom: var(--space-l);
}

.project-meta .marginalie {
  margin-bottom: 0;
}

.facts {
  margin-bottom: var(--space-2xl);
}

.project-info {
  border-top: 1px solid var(--gray-light);
  padding-top: var(--space-2xl);
  margin-top: var(--space-2xl);
}

.authors,
.foerderer,
.partner {
  margin-bottom: var(--space-2xl);
}

.foerderer figure,
.partner figure {
  aspect-ratio: 2/1.34;
  background: #fff;
  text-align: center;
}
.foerderer img,
.partner img {
  width: auto;
  height: 100%;
}

.publication-wrapper {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
  background: white;
}

.authors {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.authors-item {
  display: flex;
  text-decoration: none;
}
.authors-item__image {
  max-width: 4.8rem;
  height: auto;
  overflow: hidden;
  margin-right: 0.9em;
}
.authors-item__image figure {
  padding: 4px;
}
.authors-item__image img {
  border-radius: 50px;
  border: 2px solid white;
}
.authors-item__text .name {
  font-style: italic;
  font-size: var(--step--1);
  padding-top: 0.9em;
}
.authors-item__text .name span {
  text-decoration: underline;
}
.authors-item__text .name:after {
  content: " ";
  font-weight: normal;
  font-style: italic;
  font-size: var(--step--2);
  display: block;
  text-decoration: none !important;
}
.authors-item__text .ansprechpartner {
  font-style: italic;
  font-size: var(--step--2);
}

.authors-item:first-child .authors-item__text .name:after {
  content: attr(data-descr);
}

.blocksgrid .authors-item:first-child .authors-item__text .name:after {
  content: "";
}

.pubmeta {
  display: grid;
  width: fit-content;
}
.pubmeta .number {
  grid-row: 1/3;
  grid-column: 1;
  margin-right: 0.5em;
}
.pubmeta .pubcat {
  grid-row: 1;
  grid-column: 2;
  padding-right: 1em;
  margin-bottom: 0;
}
.pubmeta .date {
  grid-row: 2;
  grid-column: 2;
  padding-right: 1em;
}
.pubmeta .tag {
  grid-row: 2;
  grid-column: 3;
}
@media (max-width: 1198px) {
  .pubmeta .tag {
    grid-row: 3;
    grid-column: 2;
    display: block;
    margin-bottom: var(--space-s);
    margin-top: calc(var(--space-s) / -1);
  }
}

.pubteaser {
  padding-bottom: var(--space-l);
  margin-bottom: var(--space-l);
  border-bottom: 1px solid var(--gray-light);
}
.pubteaser .date {
  color: var(--orange-dark);
}
.pubteaser:last-child {
  border-bottom: 0;
}

.pubteaser a {
  text-decoration: none;
}

.teasercopy {
  font-weight: 500;
}

/* pubteaser startseite */
.pubteaser--start {
  grid-column: span 6;
  display: flex;
  gap: var(--space-m);
  background: white;
  padding: var(--space-s);
  margin-bottom: 0;
  border-bottom: none;
}
.pubteaser--start .pubteaser__img {
  width: 28%;
  flex-shrink: 0;
}
.pubteaser--start h2, .pubteaser--start .h2 {
  font-size: var(--step-2);
  margin-bottom: var(--space-s);
}
.pubteaser--start h4, .pubteaser--start .h4 {
  font-size: var(--step--1);
  flex-grow: 1;
}
.pubteaser--start .btn {
  width: fit-content;
}
.pubteaser--start .pubmeta {
  margin-bottom: 0;
}
.pubteaser--start a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pubteaser--start .teasercopy {
  flex-grow: 1;
}

.large-teaser {
  text-decoration: none;
  display: block;
  margin-bottom: var(--space-xl);
}
.large-teaser .grid {
  background: white;
}
.large-teaser__text {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  padding: var(--space-l);
}
.large-teaser__text .teasercopy {
  flex-grow: 1;
}
.large-teaser__text .btn {
  width: fit-content;
}
.large-teaser__img {
  grid-column: span 7;
}
@media (min-width: 768px) {
  .large-teaser:nth-child(2) .large-teaser__text {
    order: 2;
  }
}

.project-teaser-grid {
  border-bottom: 3px solid var(--gray-light);
  padding-bottom: var(--space-3xl);
  margin-bottom: var(--space-3xl);
}
@media (min-width: 768px) {
  .project-teaser-grid {
    row-gap: var(--space-2xl);
  }
}

.project-teaser {
  grid-column: span 4;
  text-decoration: none;
  position: relative;
  border-bottom: 3px solid var(--gray-light);
  padding-bottom: var(--space-m);
}
@media (min-width: 768px) {
  .project-teaser {
    border-bottom: none;
    padding-bottom: 0;
  }
  .project-teaser:after {
    content: "";
    border-right: 3px solid var(--gray-light);
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: calc(var(--space-s) / -1);
  }
  .project-teaser:nth-child(3n+3):after {
    display: none;
  }
}
.project-teaser .grid {
  background: white;
}
.project-teaser__text {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.project-teaser__text .teasercopy {
  flex-grow: 1;
}
.project-teaser__text .btn {
  width: fit-content;
}

.aktuelles-teaser {
  text-decoration: none;
  position: relative;
  display: block;
}
.aktuelles-teaser__wrapper {
  padding: var(--space-l);
  background: white;
  margin-bottom: var(--space-m);
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}
@media (min-width: 768px) {
  .aktuelles-teaser__wrapper {
    flex-direction: row;
  }
}
.aktuelles-teaser__icon {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  background: transparent;
  flex: 0 0 15%;
}
.aktuelles-teaser__icon img, .aktuelles-teaser__icon svg {
  width: 710px;
  height: 145px;
}
@media (max-width: 768px) {
  .aktuelles-teaser__icon {
    flex-shrink: 1;
  }
  .aktuelles-teaser__icon img, .aktuelles-teaser__icon svg {
    max-width: 9em;
    height: auto;
  }
}
.aktuelles-teaser__text {
  height: 100%;
  display: flex;
  flex-direction: column;
  grid-column: span 8;
}
.aktuelles-teaser__text h2, .aktuelles-teaser__text .h2 {
  font-size: var(--step-2);
  margin-bottom: var(--space-s);
}
.aktuelles-teaser__text .autoren {
  font-style: italic;
}
.aktuelles-teaser__text .teasercopy {
  flex-grow: 1;
  margin-bottom: 0;
}
.aktuelles-teaser__text .btn {
  width: fit-content;
}
.aktuelles-teaser__button {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
@media (max-width: 768px) {
  .aktuelles-teaser__button {
    align-items: start;
  }
}
.aktuelles-teaser__button span {
  white-space: nowrap;
}

.past-event-wrapper .aktuelles-teaser__wrapper {
  padding: var(--space-l);
  background: var(--superlightgray);
  margin-bottom: var(--space-m);
}
.past-event-wrapper .ecke:after {
  border-left-color: white;
}

.teaser {
  border-bottom: 1px solid var(--gray-light);
  padding-bottom: var(--space-l);
  margin-bottom: var(--space-l);
}
.teaser a {
  text-decoration: none;
}

@media (max-width: 768px) {
  .foerderer .grid, .partner  .grid {
    display: grid;
    --grid-columns: 2;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
  }
}
.foerderer figure, .partner  figure {
  aspect-ratio: 2/1.34;
  background: #fff;
  text-align: center;
}
.foerderer img, .partner  img {
  width: auto;
  height: 100%;
}

.publication h1, .publication .h1 {
  margin-bottom: var(--space-m);
}
.publication .pubmeta {
  margin-top: var(--space-xl);
}
.publication .pubmeta .date {
  color: var(--orange-dark);
}
.publication .autoren {
  margin-bottom: var(--space-2xl);
}
.publication .intro {
  margin-bottom: var(--space-xl);
}

.sustainablity .pubmeta .date {
  color: var(--green-dark);
}
.sustainablity .number {
  border-color: var(--green);
}
.sustainablity .btn--download {
  border-color: var(--green);
}

.publications__upper {
  margin-bottom: var(--space-3xl);
}

.event h1, .event .h1 {
  margin-bottom: var(--space-m);
}
.event .facts {
  margin-top: var(--space-2xl);
}
.event .facts span {
  display: flex;
  align-items: center;
}
.event .facts span:first-child {
  margin-bottom: var(--space-2xs);
}
.event .facts img {
  width: 2em;
  height: auto;
  margin-right: 0.5em;
}

.anmeldung {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m);
}
.anmeldung .anmelde-button {
  margin-top: var(--space-m);
  margin-bottom: var(--space-l);
}

.event-introduction {
  max-width: 84ch;
}

.past-event-wrapper {
  background: white;
  margin-top: var(--space-xl);
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.events__upper {
  padding-bottom: var(--space-2xl);
  margin-bottom: var(--space-2xl);
  border-bottom: 1px solid var(--gray-light);
}
.events__upper .event-introduction {
  padding-top: var(--space-xl);
}

.events__lower .event-introduction {
  margin-bottom: var(--space-2xl);
}

.event-intro p {
  margin-bottom: var(--space-2xl);
}

.current-events {
  padding-bottom: var(--space-m);
  margin-bottom: var(--space-xl);
}
.current-events .event-introduction {
  padding-top: var(--space-xl);
}

.body-search__form {
  margin-bottom: var(--space-3xl);
}
.body-search__wrapper {
  display: flex;
  align-items: center;
  border: 1px solid var(--orange);
  background: white;
  border-radius: 100px;
  padding: var(--space-2xs);
}
.body-search__icon {
  width: 1.4em;
  height: 1.4em;
  margin: 0 0.8em;
  flex: 0 0 1.4em;
}
.body-search__input {
  flex: 1 1 auto;
  border: none;
  background: transparent;
  font-size: var(--step-1);
}
.body-search__input:focus-visible {
  border: none;
  outline: none;
}
.body-search__input::placeholder {
  font-style: italic;
}
.body-search__btn {
  border: none;
  margin: 0;
  flex: 0 1 auto;
  white-space: nowrap;
}

.results-wrapper {
  background: white;
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

.header-ani__wrapper {
  overflow-x: hidden;
  position: relative;
  z-index: 9;
}
.header-ani__container {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 1540px;
  height: auto;
  margin: auto;
  transform: translate(5%);
}
.header-ani__part-1, .header-ani__part-2, .header-ani__part-3, .header-ani__part-4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.header-ani__typo-wrapper {
  position: relative;
}
.header-ani__typo-wrapper h1 {
  text-shadow: 6px 6px 19px white, -6px -6px 19px white;
}
.header-ani__typo {
  grid-column: 1/-1;
}

@media (min-width: 768px) {
  .header-ani__container {
    position: relative;
  }
  .header-ani__typo-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-ani__typo {
    grid-column: 4/12;
    padding-top: 17%;
  }
}
@media (max-width: 768px) {
  .home main {
    margin-top: var(--space-m);
  }
  .home .header-ani__typo-wrapper h1 {
    font-size: var(--step-6);
    margin-bottom: var(--space-m);
    margin-top: var(--space-s);
  }
  .home .header-ani__typo-wrapper .h3 {
    font-size: var(--step-3);
    margin-bottom: var(--space-xl);
  }
}

details {
  border-top: 1px solid var(--gray-light);
  border-bottom: 1px solid var(--gray-light);
  padding: var(--space-s) 0 0 0;
  margin-bottom: var(--space-m);
  cursor: pointer;
}
details + details {
  margin-top: calc(var(--space-m) / -1);
  border-top: none;
}
details summary {
  position: relative;
  display: block;
  padding-right: 2em;
}
details summary:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuMTggOC4yMjYuMTQxLjEzNSA3LjA0LTcuMzIxTDEzLjI4IDBsLTYuMSA2LjM0NUwxLjA4MSAwIDAgMS4wNGw3LjA0IDcuMzJ6IiBmaWxsPSIjNTk3NDIwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: var(--space-2xs);
  right: 0;
  height: 0.6em;
  width: 1em;
  transition: transform 0.2s;
}
details[open] summary:after {
  transform: rotate(180deg);
}
details::marker {
  display: none;
}

summary::-webkit-details-marker {
  display: none;
}

.tns-ovh {
  overflow-y: hidden;
}

.tns-nav {
  position: relative;
  z-index: 1000;
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tns-nav button {
  width: 1.6em;
  height: 2em;
  margin-right: 0;
  border: none;
  transition: all 0.4s;
  background: transparent;
  position: relative;
}
.tns-nav button:after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  width: 100%;
  height: 0.5em;
  width: 0.5em;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--gray-dark-bg);
}
.tns-nav button:hover:after {
  border: 1px solid var(--orange-dark);
  background: var(--orange-dark);
}
.tns-nav button.tns-nav-active:after {
  background: var(--gray-dark-bg);
}
.tns-nav button.tns-nav-active:hover {
  opacity: 1 !important;
}

#tns1-iw {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.tns-outer {
  padding: 0 !important;
}

.slider figure {
  max-width: 100%;
  height: auto;
  padding: 0;
}
.slider figure img {
  max-width: 100%;
  height: auto;
}

.slider-container {
  margin-bottom: var(--space-xl);
  margin-top: var(--space-l);
}

@media (min-width: 768px) {
  .blocksgrid .slider-container {
    grid-column: 3/11;
  }
}
.tns-outer {
  padding: 0 !important;
  position: relative;
}
.tns-outer button[data-action] {
  position: absolute;
  left: 8rem;
}
.tns-outer button[data-action] span {
  text-indent: -10000px;
  position: absolute;
}
.tns-outer button[data-controls] {
  position: relative;
  text-indent: -10000px;
  background: url("/assets/img/arrow_left.svg") no-repeat center;
  width: 1.8em;
  height: 1.1em;
  background-size: cover;
  margin-right: 1em;
}
.tns-outer button[data-controls=next] {
  background-image: url("/assets/img/arrow_right.svg");
}

.tns-controls {
  position: absolute;
  bottom: calc(var(--space-m) / -1);
  width: 100%;
  justify-content: center;
  display: flex;
}

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