@charset "UTF-8";
@font-face {
  font-family: "GT-Walsheim-Pro";
  font-weight: normal;
  src: url("../fonts/GT-Walsheim-Pro-Regular.woff2") format("woff2"), url("../fonts/GT-Walsheim-Pro-Regular.woff") format("woff");
}
@font-face {
  font-family: "GT-Walsheim-Pro";
  font-weight: 500;
  src: url("../fonts/GT-Walsheim-Pro-Medium.woff2") format("woff2"), url("../fonts/GT-Walsheim-Pro-Medium.woff") format("woff");
}
@font-face {
  font-family: "GT-Walsheim-Pro";
  font-weight: bold;
  src: url("../fonts/GT-Walsheim-Pro-Bold.woff2") format("woff2"), url("../fonts/GT-Walsheim-Pro-Bold.woff") format("woff");
}
@font-face {
  font-family: "GT Sectra";
  src: url("../fonts/GT-Sectra-Regular.woff2") format("woff2"), url("../fonts/GT-Sectra-Regular.woff") format("woff");
}
@font-face {
  font-family: "GT Sectra";
  src: url("../fonts/GT-Sectra-Italic.woff2") format("woff2"), url("../fonts/GT-Sectra-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "GT Sectra";
  src: url("../fonts/GT-Sectra-Bold.woff2") format("woff2"), url("../fonts/GT-Sectra-Bold.woff") format("woff");
  font-weight: bold;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

.profil-umfrage-frage-button input, .mrflix-popover-button, .wir-hier-suchergebniss-entry, .tool-preview-popover-backdrop, .tool-toggle, .tool-fold, .wir-hier-modul-header-burger, .modul-preview-open .wir-hier-modul:after, .wir-hier-modal-close, .sinn-sharing-popup-close, .sinn-sharing-popup-backdrop, .sinn-question-options[data-type=checkboxes] .sinn-question-option input, .sinn-quiz-prev, .sinn-quiz-next, .sinn-slide-next, .article-details summary, .article-player-progress, .has-picked .file-upload-label, .file-upload-area input, .radio-replacement label,
.radio-replacement > span,
.checkbox-replacement label,
.checkbox-replacement > span, .toolbox-card-section-headline, .toolbox-to-top, .toolbox-close-overlay, .gallery-pagination-dot, .gallery-control, .gallery-slide--preview, .tab, .searchfield-result, .sidebar-button, .modal-close, .checkbox-replacement, .menu-page-close, .card-label, .card-element, .button, [type=submit].on-yellow, .video-player-preview, .secretPath {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.secretPath {
  cursor: default;
  position: fixed;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 5000;
}

html {
  font-family: "GT-Walsheim-Pro", sans-serif;
  font-weight: 500;
  font-size: 1.8vw;
  line-height: 1.3;
  color: hsl(279, 97%, 14%);
}
@media print {
  html {
    color: black;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 5vw;
  }
  html.secondary-open {
    overflow: hidden;
  }
}
html.resize-transition-stopper * {
  transition-duration: 0ms !important;
}
html.tool-popover-open, html.modul-preview-open, html.menu-open {
  overflow: hidden;
}

h1,
h2,
h3,
h4 {
  font-weight: 500;
}

.mega-heading, .sinn-personas h1 {
  font-size: 4.8em;
  display: table;
  margin: 0 auto -0.35em;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .mega-heading, .sinn-personas h1 {
    font-size: 2.5em;
  }
}

.large-heading, .sinn h1, .studie-heading {
  font-size: 3.5em;
  margin-bottom: 0.7em;
  line-height: 1;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .large-heading, .sinn h1, .studie-heading {
    font-size: 2em;
    line-height: 1.1;
  }
}

h1,
h2,
.studie h3 {
  font-size: 1.225em;
  line-height: 1.14;
  margin: 1.8em 0 0.91em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  text-decoration-thickness: 3px;
  text-underline-offset: 0.065em;
  text-wrap: balance;
}
h1:first-child,
h2:first-child,
.studie h3:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  h1,
  h2,
  .studie h3 {
    clear: both;
    margin: 1.86em 0 1.64em;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.09em;
  }
  h1:first-child,
  h2:first-child,
  .studie h3:first-child {
    margin-top: 0;
  }
  h1:after,
  h2:after,
  .studie h3:after {
    content: "";
    display: block;
    clear: both;
  }
  h1 + .page-gallery,
  h1 + .page-gallery + .page-description,
  h2 + .page-gallery,
  h2 + .page-gallery + .page-description,
  .studie h3 + .page-gallery,
  .studie h3 + .page-gallery + .page-description {
    margin-top: 0.75em;
  }
}

h3 {
  font-size: inherit;
  line-height: 1.25;
  margin: 2.75em 0 1.25em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
h3:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  h3 {
    margin: 2.28em 0 1.25em;
    text-decoration-thickness: 1px;
  }
}

h4 {
  font-size: 0.8em;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin: 1.5em 0 0.5em;
}
h4:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 0.9em;
  }
}

.logos-headline,
h5 {
  font-size: 0.8em;
  line-height: 1.25;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.03em;
  margin: 2.5em 0 0.5em;
}
.logos-headline:first-child,
h5:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .logos-headline,
  h5 {
    font-size: 0.7em;
  }
}

blockquote {
  margin: 2rem 0 1.8rem 0.5em;
  font-size: 2em;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  blockquote {
    font-size: 1.2em;
  }
}
blockquote:before {
  content: "„";
  color: hsl(7, 100%, 50%);
  display: inline-block;
  width: 0.505em;
  margin-left: -0.505em;
}
blockquote:after {
  content: "“";
  color: hsl(7, 100%, 50%);
}

p {
  margin: 0 0 1.25em;
}

ol,
ul {
  margin: 1.4em 0;
}

ol {
  padding-left: 0;
  counter-reset: ol;
}
ol li {
  counter-increment: ol;
  position: relative;
  padding-left: 1.9em;
  list-style: none;
}
@media screen and (max-width: 767px) {
  ol li {
    padding-left: 2.22em;
  }
}
ol li:before {
  content: counter(ol) ".";
  color: hsl(7, 100%, 50%);
  position: absolute;
  left: 0;
}

ul li {
  position: relative;
  list-style: none;
  padding-left: 1.9em;
}
@media screen and (max-width: 767px) {
  ul li {
    padding-left: 0;
    text-indent: 1.72em;
  }
}
ul li:before {
  content: "";
  width: 1.1875em;
  height: 3px;
  background: hsl(196, 100%, 65%);
  position: absolute;
  left: 0;
  top: 0.6em;
}
@media screen and (max-width: 767px) {
  ul li:before {
    height: 2px;
    width: 1.19em;
    top: 0.7em;
  }
}

ul li:not(:last-child), ol li:not(:last-child) {
  margin-bottom: 1.1875em;
}

a {
  color: hsl(279, 25%, 45%);
}
a:visited {
  color: inherit;
}
a[href^="mailto:"] {
  color: inherit;
}
@media print {
  a {
    color: inherit;
  }
  .article-text a:after {
    content: " (" attr(href) ") ";
    color: gray;
  }
}

.with-icons .icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.05em;
  width: 1.1em;
}
.with-icons .icon svg {
  color: transparent;
  fill: hsl(279, 97%, 14%);
}

.text {
  font-size: 0.94em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .text {
    font-size: 0.84em;
    line-height: 1.4444;
  }
}
.text h1 {
  font-size: 1.5312em;
  line-height: 1.1429;
  margin: 0.92em 0;
}
.text h1:first-child {
  margin-top: 0;
}
.text h2 {
  text-decoration-thickness: 2px;
}
.text p,
.text ol,
.text ul {
  font-family: "GT Sectra", serif;
  font-weight: normal;
}
.text p:last-child,
.text ol:last-child,
.text ul:last-child {
  margin-bottom: 0;
}
.text p a,
.text ol a,
.text ul a {
  font-family: "GT-Walsheim-Pro", sans-serif;
  font-weight: 500;
  text-decoration-thickness: 0.1em;
}
.text h1 p,
.text h2 p,
.text h3 p,
.text h4 p {
  font-family: inherit;
  font-weight: inherit;
}
.text h1 strong,
.text h2 strong,
.text h3 strong,
.text h4 strong {
  font-weight: inherit;
}

.schedule {
  display: grid;
  grid-template-columns: auto 1fr;
  border: 1px solid hsla(0, 0%, 0%, 0.13);
  box-shadow: 0.29em 0.29em 0.59em hsla(0, 0%, 0%, 0.1);
}
.schedule-slot {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  border-bottom: 1px solid hsla(0, 0%, 0%, 0.13);
}
.schedule-slot:last-child {
  border-bottom: none;
}
.schedule-slot-time {
  padding: 0.5em;
  font-variant-numeric: tabular-nums;
}
.schedule-slot-detail {
  padding: 0.5em;
  padding-left: 0.15em;
  font-family: "GT Sectra", serif;
}
.schedule-slot-description {
  margin-top: 0.5em;
}
.schedule-slot-description, .schedule-slot-extended-description {
  font-size: 0.88em;
}

.read-more ~ * {
  display: none;
}

.downloads-entry {
  padding-left: 0;
}
.downloads-entry:before {
  display: none;
}

.link-block {
  color: inherit;
  border: 2px solid;
  display: inline-block;
  margin-top: 0.7em;
  margin-right: 0.5em;
  padding: 0.5em 1.2em 0.5em 3em;
  position: relative;
  text-decoration: none;
  text-align: initial;
}
@media screen and (max-width: 767px) {
  .link-block {
    display: block;
    width: 100%;
    margin-top: 1em;
  }
}
p > .link-block:first-child {
  margin-top: 2em;
}
.link-block:hover {
  color: white;
  border-color: hsl(279, 97%, 14%);
  background: hsl(279, 97%, 14%);
}
.link-block-icon {
  position: absolute;
}
.link-block-icon.icon-download {
  left: 0.9em;
  top: 0.8em;
  width: 1.2em;
  height: 1.5428571428em;
}
.link-block-icon.icon-external {
  left: 1em;
  top: 1.2em;
  width: 1em;
  height: 1em;
}
.link-block-icon.icon-share {
  left: 0.8em;
  top: 1em;
  width: 1.4em;
  height: 1.4em;
}
.link-block-text {
  line-height: 1.1;
  display: inline-block;
  margin-bottom: 0.1em;
  overflow-wrap: anywhere;
}
.link-block-text:last-child {
  margin-bottom: 0;
}
.link-block small {
  font-size: 0.7em;
  display: block;
}

.links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 1em;
}
@media screen and (max-width: 767px) {
  .links {
    display: block;
  }
}
.links[data-layout=list] {
  display: block;
}
.links[data-layout=list] .link-block {
  display: block;
  margin-bottom: 0.7em;
}
.links[data-layout=list] .link-block:last-child {
  margin-bottom: 0;
}
.links .link-block {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .links .link-block {
    margin-bottom: 0.7em;
  }
  .links .link-block:last-child {
    margin-bottom: 0;
  }
}

strong {
  font-weight: bold;
}

hr {
  border: none;
  border-top: 1px solid hsl(279, 97%, 14%);
  opacity: 0.1;
  margin: 2.5em 0;
}
@media screen and (max-width: 767px) {
  hr {
    margin: 2em 0;
  }
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
}

figure {
  margin: 2.5em 0;
}
figure[data-position=right] {
  float: right;
  width: 32vw;
  margin: 0 0 1.5em 1.5em;
}
@media screen and (max-width: 767px) {
  figure[data-position=right] {
    float: none;
    width: 100%;
    margin: 2em 0;
  }
}
figure[data-orientation=portrait] {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
figure[data-orientation=portrait] img {
  max-width: 100%;
  max-height: 80vh;
  -o-object-fit: contain;
  object-fit: contain;
}
figure img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

figcaption {
  margin-top: 0.5em;
  font-size: 0.75em;
}

.image-ratio,
.video-ratio {
  position: relative;
  height: 0;
}
.image-ratio img,
.image-ratio iframe,
.video-ratio img,
.video-ratio iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image-ratio img,
.video-ratio img {
  -o-object-fit: cover;
  object-fit: cover;
}

.video-ratio {
  padding-bottom: 56.25%;
  background: black;
}
.video-ratio iframe {
  border: none;
}

.video-player {
  position: relative;
  color: white;
  background: hsl(279, 97%, 14%);
}
.video-player[data-state=started] {
  background: black;
}
.video-player + p {
  margin-top: 1em;
}
.video-player iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}
.video-player-privacy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 3em;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .video-player-privacy {
    padding: 1em;
  }
}
[data-size=small] .video-player-privacy {
  font-size: 0.75em;
  padding: 2em;
}
[data-state=started] .video-player-privacy {
  display: none;
}
.video-player-privacy-body {
  margin: auto 0;
}
@media screen and (max-width: 767px) {
  .video-player-privacy-body {
    margin-top: 0;
  }
}
.video-player-privacy-body-title {
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 0.2em;
}
.video-player-privacy-body-text {
  font-size: 0.75em;
}
.video-player-privacy-buttons {
  display: flex;
  margin-top: 1em;
}
.video-player-privacy-buttons .button, .video-player-privacy-buttons [type=submit].on-yellow {
  min-width: initial;
  margin-right: 0.5rem;
  flex: 1 1 0%;
}
.video-player-privacy-buttons .button:last-child, .video-player-privacy-buttons [type=submit].on-yellow:last-child {
  margin-right: 0;
}
.video-player-element {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-player-preview {
  background: inherit;
  position: relative;
  z-index: 1;
  transition: 300ms opacity;
}
[data-state=privacy] .video-player-preview, [data-state=started] .video-player-preview {
  opacity: 0;
  pointer-events: none;
}
.video-player-preview-image {
  width: 100%;
  height: auto;
  vertical-align: middle;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-player-preview-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14%;
  height: 14%;
  filter: drop-shadow(0 0.2em 1em hsla(0, 0%, 0%, 0.2));
}
@media screen and (max-width: 767px) {
  .video-player-preview-play {
    width: 20%;
    height: 20%;
  }
}
.video-player-preview-play svg {
  color: hsl(279, 97%, 14%);
  fill: white;
}

.html5-video video {
  max-width: 100%;
  height: auto;
}

.media[style] .media-entry {
  aspect-ratio: var(--ratio);
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .media[style*="--mobile-ratio"] .media-entry {
    aspect-ratio: var(--mobile-ratio);
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.media-entry {
  display: block;
  width: 100%;
  height: auto;
}
.media a {
  text-decoration: none;
}

.icon {
  display: block;
}
.icon-ratio {
  position: relative;
  height: 0;
  display: block;
}
.icon-ratio svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.icon-arrow-right--left {
  transform: scaleX(-1);
}

.icon-long-arrow-right {
  width: 1rem;
}
@media screen and (max-width: 767px) {
  .icon-long-arrow-right {
    width: 1.5rem;
  }
}
.icon-long-arrow-right--left {
  transform: scaleX(-1);
}
.icon-long-arrow-right--down {
  transform: rotate(0.25turn);
}

svg {
  fill: currentColor;
  vertical-align: middle;
  overflow: visible;
  pointer-events: none;
}

.twemoji {
  width: 1.2em;
  height: 1.2em;
  vertical-align: text-bottom;
}

.underline,
u {
  align-self: flex-start;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  text-decoration-color: var(--highlight, hsl(7, 100%, 50%));
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.075em;
}

.gap {
  width: 0.4em;
  display: inline-block;
}

.button, [type=submit].on-yellow {
  background: hsl(60, 100%, 56%);
  color: hsl(279, 97%, 14%);
  border-radius: 99999px;
  text-decoration: none;
  font-size: 0.75rem;
  line-height: 1.17;
  font-weight: 500;
  padding: 0.39em 1.5em 0.29em;
  min-width: 6em;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .button, [type=submit].on-yellow {
    padding: 0.5em 2em 0.4em;
    font-size: 0.84rem;
    line-height: 1.11;
  }
}
.button[disabled], [disabled][type=submit].on-yellow {
  cursor: not-allowed;
  opacity: 0.5;
}
.button--secondary {
  color: inherit;
  background: var(--theme, none) !important;
  box-shadow: 0 0 0 2px currentColor inset;
}
.button--rect {
  padding: 0.5em 1.25em;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .button--small {
    font-size: 0.6rem;
  }
}
.button--large {
  font-size: 1.6rem;
  text-transform: uppercase;
  padding: 0.43em 0.78em 0.34em;
}
.button--large.button--has-icon {
  padding-left: 1em;
  padding-right: 1em;
}
.button--large .button-icon {
  width: 0.75em;
}
.button--large .button-icon.icon-share {
  width: 1.1em;
}
.button--large .button-icon.icon-print {
  width: 1.1em;
}
.button--large .button-icon:first-child {
  margin-left: 0;
  margin-right: 0.25em;
}
.button--primary {
  background: hsl(196, 100%, 65%);
}
.button--blue {
  color: hsl(279, 97%, 14%);
  background: hsl(196, 100%, 65%);
}
.button--blue:visited {
  color: hsl(279, 97%, 14%);
}
.button--purple {
  color: white;
  background: hsl(279, 97%, 14%);
}
.button--red {
  color: white;
  background: hsl(7, 100%, 50%);
}
.button--text, .button--icon {
  min-width: initial;
  background: none;
  color: inherit;
  border: none;
}
.button--icon {
  padding: 0.6em;
}
.button--icon .button-icon {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.button--text {
  padding: 0.6em 1.6em;
}
.button--round {
  min-width: 1.8em;
}
.button--round .icon {
  width: 1em;
  margin-top: -0.1em;
}
.button--outline {
  background: none;
  box-shadow: 0 0 0 2px currentColor;
}
.button-icon {
  display: inline-block;
  vertical-align: top;
  width: 1.3em;
}
@media screen and (max-width: 767px) {
  .button-icon {
    width: 1.5em;
  }
}
.button-icon:first-child {
  margin-left: -0.5em;
  margin-right: 0.4em;
}
.button-icon:last-child {
  margin-right: -0.5em;
  margin-left: 0.4em;
}
.button-icon:only-child {
  margin: 0;
}
.button-icon.icon-arrow-right {
  width: 0.7em;
}
@media screen and (max-width: 767px) {
  .button-icon.icon-arrow-right {
    width: 0.8em;
  }
}
.button-icon.icon-thick-plus {
  width: 1em;
  margin-top: 0.1em;
}
@media screen and (max-width: 767px) {
  .button-icon.icon-thick-plus {
    width: 1.15em;
  }
}
.button-icon.icon-thick-plus:first-child {
  margin-right: 0.1em;
}
.button-icon.icon-thick-plus.button-icon--close {
  margin-top: 0;
}
.button-icon--close {
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .button--mobile-only-icon {
    min-width: initial;
    padding-left: 0;
    padding-right: 0;
    height: 2.75rem;
    width: 2.75rem;
  }
  .button--mobile-only-icon span {
    display: none;
  }
  .button--mobile-only-icon .icon {
    margin: 0;
  }
}

.text-button .icon {
  display: inline-block;
}

.button-block {
  margin: auto 0 1.5em;
  text-align: center;
  padding-top: 1.5em;
  font-size: 1rem;
}

.buttons-block {
  margin: auto 0 1.5em;
  text-align: center;
  padding-top: 1.5em;
  font-size: 1rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
}
.toolbox-cards .buttons-block {
  grid-column: span 2;
}

.block--full-width {
  margin: 0 -8rem;
  padding: 1.53em 3.38em;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .block--full-width {
    margin: 0 -1.25rem;
    padding: 1.15em 1.25em;
  }
}
.block-heading {
  font-size: 1.59em;
  margin: 0;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .block-heading {
    font-size: inherit;
  }
}
.block-next {
  margin-top: 2em;
  color: var(--highlight);
}

.toc {
  position: sticky;
  top: 1.62rem;
  flex-grow: 1;
  margin: 0 0 0 1.62em;
}
@media screen and (max-width: 767px) {
  .toc {
    display: flex;
    margin: 0;
    position: static;
    overflow: auto;
    scrollbar-width: none;
  }
}
.toc-entry {
  padding: 0;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .toc-entry {
    flex: 1 0 auto;
  }
}
.toc-entry:before {
  display: none;
}
.toc-entry-link {
  display: table;
  font-size: 0.84em;
  border-left: 0.18em solid hsl(0, 0%, 79%);
  padding: 1.07em 1.48em;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .toc-entry-link {
    display: block;
    border-left: none;
    border-bottom: 0.23em solid hsl(0, 0%, 79%);
    text-align: center;
    font-size: inherit;
    padding: 0.55em 0;
    min-width: 4.14em;
  }
}
.toc-entry-link.is-visible, .toc-entry-link.is-active {
  border-color: hsl(279, 97%, 14%);
}

.toc-text {
  display: flex;
  align-items: flex-start;
  margin: 0 -8rem;
  padding: 2.59rem 4.47rem 2.59rem 1.62rem;
}
@media screen and (max-width: 767px) {
  .toc-text {
    margin: 2rem 0;
    display: block;
    padding: 0;
  }
}
.toc-text:first-child {
  margin-top: -4rem;
}
@media screen and (max-width: 767px) {
  .toc-text:first-child {
    margin-top: 0;
  }
}
.toc-text-menu {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .toc-text-menu {
    display: none;
  }
}
.toc-text-body {
  margin-left: 4.47rem;
  width: 100%;
  max-width: 29.65rem;
  padding-top: 1.92rem;
}
@media screen and (max-width: 767px) {
  .toc-text-body {
    margin-left: 0;
    padding-top: 0;
  }
}
.toc-text-body h2 {
  scroll-margin-top: 1.8em;
}
.toc-text-body h2 a {
  color: inherit;
  text-decoration: none;
  font: inherit;
}

.logos {
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .logos {
    text-align: center;
  }
}
.logos-grid {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .logos-grid {
    margin: 0 -0.9em;
    justify-content: center;
  }
}
.logos-grid-entry {
  margin-right: 2em;
  margin-bottom: 0.5em;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .logos-grid-entry {
    margin: 0 0.9em 0.9em;
  }
}
.logos-grid-entry:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .logos-grid-entry:last-child {
    margin-right: 0.9em;
  }
}
.logos-grid-entry-logo {
  height: 2.4em;
  width: auto;
  vertical-align: middle;
}

.logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  margin: 1.3em;
  width: 10em;
}
@media screen and (max-width: 767px) {
  .logo {
    margin: 1.5em 1.3em;
  }
}
[data-light-hero=true] .logo {
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
@media screen and (max-width: 767px) {
  .logo-text {
    display: none;
  }
}
.logo svg {
  width: 100%;
  height: auto;
}
.logo #dot-links,
.logo #dot-rechts {
  transform: translateX(-7.15%);
  animation: 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s forwards paused removeTransform;
}
.first-block-loaded .logo #dot-links,
.first-block-loaded .logo #dot-rechts {
  animation-play-state: running;
}
.logo #dot-rechts {
  animation-delay: 0.63s;
  animation-duration: 0.35s;
  animation-timing-function: ease-out;
}

@keyframes removeTransform {
  to {
    transform: none;
  }
}
.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.2em;
}
@media screen and (max-width: 767px) {
  .cards {
    grid-template-columns: repeat(1, 1fr);
  }
}

.card {
  margin-bottom: 1.5em;
  scroll-margin-top: 3em;
}
.card-element {
  padding-bottom: 120%;
  position: relative;
  perspective: 50em;
}
@media screen and (max-width: 767px) {
  .card-element {
    padding-bottom: 134%;
  }
}
.card-perspective {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 400ms;
  transform-style: preserve-3d;
  transform-origin: center right;
}
.flipped .card-perspective {
  transform: translateX(-100%) rotateY(-180deg);
}
.card-front, .card-back {
  background: var(--card-background, hsl(196, 100%, 65%));
  color: var(--card-color, white);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.card:target .card-front {
  box-shadow: 0 0 0 0.15em var(--highlight, hsl(7, 100%, 50%)) inset;
}
.card-back {
  transform: rotateY(-180deg);
  background: var(--card-backside-background);
  color: var(--card-backside-color);
}
.card-back--fade:after, .card-back--fade:before {
  content: "";
  position: absolute;
  top: 0;
  height: 2em;
  width: 100%;
  background: linear-gradient(var(--card-backside-background, var(--card-background, hsl(196, 100%, 65%))), transparent);
}
@media screen and (max-width: 767px) {
  .card-back--fade:after, .card-back--fade:before {
    height: 2.5em;
  }
}
.card--has-file .card-back--fade:after, .card--has-file .card-back--fade:before {
  display: none;
}
.card-back--fade:after {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}
.card-back-scroll {
  height: 100%;
}
.flipped .card-back-scroll {
  overflow: auto;
}
.card-back-text {
  padding: 2.5em 1.2em;
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
@media screen and (max-width: 767px) {
  .card-back-text {
    font-size: 1em;
  }
}
.card--has-file .card-back-text {
  padding: 1.2em;
}
.card-back .link-block {
  margin-top: auto;
  align-self: flex-start;
  border: none;
  background: var(--download-background);
  color: var(--download-color);
}
.card-back .link-block:hover {
  background: var(--download-background);
}
.card-percentage {
  font-size: 2.2em;
  line-height: 1;
}
.card-graphic {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.card-name {
  text-align: center;
  font-size: 1.4em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .card-name {
    font-size: 1.6em;
  }
}
.card-label {
  padding: 0.5rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .card-label {
    font-size: 1.6em;
  }
}
.card-label-toggle {
  margin-left: 0.3em;
  color: var(--highlight, hsl(7, 100%, 50%));
}

.such-widget {
  position: absolute;
  top: 1.5rem;
  right: 8.5rem;
  z-index: 70;
  width: auto;
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  .such-widget {
    top: 1.11em;
    font-size: inherit;
  }
}
@media screen and (max-width: 767px) {
  .such-widget--header {
    right: 4rem;
  }
  .such-widget--header .such-widget-input, .such-widget--header .such-widget-icon {
    display: none;
  }
  .such-widget--header .such-widget-link {
    display: flex;
    height: 2.23em;
    width: 2.23em;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background: white;
    color: inherit;
    box-shadow: 0 0 2em -0.1em hsla(300, 50%, 20%, 0.15), 0 0 0.5em -0.1em hsla(0, 0%, 0%, 0.1);
  }
  .such-widget--header .such-widget-link-icon {
    width: 1em;
    margin-right: -0.05em;
  }
}
.such-widget-input {
  cursor: initial;
  font-family: inherit;
  font-size: inherit;
  border: none;
  background: white;
  text-align: inherit;
  box-shadow: 0 0 2em -0.1em hsla(300, 50%, 20%, 0.15), 0 0 0.5em -0.1em hsla(0, 0%, 0%, 0.1);
  padding-right: 3em;
  padding-left: 1em;
  width: 16em;
}
.such-widget-icon {
  position: absolute;
  right: 0.6em;
  top: 0.43em;
  width: 1.07em;
}
.such-widget-submit {
  display: none !important;
}
.such-widget-link {
  display: none;
}
.such-widget-link-label {
  display: none;
}

.menu {
  position: fixed;
  top: 1.5em;
  right: 1.875em;
  z-index: 100;
}
@media print {
  .menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .menu {
    top: 1.11em;
    right: 1.11em;
  }
}
.sozialform-open .menu {
  transform: translateX(-25vw);
}
@media screen and (max-width: 767px) {
  .sozialform-open .menu {
    transform: none;
  }
}
.menu-button {
  border-color: white;
  min-width: 0;
  border-color: white;
  background: white;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  line-height: inherit;
  letter-spacing: 0.05em;
  padding: 0.33em 1em 0.23em;
  box-shadow: 0 0 2em -0.1em hsla(300, 50%, 20%, 0.15), 0 0 0.5em -0.1em hsla(0, 0%, 0%, 0.1);
}
@media screen and (max-width: 767px) {
  .menu-button {
    height: 2.23em;
    width: 2.23em;
    font-size: inherit;
    padding: 0;
    justify-content: center;
  }
}
.menu-button > span:first-child {
  margin-right: 0.33rem;
}
@media screen and (max-width: 767px) {
  .menu-button > span:first-child {
    display: none;
  }
}
.menu-button-icon {
  width: 0.9em;
}
@media screen and (max-width: 767px) {
  .menu-button-icon {
    width: 0.93em;
  }
}
.menu-page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  background: hsl(279, 97%, 14%);
  overflow: auto;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  transition: opacity 240ms ease-in-out;
}
.menu-open .menu-page {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .menu-page {
    padding: 2em 0;
  }
}
.menu-page-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.7em;
}
.menu-page-close-icon {
  width: 0.8em;
}
@media screen and (max-width: 767px) {
  .menu-page-close-icon {
    width: 1.53em;
  }
}
.menu-page-link {
  font-size: 1.375em;
  line-height: 1.25;
  color: inherit;
  text-decoration: none;
  transition: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-property: opacity, transform;
  opacity: 0;
  transform: translateY(1em);
}
.menu-open .menu-page-link {
  transform: none;
  opacity: 1;
}
.menu-open .menu-page-link:nth-child(1) {
  transition-delay: 140ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(1) {
    transition-delay: 80ms;
  }
}
.menu-open .menu-page-link:nth-child(2) {
  transition-delay: 160ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(2) {
    transition-delay: 100ms;
  }
}
.menu-open .menu-page-link:nth-child(3) {
  transition-delay: 180ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(3) {
    transition-delay: 120ms;
  }
}
.menu-open .menu-page-link:nth-child(4) {
  transition-delay: 200ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(4) {
    transition-delay: 140ms;
  }
}
.menu-open .menu-page-link:nth-child(5) {
  transition-delay: 220ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(5) {
    transition-delay: 160ms;
  }
}
.menu-open .menu-page-link:nth-child(6) {
  transition-delay: 240ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(6) {
    transition-delay: 180ms;
  }
}
.menu-open .menu-page-link:nth-child(7) {
  transition-delay: 260ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(7) {
    transition-delay: 200ms;
  }
}
.menu-open .menu-page-link:nth-child(8) {
  transition-delay: 280ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(8) {
    transition-delay: 220ms;
  }
}
.menu-open .menu-page-link:nth-child(9) {
  transition-delay: 300ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(9) {
    transition-delay: 240ms;
  }
}
.menu-open .menu-page-link:nth-child(10) {
  transition-delay: 320ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(10) {
    transition-delay: 260ms;
  }
}
.menu-open .menu-page-link:nth-child(11) {
  transition-delay: 340ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(11) {
    transition-delay: 280ms;
  }
}
.menu-open .menu-page-link:nth-child(12) {
  transition-delay: 360ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(12) {
    transition-delay: 300ms;
  }
}
.menu-open .menu-page-link:nth-child(13) {
  transition-delay: 380ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(13) {
    transition-delay: 320ms;
  }
}
.menu-open .menu-page-link:nth-child(14) {
  transition-delay: 400ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(14) {
    transition-delay: 340ms;
  }
}
.menu-open .menu-page-link:nth-child(15) {
  transition-delay: 420ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(15) {
    transition-delay: 360ms;
  }
}
.menu-open .menu-page-link:nth-child(16) {
  transition-delay: 440ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(16) {
    transition-delay: 380ms;
  }
}
.menu-open .menu-page-link:nth-child(17) {
  transition-delay: 460ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(17) {
    transition-delay: 400ms;
  }
}
.menu-open .menu-page-link:nth-child(18) {
  transition-delay: 480ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(18) {
    transition-delay: 420ms;
  }
}
.menu-open .menu-page-link:nth-child(19) {
  transition-delay: 500ms;
}
@media screen and (max-width: 767px) {
  .menu-open .menu-page-link:nth-child(19) {
    transition-delay: 440ms;
  }
}
@media screen and (max-width: 767px) {
  .menu-page-link {
    font-size: 1.5em;
    padding: 0.25em;
  }
}
@media (hover: hover) {
  .menu-page-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: hsl(60, 100%, 56%);
    text-decoration-color: hsl(60, 100%, 56%);
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
  }
}
.menu-page-link.is-active {
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(60, 100%, 56%);
  text-decoration-color: hsl(60, 100%, 56%);
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.1em;
}

.tiles {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid hsla(0, 0%, 0%, 0.05);
}
.tiles-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.7em;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  color: hsl(196, 100%, 65%);
  font: inherit;
  transition: 300ms;
}
.tiles-arrow-icon {
  width: 0.5em;
}
.tiles-arrow--back .tiles-arrow-icon {
  transform: scaleX(-1);
}
.at-start .tiles-arrow--back {
  opacity: 0;
}
.tiles-arrow--next {
  left: auto;
  right: 0;
}
.at-end .tiles-arrow--next {
  opacity: 0;
}
.tiles-slider {
  display: flex;
  overflow: auto;
  scroll-behavior: smooth;
  will-change: transform;
  transition: transform 200ms ease-out;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.tile {
  width: 33.33%;
  flex-shrink: 0;
  padding: 1.075em 2.275em 0.75em;
  scroll-snap-align: start;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tile {
    width: 100%;
    padding: 1.35em 1em 1em 2.65em;
  }
}
.tile:nth-child(3n-2) {
  background: hsl(279, 97%, 14%);
  color: white;
}
.tile:nth-child(3n-2) .button, .tile:nth-child(3n-2) [type=submit].on-yellow {
  color: inherit;
}
.tile:nth-child(3n-2) .tiles-arrow {
  color: white;
}
.tile:nth-child(3n-1) {
  background: hsl(60, 100%, 56%);
}
.tile-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tile-header {
  font-size: 0.75em;
  line-height: 1;
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 767px) {
  .tile-header {
    font-size: inherit;
    margin-bottom: 1.6744rem;
  }
}
.tile-text {
  font-size: 1.125em;
  line-height: 1.2;
  height: 3.6em;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tile-text {
    margin-right: 1.14rem;
    font-size: 1.3em;
    line-height: 1.28;
    height: 3.84em;
  }
}
.tile-text p:last-child {
  margin-bottom: 0;
}
.tile-button {
  margin-top: 1.53rem;
  margin-left: auto;
  margin-right: -0.65rem;
  display: table;
}
@media screen and (max-width: 767px) {
  .tile-button {
    margin-top: 2.5rem;
    margin-right: 0;
  }
}

.grid {
  margin: 3.44em 2.44em;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-gap: 1em;
}
@media screen and (max-width: 767px) {
  .grid {
    margin: 1.91em 0.7em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0.7em;
  }
}
.grid-entry {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  grid-gap: 0;
}
.grid-entry-date {
  font-size: 0.88em;
  line-height: 1.13;
  margin: 1.03rem 1.06rem;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  align-self: end;
  text-wrap: balance;
  color: inherit;
}
.grid-entry-date + .grid-tile {
  align-self: start;
}
.grid-tile {
  display: block;
  box-shadow: 0.29em 0.29em 0.59em hsla(0, 0%, 0%, 0.1);
  color: inherit;
  text-decoration: none;
}
.grid-tile figure {
  margin: 0;
}
.grid-tile-image {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.grid-tile-text {
  margin: 0;
  font-size: inherit;
  padding: 0.53em;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .grid-tile-text {
    padding: 0.37em 0.47em 0.74em;
  }
}
.grid-tile-text-title {
  font-size: 0.74em;
  line-height: 1.12;
  margin: 0 0 0.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .grid-tile-text-title {
    font-size: 0.79em;
  }
}
.grid-tile-text-description {
  font-size: 0.59em;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .grid-tile-text-description {
    font-size: 0.65em;
  }
}

@media screen and (max-width: 767px) {
  .layout {
    display: flex;
    flex-direction: column;
  }
}

.header {
  padding: 1.47rem 1.47rem 0;
}
@media screen and (max-width: 767px) {
  .header {
    padding: 1.12rem 1.12rem 0;
  }
}
.header--overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.section {
  margin: 1.7em 2.275em;
}
@media screen and (max-width: 767px) {
  .section {
    margin: 1.47em 0;
  }
}
@media screen and (max-width: 767px) {
  [data-template=home] .section .grid-entry:nth-child(n+3) {
    display: none;
  }
}
.section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .section-header {
    margin: 0 1em;
  }
}
.section-heading {
  margin-bottom: 1.24em;
}
@media screen and (max-width: 767px) {
  .section-heading {
    text-align: center;
  }
}
.section-heading a {
  color: inherit;
  text-decoration: none;
}
.section-link {
  font-size: 0.75em;
  color: inherit;
  display: flex;
  align-items: baseline;
  text-underline-offset: 2px;
}
.section-link-text {
  margin-right: 0.5em;
}
.section-link-icon {
  width: 0.36em;
}
.section-grid {
  grid-column: 1/-1;
  margin: 0 -0.165rem;
}
@media screen and (max-width: 767px) {
  .section-grid {
    margin: 0 1rem;
  }
}
.section-body {
  grid-column: 1/-1;
}

.themen {
  background: hsl(279, 97%, 14%);
  color: white;
}
.themen ~ .footer {
  border-top: none;
}
.themen-liste {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 1.79em 0 0;
}
@media screen and (max-width: 767px) {
  .themen-liste {
    margin: 1.6744186047em 0 0;
    display: block;
  }
}
.themen-liste-entry {
  color: white;
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry {
    color: hsl(279, 97%, 14%);
    background: hsl(196, 100%, 65%);
    text-indent: initial;
  }
}
.themen-liste-entry:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry--submenu {
    background: white;
  }
}
.themen-liste-entry--submenu:before {
  display: block;
  left: 1.3em;
  top: 1.4em;
}
.themen-liste-entry-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  position: relative;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-link {
    display: flex;
    align-items: center;
    padding: 0.8em 1.3em;
    border-bottom: 0.1395em solid hsl(279, 97%, 14%);
  }
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-link--submenu {
    padding-left: 3.09em;
  }
}
@media (hover: hover) {
  .themen-liste-entry-link:hover .themen-liste-entry-link-title {
    text-decoration: underline;
    -webkit-text-decoration-color: hsl(7, 100%, 50%);
    text-decoration-color: hsl(7, 100%, 50%);
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.065em;
  }
}
.themen-liste-entry-link-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.35em;
  line-height: 1.3;
  padding: 1em;
  text-wrap: balance;
  text-shadow: 0 0.15em 0.87em hsla(0, 0%, 0%, 0.3);
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-link-title {
    position: static;
    font-size: inherit;
    text-shadow: none;
    text-align: initial;
    justify-content: start;
    padding: 0;
  }
}
.themen-liste-entry-link-arrow {
  display: none;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-link-arrow {
    display: block;
    flex-shrink: 0;
    width: 0.776744186em;
    margin-left: 1rem;
  }
}
.themen-liste-entry-link-media {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-link-media {
    display: none;
  }
}
.themen-liste-entry-submenu {
  display: none;
}
@media screen and (max-width: 767px) {
  .themen-liste-entry-submenu {
    display: block;
    margin: 0;
  }
}

.article-teaser {
  position: relative;
}
.article-teaser[data-size=large] {
  max-width: 42rem;
  margin: 0 auto 5em;
}
@media screen and (max-width: 767px) {
  .article-teaser[data-size=large] {
    margin-bottom: 3em;
  }
}
.article-teaser[data-size=medium] {
  max-width: 38rem;
  font-size: 0.88em;
  margin: 2.5rem auto;
  display: flex;
}
@media screen and (max-width: 767px) {
  .article-teaser[data-size=medium] {
    display: block;
    font-size: 0.94em;
    margin: 1.5rem 1rem;
  }
}
.section-body .article-teaser:last-child {
  margin-bottom: 0 !important;
}
.article-teaser-faux-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font: 0/0 a;
  color: transparent;
}
.article-teaser-media {
  flex-shrink: 0;
}
[data-size=large] .article-teaser-media {
  margin: 0 0 2.5em;
}
@media screen and (max-width: 767px) {
  [data-size=large] .article-teaser-media {
    margin-bottom: 1em;
  }
}
[data-size=medium] .article-teaser-media {
  margin: 0;
  margin-right: 1.4em;
  width: 20.7em;
}
@media screen and (max-width: 767px) {
  [data-size=medium] .article-teaser-media {
    margin-right: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
}
[data-size=large] .article-teaser-text {
  text-align: center;
  margin: 0 5em;
}
@media screen and (max-width: 767px) {
  [data-size=large] .article-teaser-text {
    margin: 0 1em;
  }
}
.article-teaser-link {
  color: inherit;
  text-decoration: none;
}
.article-teaser-supertitle {
  font-size: 0.84em;
}
.article-teaser-title {
  margin: 0.37em 0 0.67em;
  font-size: 1.33em;
  text-wrap: balance;
}
[data-size=medium] .article-teaser-title {
  text-decoration-thickness: 2px;
}
@media screen and (max-width: 767px) {
  .article-teaser-title {
    font-size: 1.25em;
  }
}
.article-teaser-preview {
  font-size: 0.84em;
  font-family: "GT Sectra", serif;
  font-weight: normal;
}
.article-teaser-authors {
  font-size: 0.7em;
  margin-top: -0.9em;
  font-family: "GT Sectra", serif;
  font-weight: normal;
}
.article-teaser-authors a {
  text-decoration: none;
  color: inherit;
}

.termine-header {
  margin: -1.8em 15em -1em;
}
@media screen and (max-width: 767px) {
  .termine-header {
    margin: 1em 1.3em -1em;
  }
}
@media (hover: hover) {
  .termine .grid-tile:hover {
    background: hsl(60, 100%, 56%);
  }
}

.publikationen {
  background: hsl(279, 97%, 14%);
  color: white;
}
.publikationen ~ .footer {
  border-top-color: transparent;
}
.publikationen--filtered {
  background: inherit;
  color: inherit;
}
.publikationen--filtered ~ .footer {
  border-top-color: hsl(7, 100%, 50%);
}
.publikationen-kategorien {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 1.79em 0 0;
}
@media screen and (max-width: 767px) {
  .publikationen-kategorien {
    margin: 1.6744186047em 0 0;
    display: block;
  }
}
.publikationen-kategorien-entry {
  color: white;
  margin: 0 !important;
  padding: 0;
}
.publikationen-kategorien-entry:before {
  display: none;
}
.publikationen-kategorien-entry-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  position: relative;
}
@media (hover: hover) {
  .publikationen-kategorien-entry-link:hover .publikationen-kategorien-entry-link-title {
    text-decoration: underline;
    -webkit-text-decoration-color: hsl(7, 100%, 50%);
    text-decoration-color: hsl(7, 100%, 50%);
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 0.06em;
    text-underline-offset: 0.065em;
  }
}
.publikationen-kategorien-entry-link-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.35em;
  line-height: 1.3;
  padding: 1em;
  text-wrap: balance;
  text-shadow: 0 0.15em 0.87em hsla(0, 0%, 0%, 0.3);
}
.publikationen-kategorien-entry-link-media {
  margin: 0;
}
.publikationen-header {
  margin: 1.47rem 3.38rem 0;
  width: auto;
  font-size: 0.94em;
  max-width: initial;
}
@media screen and (max-width: 767px) {
  .publikationen-header {
    margin: 1.63rem 0.7rem 0;
    font-size: 0.84em;
  }
}
.publikationen-header .select {
  max-width: 14rem;
}

.suche[data-state=empty] ~ .footer {
  border-top: none;
}
.suche .header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: white;
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
.suche-header {
  position: relative;
}
.suche-header .such-widget {
  left: 50%;
  right: auto;
  top: 67%;
  transform: translateX(-50%) translateY(-50%);
  font-size: inherit;
}
[data-state=empty] .suche-header .such-widget {
  top: 50%;
}
@media screen and (max-width: 767px) {
  .suche-header .such-widget {
    transform: none;
    left: 1.12em;
    bottom: 1.12em;
    top: auto;
    right: 1.12em;
  }
}
.suche-header .such-widget-input {
  width: 20em;
}
@media screen and (max-width: 767px) {
  .suche-header .such-widget-input {
    width: 100%;
  }
}
.suche-banner {
  margin: 0;
}
.suche-banner-element {
  aspect-ratio: 3.5 !important;
}
@media screen and (max-width: 767px) {
  .suche-banner-element {
    aspect-ratio: 2.17 !important;
  }
}
[data-state=empty] .suche-banner-element {
  height: 100vh;
  height: 100svh;
  aspect-ratio: auto !important;
}
.suche-ergebnisse-entry {
  margin-bottom: 2.44em !important;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .suche-ergebnisse-entry {
    text-indent: 0;
    margin-bottom: 2.2778em !important;
  }
}
.suche-ergebnisse-entry:before {
  display: none;
}
.suche-ergebnisse-entry-title {
  font-size: 1.53em;
  line-height: 1.14;
  margin: 0 0 0.41em;
}
@media screen and (max-width: 767px) {
  .suche-ergebnisse-entry-title {
    font-size: 1.22em;
    margin-bottom: 0.48em;
  }
}
.suche-ergebnisse-entry-title a {
  color: inherit;
  text-decoration: none;
}
.suche-ergebnisse-entry-description {
  font-family: "GT Sectra", serif;
  font-weight: normal;
  margin-bottom: 0;
}
.suche-ergebnisse-entry-link {
  display: inline-block;
  margin: 0.88em 0 0;
}
@media screen and (max-width: 767px) {
  .suche-ergebnisse-entry-link {
    margin-top: 0.72em;
  }
}

.publikation-layout {
  margin: 2.62em 3.41em 4.65em 1.65em;
  display: grid;
  grid-template-columns: 16em 1fr;
  grid-column-gap: 1.8em;
}
@media screen and (max-width: 767px) {
  .publikation-layout {
    margin: 1.58em 1.86em;
    display: block;
  }
}
.publikation-title {
  font-size: 1.44em;
  margin: 0.62rem 0 0.86em;
}
@media screen and (max-width: 767px) {
  .publikation-title {
    margin-top: 1.63rem;
  }
}
.publikation-aside {
  grid-row: span 2;
}
.publikation-body {
  grid-column: 2;
}
@media screen and (max-width: 767px) {
  .publikation-body {
    margin-top: 1.63rem;
    grid-column: 1/-1;
  }
  .publikation-body .person {
    margin-left: -1.86rem;
    margin-right: -1.86rem;
  }
}

[data-template=tools] {
  background: hsl(60, 100%, 56%);
}

.tools {
  background: hsl(60, 100%, 56%);
  overflow: hidden;
}
.tools ~ .footer {
  border-top: none;
}
.tools-liste {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  list-style: none;
  margin: 2.93em 0.625em 5em;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .tools-liste {
    margin: 1.86em 1.53em;
    display: block;
  }
}
.tools-liste[data-columns="3"] {
  flex-wrap: wrap;
  margin-left: 8em;
  margin-right: 8em;
}
@media screen and (max-width: 767px) {
  .tools-liste[data-columns="3"] {
    margin-left: 1.53em;
    margin-right: 1.53em;
  }
}
.tools-liste[data-columns="4"] {
  flex-wrap: wrap;
  margin-left: 4em;
  margin-right: 4em;
}
@media screen and (max-width: 767px) {
  .tools-liste[data-columns="4"] {
    margin-left: 1.53em;
    margin-right: 1.53em;
  }
}
.tools-liste-entry {
  width: 10em;
  color: white;
  flex-shrink: 0;
  margin-right: 0.825em;
  margin-bottom: 0.825em !important;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .tools-liste-entry {
    width: auto;
    margin: 0 0 1.4419em !important;
  }
  .tools-liste-entry:last-child {
    margin: 0 !important;
  }
}
.tools-liste-entry:before {
  display: none;
}
.tools-liste-entry:last-child {
  margin-right: 0;
}
.tools-liste-entry-link {
  display: block;
  text-decoration: none;
  color: inherit;
  background: hsl(279, 97%, 14%);
  transition: transform 200ms;
}
.tools-liste-entry-link:hover {
  transform: scale(1.077);
}
.tools-liste-entry-link-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.5em;
  line-height: 1.15;
  height: 2.15rem;
}
@media screen and (max-width: 767px) {
  .tools-liste-entry-link-title {
    font-size: 0.7442em;
    line-height: 1.125;
    height: auto;
    padding: 0.75em 1.5em;
  }
}
.tools-liste-entry-link-media {
  margin: 0;
}

.newsletter {
  background: hsl(196, 100%, 65%);
}
.newsletter-heading {
  font-size: 1.4em;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  text-decoration-thickness: 0.05em;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}
@media screen and (max-width: 767px) {
  .newsletter-heading {
    font-size: 1.05em;
    line-height: 1.3636;
    margin-bottom: 1.6rem;
  }
}
.newsletter-text {
  font-size: 0.8em;
  line-height: 1.25;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  display: table;
  max-width: 30.75rem;
  text-align: center;
  margin: 0.7rem auto;
  text-wrap: balance;
}
.newsletter-block {
  background: hsl(196, 100%, 65%);
  position: relative;
  padding: 2.5em 6em 2.625em;
}
@media screen and (max-width: 767px) {
  .newsletter-block {
    padding: 2.25em 2.25em 3.5em;
  }
}
.newsletter-block-logo {
  position: absolute;
  right: 1em;
  bottom: 1em;
  width: 2.6em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .newsletter-block-logo {
    position: relative;
    bottom: 0;
    right: -0.4em;
    width: 3.8em;
    margin: 0 auto 1.72em;
    display: table;
  }
}
.newsletter-block-heading {
  text-decoration: none;
  margin-bottom: 2em;
}
.newsletter-form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  max-width: none;
  font-size: inherit;
  margin: 0 6em;
  width: auto;
}
@media screen and (max-width: 767px) {
  .newsletter-form {
    display: block;
    margin: 0;
  }
}
.newsletter-form-group {
  width: 25%;
  padding: 0 0.75em;
}
@media screen and (max-width: 767px) {
  .newsletter-form-group {
    width: auto;
    padding: 0 2em;
    margin-bottom: 1.1em;
  }
  .newsletter-form-group:last-child {
    margin-bottom: 0;
  }
}
.newsletter-form-group--checkbox {
  flex-basis: 100%;
  order: 6;
  margin-top: 1.9375em;
}
@media screen and (max-width: 767px) {
  .newsletter-form-group--checkbox {
    padding: 0 0.7em;
    margin-top: 1.6em;
  }
}
.newsletter-form-group--checkbox .checkbox-replacement {
  display: table;
  margin: 0 auto;
}
.newsletter-form-group--checkbox .checkbox-replacement-label {
  font-size: 0.5em;
  line-height: 1.3333;
  font-family: "GT Sectra", serif;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .newsletter-form-group--checkbox .checkbox-replacement-label {
    font-size: 0.84em !important;
  }
}
.newsletter-form-group--checkbox .checkbox-replacement-label:before {
  top: 0;
}
.newsletter-form-group--checkbox .checkbox-replacement-label:after {
  top: 4px !important;
}
.newsletter-form-group--checkbox .checkbox-replacement-label a {
  font-family: "GT-Walsheim-Pro", sans-serif;
  color: inherit;
  font-weight: 500;
}
.newsletter-form-group-label {
  display: none;
}
.newsletter-form-group-input {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newsletter-form-group-input[type=text], .newsletter-form-group-input[type=email] {
    padding: 0.37rem !important;
  }
}
.newsletter-form-group-input[type=text]:focus, .newsletter-form-group-input[type=email]:focus {
  border-color: hsl(60, 100%, 56%) !important;
}
.newsletter-form-group-input::-moz-placeholder {
  color: inherit;
  opacity: 1;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  font-size: 0.6em;
}
.newsletter-form-group-input::placeholder {
  color: inherit;
  opacity: 1;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  font-size: 0.6em;
}
@media screen and (max-width: 767px) {
  .newsletter-form-group-input::-moz-placeholder {
    font-size: 0.84em;
  }
  .newsletter-form-group-input::placeholder {
    font-size: 0.84em;
  }
}
.newsletter-section {
  padding: 1.75em 1em 2em;
}
.newsletter-neuigkeiten {
  background: hsl(279, 97%, 14%);
  color: white;
}
.newsletter-neuigkeiten .newsletter-heading {
  -webkit-text-decoration-color: hsl(60, 100%, 56%);
  text-decoration-color: hsl(60, 100%, 56%);
}
.newsletter-ausgaben {
  background: white;
}
.newsletter-ausgaben .newsletter-heading {
  -webkit-text-decoration-color: hsl(196, 100%, 65%);
  text-decoration-color: hsl(196, 100%, 65%);
}
.newsletter-ausgaben-liste {
  display: table;
  margin: 1.1rem auto;
}

.newsletter-teaser {
  background: hsl(60, 100%, 56%);
  margin-top: 2.44em;
  margin-bottom: 2.44em;
}
.newsletter-teaser:last-child {
  margin-bottom: -3px;
}
.newsletter-teaser-header {
  display: flex;
}
.newsletter-teaser-logo {
  width: 3.06em;
  height: auto;
  margin-left: 1.5294em;
  vertical-align: middle;
}
.newsletter-teaser .newsletter-text {
  text-align: initial;
  margin-top: 1.3235rem;
  text-wrap: initial;
  max-width: initial;
  margin: 1.32rem 0 1.24rem;
  font-size: 0.88em;
}
.newsletter-teaser .newsletter-ausgaben-liste {
  max-width: initial;
  display: block;
  margin: 1.24rem 0 2.59rem;
}

.checkbox-replacement {
  position: relative;
  display: flex;
}
.checkbox-replacement-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 3em;
  height: 3em;
  opacity: 0;
}
.checkbox-replacement-input:checked ~ .checkbox-replacement-icon svg {
  color: white;
}
.checkbox-replacement-icon {
  width: 0.8em;
  flex-shrink: 0;
  margin-right: 0.625em;
}
.checkbox-replacement-icon svg {
  color: transparent;
  fill: white;
}
.checkbox-replacement-label {
  font: "GT Sectra", serif;
  font-weight: normal;
  font-size: 0.5em;
  line-height: 1.5;
}

.modal {
  background: hsl(60, 100%, 56%);
  text-align: center;
  padding: 3em 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .modal {
    padding: 1.25rem;
  }
}
.secondary-section .modal {
  min-height: 100%;
}
.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  color: inherit;
  padding: 0.5em;
  margin: 1em;
  line-height: 0;
  border-radius: 100%;
}
.modal-close:hover {
  background: hsl(279, 93%, 15%);
  color: hsl(60, 100%, 56%);
}
.modal-close .icon {
  width: 1em;
  vertical-align: middle;
}

.mitteilen {
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .mitteilen {
    min-height: 0;
  }
}
.mitteilen label[for=message] {
  display: none;
}
.mitteilen-form-title {
  width: 65%;
  text-align: center;
  margin: 0 auto 0.5em;
}
@media screen and (max-width: 767px) {
  .mitteilen-form-title {
    width: auto;
  }
}
.mitteilen-loader, .mitteilen-thanks, .mitteilen-error {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(60, 100%, 56%, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 500ms;
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
}
.mitteilen-loader {
  transform-origin: top;
}
[data-state=loading] .mitteilen-loader {
  opacity: 1;
  transform: none;
}
.mitteilen-loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(-50vh);
  opacity: 0;
  transition: 0.67s cubic-bezier(0.31, 0.82, 0.41, 1.19);
}
[data-state=loading] .mitteilen-loader-content {
  opacity: 1;
  transform: none;
}
.mitteilen-loader-text {
  margin: 0 0 1em;
}
.mitteilen-loader img {
  display: block;
  width: 9em;
  height: auto;
}
.mitteilen-thanks, .mitteilen-error {
  transform-origin: bottom;
}
.mitteilen-thanks-content, .mitteilen-error-content {
  font-size: 1.2em;
  line-height: 1.34;
  opacity: 0;
  padding: 1em;
  transform: translateY(50vh);
  transition: 0.67s cubic-bezier(0.31, 0.82, 0.41, 1.19);
}
.mitteilen-thanks-content a,
.mitteilen-thanks-content a:visited, .mitteilen-error-content a,
.mitteilen-error-content a:visited {
  color: inherit;
}
.mitteilen-thanks-content p:last-child, .mitteilen-error-content p:last-child {
  margin-bottom: 0;
}
.mitteilen-error {
  background: hsla(7, 100%, 50%, 0.95);
  color: white;
}
.mitteilen-error .modal-close:hover {
  background: white;
  color: hsl(7, 100%, 50%);
}
.mitteilen[data-state=sent] .mitteilen-thanks, .mitteilen[data-state=sent] .mitteilen-thanks-content, .mitteilen[data-state=error] .mitteilen-error, .mitteilen[data-state=error] .mitteilen-error-content {
  opacity: 1;
  transform: none;
}

.form-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1em;
}

.form-group {
  margin: 0 0 2em;
  padding: 0 1em;
  flex-basis: 100%;
}
@media screen and (max-width: 767px) {
  .form-group--spacer[data-width=half] {
    display: none;
  }
}
.form-group[data-width=half] {
  flex-basis: 50%;
}
@media screen and (max-width: 767px) {
  .form-group[data-width=half] {
    flex-basis: 100%;
  }
}
.form-group[data-width=quarter] {
  flex-basis: 25%;
}
@media screen and (max-width: 767px) {
  .form-group[data-width=quarter] {
    flex-basis: 50%;
  }
}
.form-group[data-width=three-quarters] {
  flex-basis: 75%;
}
@media screen and (max-width: 767px) {
  .form-group[data-width=three-quarters] {
    flex-basis: 50%;
  }
}
.form-group > label {
  line-height: 1.1;
}
.form-group > label > span {
  font-size: 0.6333333333em;
}
.form-group-limit {
  text-align: right;
  font-size: 0.6333333333em;
}

form {
  max-width: 30em;
  width: 100%;
  margin: 0 auto;
  font-size: 0.9em;
}
form table {
  width: 100%;
}
form.wide-labels td:first-child {
  width: 12em !important;
}
form [data-type=message] td:last-child {
  padding-top: 0.4em !important;
}
form .row--hidden {
  display: none;
}
form td {
  text-align: initial;
  vertical-align: bottom;
  padding: 0.1em 0 !important;
}
form td:first-child {
  width: 7.5em !important;
}
@media screen and (max-width: 767px) {
  form td {
    display: block;
  }
}
form label {
  padding: 0 !important;
  border-bottom: 2px solid transparent;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  form label {
    display: block;
    margin: 0.5em 0 0.2em;
  }
}
form .honigpferd {
  position: absolute;
  left: -9999px;
}
form textarea,
form .textgrow-shadow,
form input[type=text],
form input[type=email],
form input[type=url],
form input[type=number],
form input[type=tel] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0.2em !important;
  border: none !important;
  border-bottom: 2px solid !important;
  border-radius: 0 !important;
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  outline: none;
}
@media screen and (max-width: 767px) {
  form textarea,
  form .textgrow-shadow,
  form input[type=text],
  form input[type=email],
  form input[type=url],
  form input[type=number],
  form input[type=tel] {
    font-size: 16px;
  }
}
form textarea:invalid,
form .textgrow-shadow:invalid,
form input[type=text]:invalid,
form input[type=email]:invalid,
form input[type=url]:invalid,
form input[type=number]:invalid,
form input[type=tel]:invalid {
  box-shadow: none;
}
form textarea:focus,
form .textgrow-shadow:focus,
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=url]:focus,
form input[type=number]:focus,
form input[type=tel]:focus {
  border-color: hsl(196, 100%, 65%) !important;
}
form textarea,
form .textgrow-shadow {
  display: block;
  min-height: 10em;
  border: 2px solid !important;
  margin: 0.5em 0;
  line-height: 1.4;
  padding: 0.5em 0.75em !important;
  resize: none;
}
form [data-type=checkbox] {
  font-size: 0.8em;
}
form [data-type=checkbox] label {
  margin-top: 0.3em;
  display: block;
}
form [data-type=checkbox] input {
  margin-right: 0.2em;
}
form [type=submit]:not(.button--large) {
  display: table;
  margin: 0.5em auto 0;
  font-size: 0.75rem;
}

[type=submit].on-yellow {
  display: table;
  min-width: none !important;
  margin-top: 1em;
  transform: translateX(-2.75em);
  background: hsl(196, 100%, 65%) !important;
  color: hsl(279, 97%, 14%) !important;
  border-radius: 999px !important;
}
@media screen and (max-width: 767px) {
  [type=submit].on-yellow {
    transform: none;
  }
}

.form-box {
  padding: 2em;
  border: 0.1em solid;
}
.form-box h2:first-child {
  margin-top: 0;
}
.form-box p:last-child {
  margin-bottom: 0;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 3.65em 6.475em;
}
@media screen and (max-width: 767px) {
  .team-grid {
    margin: 1.35em 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.team-grid .person {
  margin-top: 0 !important;
}

.team-member.has-related ~ .footer {
  border-top-width: 0;
}
.team-member .related-field[data-type=magazin_articles]:last-child {
  border-bottom: 3px solid hsl(7, 100%, 50%);
}
@media screen and (max-width: 767px) {
  .team-member .related-field[data-type=magazin_articles]:last-child {
    border-top-width: 2px;
  }
}
.team-member-layout {
  margin: 1.38em 3.68em;
  display: grid;
  grid-template-columns: 9.12em 1fr;
  grid-template-rows: auto auto 1fr;
  grid-column-gap: 3.76em;
}
@media screen and (max-width: 767px) {
  .team-member-layout {
    margin: 1.58em 1.53em;
    grid-template-columns: 5.58em 1fr;
    grid-template-rows: auto auto auto 1fr;
    grid-column-gap: 1.86em;
  }
}
.team-member-photo {
  border-radius: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
  margin-bottom: 2.66em;
  grid-row: span 2;
}
@media screen and (max-width: 767px) {
  .team-member-photo {
    margin-bottom: 0;
  }
}
.team-member-photo--placeholder {
  background: hsl(279, 97%, 14%);
  opacity: 0.1;
  aspect-ratio: 1;
}
.team-member-header {
  grid-column: 2;
  align-self: end;
}
.team-member-name {
  margin: 1.29em 0 0.47em;
  font-size: 1.44em;
  line-height: 1.14;
}
@media screen and (max-width: 767px) {
  .team-member-name {
    margin: 1.58em 0 0.37em;
    font-size: inherit;
    line-height: 1.16;
  }
}
.team-member-role, .team-member-phone {
  font-size: 1.18em;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .team-member-role, .team-member-phone {
    font-size: 0.84em;
    line-height: 1.11;
  }
}
.team-member-phone {
  display: table;
  margin-top: 0.75em;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .team-member-phone {
    margin-top: 0.5em;
  }
}
.team-member .person-contact {
  grid-column: 1;
  grid-row: span 2;
  justify-self: center;
  flex-direction: column-reverse;
  justify-content: start;
}
@media screen and (max-width: 767px) {
  .team-member .person-contact {
    grid-column: 2;
    grid-row: unset;
    justify-self: start;
    flex-direction: row-reverse;
    margin-top: 0.5em;
  }
}
.team-member .person-contact-link {
  margin-bottom: 1.5em;
}
.team-member .person-contact-link:first-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .team-member .person-contact-link {
    margin-bottom: 0;
    margin-left: 0.79em;
  }
  .team-member .person-contact-link:last-child {
    margin-left: 0;
  }
}
.team-member-vita {
  grid-column: 2;
  grid-row: 2/5;
  margin-top: 0.9375em;
}
@media screen and (max-width: 767px) {
  .team-member-vita {
    grid-column: 1/-1;
    grid-row: unset;
    margin-top: 1.44rem;
  }
}
.team-member-articles {
  grid-column: 2;
  grid-row: 2/5;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .team-member-articles {
    grid-column: 1/-1;
    grid-row: unset;
  }
}
.team-member-articles-heading {
  margin-bottom: -1em;
}
@media screen and (max-width: 767px) {
  .team-member-articles .article-teaser {
    margin-left: 0;
    margin-right: 0;
  }
}

.team-teaser {
  background: hsl(196, 100%, 65%);
  position: relative;
}
.team-teaser-link {
  position: absolute;
  right: 3.2rem;
  top: 2.11rem;
  color: inherit;
  font-size: 0.88em;
  line-height: 1.13;
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .team-teaser-link {
    right: 1.25rem;
    top: 1.4rem;
    font-size: 0.73em;
  }
}
.team-teaser-link-icon {
  width: 0.73em;
  margin-top: 0.1em;
  margin-left: 0.53em;
}
.team-teaser .team-grid {
  margin: 2.62em 4.18em 1.65em;
}
@media screen and (max-width: 767px) {
  .team-teaser .team-grid {
    margin: 1.1em -1.25em -1.15em;
  }
}
@media (hover: hover) {
  .team-teaser .person:hover {
    background: hsl(60, 100%, 56%) !important;
  }
}
.team-teaser .person:nth-child(n+5) {
  display: none;
}
@media screen and (max-width: 767px) {
  .team-teaser .person:nth-child(n+3) {
    display: none;
  }
}

.hero {
  position: relative;
  aspect-ratio: 2.25;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 2em;
}
@media screen and (max-width: 767px) {
  .hero {
    aspect-ratio: 9/16;
  }
}
.hero-media {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero video,
.hero img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-body-slogan {
  color: white;
  font-size: 2em;
  line-height: 1.14;
  margin-bottom: 0.68em;
}
[data-light-hero=true] .hero-body-slogan {
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
@media (hover: hover) {
  .hero .button:hover, .hero [type=submit].on-yellow:hover {
    animation: happy-shake 0.4s;
  }
}
.hero .social-media {
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  flex-direction: column;
  padding: 0.7em;
}
[data-light-hero=true] .hero .social-media {
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
.hero .social-media-link {
  padding: 0.5em;
}
.hero .social-media-link-icon {
  width: 1.33em;
}

@keyframes happy-shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  20% {
    transform: translate(-1px, -1px) rotate(-2deg);
  }
  40% {
    transform: translate(-3px, 2px) rotate(2deg);
  }
  60% {
    transform: translate(3px, -2px) rotate(0deg);
  }
  80% {
    transform: translate(1px, 1px) rotate(2deg);
  }
  100% {
    transform: none;
  }
}
.social-media {
  display: flex;
  color: inherit;
}
.social-media-link {
  text-decoration: none;
  color: inherit;
  padding: 0.4em;
}
.social-media-link-icon {
  width: 1.5em;
}

.sidebar {
  width: 40vw;
  height: 100vh;
  flex-shrink: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 2;
  box-shadow: 0.2em 0 2em hsla(0, 0%, 0%, 0.3);
}
@media screen and (max-width: 767px) {
  .sidebar {
    z-index: unset;
    display: contents;
  }
}
@media print {
  .sidebar {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    box-shadow: none;
  }
}
.sidebar--small {
  width: 25vw;
  font-size: 0.7em;
}
@media screen and (max-width: 767px) {
  .sidebar--small {
    width: 100%;
    font-size: 1em;
    display: block;
    position: static;
    height: auto;
  }
  .sidebar--small .sidebar-header {
    height: 4.3rem;
    padding-top: 1rem;
    padding-right: 3.8rem;
    display: flex;
    align-items: center;
  }
}
.sidebar--small .sidebar-button {
  font-size: 1.2142857143em;
}
@media screen and (max-width: 767px) {
  .sidebar--small .sidebar-button {
    font-size: 1em;
  }
}
.sidebar-top {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  position: relative;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
}
.sidebar-top.loaded {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .sidebar-top {
    display: contents;
  }
}
.sidebar-header {
  padding: 1.25rem 1.25rem 0.77rem;
}
@media screen and (max-width: 767px) {
  .sidebar-header {
    height: 5.2rem;
  }
}
.sidebar-header-logo {
  color: inherit;
  display: block;
  width: 3.87rem;
}
@media screen and (max-width: 767px) {
  .sidebar-header-logo {
    width: 4.93rem;
  }
}
.sidebar-header-title {
  display: inline-flex;
  align-items: center;
  margin: 0.68rem 0 0 1.91rem;
  font-size: 1.59rem;
  line-height: 1.15;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .sidebar-header-title {
    font-size: 1.35rem;
    margin: 0.18rem 0 0 1.44rem;
    max-width: 10.8em;
    text-wrap: balance;
  }
}
@media screen and (max-width: 767px) {
  .sidebar-header-title--long {
    font-size: 1em;
  }
}
.sidebar-header-title-arrow {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.46rem;
  margin-top: 0.05em;
  margin-left: -1.37rem;
  transform: scaleX(-1);
  text-decoration: none;
  width: 0.91rem;
}
@media screen and (max-width: 767px) {
  .sidebar-header-title-arrow {
    width: 0.78rem;
    margin-left: -1.26rem;
  }
}
[data-template=magazin] .sidebar-header-logo, [data-template=magazin] .sidebar-header-title {
  position: relative;
  z-index: 100;
}
.sidebar-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6em 1.25em;
  font-size: 1em;
  color: hsl(279, 97%, 14%);
  background: hsl(60, 100%, 56%);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.85em;
}
@media print {
  .sidebar-button {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sidebar-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    height: 2.5rem;
    transition: 320ms transform;
  }
  .secondary-open .sidebar-button {
    transition: 600ms transform cubic-bezier(0.79, -0.46, 0.47, 1);
    transform: translateY(calc(-70vh + 2.5rem));
  }
  [data-template=magazin].secondary-open .sidebar-button {
    transition-timing-function: ease;
  }
}
.sidebar-button-arrow {
  width: 0.8em;
}
@media screen and (max-width: 767px) {
  .sidebar-button-arrow {
    transform: rotate(-0.25turn);
  }
}
.sidebar-button .icon {
  transition: 320ms transform;
}
.secondary-open .sidebar-button .icon {
  transform: rotate(0.5turn);
  transition: 600ms transform cubic-bezier(0.79, -0.46, 0.47, 1);
}
@media screen and (max-width: 767px) {
  .secondary-open .sidebar-button .icon {
    transform: rotate(0.5turn);
  }
}

a.sidebar-header-title {
  text-decoration: none;
}
a.sidebar-header-title:hover {
  text-decoration: underline;
}

.sidebar-text {
  margin: auto 0;
  padding: 1rem 1.25rem 4rem;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .sidebar-text {
    display: none;
  }
}

.sidebar-menu {
  padding: 1rem 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sidebar-menu {
    order: 3;
    padding: 1.25em;
  }
}

.sidebar-menu-filter {
  margin: 0 0 1rem;
}

.searchfield input,
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid;
  border-radius: 999px;
  background: none;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1.17;
  font-weight: 500;
  padding: 0.58em 1.1em 0.5em;
  width: 100%;
  outline: none;
  color: inherit;
}
.searchfield input::-ms-expand,
.select select::-ms-expand {
  display: none;
}
.searchfield input:focus,
.select select:focus {
  border-color: hsl(196, 100%, 65%);
}
.searchfield input::-moz-placeholder, .select select::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.searchfield input::placeholder,
.select select::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
}
.searchfield input::-webkit-search-cancel-button,
.select select::-webkit-search-cancel-button {
  display: none;
}

.searchfield {
  position: relative;
}
.searchfield .icon {
  position: absolute;
  left: 0.15em;
  top: 0.6em;
  width: 1.33em;
}
@media screen and (max-width: 767px) {
  .searchfield .icon {
    top: 0.4em;
    width: 1em;
  }
}
.searchfield input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-left: 2em;
  padding-right: 6.5em;
}
.searchfield input:focus ~ .icon {
  color: hsl(196, 100%, 65%);
}
.searchfield-result-count {
  position: absolute;
  text-align: right;
  top: 0.35em;
  right: 0.5em;
  line-height: 1;
  margin-top: 2px;
  color: hsl(7, 100%, 50%);
}
.searchfield-results {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: -2px;
  z-index: 2;
  max-height: calc(100vh - 14em);
  overflow: auto;
  border: 2px solid;
  background: hsl(279, 97%, 14%);
}
.searchfield-results:empty {
  display: none;
}
.searchfield-result {
  display: block;
  text-decoration: none;
  padding: 0.35em 0.6em;
  color: inherit;
}
.searchfield-result.selected {
  background: white;
  color: hsl(279, 97%, 14%);
}
.searchfield-result-title {
  line-height: 1.15;
}
.searchfield-result-subtitle {
  margin-top: 0.2em;
  text-transform: uppercase;
  font-size: 0.6333333333em;
  letter-spacing: 0.04em;
}

.select {
  position: relative;
  margin: 0.6em 0;
}
.select-icon {
  position: absolute;
  right: 0.73rem;
  top: 0.73rem;
  width: 0.9rem;
  color: hsl(196, 100%, 65%);
  pointer-events: none;
}
.select select {
  padding-right: 2.8em;
}
.select option {
  text-transform: none;
  color: initial;
}

.tabs {
  display: flex;
}

.tab {
  border: 2px solid;
  flex: 1 1 0%;
  font-size: 0.75rem;
  line-height: 1.17;
  font-weight: 500;
  padding: 0.58em 2em 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: background 200ms, border-color 200ms, color 200ms;
  text-decoration: none;
  color: inherit;
  text-align: center;
}
.tab:first-child {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.tab:last-child {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.tab.is-active {
  background: hsl(279, 97%, 14%);
  border-color: hsl(279, 97%, 14%);
  color: white;
}
.tab:last-child {
  margin-right: 0 !important;
}

.main {
  display: block;
  margin-left: 40vw;
  overflow: hidden;
  position: relative;
  min-height: 100vh;
}
.sidebar--small + .main {
  margin-left: 25vw;
}
@media screen and (max-width: 767px) {
  .sidebar--small + .main {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .main {
    margin: 0;
    min-height: 0;
    display: contents;
  }
}
@media print {
  .main {
    margin: 0;
    min-height: 0;
  }
}

.primary-section,
.secondary-section {
  transition: 320ms transform;
}
.secondary-open .primary-section,
.secondary-open .secondary-section {
  transform: translateX(55vw);
  transition: 600ms transform cubic-bezier(0.79, -0.46, 0.47, 1);
}

.primary-section {
  position: relative;
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .primary-section {
    min-height: 0;
    display: contents;
  }
  .secondary-open .primary-section {
    transform: none;
  }
}

.secondary-section {
  width: 55vw;
  height: 100vh;
  position: fixed;
  right: 60vw;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .secondary-section {
    position: fixed;
    width: 100%;
    right: 0;
    top: 100%;
    z-index: 200;
    height: calc(70vh - 2.5rem);
  }
  .secondary-open .secondary-section {
    transform: translateY(-100%);
  }
}
.secondary-section--small {
  right: 75vw;
}
@media screen and (max-width: 767px) {
  .secondary-section--small {
    right: 0;
  }
}
@media print {
  .secondary-section {
    display: none;
  }
}

.thema {
  border-left: 2px solid;
}
@media screen and (max-width: 767px) {
  .thema {
    order: 2;
    min-height: 0;
    border-left-width: 0;
  }
}
.thema-page {
  display: flex;
}
.thema-page ~ .footer {
  border-top-color: hsl(279, 97%, 14%);
  border-top-width: 2px;
}
.thema-page .article-text {
  padding: 2.29rem 4.2rem 2.53rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .thema-page .article-text {
    padding: 1.72rem 1.86rem;
  }
}
.thema-sidebar {
  width: 25vw;
  max-height: 100vh;
  position: sticky;
  top: 0;
  flex-shrink: 0;
  background: hsl(279, 97%, 14%);
  color: white;
  padding-top: 8.38em;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .thema-sidebar {
    display: contents;
  }
}
.thema-sidebar .header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: white;
}
.thema-sidebar-list {
  overflow: auto;
  flex: 1 1 0%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .thema-sidebar-list {
    display: none;
  }
}
.thema-sidebar-list-entry {
  padding: 0;
  color: hsl(279, 97%, 14%);
  background: hsl(196, 100%, 65%);
  margin-bottom: 0 !important;
}
.thema-sidebar-list-entry--submenu {
  background: white;
}
@media (hover: hover) {
  .thema-sidebar-list-entry:hover {
    background: hsl(60, 100%, 56%);
  }
}
.thema-sidebar-list-entry:before {
  display: none;
}
.thema-sidebar-list-entry:last-child .thema-sidebar-list-entry-link:not(.thema-sidebar-list-entry-link--submenu) {
  border-bottom: none;
}
.thema-sidebar-list-entry:last-child .thema-sidebar-list-entry-link--submenu {
  border-bottom-width: 2px;
}
.thema-sidebar-list-entry.is-active {
  background: hsl(60, 100%, 56%);
}
.thema-sidebar-list-entry.is-open .thema-sidebar-list-entry-submenu {
  display: block;
}
.thema-sidebar-list-entry--submenu:before {
  display: block;
  left: 0.82rem;
  top: 0.92rem;
}
.thema-sidebar-list-entry-link {
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 0.74em;
  padding: 0.68em 1.12em;
  border-bottom: 2px solid hsl(279, 97%, 14%);
}
.thema-sidebar-list-entry-link--submenu {
  padding-left: 2.32rem;
  border-bottom-width: 1px;
}
.thema-sidebar-list-entry-submenu {
  display: none;
  margin: 0;
}

.floating-header .header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  color: white;
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
.floating-header[data-logo-color=dark] .header {
  color: hsl(279, 97%, 14%);
  filter: none;
}

.article-banner {
  margin: 0;
}
.article-banner-holder {
  position: relative;
}
.article-title a {
  text-decoration: none;
}
.article-tools {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.1em 0.4em;
  color: white;
  display: flex;
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
[data-logo-color=dark] .article-tools {
  color: inherit;
  filter: none;
}
.article-subtitle {
  margin: -0.76rem 0 2.75em;
}
.article-text {
  background: white;
  position: relative;
  z-index: 1;
  padding: 1.65rem 11.74rem 2.82rem;
}
@media screen and (max-width: 767px) {
  .article-text {
    padding: 1.72rem 1.86rem;
  }
}
@media print {
  .article-text {
    padding: 3em 0 0;
    font-size: inherit;
  }
}
.article--intro .article-text {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .article--intro .article-text {
    padding-bottom: 1.25rem;
  }
}
.article-date {
  display: block;
  margin-bottom: -0.81em;
}
.article-date a {
  text-decoration: none;
}
@media print {
  .article-footnotes summary {
    display: none;
  }
}
@media print {
  .article-authors {
    display: none;
  }
}
.article-print {
  position: relative;
}
@media screen and (max-width: 767px) {
  .article-print {
    display: none;
  }
}
@media print {
  .article-print {
    display: none;
  }
}
.article-print .button, .article-print [type=submit].on-yellow {
  position: absolute;
  right: 3em;
  transform: translateY(-50%);
  z-index: 2;
}
.article-footer {
  margin: 2em 2em 3em;
}
@media screen and (max-width: 767px) {
  .article-footer {
    margin: 0;
  }
}
.article-back {
  flex: 1;
  text-align: start;
  text-align: left;
}

.related-field {
  padding: 1.69em 3.2em 2.66em;
}
@media screen and (max-width: 767px) {
  .related-field {
    padding: 1.35em 2.37em 2.63em;
  }
}
.team-member .related-field {
  padding-left: 8.23em;
  padding-right: 8.23em;
}
@media screen and (max-width: 767px) {
  .team-member .related-field {
    padding-left: 2.37em;
    padding-right: 2.37em;
  }
}
.related-field[data-type=themen] {
  background: hsl(60, 100%, 56%);
}
.related-field[data-type=products] {
  background: hsl(196, 100%, 65%);
}
.related-field[data-type=magazin_articles] {
  background: white;
}
.related-field[data-type=dates] {
  background: hsl(279, 97%, 14%);
  color: white;
}
.related-field-name {
  font-size: 1.47em;
  line-height: 1.14;
  margin: 0 0 0.7em;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .related-field-name {
    font-size: inherit;
    line-height: 1.1628;
    margin: 0 0 1.41em;
  }
}
.related-field .article-teaser[data-size=medium] {
  max-width: none;
}
@media screen and (max-width: 767px) {
  .related-field .article-teaser[data-size=medium] {
    margin-left: 0;
    margin-right: 0;
  }
}
.related-field-pages {
  margin: 0;
}
.related-field-pages-entry {
  margin-bottom: 0 !important;
}
[data-type=products] .related-field-pages-entry:before {
  background: white;
}
@media screen and (max-width: 767px) {
  .related-field-pages-entry {
    padding-left: 2.22em;
    text-indent: 0;
  }
}
.related-field-pages-entry-link {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .related-field-pages-entry-link {
    font-size: 0.84em;
    line-height: 1.44;
  }
}

.page {
  padding: 6em 3em 3em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page {
    padding: 1.25em;
  }
}
.page-date {
  font-size: 0.7em;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  .page-date {
    font-size: inherit;
  }
}
.page-subtitle {
  margin-bottom: 0.685em;
}
.page-gallery {
  float: left;
  margin: 0.2em 1em 1em 0;
  width: calc(50% - 0.5em);
}
.page-gallery .gallery-slide--preview {
  position: relative;
  opacity: 1;
}
.page-gallery .gallery-slide--preview:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsl(279, 97%, 14%);
  opacity: 0.33;
}
.page-gallery .gallery-slide--preview.is-active:after {
  display: none;
}
.page-details {
  margin: 2.75em 0 1.4em;
  position: relative;
  overflow: hidden;
}
.page-details dt {
  position: absolute;
  left: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.page-details dd {
  margin-left: 4em;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  .page-details dd {
    margin-left: 3em;
  }
}
.page-details dd:last-child {
  margin-bottom: 0;
}
.page-video {
  width: 100%;
  height: auto;
}
.page-downloads {
  margin-bottom: 1em;
}
.page-downloads h3 {
  margin-bottom: 0.55em;
}
.page-buttons .button, .page-buttons [type=submit].on-yellow {
  min-width: 7.5em;
  margin-right: 0.5em;
}
@media screen and (max-width: 767px) {
  .page-buttons .button, .page-buttons [type=submit].on-yellow {
    margin-bottom: 0.75em;
  }
}
.page-buttons .button:last-child, .page-buttons [type=submit].on-yellow:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .page-buttons .button:last-child, .page-buttons [type=submit].on-yellow:last-child {
    margin-bottom: 0;
  }
}
.page-signup {
  margin: 1.5em 0 0;
  scroll-margin-top: 1.5em;
}
.page-signup form {
  max-width: 100%;
}
.page-footer {
  overflow: hidden;
  padding: 4em 5em;
}
@media screen and (max-width: 767px) {
  .page-footer {
    padding: 3em 1.5em;
  }
}
.page-footer .article-footer {
  margin: 0;
}

.gallery-holder {
  position: relative;
  height: 0;
}
[data-layout=landscape] .gallery-holder {
  padding-bottom: 56.25%;
}
[data-layout=squared] .gallery-holder {
  padding-bottom: 100%;
}
[data-layout=portrait] .gallery-holder {
  padding-bottom: 133.333%;
}
.gallery-slides {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  scroll-snap-type: x mandatory;
  overflow: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.gallery-slides::-webkit-scrollbar {
  display: none;
}
.gallery-slide {
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: center;
  background: hsla(0, 0%, 0%, 0.1);
}
.gallery-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery-slide img[data-orientation=portrait] {
  -o-object-fit: contain;
  object-fit: contain;
}
.gallery-slide--preview {
  margin-left: 0.2em;
  width: 2em;
  height: 2em;
  opacity: 0.33;
}
.gallery-slide--preview:first-child {
  margin-left: 0;
}
.gallery-slide--preview.is-active {
  opacity: 1;
}
.gallery-image {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.gallery-previews {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
}
.gallery-control {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 0.9em;
  opacity: 0;
  pointer-events: none;
  box-sizing: content-box;
}
@media print {
  .gallery-control {
    display: none;
  }
}
[data-layout=squared] .gallery-control {
  width: 0.5em;
  padding: 0.75em;
}
@media screen and (max-width: 767px) {
  .gallery-control {
    display: none;
  }
}
.gallery-control.is-active {
  opacity: 1;
  pointer-events: auto;
}
.gallery-control .icon-ratio {
  width: 100%;
}
.gallery-control--prev .icon {
  transform: scaleX(-1);
}
.gallery-control--next {
  left: auto;
  right: 0;
}
.gallery-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.25em;
  display: flex;
}
@media print {
  .gallery-pagination {
    display: none;
  }
}
.gallery-pagination-dot {
  position: relative;
  opacity: 0.3;
  width: 0.75em;
  height: 0.75em;
}
.gallery-pagination-dot.is-active {
  opacity: 1;
}
.gallery-pagination-dot:after {
  content: "";
  position: absolute;
  left: 25%;
  top: 25%;
  background: white;
  border-radius: 100%;
  width: 50%;
  height: 50%;
}

.hero-block {
  padding: 6em 0 4em;
  min-height: 94vh;
  min-height: 94svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-block h1 {
  margin: 0;
}
.hero-block-media {
  width: 84%;
  margin: 0 8%;
}
@media screen and (max-width: 767px) {
  .hero-block-media {
    width: 100%;
    margin: 0;
  }
}

.text-section {
  text-align: center;
  font-weight: normal;
  padding: 4em 16em;
  text-wrap: balance;
}
@media screen and (max-width: 767px) {
  .text-section {
    padding: 5em 1em;
  }
}

.studie {
  padding: 4em 5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .studie {
    padding: 3em 1.5em;
  }
}
.studie p,
.studie ul,
.studie ol {
  font-size: 0.9em;
}
@media screen and (max-width: 767px) {
  .studie p,
  .studie ul,
  .studie ol {
    font-size: inherit;
  }
}
.studie .links {
  margin: 3em 0 1em;
}
.studie .link-block {
  border: none;
  background: var(--link-background);
}

.tools-block {
  padding: 3em 1em;
}

.footer {
  padding: 1.5rem 2rem 1rem;
  padding-right: 1.4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  border-top: 3px solid hsl(7, 100%, 50%);
}
@media screen and (max-width: 767px) {
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.86em 1.5em;
    border-top-width: 2px;
    order: 5;
  }
}
@media print {
  .footer {
    display: none !important;
  }
}
[data-template=home] .footer {
  border-top: none;
}
.footer-menu {
  display: flex;
  margin-bottom: 5.3em;
}
@media screen and (max-width: 767px) {
  .footer-menu {
    flex-direction: column;
    text-align: center;
    margin: 2em 0 2.5em;
    order: 1;
  }
}
.footer-menu a {
  color: inherit;
  margin-right: 1.5em;
  text-decoration: none;
  font-size: 0.6em;
  line-height: 1.1667;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .footer-menu a {
    text-transform: none;
    letter-spacing: 0;
    font-size: inherit;
    line-height: 1.2727;
    margin-right: 0;
  }
}
.footer-logo {
  justify-self: end;
}
.footer-logo svg {
  width: 4.5em;
  height: auto;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .footer-logo svg {
    width: 4em;
    order: 0;
  }
}
.footer .social-media {
  align-self: end;
}
@media screen and (max-width: 767px) {
  .footer .social-media {
    order: 2;
    margin-bottom: 2.5rem;
    align-self: initial;
  }
}

@media screen and (max-width: 767px) {
  .institutions {
    order: 3;
  }
}
.institutions-heading {
  max-width: 37.7em;
  font-family: "GT Sectra", serif;
  font-size: 0.57em;
  line-height: 1.25;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .institutions-heading {
    font-size: 0.84em;
    line-height: inherit;
    text-align: center;
  }
}
.institutions-grid {
  display: flex;
}

.institution {
  margin-left: 3em;
}
@media screen and (max-width: 767px) {
  .institution {
    margin-left: 1.8em;
  }
}
.institution:first-child {
  margin-left: 0;
}
.institution img {
  height: 2.4em;
  width: auto;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .institution img {
    height: 8.5vw;
  }
}

.site-content {
  margin: 4rem 8rem;
  position: relative;
  font-size: 0.94em;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .site-content {
    font-size: inherit;
    margin: 3rem 1.25rem 4rem;
  }
}
.site-content .article-text {
  padding: 0 !important;
}

.person {
  display: grid;
  grid-template-columns: 7.35rem 1fr;
  background: white;
}
.person + .person {
  margin-top: 1em;
}
.article-details summary + .person {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .article-text .person {
    margin-left: -1.86rem;
    margin-right: -1.86rem;
  }
}
@media screen and (max-width: 767px) {
  .person {
    font-size: 0.84em;
    grid-template-columns: 6.24rem 1fr;
  }
}
.person[data-layout=wide-small] {
  font-size: 0.88em;
}
@media screen and (max-width: 767px) {
  .person[data-layout=wide-small] {
    font-size: 0.84em;
  }
}
.person[data-layout=small] {
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  font-size: 0.53em;
}
.slider-tile .person[data-layout=small] {
  width: 9.4rem;
}
@media screen and (max-width: 767px) {
  .person[data-layout=small] {
    font-size: 0.84em;
  }
}
@media (hover: hover) {
  .person[data-layout=small]:hover {
    background: hsl(196, 100%, 65%);
  }
  .person[data-layout=small]:hover .person-photo-element {
    filter: grayscale(0%);
    mix-blend-mode: normal;
  }
}
h1 + .person {
  margin-top: 1em;
}
.person-photo {
  text-decoration: none;
}
[data-layout=small] .person-photo {
  background: hsl(279, 97%, 7%);
}
.person-photo--placeholder {
  background: hsl(279, 97%, 14%);
  opacity: 0.1;
  aspect-ratio: 5/6;
}
.person-photo-element {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
[data-layout=small] .person-photo-element {
  mix-blend-mode: screen;
  filter: grayscale(100%);
}
.person-details {
  background: hsl(60, 100%, 56%);
  padding: 1.16em 0.93em 0.73em 1.33em;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr auto;
}
@media screen and (max-width: 767px) {
  .person-details {
    padding: 0.7rem 0.47rem 0.56rem 0.88rem;
  }
}
[data-layout=small] .person-details {
  background: none;
  padding: 0.94em 1.17em 1em;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media screen and (max-width: 767px) {
  [data-layout=small] .person-details {
    padding: 1em 1em 0.67em;
  }
}
.person-name {
  margin: 0;
}
[data-layout=small] .person-name {
  font-size: 1.33em;
}
@media screen and (max-width: 767px) {
  [data-layout=small] .person-name {
    font-size: inherit;
  }
}
.person-name a {
  color: inherit;
  text-decoration: none;
}
.person-link {
  display: inline-block;
  justify-self: end;
  margin-top: -1.16em;
  margin-right: -0.93em;
  padding: 0.8em 0.93em;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .person-link {
    padding: 0.7rem 0.47rem;
    margin-top: -0.7rem;
    margin-right: -0.47rem;
  }
}
[data-layout=small] .person-link {
  margin-top: -0.94em;
  margin-right: -1.17em;
  padding: 1.42em 1.17em 0;
}
@media screen and (max-width: 767px) {
  [data-layout=small] .person-link {
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.person-link-arrow {
  width: 0.89em;
}
@media screen and (max-width: 767px) {
  .person-link-arrow {
    width: 0.78rem;
  }
}
.person-role {
  grid-column: 1/-1;
  max-width: 20.81em;
  margin: 0.65em 0;
}
@media screen and (max-width: 767px) {
  .person-role {
    grid-row: 2;
    grid-column: 1;
    max-width: initial;
    line-height: 1.2;
    overflow: hidden;
  }
}
[data-layout=small] .person-role {
  margin: 0.55em 0;
}
@media screen and (max-width: 767px) {
  [data-layout=small] .person-role {
    margin: 0.28rem 0 0.5rem;
  }
  [data-layout=small] .person-role[data-length=long] {
    font-size: 0.84em;
  }
}
.person-role a {
  color: inherit;
}
.person-phone {
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .person-phone {
    grid-row: 3;
    font-size: 0.78em;
  }
}
.person-contact {
  display: flex;
  justify-self: end;
}
@media screen and (max-width: 767px) {
  .person-contact {
    flex-direction: column;
    grid-row: 2/4;
    align-self: end;
    margin-bottom: 0.13rem;
  }
  [data-layout=small] .person-contact {
    margin-bottom: 0;
  }
}
.person-contact-link {
  color: inherit;
  text-decoration: none;
  margin-right: 0.82em;
}
[data-layout=small] .person-contact-link {
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .person-contact-link {
    margin-right: 0;
    margin-bottom: 0.82em;
  }
}
.person-contact-link:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .person-contact-link:last-child {
    margin-bottom: 0;
  }
}
.person-contact-link-icon {
  width: 1.2em;
}
[data-layout=small] .person-contact-link-icon {
  width: 1.39em;
}
@media screen and (max-width: 767px) {
  [data-layout=small] .person-contact-link-icon {
    width: 1em;
  }
}
@media screen and (max-width: 767px) {
  .person-contact-link-icon {
    width: 1em;
  }
}

.file {
  display: block;
  font-size: 0.94rem;
  padding: 1em 1.5em 1em 3.28em;
  position: relative;
  text-decoration: none;
  margin-bottom: 0.5em;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .file {
    padding: 0.8em 1.5em 0.8em 3em;
  }
}
.file:last-child {
  margin-bottom: 0;
}
.file:hover {
  background: hsl(0, 0%, 97%);
}
@media screen and (any-pointer: coarse) {
  .file:hover {
    background: none;
  }
}
.file-icon {
  position: absolute;
  left: 1em;
  top: 1.5em;
  width: 0.94em;
  color: hsl(7, 100%, 50%);
}
.file > span {
  display: block;
}
.file-title {
  text-transform: uppercase;
  margin: 0 0 0.26em;
  line-height: 1.2;
}
.file p:last-child {
  margin-bottom: 0;
}
.file-text {
  display: block;
  font-size: 0.93em;
}
.file-target {
  display: block;
  font-size: 0.71em;
  margin-top: 0.25rem;
}

.error {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
}
@media screen and (max-width: 767px) and (max-aspect-ratio: 1/2) {
  .error {
    min-height: 80vh;
  }
}
.error ~ .footer {
  border-top: none;
}
.error-banner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  margin: 0;
}
.error-banner-element {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.error-text {
  margin: 2.09rem 3.62rem;
  max-width: 18.21rem;
}
@media screen and (max-width: 767px) {
  .error-text {
    margin: 2rem 1.86rem;
  }
}
.error-text p,
.error-text ol,
.error-text ul {
  max-width: 16.94em;
}

.magazin .header {
  margin-bottom: 1.47rem;
}
@media screen and (max-width: 767px) {
  .magazin .header {
    margin-bottom: 1.12rem;
  }
}
.magazin-einleitung {
  background: hsl(60, 100%, 56%);
  padding: 3.38em;
}
@media screen and (max-width: 767px) {
  .magazin-einleitung {
    padding: 2.23em;
  }
}
.magazin-einleitung-text {
  font-size: 1.44em;
  line-height: 1.24;
  text-align: center;
  max-width: 20em;
  text-wrap: balance;
  margin: 0 auto;
  font-family: "GT Sectra", serif;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .magazin-einleitung-text {
    font-size: inherit;
    line-height: inherit;
  }
}
.magazin-einleitung-text p:last-child {
  margin-bottom: 0;
}
.magazin-einleitung-text a {
  color: inherit;
  font-family: "GT-Walsheim-Pro", sans-serif;
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-thickness: 3px;
  text-underline-offset: 0.065em;
}
@media screen and (max-width: 767px) {
  .magazin-einleitung-text a {
    text-decoration-thickness: 2px;
  }
}
.magazin-authors {
  margin: 3em 0 1em;
}
.magazin-authors-heading {
  text-align: center;
}
@media (hover: hover) {
  .magazin-authors .person:hover {
    background: hsl(60, 100%, 56%);
  }
}
.magazin-authors .person-photo-element {
  filter: none;
  mix-blend-mode: initial;
}
.magazin-authors .person-contact,
.magazin-authors .person-phone {
  display: none;
}
@media screen and (max-width: 767px) {
  .magazin-authors .person-role {
    grid-column: 1/-1;
  }
}
.magazin-authors .slider-arrow {
  top: 6em;
  filter: drop-shadow(0 0.1em 0.2em hsla(0, 0%, 0%, 0.16));
}
.magazin-authors .slider-arrow-icon {
  color: white;
}

.contact-body {
  margin: 0.35em 15.15em;
}
@media screen and (max-width: 767px) {
  .contact-body {
    margin: 1.86em 3.12em;
  }
}
.contact-body h1 {
  text-align: center;
  font-size: 1.44em;
}
@media screen and (max-width: 767px) {
  .contact-body h1 {
    font-size: inherit;
    margin-bottom: 0.47em;
  }
}
.contact-body-text {
  text-align: center;
  font-weight: normal;
  font-size: 0.94em;
}
@media screen and (max-width: 767px) {
  .contact-body-text {
    font-size: 0.84em;
  }
}
.contact-body .social-media {
  margin: 1rem 0 1.4rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .contact-body .social-media {
    margin: 0.8rem 0 2rem;
  }
}
.contact-sekretariat {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
  .contact-sekretariat {
    display: block;
  }
}
.contact-sekretariat > h3,
.contact-sekretariat > a {
  font-size: 0.76em;
  line-height: 1.27;
  margin: 0 0 0.58em;
}
@media screen and (max-width: 767px) {
  .contact-sekretariat > h3 {
    font-size: inherit;
    margin: 0 auto 0.47em;
    display: table;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
  }
}
.contact-sekretariat > a {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .contact-sekretariat > a {
    font-size: 0.84em;
    display: table;
    margin: 0 auto;
  }
}
.contact-sekretariat > a:nth-child(2) {
  justify-self: center;
  text-decoration: none;
  font-weight: normal;
}
.contact-sekretariat > a:nth-child(3) {
  justify-self: end;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-thickness: 2px;
}
@media screen and (max-width: 767px) {
  .contact-sekretariat > a:nth-child(3) {
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 2.22em;
  }
}
.contact-sekretariat .person {
  margin-top: 0 !important;
}
@media (hover: hover) {
  .contact-sekretariat .person:hover {
    background: hsl(60, 100%, 56%);
  }
}
@media screen and (max-width: 767px) {
  .contact-sekretariat .person {
    margin-bottom: 1.4rem;
  }
}
.contact-button {
  margin: 1.79rem auto;
  display: table;
}

@media screen and (max-width: 767px) {
  [data-template=toolbox] {
    height: 100%;
    overflow: hidden;
  }
  [data-template=toolbox] body {
    height: 100%;
  }
  [data-template=toolbox].toolbox-card-open {
    overflow: visible;
  }
  [data-template=toolbox].toolbox-card-open body {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .toolbox {
    overflow: hidden;
  }
  .toolbox-card-open .toolbox {
    overflow: visible;
  }
}
.toolbox .sidebar {
  background: hsl(279, 97%, 14%);
  color: white;
}
@media screen and (max-width: 767px) {
  .toolbox .sidebar {
    display: block;
  }
}
.toolbox .sidebar .button, .toolbox .sidebar [type=submit].on-yellow {
  background: hsl(196, 100%, 65%);
  border-color: hsl(196, 100%, 65%);
  color: white;
}
.toolbox-close-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.toolbox-card-open .toolbox-close-overlay {
  display: block;
}
.toolbox-to-top {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 0.9em;
  background: hsl(279, 97%, 14%);
  color: white;
  width: 2.6em;
  height: 2.6em;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transform: translateY(100%);
  transition: transform 240ms;
  display: none;
}
@media screen and (max-width: 767px) {
  .toolbox-card-open .toolbox-to-top {
    display: flex;
  }
}
.scrolled-down .toolbox-to-top {
  transition: transform 320ms 320ms;
  transform: translateY(-2.5rem);
}
.toolbox-to-top .icon {
  width: 1.4144em;
  margin-top: -0.1em;
  transform: scaleY(-1);
}
.toolbox-cards {
  padding: 3em 5em 3em 3em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.25em;
  perspective: 30em;
}
@media screen and (max-width: 767px) {
  .toolbox-cards {
    position: absolute;
    left: 0;
    top: 4.3rem;
    display: block;
    height: calc(100% - 2.5rem - 4.3rem);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 2em 1.75em;
    gap: 0;
    perspective: none;
  }
  .toolbox-card-open .toolbox-cards {
    overflow: hidden;
  }
}
.toolbox-card {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  width: 67vw;
  transform: translateX(67vw);
  transition: 320ms transform;
  background: white;
  z-index: 101;
  padding: 2.25em;
}
@media screen and (max-width: 767px) {
  .toolbox-card {
    position: absolute;
    top: 100%;
    width: 100%;
    height: auto;
    min-height: 60vh;
    transform: none;
    display: block;
    overflow: visible;
    z-index: 1;
    padding: 1em 1em 4em;
  }
}
.toolbox-card-open .toolbox-card {
  transform: none;
  box-shadow: -10px 0 26px hsla(0, 0%, 0%, 0.16);
}
@media screen and (max-width: 767px) {
  .toolbox-card-open .toolbox-card {
    transform: translateY(-60vh);
    box-shadow: 0 -5px 19px hsla(0, 0%, 0%, 0.13);
  }
}
.toolbox-card-header {
  display: flex;
  justify-content: space-between;
}
.toolbox-card-title {
  font-size: 1em;
  color: white;
  background: hsl(279, 97%, 14%);
  text-decoration: none;
  font-size: 0.7714285714em;
  padding: 0.7em 0.85em 0.6em;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 3.25em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-title {
    font-size: 1.067em;
    margin-bottom: 1.33em;
  }
}
.toolbox-card-icon {
  margin-top: -2.25em;
  width: 5.7142857143em;
  height: auto;
  flex-shrink: 0;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-icon {
    display: none;
  }
}
.toolbox-card-section {
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-section {
    margin-bottom: 1.2em;
  }
}
.toolbox-card-section:last-child {
  margin-bottom: 0;
}
.toolbox-card-section-headline {
  position: relative;
  list-style: none;
  font-size: 1.65em;
  line-height: 1.0172413793;
  padding-left: 1em;
  outline: none;
}
@media screen and (max-width: 767px) {
  .toolbox-card-section-headline {
    font-size: 1.4em;
    line-height: 1.1153846154;
    padding-left: 1.3em;
  }
}
.toolbox-card-section-headline::-webkit-details-marker {
  display: none;
}
.toolbox-card-section-headline::marker {
  display: none;
}
.toolbox-card-section-headline-arrow {
  transform: translateX(0.1em) rotate(-0.25turn);
  width: 0.65em;
  transition: transform 200ms;
  position: absolute;
  left: 0;
  top: 0.275em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-section-headline-arrow {
    width: 1em;
    top: 0.1em;
  }
}
[open] .toolbox-card-section-headline-arrow {
  transition: transform 400ms;
  transform: none;
  color: hsl(7, 100%, 50%);
}
.toolbox-card-section-body {
  margin: 1rem 3.5rem 2.2rem 1.65rem;
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-section-body {
    margin: 1em 0.5em 3em;
    font-size: 1em;
  }
}
[open] .toolbox-card-section-body {
  animation: sweep 0.4s ease-out;
}
.toolbox-card-section-body em {
  color: hsl(196, 100%, 65%);
  font-style: normal;
}
.toolbox-card-preview {
  transform-style: preserve-3d;
  text-decoration: none;
  backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  .toolbox-card-preview {
    transform-style: flat;
    display: block;
    margin-bottom: 1.75em;
  }
  .toolbox-card-preview:last-child {
    margin-bottom: 0;
  }
}
.toolbox-card-preview:hover .toolbox-card-preview-inner {
  transform: rotateZ(-1deg) rotateX(-1deg) translateZ(0.5em);
}
@media screen and (max-width: 767px) {
  .toolbox-card-preview:hover .toolbox-card-preview-inner {
    transform: none;
  }
}
.toolbox-card-preview:nth-child(even) .toolbox-card-preview-inner {
  transform-origin: 90% 90%;
}
.toolbox-card-preview:nth-child(even):hover .toolbox-card-preview-inner {
  transform: rotateZ(1deg) rotateX(-1deg) translateZ(0.5em);
}
@media screen and (max-width: 767px) {
  .toolbox-card-preview:nth-child(even):hover .toolbox-card-preview-inner {
    transform: none;
  }
}
.toolbox-card-preview-inner {
  position: relative;
  box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.2);
  transform-origin: 10% 90%;
  transition: transform 300ms;
  backface-visibility: hidden;
}
.toolbox-card-preview-background {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.toolbox-card-preview-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.8em;
  transform: translateZ(0);
  mix-blend-mode: screen;
}
@media screen and (max-width: 767px) {
  .toolbox-card-preview-text {
    padding: 0.75em;
  }
}
.toolbox-card-preview-text-inner {
  padding: 0.8em;
  background: white;
  color: black;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.185;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .toolbox-card-preview-text-inner {
    font-size: 1em;
  }
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .atlas {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
  }
  .sozialform-open .atlas {
    overflow: visible;
  }
}
.atlas .sidebar {
  background: hsl(279, 97%, 14%);
  color: white;
  transition: 600ms box-shadow;
}
html:not(.secondary-open) .atlas .sidebar {
  box-shadow: none;
}
.atlas .sidebar-header-logo-group {
  margin-right: 0.5em;
}
.atlas .sidebar-header-filter-toggle {
  display: none;
}
@media screen and (max-width: 767px) {
  .atlas .sidebar-header-filter-toggle {
    display: block;
    margin: 0 auto;
    min-width: 0;
    font-size: inherit;
  }
}
.atlas .sidebar-header-secondary-section-toggle {
  display: none;
}
@media screen and (max-width: 767px) {
  .atlas .sidebar-header-secondary-section-toggle {
    display: block;
    margin: 0 0.5em;
    padding: 0.5em;
  }
  .atlas .sidebar-header-secondary-section-toggle .icon {
    width: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .atlas .sidebar-menu {
    display: none;
    position: absolute;
    top: 4.3rem;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 3em 1em;
    z-index: 2;
    background: hsla(279, 97%, 14%, 0.9);
  }
  .filters-visible .atlas .sidebar-menu {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .atlas .sidebar-button {
    display: none;
  }
}
.atlas .searchfield {
  margin-bottom: 4em;
}
.atlas .searchfield input {
  padding-right: 0.32em;
}
.atlas-legend {
  margin-top: auto;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 767px) {
  .atlas-legend {
    margin-bottom: 3em;
  }
}
.atlas-legend .checkbox-replacement label span {
  color: white;
}
.atlas .modal .form-group {
  text-align: initial;
  font-size: 0.778em;
}
@media screen and (max-width: 767px) {
  .atlas .modal .form-group {
    font-size: 1em;
  }
}
.atlas .modal .mitteilen-form-title {
  margin-bottom: 1.5em;
}
.atlas .modal [type=submit].on-yellow {
  transform: none;
}
.atlas .modal .form-grid {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .atlas .modal .form-grid {
    margin: 0 -1em;
  }
}
.atlas .primary-section {
  display: flex;
}
@media screen and (max-width: 767px) {
  .atlas .primary-section {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .atlas .secondary-section {
    height: 100%;
  }
}
.atlas-map {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .atlas-map {
    height: 100%;
  }
}

#atlas-map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.marker {
  background: url(../images/marker.svg) center/contain no-repeat;
  width: 36em;
  height: 59em;
  font-size: 0.05em;
  margin-top: -54em;
  cursor: pointer;
}

.radios {
  display: flex;
}
.radios .radio-replacement {
  margin-right: 0.75em;
}

.radio-replacement input,
.checkbox-replacement input {
  position: absolute;
  opacity: 0;
}
.radio-replacement input:checked + label:after, .radio-replacement input:checked + span:after,
.checkbox-replacement input:checked + label:after,
.checkbox-replacement input:checked + span:after {
  content: "";
  position: absolute;
  width: calc(1em - 4px);
  height: calc(1em - 4px);
  top: 4px;
  left: 4px;
  background: currentColor;
}
.radio-replacement label,
.radio-replacement > span,
.checkbox-replacement label,
.checkbox-replacement > span {
  margin: 0.6em 0 0;
  font-size: 0.8333333333em;
  padding-left: 1.6em !important;
  position: relative;
  display: block;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
@media screen and (max-width: 767px) {
  .radio-replacement label,
  .radio-replacement > span,
  .checkbox-replacement label,
  .checkbox-replacement > span {
    font-size: 1em !important;
  }
}
.radio-replacement label:last-child,
.radio-replacement > span:last-child,
.checkbox-replacement label:last-child,
.checkbox-replacement > span:last-child {
  margin-right: 0;
}
.radio-replacement label:before,
.radio-replacement > span:before,
.checkbox-replacement label:before,
.checkbox-replacement > span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  border: 2px solid;
}
.radio-replacement--round input:checked + label:after,
.radio-replacement--round input:checked + span:after,
.checkbox-replacement--round input:checked + label:after,
.checkbox-replacement--round input:checked + span:after {
  border-radius: 100%;
  top: 2px;
  width: calc(1em - 6px);
  height: calc(1em - 6px);
}
.radio-replacement--round label,
.radio-replacement--round > span,
.checkbox-replacement--round label,
.checkbox-replacement--round > span {
  font-size: 1em;
  line-height: 1;
}
.radio-replacement--round label:before,
.radio-replacement--round > span:before,
.checkbox-replacement--round label:before,
.checkbox-replacement--round > span:before {
  top: -2px;
  border-radius: 100%;
  border-width: 2px;
  width: calc(1em - 2px);
  height: calc(1em - 2px);
}
.radio-replacement--round label span,
.radio-replacement--round > span span,
.checkbox-replacement--round label span,
.checkbox-replacement--round > span span {
  color: white;
}

.radio-replacement input:checked + label:after {
  border-radius: 100%;
}
.radio-replacement label:before {
  border-radius: 100%;
}

.checkboxes {
  margin-top: 0.6em;
}
.checkboxes--columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
}
.checkboxes--columns label {
  margin: 0 0 0.6em;
}
.checkboxes .form-group-limit {
  grid-column: 1/-1;
}

.primary-section > .sozialform {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  width: 63.75vw;
  transform: translateX(63.75vw);
  transition: 320ms transform;
  background: white;
  z-index: 101;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .primary-section > .sozialform {
    top: 100%;
    width: 100%;
    height: auto;
    min-height: 50vh;
    transform: none;
    display: block;
    position: absolute;
    overflow: visible;
    z-index: 1;
  }
}
.sozialform-open .primary-section > .sozialform {
  transform: translateX(38.75vw);
  box-shadow: -10px 0 26px hsla(0, 0%, 0%, 0.16);
}
@media screen and (max-width: 767px) {
  .sozialform-open .primary-section > .sozialform {
    transform: translateY(-50vh);
    box-shadow: 0 -5px 19px hsla(0, 0%, 0%, 0.13);
  }
}
.sozialform-more .primary-section > .sozialform {
  transform: none;
}
.sozialform-main {
  width: 25vw;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .sozialform-main {
    width: auto;
  }
}
.sozialform-main-inner {
  padding: 1.3em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100%;
}
@media screen and (max-width: 767px) {
  .sozialform-main-text {
    font-size: 1.4em;
  }
}
.sozialform-tags {
  color: hsl(196, 100%, 65%);
  font-size: 0.5em;
  line-height: 1.2222222222;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.3em;
}
.sozialform-landeskirche {
  font-family: "GT Sectra", serif;
  font-weight: normal;
  font-size: 0.5em;
  margin: 0.3em 0 0.8em;
}
.sozialform-title {
  font-size: 1.4em;
  line-height: 1.05;
  -webkit-text-decoration-color: currentcolor;
  text-decoration-color: currentcolor;
  margin: 0 0 0.5em;
}
.sozialform-address {
  font-size: 0.7em;
  margin: 0.6em 0 1.2em;
}
.sozialform-contact {
  font-size: 0.7em;
}
.sozialform-contact a {
  text-decoration: none;
  display: table;
  color: inherit;
}
.sozialform-contact a:hover {
  text-decoration: underline;
}
.sozialform-links {
  margin: 0 -0.25em;
  display: flex;
}
.sozialform-links a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  border-radius: 0.1em;
  line-height: 1;
  padding: 0.1em 0.2em;
  margin: 0 0.05em;
}
.sozialform-links a:hover {
  background: hsl(279, 12%, 96%);
}
.sozialform-links .icon {
  width: 1em;
  height: 1em;
}
.sozialform-more-button {
  margin-top: auto;
  padding-top: 0.75em;
}
@media screen and (max-width: 767px) {
  .sozialform-more-button {
    display: none;
  }
}
.sozialform-more-button .button, .sozialform-more-button [type=submit].on-yellow {
  display: table;
}
.sozialform-photo {
  display: block;
  margin-top: 1em;
  width: 100%;
  padding-bottom: 75%;
}
.sozialform-detail {
  flex: 1;
  padding: 1.25rem 1rem 0;
  font-size: 0.83333em;
  display: none;
}
@media screen and (max-width: 767px) {
  .sozialform-detail {
    display: block;
    font-size: 0.9em;
    padding: 1rem 1.5rem;
  }
}
.sozialform-more .sozialform-detail {
  display: block;
}
.sozialform-detail h2:first-child {
  margin-top: 0;
}
.sozialform-detail p:last-child,
.sozialform-detail ul:last-child {
  margin-bottom: 1.25rem;
}
.sozialform-zielgruppe {
  white-space: pre-wrap;
}

.maplibregl-user-location-accuracy-circle {
  background-color: hsla(196, 100%, 65%, 0.4);
}

.maplibregl-user-location-dot, .maplibregl-user-location-dot:before {
  background-color: hsl(196, 100%, 65%);
}

.maplibregl-ctrl-group {
  box-shadow: none !important;
}
.maplibregl-ctrl-group button + button {
  border-top-width: 0;
  margin-top: 1px;
}
.maplibregl-ctrl-group button {
  background: hsl(279, 97%, 14%);
  border-radius: 0 !important;
}
.maplibregl-ctrl-group button:not(:disabled):hover {
  background: hsl(280, 97%, 14%);
}
.maplibregl-ctrl-group button:focus {
  box-shadow: 0 0 0 2px hsl(196, 100%, 65%);
  z-index: 1;
  position: relative;
}
.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%239782a3'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2309d3ff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23ff0f00'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2309d3ff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}
.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23ff0f00'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

[data-template=steckbrief-form] .menu {
  display: none;
}

.steckbrief {
  max-width: none;
}
.steckbrief--unauthorized {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.steckbrief--unauthorized h1 {
  text-decoration: none;
  font-size: 2em;
  flex-basis: 100%;
}
.steckbrief--unauthorized p {
  max-width: 22em;
}
.steckbrief--unauthorized .footer {
  margin-top: auto;
}
.steckbrief--unauthorized .footer-menu--secondary {
  margin-bottom: 0;
}
.steckbrief .sidebar-header-title {
  text-decoration: none;
  line-height: inherit;
  font-size: 1.2em;
}
@media screen and (max-width: 767px) {
  .steckbrief .sidebar-header-title {
    font-size: 1em;
  }
}
.steckbrief-header {
  background: hsl(60, 100%, 56%);
  padding: 1.5em 1.8em 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.steckbrief--unauthorized .steckbrief-header {
  background: hsl(7, 100%, 50%);
  color: white;
}
@media screen and (max-width: 767px) {
  .steckbrief-header {
    padding: 1.25em 1em;
  }
}
.steckbrief-header-meta {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .steckbrief-header-meta {
    text-align: initial;
    margin-top: 1em;
    margin-left: auto;
  }
}
.steckbrief-header-meta-text {
  font-size: 0.66667em;
}
@media screen and (max-width: 767px) {
  .steckbrief-header-meta-text {
    font-size: 1em;
  }
}
.steckbrief-header-meta [type=submit] {
  margin-right: 0 !important;
  margin-top: 0.8em;
}
@media screen and (max-width: 767px) {
  .steckbrief-header-meta [type=submit] {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}
.steckbrief-body {
  margin: 3em 10em;
}
.steckbrief--unauthorized .steckbrief-body {
  color: hsl(7, 100%, 50%);
  margin: 4em 2.9em;
}
@media screen and (max-width: 767px) {
  .steckbrief-body {
    margin: 1em 0;
  }
}
.steckbrief-body input[type=text],
.steckbrief-body input[type=email],
.steckbrief-body input[type=url],
.steckbrief-body input[type=number],
.steckbrief-body input[type=tel] {
  padding: 0.28em 0 !important;
}
.steckbrief-body input[type=text],
.steckbrief-body input[type=email],
.steckbrief-body input[type=url],
.steckbrief-body input[type=number],
.steckbrief-body input[type=tel],
.steckbrief-body textarea,
.steckbrief-body .textgrow-shadow,
.steckbrief-body .select {
  font-size: 0.8333333333em;
}
@media screen and (max-width: 767px) {
  .steckbrief-body input[type=text],
  .steckbrief-body input[type=email],
  .steckbrief-body input[type=url],
  .steckbrief-body input[type=number],
  .steckbrief-body input[type=tel],
  .steckbrief-body textarea,
  .steckbrief-body .textgrow-shadow,
  .steckbrief-body .select {
    font-size: 1em;
  }
}
.steckbrief-body h2 {
  flex-basis: 100%;
  padding: 0 1rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.6666667em;
}

.atlas-formfields {
  display: flex;
  flex-wrap: wrap;
}

.file-upload {
  position: relative;
  width: 12em;
  text-align: center;
}
.file-upload-area {
  margin: 0.5em 0 0.3em;
  padding-bottom: 75%;
  box-shadow: 0 0 0 3px currentColor inset;
  position: relative;
}
.has-picked:not(.no-preview) .file-upload-area {
  box-shadow: none;
}
.file-upload-area input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.file-upload-area .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1em 0 0 -1em;
  width: 2em;
}
.has-picked:not(.no-preview) .file-upload-area .icon {
  display: none;
}
.file-upload-area img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.file-upload-label {
  font-size: 0.6333333333em;
}
.file-upload-label-remove {
  background: hsl(279, 8%, 87%);
  border-radius: 100%;
  display: none;
  height: 1.2em;
  width: 1.2em;
  align-items: center;
  justify-content: center;
}
.has-picked .file-upload-label-remove {
  display: inline-flex;
}
.file-upload-label-remove .icon {
  width: 0.6333333333em;
}

.textgrow-area {
  position: relative;
}
.textgrow textarea {
  position: absolute;
  top: -0.5em;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.textgrow-shadow {
  visibility: hidden;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.textgrow textarea, .textgrow-shadow {
  margin-bottom: 0.33em !important;
}

@media screen and (min-width: 768px) {
  .visible-mobile {
    display: none;
  }
}

.flex-spacer {
  flex: 1;
}

.like.liked {
  pointer-events: none;
}
.like-icon svg {
  color: transparent;
  fill: white;
}
[data-logo-color=dark] .like-icon svg {
  fill: hsl(279, 97%, 14%);
}
.liked .like-icon svg {
  color: white;
}
[data-logo-color=dark] .liked .like-icon svg {
  color: hsl(279, 97%, 14%);
}
.like-count {
  position: relative;
  top: 0.1em;
}

.share {
  position: relative;
}
.share .button-icon {
  position: relative;
  z-index: 1;
}
.share-buttons {
  position: absolute;
  bottom: 100%;
}
.share-buttons-link {
  display: block;
  margin-bottom: 0.6em;
  border-radius: 100%;
  background: white;
  color: hsl(279, 97%, 14%);
  padding: 0.2em;
  width: 1.3em;
  height: 1.3em;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.24s;
  transition-timing-function: cubic-bezier(0.79, -0.46, 0.47, 1);
}
@media screen and (max-width: 767px) {
  .share-buttons-link {
    width: 1.5em;
    height: 1.5em;
    padding: 0.25em;
  }
}
.share-buttons-link:nth-child(1) {
  transform: translateY(4.4em);
  transition-delay: 0s;
}
.is-open .share-buttons-link:nth-child(1) {
  transition-delay: 0.05s;
}
.share-buttons-link:nth-child(2) {
  transform: translateY(2.5em);
  transition-delay: 0.1s;
}
.is-open .share-buttons-link:nth-child(2) {
  transition-delay: 0s;
}
.is-open .share-buttons-link {
  transition-duration: 0.3s;
  pointer-events: auto;
  opacity: 1;
  transform: none !important;
}
.share-buttons-link .icon {
  width: 0.9em;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .share-buttons-link .icon {
    width: 1em;
  }
}

.article-player {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
  width: 80%;
}
@media print {
  .article-player {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .article-player {
    width: auto;
  }
}
.article-player-button {
  margin-right: 1em;
  width: 10em;
}
@media screen and (max-width: 767px) {
  .article-player-button {
    width: auto;
    margin-right: 0.75em;
  }
}
.article-player-button-pause {
  display: none;
}
.is-playing .article-player-button-pause {
  display: block;
}
.is-playing .article-player-button-play {
  display: none;
}
.article-player-button .icon {
  width: 1.1em;
}
@media screen and (max-width: 767px) {
  .article-player-button .icon {
    width: 1.5em;
  }
}
.article-player-elapsed {
  width: 2.75em;
  text-align: right;
  text-align: end;
}
.article-player-elapsed[data-start="00:00:00"] {
  width: 4.25em;
}
.article-player-progress {
  flex: 1;
  height: 14px;
  position: relative;
  margin: 0 0.5em;
  padding: 6px 0;
  background: hsla(279, 97%, 14%, 0.2);
  background-clip: content-box;
}
@media screen and (max-width: 767px) {
  .article-player-progress {
    margin: 0 0.75em;
  }
}
.article-player-bar, .article-player-buffered {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  background: hsl(279, 97%, 14%);
  transform-origin: left;
  transform: scaleX(0);
}
.article-player-buffered {
  opacity: 0.5;
}
.article-player-playhead {
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px white;
  background: hsl(279, 97%, 14%);
}

.footnotes-container {
  margin: 0.5rem 0.33em;
  font-size: 0.75em;
}
.footnotes-container li {
  margin-bottom: 0.3em;
}
.footnotes-container li:last-child {
  margin-bottom: 0;
}

@media print {
  .footnotereverse {
    display: none;
  }
}

.footnote a:target,
.footnotes-list li:target {
  background: hsl(60, 100%, 56%);
  box-shadow: 0.33em 0 hsl(60, 100%, 56%), -0.33em 0 hsl(60, 100%, 56%);
}

.article-details {
  margin-top: 0.5em;
}
.article-details[open] {
  margin-bottom: 1em;
}
.article-details[open] summary .icon {
  transform: rotate(45deg);
}
.article-details summary {
  background: hsl(279, 97%, 14%);
  color: white;
  padding: 0.33em 2em 0.33em 0.8em;
  font-size: 0.75em;
  list-style: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .article-details summary {
    font-size: 1em;
  }
}
.article-details summary::-webkit-details-marker {
  display: none;
}
.article-details summary .icon {
  width: 1em;
  position: absolute;
  right: 0.8em;
  top: 0.45em;
}
.article-details .link {
  margin-top: 0.5em;
}

.sinn {
  background: hsl(196, 100%, 65%);
  color: white;
}
.sinn h1 {
  max-width: 10em;
}
@media screen and (max-width: 767px) {
  .sinn h1 {
    font-size: 2.25em;
  }
}
.sinn h1 strong {
  font-family: "GT-Walsheim-Pro", sans-serif;
  font-weight: inherit;
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.065em;
}
.sinn .icon-long-arrow-right {
  color: hsl(7, 100%, 50%);
  vertical-align: middle;
  margin-top: -0.1rem;
}
@media screen and (max-width: 767px) {
  .sinn .icon-long-arrow-right {
    margin-top: -0.05rem;
  }
}
.sinn-quiz-teaser {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.sinn-quiz-teaser-spacer {
  flex: 1;
}
.sinn-quiz-teaser-spacer:last-child {
  flex: 1.5;
}
.sinn-quiz-teaser-body {
  display: flex;
  align-items: center;
  padding: 1em 5em;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-teaser-body {
    padding: 1em 1em 2em;
    flex-direction: column;
    text-align: center;
  }
}
.sinn-quiz-teaser-body-text {
  flex: 1 1 auto;
}
.sinn-quiz-teaser-body-text a {
  margin: 0.5em 0 1em;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-teaser-body-text a {
    margin-top: 1em;
  }
}
.sinn-quiz-teaser-body-text a .icon {
  margin-left: 0.4em;
}
.sinn-quiz-teaser-body-text button {
  display: table;
  margin-top: 0.2em;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-teaser-body-text button {
    margin: 0.5em auto 0;
  }
}
.sinn-quiz-teaser-body-text button .icon {
  margin-right: 0.3em;
}
.sinn-quiz-teaser-body-banner {
  width: 30vw;
  height: auto;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-teaser-body-banner {
    order: -1;
    width: 60vw;
    margin: 1em 0 2em;
  }
}
.sinn-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: hsl(279, 97%, 14%);
  min-height: 100vh;
  padding: 2em 10.5em;
}
@media screen and (max-width: 767px) {
  .sinn-slide {
    padding: 3em 1em;
  }
}
.sinn-slide-text {
  margin-top: 2em;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .sinn-slide-text {
    font-size: 1.3em;
    line-height: 1.25;
    margin-top: 0;
  }
}
.sinn-slide-text:only-child {
  margin-top: 0;
}
.sinn-slide-next {
  color: hsl(7, 100%, 50%);
  margin-top: 2em;
}
.sinn-personas {
  background: white;
  color: hsl(279, 97%, 14%);
  padding: 3em 1em;
}
.sinn-studie {
  padding: 4em 5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sinn-studie {
    padding: 3em 1.5em;
  }
}
.sinn-studie p,
.sinn-studie ul,
.sinn-studie ol {
  font-size: 0.9em;
}
@media screen and (max-width: 767px) {
  .sinn-studie p,
  .sinn-studie ul,
  .sinn-studie ol {
    font-size: 1em;
  }
}
.sinn-studie .link-block {
  background: hsl(279, 97%, 14%);
  border-color: hsl(279, 97%, 14%);
}
.sinn-studie .link-block:hover {
  mix-blend-mode: initial;
  color: white;
}
.sinn-studie-footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .sinn-studie-footer {
    display: block;
  }
}
.sinn-studie-footer .link-block {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sinn-studie-footer .link-block {
    margin-bottom: 0.7em;
  }
  .sinn-studie-footer .link-block:last-child {
    margin-bottom: 0;
  }
}
.sinn-footer {
  background: white;
  color: hsl(279, 97%, 14%);
  overflow: hidden;
  padding: 4em 5em;
}
@media screen and (max-width: 767px) {
  .sinn-footer {
    padding: 3em 1.5em;
  }
}
.sinn-footer .article-footer {
  margin: 0;
}

.sinn-quiz {
  overflow: hidden;
}
.sinn-quiz-slider-inner {
  display: flex;
  will-change: transform;
  transition: transform 1s;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-slider-inner {
    transition-duration: 320ms;
  }
}
.sinn-quiz-slider-inner .sinn-slide,
.sinn-quiz-slider-inner .sinn-question {
  width: 100%;
  flex-shrink: 0;
}
.sinn-quiz-footer {
  display: flex;
  height: 5em;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-footer {
    height: auto;
  }
}
.sinn-quiz-prev, .sinn-quiz-next {
  padding: 2em 3em;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-prev, .sinn-quiz-next {
    padding: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .sinn-quiz-prev .icon-long-arrow-right, .sinn-quiz-next .icon-long-arrow-right {
    width: 1.4rem;
  }
}
.sinn-quiz-next {
  margin-left: auto;
}
.sinn-quiz-send {
  margin: 1.65em 2em;
  margin-left: auto;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-send {
    position: absolute;
    left: 50%;
    top: 1em;
    margin: 0;
    font-size: 1.2em;
    transform: translateX(-50%);
  }
}

.sinn-question {
  height: 100vh;
  max-width: none;
  padding: 6em 5em;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
}
@media screen and (max-width: 767px) {
  .sinn-question {
    position: relative;
    padding: 4em 1.5em 6em !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sinn-question:before {
    content: "";
    display: block;
    width: 2.25em;
    height: 0.15em;
    background: hsl(7, 100%, 50%);
    margin-bottom: 1em;
    flex-shrink: 0;
  }
}
.sinn-question[data-multiple=false] {
  align-content: center;
}
.sinn-question-supertitle {
  margin-bottom: 1em;
  line-height: 1;
}
[data-multiple=false] .sinn-question-supertitle {
  grid-column: span 2;
}
@media screen and (max-width: 767px) {
  .sinn-question-supertitle {
    font-size: 1.5em;
    position: absolute;
    bottom: 1.1em;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .sinn-question:last-child .sinn-question-supertitle {
    display: none;
  }
}
.sinn-question-number {
  font-size: 1.4em;
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.2em;
  text-underline-offset: 0.065em;
}
@media screen and (max-width: 767px) {
  .sinn-question-number {
    font-size: inherit;
    text-decoration: none;
  }
}
.sinn-question-total {
  font-size: 0.7em;
  margin-left: 0.1em;
}
@media screen and (max-width: 767px) {
  .sinn-question-total {
    font-size: inherit;
    margin: 0;
  }
}
.sinn-question-text {
  align-self: center;
}
[data-multiple=false] .sinn-question-text {
  display: contents;
}
[data-multiple=false] .sinn-question-text-body {
  margin-bottom: 4em;
}
@media screen and (max-width: 767px) {
  [data-multiple=false] .sinn-question-text-body {
    margin-bottom: 0;
  }
}
[data-multiple=false][data-no-statement=true] .sinn-question-text-body {
  grid-column: span 2;
}
@media screen and (max-width: 767px) {
  [data-multiple=false][data-no-statement=true] .sinn-question-text-body {
    margin-bottom: 2em;
  }
}
[data-multiple=true] .sinn-question-text-body {
  grid-row: 2;
  margin-bottom: 1em;
}
.sinn-question-text-body-title {
  font-size: 2em;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .sinn-question-text-body-title {
    font-size: 1.5em;
  }
  .sinn-question-text-body-title[data-size=smaller] {
    font-size: 1.1em;
  }
}
.sinn-question-text-body-instructions {
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  .sinn-question-text-body-instructions {
    font-size: 0.8em;
    line-height: 1.2;
  }
}
.sinn-question-statement {
  margin-bottom: 4em;
  margin-left: 4em;
  opacity: 0;
  transform-origin: left bottom;
  transform: translateX(-1em) scale(0.8);
}
.is-active .sinn-question-statement {
  opacity: 1;
  transform: none;
  transition: 320ms ease-in;
}
@media screen and (max-width: 767px) {
  .is-active .sinn-question-statement {
    transition-duration: 160ms;
  }
}
@media screen and (max-width: 767px) {
  .sinn-question-statement {
    margin: 2em 0;
  }
}
.sinn-question-statement-text {
  font-size: 1.4em;
  line-height: 1.18;
}
@media screen and (max-width: 767px) {
  .sinn-question-statement-text {
    font-size: 1.2em;
    line-height: 1.2;
  }
}
[data-multiple=false] .sinn-question-options {
  grid-column: span 2;
}
.sinn-question-options[data-type=checkboxes] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, calc((100% - 1em) / 3));
  grid-gap: 0.5em;
  margin-left: 4em;
  margin-top: 0.2em;
}
[data-answers="2"] .sinn-question-options[data-type=checkboxes], [data-answers="3"] .sinn-question-options[data-type=checkboxes], [data-answers="4"] .sinn-question-options[data-type=checkboxes] {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=checkboxes] {
    margin: 0.2em 0 0;
    grid-template-rows: repeat(3, 5em);
  }
}
[data-answers="7"] .sinn-question-options[data-type=checkboxes], [data-answers="8"] .sinn-question-options[data-type=checkboxes] {
  grid-template-rows: repeat(4, calc((100% - 1.5em) / 4));
}
@media screen and (max-width: 767px) {
  [data-answers="7"] .sinn-question-options[data-type=checkboxes], [data-answers="8"] .sinn-question-options[data-type=checkboxes] {
    grid-template-rows: repeat(4, 4em);
  }
}
.sinn-question-options[data-type=checkboxes] .sinn-question-option {
  position: relative;
}
[data-answers="7"] .sinn-question-options[data-type=checkboxes] .sinn-question-option--skip {
  grid-column: span 2;
}
.sinn-question-options[data-type=checkboxes] .sinn-question-option input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.sinn-question-options[data-type=checkboxes] .sinn-question-option input:checked + .sinn-question-option-text {
  background: hsl(279, 97%, 14%);
  color: white;
}
.sinn-question-options[data-type=checkboxes] .sinn-question-option input:disabled + .sinn-question-option-text {
  background: transparent;
  color: white;
  box-shadow: 0 0 0 0.1em currentColor inset;
}
.sinn-question-options[data-type=checkboxes] .sinn-question-option-text {
  background: white;
  color: hsl(279, 97%, 14%);
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  line-height: 1.2;
  padding: 0.5em 1em !important;
  border: none;
}
[data-answers="7"] .sinn-question-options[data-type=checkboxes] .sinn-question-option-text, [data-answers="8"] .sinn-question-options[data-type=checkboxes] .sinn-question-option-text {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=checkboxes] .sinn-question-option-text {
    font-size: 1.1em;
    line-height: 1.1;
    margin: 0;
    padding: 0.5em !important;
  }
}
.sinn-question-options[data-type=radios] {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 4em;
}
[data-answers="3"] .sinn-question-options[data-type=radios] label:nth-child(2) {
  margin: 0 -1.6em;
  max-width: none;
}
[data-answers="5"] .sinn-question-options[data-type=radios] label:nth-child(2),
[data-answers="5"] .sinn-question-options[data-type=radios] label:nth-child(3),
[data-answers="5"] .sinn-question-options[data-type=radios] label:nth-child(4) {
  margin: 0 -0.5em;
}
[data-answers="5"] .sinn-question-options[data-type=radios] label:nth-child(2) {
  transform: translateX(-33%);
}
[data-answers="5"] .sinn-question-options[data-type=radios] label:nth-child(4) {
  transform: translateX(33%);
}
.sinn-question-options[data-type=radios]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.4em;
  margin: 0 0.5em;
  background: hsl(279, 97%, 14%);
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios]:before {
    margin: 0;
  }
}
.sinn-question-options[data-type=radios] label {
  flex: 1;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 1.8em 0.6em 0 !important;
  outline: none;
  border: none;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label {
    max-width: 33%;
    margin: 0;
    padding: 1.9em 0.15em 0 !important;
  }
}
.sinn-question-options[data-type=radios] label:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.4em;
  width: 0.4em;
  height: 0.7em;
  margin-left: -0.2em;
  background: hsl(279, 97%, 14%);
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label:before {
    height: 1em;
  }
}
.sinn-question-options[data-type=radios] label:first-child {
  justify-content: flex-start;
}
.sinn-question-options[data-type=radios] label:first-child:before {
  left: 0.5em;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label:first-child:before {
    left: 0;
  }
}
.sinn-question-options[data-type=radios] label:first-child .sinn-question-option-text {
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label:first-child .sinn-question-option-text {
    transform: translateX(-1em);
  }
  .sinn-question-options[data-type=radios] label:first-child .sinn-question-option-text:before {
    left: 1em;
  }
}
.sinn-question-options[data-type=radios] label:last-child {
  justify-content: flex-end;
}
.sinn-question-options[data-type=radios] label:last-child:before {
  left: auto;
  right: 0.5em;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label:last-child:before {
    right: 0;
  }
}
.sinn-question-options[data-type=radios] label:last-child .sinn-question-option-text {
  transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label:last-child .sinn-question-option-text {
    text-align: right;
    text-align: end;
    transform: translateX(1em);
  }
  .sinn-question-options[data-type=radios] label:last-child .sinn-question-option-text:before {
    left: calc(100% - 1em);
  }
}
.sinn-question-options[data-type=radios] label .sinn-question-option-text {
  display: block;
  position: relative;
  font-weight: 500;
  color: hsl(279, 97%, 14%);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label .sinn-question-option-text {
    font-size: 0.75em;
    line-height: 1.2666666667;
  }
}
.sinn-question-options[data-type=radios] label .sinn-question-option-text:before {
  display: none;
  position: absolute;
  content: "";
  top: -2.65em;
  left: 50%;
  transform: translateX(-50%);
  width: 2em;
  height: 2em;
  border-radius: 999px;
  background: white;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .sinn-question-options[data-type=radios] label .sinn-question-option-text:before {
    top: -3.75em;
    width: 3.2em;
    height: 3.2em;
  }
}
.sinn-question-options[data-type=radios] input {
  position: absolute;
  opacity: 0;
}
.sinn-question-options[data-type=radios] input:checked + .sinn-question-option-text:before {
  display: block;
}

.sinn-quiz-result {
  background: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result {
    background: hsl(279, 97%, 14%);
  }
}
.sinn-quiz-result h1 {
  color: hsl(279, 97%, 14%);
  margin: 2em auto 0.3em;
  font-size: 2.5em;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result h1 {
    margin: 2.25em auto 0;
    color: white;
  }
}
.sinn-quiz-result .cards {
  margin: 0 4em -0.75em;
  position: relative;
  grid-gap: 0.75em;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result .cards {
    grid-template-columns: 1fr;
    grid-gap: 1.25em;
    margin: 1.25em;
  }
}
.sinn-quiz-result .card {
  margin-bottom: 0;
}
.sinn-quiz-result .card-front {
  display: flex;
  flex-direction: column;
  padding: 1em 1em 0.8em;
}
.sinn-quiz-result .card-back-text {
  padding: 1em;
}
.sinn-quiz-result .card-back-text h2:first-child {
  margin-top: 0;
  text-decoration: none;
  font-size: 2.25em;
  line-height: 1.05;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result .card-back-text h2:first-child {
    font-size: 2em;
  }
}
.sinn-quiz-result .card-back-text a {
  color: hsl(279, 97%, 14%);
}
.sinn-quiz-result .card-back-text a:visited {
  color: hsl(279, 97%, 22%);
}
.sinn-quiz-result .card-graphic {
  height: auto;
  flex: 1 1 0%;
  min-height: 0;
  margin: -3.75em 0 -0.75em;
}
.sinn-quiz-result-sharing {
  background: hsl(279, 97%, 14%);
  padding: 1em;
  box-shadow: 0 0.2em 1em hsla(0, 0%, 0%, 0.2);
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result-sharing {
    margin: 2em 0 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
}
.sinn-quiz-result-sharing .link-block {
  width: 100%;
  background: hsl(196, 100%, 65%);
  display: block;
  border-color: hsl(196, 100%, 65%);
  font-size: 0.8em;
}
.sinn-quiz-result-sharing .link-block:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result-sharing .link-block {
    margin-top: 1em;
    font-size: inherit;
  }
}
.sinn-quiz-result-footer {
  margin-top: auto;
  background: hsl(279, 97%, 14%);
  color: white;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result-footer {
    padding: 1em 0;
    justify-content: center;
  }
}
.sinn-quiz-result-footer a {
  text-decoration: none;
  padding: 2.5em 3.4em;
  font-size: 0.8em;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result-footer a {
    display: block;
    font-size: 1em;
    padding: 1em 1.5em;
  }
  .sinn-quiz-result-footer a:last-child {
    align-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .sinn-quiz-result-footer a span {
    font-size: 1.2em;
  }
}
.sinn-quiz-result-footer a span:first-child {
  margin-right: 0.25em;
}
.sinn-quiz-result-footer a span:last-child {
  margin-left: 0.25em;
}

.sinn-sharing-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overscroll-behavior: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup {
    align-items: flex-end;
  }
}
.sinn-sharing-popup-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-backdrop {
    background: none;
  }
}
.sinn-sharing-popup-window {
  padding: 0.75em 1em;
  background: hsl(196, 100%, 65%);
  color: white;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-window {
    padding: 2.5em 1em 1em;
    box-shadow: 0 0.2em 1em hsla(0, 0%, 0%, 0.2);
  }
}
.sinn-sharing-popup-window h2 {
  margin: 0 1em 0.3em;
  font-size: 1.4em;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-window h2 {
    font-size: 1.6em;
    line-height: 1.1;
    margin: 0 0.5em 0.5em;
  }
}
.sinn-sharing-popup-window input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font: inherit;
  font-size: 0.65em;
  background: white;
  color: black;
  padding: 0.5em;
  border: 2px solid white;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-window input {
    font-size: 16px;
  }
}
.sinn-sharing-popup-window input:focus {
  outline: none;
  border-color: hsl(279, 97%, 14%);
}
.sinn-sharing-popup-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-close {
    padding: 1em;
  }
}
.sinn-sharing-popup-close .icon {
  width: 0.75em;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-close .icon {
    width: 1em;
  }
}
.sinn-sharing-popup-copy-button {
  font-size: 0.75em;
  margin-top: 0.4em;
  margin-left: auto;
  display: table;
  padding: 0.4em 0.7em;
  background: hsl(7, 100%, 50%);
  color: inherit;
}
@media screen and (max-width: 767px) {
  .sinn-sharing-popup-copy-button {
    margin-left: 0;
    font-size: 1em;
  }
}

.speech-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5em 2.9em 1.9em;
  -o-border-image: url(../images/speech-bubble.svg) 81 80 94 108 fill/3.0375em 3em 3.525em 4em stretch;
  border-image: url(../images/speech-bubble.svg) 81 80 94 108 fill/3.0375em 3em 3.525em 4em stretch;
  color: hsl(279, 97%, 14%);
}
@media screen and (max-width: 767px) {
  .speech-bubble {
    padding-left: 2.4em;
    padding-right: 2.4em;
  }
}

.scroll-fade {
  opacity: var(--opacity);
  will-change: opacity;
}

[data-x] {
  transform: translateX(var(--translateX));
  will-change: transform;
}

[data-y] {
  transform: translateY(var(--translateY));
  will-change: transform;
}

[data-x][data-y] {
  transform: translateX(var(--translateX)) translateY(var(--translateY));
  will-change: transform;
}

a.bubble {
  text-decoration: none;
}
a.bubble:hover {
  background: hsl(60, 100%, 56%);
}
a.bubble:hover .bubble-corner {
  color: hsl(60, 100%, 56%);
}

.modul-tag {
  text-decoration: none;
  background: hsla(0, 0%, 0%, 0.1);
  color: hsl(279, 97%, 14%);
  border-radius: 999px;
  padding: 0 0.3em 0 1.2em;
  position: relative;
}
.modul-tag:hover {
  background: hsl(60, 100%, 56%);
}
.modul-tag-icon {
  width: 1.1em;
  height: auto;
  vertical-align: middle;
  left: 0.2em;
  top: 0;
  position: absolute;
}

.bubble {
  border-radius: 1.3em;
  padding: 0.6em 0.8em;
  line-height: 1.23;
  position: relative;
  opacity: 0;
  transform: scale(0.6);
  animation: message 0.4s cubic-bezier(0.535, 0.05, 0.355, 1) forwards;
}
.bubble:nth-child(1) {
  animation-delay: 0.5s;
}
.bubble:nth-child(2) {
  animation-delay: 0.94s;
}
.bubble:nth-child(3) {
  animation-delay: 1.08s;
}
.bubble:nth-child(4) {
  animation-delay: 1.22s;
}
.bubble:nth-child(5) {
  animation-delay: 1.36s;
}
.bubble:nth-child(6) {
  animation-delay: 1.5s;
}
.bubble:nth-child(7) {
  animation-delay: 1.64s;
}
.bubble:nth-child(8) {
  animation-delay: 1.78s;
}
.bubble:nth-child(9) {
  animation-delay: 1.92s;
}
.bubble:nth-child(10) {
  animation-delay: 2.06s;
}
.bubble:nth-child(11) {
  animation-delay: 2.2s;
}
.bubble--left {
  background: hsl(279, 97%, 14%);
  color: white;
  transform-origin: left bottom;
}
.bubble--left .bubble-corner {
  color: hsl(279, 97%, 14%);
}
.bubble--right {
  background: hsl(196, 100%, 65%);
  color: hsl(279, 97%, 14%);
  transform-origin: right bottom;
}
.bubble--right .bubble-corner {
  color: hsl(196, 100%, 65%);
  left: auto;
  right: -0.05em;
  transform: scaleX(-1);
}
.bubble--red {
  background: hsl(7, 100%, 50%);
  color: white;
}
.bubble--red .bubble-corner {
  color: hsl(7, 100%, 50%);
}
.bubble--red ol li:before {
  color: hsl(60, 100%, 56%);
}
.bubble--friend {
  padding-top: 2em;
}
.bubble--sadge {
  padding: 2.8em 0.8em 1em 1.3em;
}
.bubble--icon {
  display: flex;
  align-items: center;
}
.bubble--hint {
  padding: 2em 1.5em 3em;
}
@media (hover: hover) {
  .bubble--arrow:not(:hover) .bubble-arrow {
    width: 0;
    margin: 0;
  }
  .bubble--arrow .bubble-arrow {
    overflow: hidden;
    transition: 400ms cubic-bezier(0.79, -0.46, 0.47, 1);
  }
}
.bubble > p:last-child,
.bubble > ul:last-child,
.bubble > ol:last-child {
  margin-bottom: 0;
}
.bubble-corner {
  width: 0.7em;
  position: absolute;
  left: -0.05em;
  bottom: -0.12em;
}
.bubble-icon {
  width: 2em;
  height: auto;
  margin-right: 0.7em;
  vertical-align: middle;
}
.bubble-face {
  position: absolute;
  right: 1em;
  top: -1.5em;
  width: 3em;
  height: auto;
}
.bubble-face-yellow {
  margin: -2.4em 0 1em 1em;
  width: 3em;
  height: auto;
}
.bubble-sadge-face {
  position: absolute;
  left: 1em;
  top: -1.3em;
  width: 2.5em;
  height: auto;
}
.bubble-straight-face {
  position: absolute;
  right: 0.5em;
  top: -1.1em;
  width: 2.5em;
  height: auto;
}
.bubble-hand {
  position: absolute;
  right: -0.5em;
  bottom: 0.3em;
  width: 2.75em;
  height: auto;
  animation: winken 6s infinite;
  transform-origin: 30% 70%;
}
.bubble-mobile {
  position: absolute;
  right: -3em;
  bottom: 4em;
  width: 4em;
  height: auto;
}
.bubble-daumen {
  position: absolute;
  right: -1.3em;
  bottom: 0.5em;
  width: 1.8em;
  height: auto;
  animation: daumen 6s infinite;
  transform-origin: 30% 70%;
}
.bubble-hands {
  position: absolute;
  left: -1.4em;
  bottom: -1.3em;
  width: 4em;
  height: auto;
}
.bubble-arrow {
  width: 0.6em;
  margin-left: 1em;
  margin-right: -0.1em;
  flex-shrink: 0;
}
.bubble-media {
  margin: -0.2em -0.4em;
}
.bubble-media-element {
  border-radius: 1em;
}
.bubble-media video {
  width: 480px;
  max-width: 100%;
}

.wir-hier-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .wir-hier-modal {
    padding: 0;
  }
}
.wir-hier-modal-backdrop {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.8);
}
.wir-hier-modal-body {
  position: relative;
  border-radius: 1em;
  z-index: 1;
  overflow: auto;
  overscroll-behavior: contain;
}
.wir-hier-modal-close {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0.4em 0.7em;
  z-index: 2;
}
.wir-hier-modal-close-button {
  line-height: 1;
  background: hsl(7, 100%, 50%);
  color: white;
  padding: 0.5em;
  border-radius: 100%;
}
.wir-hier-modal-close .icon {
  width: 1.1em;
}

[data-template=wir-hier-toolbox] {
  background: hsl(196, 100%, 65%);
  color: hsl(279, 97%, 14%);
}
[data-template=wir-hier-toolbox] .menu {
  display: none;
}

.wir-hier {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.wir-hier-logo {
  margin-top: 0.6em;
  width: 8.8em;
  height: auto;
  filter: drop-shadow(3px 3px 6px hsla(0, 0%, 0%, 0.16));
}
@media screen and (max-width: 767px) {
  .wir-hier-logo {
    margin-top: 0;
  }
}
.wir-hier-content {
  padding: 1em 0 3em;
  display: flex;
  margin: auto 0 0;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .wir-hier-content {
    margin: auto 0;
  }
}
.wir-hier-welcome {
  max-width: 30em;
  margin: 0 auto 1.8em;
  padding-bottom: 0.3em;
  max-height: 10em;
}
@media screen and (max-width: 767px) {
  .wir-hier-welcome {
    margin: 1em;
  }
}
.visitor-returning .wir-hier-welcome-text {
  display: none;
}
.wir-hier-welcome-return {
  display: none;
}
.visitor-returning .wir-hier-welcome-return {
  display: block;
}
.wir-hier-welcome-bubble {
  padding: 1em 1.2em 0.9em;
  padding-right: 5em;
}
.wir-hier-welcome p:last-child {
  margin-bottom: 0;
}
.wir-hier-menu {
  margin-left: auto;
  width: 85%;
  padding: 0;
}
.visitor-returning .wir-hier-menu {
  animation: unset !important;
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-menu {
    width: auto;
  }
}
.wir-hier-menu-holder {
  position: relative;
  padding: 0 2em;
}
@media screen and (max-width: 767px) {
  .wir-hier-menu-holder {
    padding: 0 1em;
  }
}
.wir-hier-menu-button {
  position: absolute;
  left: -22.25%;
  top: 0;
  background: hsl(7, 100%, 50%);
  color: white !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 38.55%;
  height: calc(50% - 2px);
  z-index: 1;
  padding: 0 1.75em;
}
@media screen and (max-width: 767px) {
  .wir-hier-menu-button {
    left: -1em;
    width: calc(50% + 1em - 2px);
    height: 6.25em;
    padding: 0 1em 0 1.5em;
  }
}
.wir-hier-menu-button-label {
  line-height: 1.15;
  margin-right: 0.8em;
}
@media screen and (max-width: 767px) {
  .wir-hier-menu-button-label {
    font-size: 0.9em;
  }
}
.wir-hier-menu-button-icon {
  transform: rotate(-90deg);
  width: 2.82em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .wir-hier-menu-button-icon {
    width: 1.8em;
  }
}
.wir-hier-menu .bubble-corner {
  color: white;
}
.wir-hier-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 0.2em;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wir-hier-grid:has(.wir-hier-grid-entry:last-child:active) + .bubble-corner, .wir-hier-grid:has(.wir-hier-grid-entry:last-child.is-active) + .bubble-corner {
  color: hsl(60, 100%, 56%);
}
@media screen and (any-pointer: coarse) {
  .wir-hier-grid:has(.wir-hier-grid-entry:last-child:hover) + .bubble-corner {
    color: hsl(60, 100%, 56%);
  }
}
.wir-hier-grid-entry {
  text-decoration: none;
  text-align: center;
  color: inherit;
  background: white;
  padding: 1em 1.1em 0.36em;
  -webkit-tap-highlight-color: hsl(60, 100%, 56%);
}
.wir-hier-grid-entry:active, .wir-hier-grid-entry.is-active {
  background: hsl(60, 100%, 56%);
}
@media screen and (any-pointer: coarse) {
  .wir-hier-grid-entry:hover {
    background: hsl(60, 100%, 56%);
  }
}
.wir-hier-grid-entry:first-child {
  border-top-left-radius: 1em;
}
.wir-hier-grid-entry:nth-child(7) {
  border-top-right-radius: 1em;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid-entry:nth-child(7) {
    border-top-right-radius: 0;
  }
}
.wir-hier-grid-entry:nth-child(8) {
  border-bottom-left-radius: 1em;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid-entry:nth-child(8) {
    border-bottom-left-radius: 0;
  }
}
.wir-hier-grid-entry:last-child {
  border-bottom-right-radius: 1em;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid-entry:nth-child(3) {
    border-top-right-radius: 1em;
  }
  .wir-hier-grid-entry:nth-last-child(2) {
    border-bottom-left-radius: 1em;
  }
}
.wir-hier-modul-sidebar .wir-hier-grid-entry {
  border-radius: 0;
  padding: 0.5em 1.1em;
}
.wir-hier-grid-entry-icon {
  width: 1.74em;
  height: auto;
  margin: 0 0 0.415em;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid-entry-icon {
    width: 2em;
  }
}
.wir-hier-modul-sidebar .wir-hier-grid-entry-icon {
  width: 2em;
  margin: 0.2em 0;
}
.wir-hier-grid-entry-title {
  display: block;
  margin: 0;
  font-size: 0.64em;
  line-height: 1.2;
  text-decoration: none;
  text-wrap: balance;
}
@media screen and (max-width: 767px) {
  .wir-hier-grid-entry-title {
    font-size: 0.9em;
  }
}
.wir-hier-modul-sidebar .wir-hier-grid-entry-title {
  font-size: 0.9em;
}
.wir-hier-grid-entry-arrow {
  display: none;
}
.wir-hier-install-hint {
  display: flex;
  pointer-events: none;
}
.visitor-returning .wir-hier-install-hint {
  display: none;
}
.wir-hier-install-hint.is-open {
  pointer-events: auto;
}
.wir-hier-install-hint-backdrop {
  opacity: 0;
  transition: 320ms opacity;
}
.is-open .wir-hier-install-hint-backdrop {
  opacity: 1;
}
.wir-hier-install-hint-close {
  position: absolute;
  top: -0.9em;
  right: -0.7em;
}
.wir-hier-install-hint-close-button {
  background: hsl(279, 97%, 14%);
  padding: 0.3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wir-hier-install-hint-close-button .icon {
  width: 0.5em;
}
@media screen and (max-width: 767px) {
  .wir-hier-install-hint .bubble-mobile {
    display: none;
  }
}
.wir-hier-install-hint-bubble {
  margin: auto;
  animation: none;
  max-width: 16.8em;
  padding-bottom: 2em;
  opacity: 0;
  transform: translateY(0.5em);
  transition-property: opacity, transform;
  transition-duration: 500ms;
  transition-delay: 0.12s;
}
.is-open .wir-hier-install-hint-bubble {
  opacity: 1;
  transform: none;
}
.wir-hier-install-hint-bubble-qr {
  width: 4.5em;
  height: auto;
  vertical-align: middle;
}
.wir-hier-install-hint-screen {
  display: none;
}
.wir-hier-install-hint-screen.is-active {
  display: block;
}
.wir-hier-install-hint a {
  color: inherit;
  -webkit-text-decoration-color: hsl(60, 100%, 56%);
  text-decoration-color: hsl(60, 100%, 56%);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.1em;
}
.wir-hier-install-hint ol {
  margin-top: 1.5em;
}
.wir-hier-install-hint ol li {
  display: flex;
}
.wir-hier-install-hint ol li:last-child p {
  margin-bottom: 0.5em;
}
.wir-hier-install-hint-icon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.7em;
  margin-top: -0.15em;
}
.wir-hier-install-hint-finger {
  margin-bottom: -0.35em;
  width: 1.5em;
  height: 1.5em;
}
.wir-hier-install-hint-finger--up {
  transform: rotate(-0.45turn);
}

[data-template=wir-hier-modul],
[data-template=wir-hier-untermodul] {
  scroll-behavior: smooth;
}
[data-template=wir-hier-modul] .menu,
[data-template=wir-hier-untermodul] .menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .wir-hier .header,
  .wir-hier-modul .header {
    display: flex;
    justify-content: space-between;
  }
}
.wir-hier .sidebar-header-title,
.wir-hier-modul .sidebar-header-title {
  font-size: 1rem;
}

.wir-hier-modul {
  background: hsl(196, 100%, 65%);
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid hsl(279, 97%, 14%);
}
.wir-hier-modul ~ .footer {
  border-top: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul {
    display: block;
    border-bottom: none;
    background: initial;
  }
}
.modul-preview-open .wir-hier-modul:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 400;
  background: hsla(0, 0%, 0%, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (max-width: 767px) {
  .modul-preview-open .wir-hier-modul:after {
    display: none;
  }
}
.wir-hier-modul-sidebar {
  width: 25vw;
  height: 100vh;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-sidebar {
    display: contents;
  }
}
.wir-hier-modul-sidebar .wir-hier-menu {
  animation: none;
  background: none;
  color: inherit;
  width: auto;
  transform: none;
  opacity: initial;
  margin: 0.75em 0 0;
  border-radius: 0;
  flex: 1 1 0%;
  overflow: auto;
  border-top: 2px solid;
}
.wir-hier-modul-sidebar .wir-hier-menu-holder {
  padding: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-sidebar .wir-hier-menu {
    display: none;
  }
}
.wir-hier-modul-sidebar .wir-hier-menu .bubble-corner {
  display: none;
}
.wir-hier-modul-sidebar .wir-hier-grid {
  display: block;
  background: none;
  border-radius: 0;
}
.wir-hier-modul-sidebar .wir-hier-grid-entry {
  background: none;
  display: flex;
  align-items: center;
  font-size: 0.8em;
  text-align: initial;
  padding-right: 0.5em;
  padding-left: 1.5em;
  border-top: 2px solid;
}
.wir-hier-modul-sidebar .wir-hier-grid-entry.is-active, .wir-hier-modul-sidebar .wir-hier-grid-entry:hover {
  background: hsl(60, 100%, 56%);
}
.wir-hier-modul-sidebar .wir-hier-grid-entry:first-child {
  border-top: 0;
}
.wir-hier-modul-sidebar .wir-hier-grid-entry:hover .wir-hier-grid-entry-arrow {
  display: block;
}
@media screen and (any-pointer: coarse) {
  .wir-hier-modul-sidebar .wir-hier-grid-entry:hover {
    background: hsl(60, 100%, 56%);
  }
}
.wir-hier-modul-sidebar .wir-hier-grid-entry-icon {
  width: 1.5em;
  margin-right: 0.8em;
}
.wir-hier-modul-sidebar .wir-hier-grid-entry-title {
  margin-top: 0.25em;
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wir-hier-modul-sidebar .wir-hier-grid-entry-arrow {
  width: 1em;
  width: 0.6em;
  margin-left: 1em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-sidebar .wir-hier-grid-entry-arrow {
    display: block;
  }
}
.wir-hier-modul-main {
  flex: 1 1 0%;
  min-height: 100vh;
  border-left: 2px solid;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-main {
    border: none;
    margin-top: 0.9em;
  }
}
.wir-hier-modul-header {
  background: hsl(279, 97%, 14%);
  color: white !important;
  display: none;
  align-items: center;
  border-bottom: 2px solid;
  position: sticky;
  top: 0;
  z-index: 20;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-header {
    display: flex;
    border-radius: calc(var(--show-back-arrow, 0.999) * 1em) calc(var(--show-back-arrow, 0.999) * 1em) 0 0;
  }
}
.wir-hier-modul-header-back {
  width: 0.7em;
  padding: 1em 1.16em;
  padding-right: 0.75em;
  box-sizing: content-box;
  opacity: var(--show-back-arrow, 0.999);
}
.wir-hier-modul-header-back .icon-ratio {
  transform: scaleX(-1);
}
.wir-hier-modul-header-icon, .wir-hier-modul-header-title {
  transform: translateX(calc(1.55rem * (var(--show-back-arrow, 0.999) - 1)));
}
.wir-hier-modul-header-icon {
  width: 1.39em;
  height: auto;
  vertical-align: middle;
}
.wir-hier-modul-header-title {
  flex: 1 1 0%;
  font-size: 1.39em;
  line-height: 1;
  margin: 0 0 -0.14em 0.5em;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-header-title {
    font-size: 1.2em;
  }
}
.wir-hier-modul-header-burger {
  display: none;
  padding: 0.8em 1em;
}
.wir-hier-modul-header-burger .icon {
  width: 1em;
}
.wir-hier-modul-body {
  background: white;
}
.wir-hier-modul-intro {
  padding: 1em;
  background: hsl(279, 97%, 14%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.wir-hier-modul-intro .bubble {
  margin-bottom: 0.7em;
  max-width: 90%;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-intro .bubble {
    max-width: 75%;
  }
}
.wir-hier-modul-intro .bubble--friend {
  margin-top: 1.4em;
}
.wir-hier-modul-intro .bubble--left {
  background: white;
  color: hsl(279, 97%, 14%);
  align-self: flex-start;
}
.wir-hier-modul-intro .bubble--left .bubble-corner {
  color: white;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-intro-menu, .wir-hier-modul-intro-download {
    width: 83%;
    max-width: none !important;
  }
}
.wir-hier-modul-intro-menu {
  list-style: none;
  padding: 0;
}
.wir-hier-modul-intro-menu-row {
  border-bottom: 2px solid hsl(279, 97%, 14%);
  line-height: 1.2;
}
.wir-hier-modul-intro-menu-row:last-child {
  border-bottom: none;
}
.wir-hier-modul-intro-menu-row:last-child a {
  border-radius: 0 0 1.3em 1.3em;
}
.wir-hier-modul-intro-menu-headline {
  padding: 1.7em 1em;
}
.wir-hier-modul-intro-menu .bubble-arrow {
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-intro-menu .bubble-arrow {
    visibility: visible;
  }
}
.wir-hier-modul-intro-menu-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  padding: 0.6em 1em;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.wir-hier-modul-intro-menu-link:active, .wir-hier-modul-intro-menu-link:hover {
  background: hsl(60, 100%, 56%);
}
.wir-hier-modul-intro-menu-link:active .bubble-arrow, .wir-hier-modul-intro-menu-link:hover .bubble-arrow {
  visibility: visible;
}
.wir-hier-modul-intro-proceed {
  position: fixed;
  right: 0;
  bottom: 10vh;
  transform: translateX(101%);
  animation: 0.4s slide-in-right 3.6s forwards;
}
.wir-hier-modul-intro-proceed-inner {
  display: flex;
  align-items: center;
  font-size: 0.8em;
  text-decoration: none;
  padding: 0.5em;
  background: hsl(7, 100%, 50%);
  color: white !important;
  border-radius: 999px 0 0 999px;
  transition: 300ms transform;
}
.hide-proceed-arrow .wir-hier-modul-intro-proceed-inner {
  transform: translateX(101%);
}
.wir-hier-modul-intro-proceed-icon {
  width: 1.75rem;
  height: auto;
  margin-right: 0.1rem;
}
.wir-hier-modul-intro-anker {
  position: absolute;
  bottom: 100vh;
}
.wir-hier-modul-content {
  padding: 0 2em 2em;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-content {
    padding: 0 1em 1em;
    border-top: 2px solid white;
  }
}
.wir-hier-modul-content:first-child {
  padding-top: 2em;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-content:first-child {
    padding-top: 1em;
  }
}
.wir-hier-modul-content:nth-child(2) > p:first-child {
  padding-top: 2em;
}
.wir-hier-modul-content > p {
  text-wrap: balance;
}
.wir-hier-modul-section {
  scroll-margin-block-start: -2px;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-section {
    scroll-margin-block-start: -1px;
  }
}
.wir-hier-modul-section.is-popover {
  position: fixed;
  display: flex;
  flex-direction: column;
  left: 25vw;
  top: 0;
  margin: 1em 1em 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  z-index: 500;
  background: hsl(196, 100%, 65%);
  border-radius: 1em 1em 0 0;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-section.is-popover {
    left: 0;
    margin: 0;
    border-radius: 0;
  }
}
.wir-hier-modul-section-header {
  margin: -2px -2em 0;
  position: sticky;
  top: -2px;
  z-index: 10;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-section-header {
    top: -1px;
    margin: calc(-3.3em - 1px) -1em 0;
  }
}
.is-popover .wir-hier-modul-section-header {
  top: 0;
  margin: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .is-popover .wir-hier-modul-section-header {
    top: 0;
    margin: 0;
  }
}
.wir-hier-modul-section-header-sticky-offset {
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: flex;
  align-items: center;
  background: hsl(60, 100%, 56%);
  color: hsl(279, 97%, 14%);
  padding-right: 0.6em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-section-header-sticky-offset {
    margin-top: calc(3.25em + 1px);
    background: hsl(279, 97%, 14%);
    color: white;
    border: none;
  }
}
.is-popover .wir-hier-modul-section-header-sticky-offset {
  background: hsl(196, 100%, 65%);
  border: none;
}
@media screen and (max-width: 767px) {
  .is-popover .wir-hier-modul-section-header-sticky-offset {
    margin-top: 0;
  }
}
.wir-hier-modul-section-header-main {
  text-decoration: none;
  display: flex;
  align-items: center;
  flex: 1 1 0%;
  color: inherit;
}
.is-popover .wir-hier-modul-section-header-main {
  pointer-events: none;
  padding: 0.25rem 2rem;
}
@media screen and (max-width: 767px) {
  .is-popover .wir-hier-modul-section-header-main {
    padding: 0.25rem 1rem;
  }
}
.wir-hier-modul-section-header-back {
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.is-pinned .wir-hier-modul-section-header-back {
  opacity: 1;
}
.is-popover .wir-hier-modul-section-header-back {
  display: none;
}
.wir-hier-modul-section-header-back, .wir-hier-modul-section-header-button {
  width: 0.6em;
  color: inherit;
  padding: 1em 1.5em;
  padding-right: 1em;
  box-sizing: content-box;
  flex-shrink: 0;
}
.wir-hier-modul-section-header-back .icon-ratio, .wir-hier-modul-section-header-button .icon-ratio {
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .wir-hier-modul-section-header-back, .wir-hier-modul-section-header-button {
    width: 0.7em;
    padding: 0.925em 1.16em;
    padding-right: 0.75em;
  }
}
.wir-hier-modul-section-header-title {
  padding: 0.55em 0 0.45em;
  font-size: 0.96em;
  transform: translateX(-1.1em);
  transition: transform 200ms ease-out;
  line-height: 1.05;
}
.is-pinned .wir-hier-modul-section-header-title {
  transform: none;
}
.is-popover .wir-hier-modul-section-header-title {
  transform: none;
}
.wir-hier-modul-section-header-button {
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 1.16em;
  padding: 0.7em 0.46em;
  flex-shrink: 0;
}
.wir-hier-modul-section-header-button[href="#"] {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.wir-hier-modul-section-header-button .icon-ratio {
  width: 100%;
}
.wir-hier-modul-section-header-button--up {
  transform: scaleY(-1);
}
.is-popover .wir-hier-modul-section-header-button--up, .is-popover .wir-hier-modul-section-header-button--down {
  display: none;
}
.wir-hier-modul-section-header-button--close {
  display: none;
}
.is-popover .wir-hier-modul-section-header-button--close {
  display: flex;
}
.wir-hier-modul-section-blocks {
  padding: 1.5em 0;
  word-break: break-word;
}
.is-popover .wir-hier-modul-section-blocks {
  padding: 1.5em 2em;
  background: white;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .is-popover .wir-hier-modul-section-blocks {
    padding: 1.5em 1em;
  }
}

@keyframes slide-in-right {
  from {
    transform: translateX(101%);
  }
  to {
    transform: none;
  }
}
.tool {
  margin: 2em -1em;
  position: relative;
  scroll-margin-block-start: 4.3em;
  display: flex;
}
@media screen and (max-width: 767px) {
  .tool {
    scroll-margin-block-start: 7.4em;
    margin: 1em 0;
    flex-direction: column;
    clip-path: polygon(0% 0%, calc(100% - 2.4em) 0%, 100% 2.4em, 100% 100%, 0% 100%);
  }
  .tool.is-open {
    clip-path: none;
  }
}
@media screen and (min-width: 768px) {
  .tool {
    align-items: flex-start;
  }
}
.tool:first-child {
  margin-top: 0;
}
.tool-aside {
  position: sticky;
  top: 3.86em;
  margin-right: 0.5em;
  flex-shrink: 0;
  width: 30vw;
  clip-path: polygon(0% 0%, calc(100% - 1.8em - 1px) 0%, 100% calc(1.8em + 1px), 100% 100%, 0% 100%);
}
.is-open .tool-aside {
  clip-path: none;
}
@media screen and (max-width: 767px) {
  .tool-aside {
    display: contents;
  }
}
.tool-fold {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.8em;
  height: 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsl(279, 97%, 14%);
}
@media screen and (max-width: 767px) {
  .tool-fold {
    width: 2.4em;
    height: 2.4em;
  }
}
.is-open .tool-fold {
  background: none;
}
.tool-fold-close {
  margin-top: 0.1em;
  margin-right: 0.1em;
  background: hsl(7, 100%, 50%);
  color: white;
  border-radius: 999px;
  width: 1.15em;
  height: 1.15em;
  display: none;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .tool-fold-close {
    width: 1.6em;
    height: 1.6em;
    margin-top: 0.4em;
    margin-right: 0.4em;
  }
}
.is-open .tool-fold-close {
  display: flex;
}
.tool-fold-close .icon {
  width: 0.6em;
}
@media screen and (max-width: 767px) {
  .tool-fold-close .icon {
    width: 0.83em;
  }
}
.tool-header {
  padding: 1em 0.8em;
  background: white;
  border: 2px solid hsl(279, 97%, 14%);
  border-bottom: 0;
  position: relative;
}
.tool--simple .tool-header {
  padding-right: 3.3em;
}
@media screen and (max-width: 767px) {
  .tool-header {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .is-open .tool-header {
    background: hsl(279, 97%, 14%);
    color: white;
  }
}
.tool-supertitle {
  font-size: 0.65em;
  line-height: 1.2;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .tool-supertitle {
    font-size: 0.925em;
  }
}
.tool-name {
  border-top: 0.15em solid hsl(7, 100%, 50%);
  border-bottom: 0.15em solid hsl(7, 100%, 50%);
  font-weight: 500;
  padding: 0.5em 0;
  margin: 0.8em 0 0.6em;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.1em;
  line-height: 1.05;
  text-decoration: none;
}
.tool--simple .tool-name {
  margin: 0;
  display: table;
  border: none;
  padding: 0;
}
.tool-meta {
  display: flex;
  font-size: 0.65em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .tool-meta {
    font-size: 0.925em;
  }
}
.tool-meta-schwierigkeit {
  margin-right: 1em;
  width: calc(50% - 0.5em);
}
@media screen and (max-width: 767px) {
  .tool-meta-schwierigkeit {
    width: auto;
    margin-top: 0.05em;
    flex-shrink: 0;
  }
}
.tool-meta-schwierigkeit-indikator {
  width: 1.75em;
  height: 1.75em;
}
@media screen and (max-width: 767px) {
  .tool-meta-schwierigkeit-indikator {
    width: 1.5em;
    height: 1.5em;
  }
}
.tool-meta-schwierigkeit-indikator.is-inactive {
  filter: grayscale(1);
}
.tool-meta-zeitaufwand {
  width: calc(50% - 0.5em);
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .tool-meta-zeitaufwand {
    width: auto;
  }
}
.tool-meta-zeitaufwand-icon {
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.5em;
}
.tool-meta-zeitaufwand-label {
  margin-top: 0.3em;
}
.tool-content {
  display: none;
  padding: 0 1em 1em;
  background: white;
  flex: 1 1 0%;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .tool-content {
    order: 2;
    padding-top: 1em;
    border-left: 2px solid;
    border-right: 2px solid;
  }
}
.is-open .tool-content {
  display: block;
}
.tool-content h4 {
  font-size: inherit;
  text-transform: none;
  letter-spacing: 0;
  text-decoration: underline;
  -webkit-text-decoration-color: hsl(7, 100%, 50%);
  text-decoration-color: hsl(7, 100%, 50%);
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.1em;
}
.tool-content figure img,
.tool-content figure video {
  border-radius: 0.9em;
  max-width: 100%;
  height: auto;
}
.tool-toggle {
  background: hsl(279, 97%, 14%);
  color: white;
  text-align: center;
  padding: 0.5em;
  border-radius: 0 0 1em 1em;
  font-size: 1em;
  border: 2px solid hsl(279, 97%, 14%);
  border-top: none;
}
@media screen and (max-width: 767px) {
  .tool-toggle {
    order: 3;
  }
}
@media screen and (min-width: 768px) {
  .is-open .tool-toggle {
    background: white;
    color: hsl(279, 97%, 14%);
  }
}

@keyframes reset {
  100% {
    transform: none;
  }
}
@keyframes message {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes winken {
  5% {
    transform: rotate(12deg);
  }
  10% {
    transform: rotate(-12deg);
  }
  15% {
    transform: rotate(12deg);
  }
  2.5%, 17.5%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes daumen {
  11% {
    transform: rotate(15deg) scale(1.2);
  }
  0%, 16%, 100% {
    transform: rotate(0deg);
  }
}
.tool-sammlung {
  margin: 2em 0;
}
.tool-sammlung-group {
  margin-bottom: 2em;
}
.tool-sammlung-group:last-child {
  margin-bottom: 0;
}
.tool-sammlung-group[data-count="1"] {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .tool-sammlung-group[data-count="1"] {
    width: auto;
  }
}
.tool-sammlung-group-header {
  background: hsl(196, 100%, 65%);
  display: flex;
  align-items: flex-start;
  border-radius: 1em 1em 0 0;
  padding: 0.3em 1em;
}
.tool-sammlung-group-header-icon {
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.8em;
}
.tool-sammlung-group-header-title {
  font-size: 0.8em;
  margin: 0.2em 0 0;
  text-transform: none;
  letter-spacing: 0;
}
.tool-sammlung-group-grid {
  background: hsl(60, 100%, 56%);
  border-radius: 0 0 1em 1em;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
[data-count="1"] .tool-sammlung-group-grid {
  display: block;
}
@media screen and (max-width: 767px) {
  .tool-sammlung-group-grid {
    display: block;
  }
}

.tool-preview {
  position: relative;
  padding: 1.5em;
}
.tool-preview-link {
  text-decoration: none;
  color: inherit;
}
.tool-preview-link:visited {
  color: inherit;
}
.tool-preview-link .tool-aside {
  position: static;
  width: auto;
  margin: 0;
  font-size: 0.8em;
}
@media screen and (max-width: 767px) {
  .tool-preview-link .tool-aside {
    display: block;
    clip-path: polygon(0% 0%, calc(100% - 2.4em) 0%, 100% 2.4em, 100% 100%, 0% 100%);
  }
}
.tool-preview-button {
  font: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.5em;
}
.tool-preview-button-icon {
  width: 3em;
  height: auto;
}
.tool-preview-popover {
  overflow: auto;
  z-index: 1000;
  padding: 1em;
  padding-left: calc(25vw + 1em);
  overscroll-behavior: contain;
  pointer-events: none;
  opacity: 0;
  transition: opacity 240ms;
}
@media screen and (max-width: 767px) {
  .tool-preview-popover {
    padding: 0;
  }
}
.tool-preview-popover.is-open {
  pointer-events: auto;
  opacity: 1;
}
.tool-preview-popover, .tool-preview-popover-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tool-preview-popover-backdrop {
  background: hsla(0, 0%, 0%, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.tool-preview-popover-window {
  background: white;
  border-radius: 1em;
  padding: 1.5em;
  position: relative;
  transform: translateY(2em) scale(0.8);
  transition: transform 240ms;
}
@media screen and (max-width: 767px) {
  .tool-preview-popover-window {
    background: none;
    padding: 1em;
  }
}
.is-open .tool-preview-popover-window {
  transform: none;
}
.tool-preview-popover-window .tool {
  margin: 0;
}
.tool-preview-popover-window .tool-aside {
  top: 0;
}

.wir-hier-moduluebersicht {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 2em 0;
  grid-gap: 2em;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .wir-hier-moduluebersicht {
    display: block;
  }
}
.wir-hier-moduluebersicht-preview {
  position: relative;
  padding: 0;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .wir-hier-moduluebersicht-preview {
    margin-bottom: 1em !important;
  }
}
.wir-hier-moduluebersicht-preview:before {
  display: none;
}
.wir-hier-moduluebersicht-preview .tool-preview-button {
  bottom: 2.5em;
  right: 0.5em;
  padding: 0;
}
.wir-hier-moduluebersicht-preview-link {
  color: inherit;
  text-decoration: none;
}
.wir-hier-moduluebersicht-preview-link-title {
  display: block;
  background: hsl(196, 100%, 65%);
  padding: 0.5rem 1.5rem;
  font-size: 0.7em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .wir-hier-moduluebersicht-preview-link-title {
    font-size: 0.8em;
  }
}
.wir-hier-moduluebersicht-preview-link-body {
  background: hsl(60, 100%, 56%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11em;
}
.wir-hier-moduluebersicht-preview-link-body-text {
  padding: 1rem 1.5rem 2rem;
  font-size: 0.7em;
}
.wir-hier-moduluebersicht-preview-link-body .image {
  padding: 1em;
}
.wir-hier-moduluebersicht-preview-link-body .image img {
  max-width: 15em;
  max-height: 9em;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.wir-hier-moduluebersicht-preview-link-body .image[data-orientation=squared] {
  padding: 0.75em;
}
.wir-hier-moduluebersicht-preview-link-body .image[data-orientation=squared] img {
  width: auto;
  height: 9.5em;
  max-height: none;
}
.wir-hier-moduluebersicht-preview-link-body .image[data-orientation=portrait] {
  padding: 0.75em;
}
.wir-hier-moduluebersicht-preview-link-body .image[data-orientation=portrait] img {
  width: auto;
  height: 9.5em;
  max-height: none;
}
.wir-hier-moduluebersicht-preview-link-footer {
  display: block;
  background: hsl(279, 97%, 14%);
  color: white;
  text-align: center;
  padding: 0.4rem;
  font-size: 0.85em;
  border-radius: 0 0 1rem 1rem;
}

.youtube-playlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  grid-gap: 3.6em;
  margin: 2em 0;
}
@media screen and (max-width: 767px) {
  .youtube-playlist {
    grid-template-columns: 17.3em;
  }
}
.youtube-playlist-entry {
  position: relative;
}
.youtube-playlist-entry .video-player {
  border-radius: 1em 1em 0 0;
  overflow: hidden;
}
.youtube-playlist-entry-text {
  padding: 0.9em 1.1em;
  border-radius: 0 0 1em 1em;
  background: hsl(60, 100%, 56%);
  margin: 0;
  font-size: inherit;
}
.youtube-playlist-entry-text-title {
  font-size: 0.7em;
  line-height: 1.4;
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
}
.youtube-playlist-entry-text-author {
  margin-top: 0.8rem;
  font-size: 0.57em;
  line-height: 1.75;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.youtube-playlist-entry-text-author:visited {
  color: inherit;
}
.youtube-playlist-entry-text-author:hover {
  text-decoration: underline;
}
.youtube-playlist-entry-icon {
  position: absolute;
  right: -0.7em;
  bottom: -0.6em;
  width: 2.4em;
  height: auto;
}

.wir-hier-suche {
  display: flex;
  font-size: inherit;
}
.wir-hier .wir-hier-suche {
  margin: 1em auto auto;
  opacity: 0;
  transform: scale(0.6);
  animation: message 0.4s cubic-bezier(0.535, 0.05, 0.355, 1) 1.08s forwards;
}
@media screen and (max-width: 767px) {
  .wir-hier .wir-hier-suche {
    margin: 0 1em 1em;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .wir-hier-modul .wir-hier-suche {
    display: none;
  }
}
.suche-offen .wir-hier .wir-hier-suche {
  position: fixed;
  left: 12.5vw;
  bottom: 0;
  right: 0;
  background: hsl(279, 97%, 14%);
  color: white;
  padding: 0.8em 1em;
  z-index: 100;
  margin: 0 1em;
  max-width: none;
  width: auto;
  border-top: 2px solid;
}
@media screen and (max-width: 767px) {
  .suche-offen .wir-hier .wir-hier-suche {
    top: 0;
    bottom: auto;
    left: 0;
    padding: 1em 1.25em;
    margin: 0;
    border-top: none;
    border-bottom: 2px solid;
  }
}
.wir-hier-modul-sidebar .wir-hier-suche {
  margin-top: 0.7em;
  padding: 0 0.9em;
}
.wir-hier-suche-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid hsl(279, 97%, 14%);
  font: inherit;
  color: white;
  border-radius: 999px;
  padding: 0.4em 1em;
  flex: 1 1 0%;
  max-width: 30em;
  font-size: 0.9em;
  background: none;
}
@media screen and (max-width: 767px) {
  .wir-hier-suche-input {
    font-size: inherit;
  }
}
.wir-hier .wir-hier-suche-input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
.wir-hier .wir-hier-suche-input::placeholder {
  color: inherit;
  opacity: 1;
}
.wir-hier-modul .wir-hier-suche-input {
  font-size: 0.72em;
  background: white;
  color: hsl(279, 97%, 14%);
}
.suche-offen .wir-hier .wir-hier-suche-input {
  width: auto;
  flex: 1 1 0%;
  max-width: none;
}
.wir-hier-suche-submit[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
  color: inherit;
  border: none;
  font-size: inherit;
  display: block;
  margin: 0 0 0 0.6em;
}
.wir-hier-suche-submit[type=submit] .icon {
  width: 1.75em;
}
@media screen and (max-width: 767px) {
  .suche-offen .wir-hier-suche-submit[type=submit] {
    visibility: hidden;
  }
}

.wir-hier-suchergebniss {
  left: 12.5vw;
  bottom: 3.75em;
  display: none;
  flex-direction: column;
}
.suche-offen .wir-hier-suchergebniss {
  display: flex;
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss {
    position: static;
    z-index: unset;
  }
  .wir-hier-modul .wir-hier-suchergebniss {
    display: none;
  }
}
.wir-hier .wir-hier-suchergebniss {
  justify-content: flex-end;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .wir-hier .wir-hier-suchergebniss {
    justify-content: flex-start;
  }
}
.wir-hier-modul .wir-hier-suchergebniss {
  left: 25vw;
  bottom: 0;
}
.wir-hier-modul .wir-hier-suchergebniss-backdrop {
  left: 25vw;
}
@media screen and (max-width: 767px) {
  .wir-hier-modul .wir-hier-suchergebniss-backdrop {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss .wir-hier-modal-close {
    z-index: 101;
    padding: 1.1em 0.8em;
  }
}
.wir-hier-suchergebniss-body {
  background: hsl(279, 97%, 14%);
  color: white;
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss-body {
    position: fixed;
    top: 4.25em;
    left: 0;
    right: 0;
    max-height: calc(100vh - 4.25em);
    max-height: calc(100dvh - 4.25em);
  }
}
.wir-hier-module .wir-hier-suchergebniss-body {
  margin-top: 6em;
}
.wir-hier .wir-hier-suchergebniss-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 767px) {
  .wir-hier .wir-hier-suchergebniss-body {
    border-radius: 0;
  }
}
.wir-hier-suchergebniss-bubble {
  margin: 2em;
  max-width: 16em;
  float: right;
  display: none;
  animation: false;
  transform: none;
  opacity: initial;
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss-bubble {
    max-width: 12em;
  }
}
[data-wir-hier-suche-status=leer] .wir-hier-suchergebniss-bubble--empty {
  display: block;
}
[data-wir-hier-suche-status=fehler] .wir-hier-suchergebniss-bubble--error {
  display: block;
}
.wir-hier-suchergebniss-liste {
  clear: right;
  display: none;
  margin-bottom: 0;
}
.wir-hier-suchergebniss-liste--suggestions {
  clear: right;
  display: block;
}
[data-wir-hier-suche-status=befuellt] .wir-hier-suchergebniss-liste--suggestions {
  display: none;
}
[data-wir-hier-suche-status=befuellt] .wir-hier-suchergebniss-liste--ergebnisse {
  display: block;
}
.wir-hier-suchergebniss-entry {
  padding: 0.6rem 0.75rem 0.5rem 1.5rem;
  font-size: 0.9em;
  border-top: 2px solid;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss-entry {
    padding-left: 1.25rem;
    font-size: inherit;
  }
}
.wir-hier-suchergebniss-entry:first-child {
  border-top-width: 0;
}
[data-wir-hier-suche-status=leer] .wir-hier-suchergebniss-entry:first-child {
  border-top-width: 2px;
}
.wir-hier-suchergebniss-entry:before {
  display: none;
}
.wir-hier-suchergebniss-entry:hover {
  background: hsl(60, 100%, 56%);
  color: hsl(279, 97%, 14%);
}
.wir-hier-suchergebniss-entry:hover + .wir-hier-suchergebniss-entry {
  border-top-color: hsl(60, 100%, 56%);
}
.wir-hier-suchergebniss-entry:hover .wir-hier-suchergebniss-entry-arrow {
  display: block;
}
.wir-hier-suchergebniss-entry-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex: 1;
}
.wir-hier-suchergebniss-entry mark {
  background: hsl(60, 100%, 56%);
  color: hsl(279, 97%, 14%);
}
.wir-hier-suchergebniss-entry-text {
  flex-grow: 1;
}
.wir-hier-suchergebniss-entry-title {
  flex-grow: 1;
}
.wir-hier-suchergebniss-entry-category {
  margin-left: 0.3em;
  font-size: 0.8em;
  opacity: 0.5;
}
.wir-hier-suchergebniss-entry-subtitle {
  color: hsl(196, 100%, 65%);
  text-transform: uppercase;
  font-size: 0.6em;
  margin-top: 0.2em;
}
.wir-hier-suchergebniss-entry-arrow {
  width: 1em;
  width: 0.6em;
  margin-left: 1em;
  flex-shrink: 0;
  display: none;
}
.wir-hier-suchergebniss-entry-text + .wir-hier-suchergebniss-entry-arrow {
  width: 0.8em;
}
@media screen and (max-width: 767px) {
  .wir-hier-suchergebniss-entry-arrow {
    display: block;
  }
}

.slider {
  position: relative;
  overflow: hidden;
}
.slider-slide {
  margin: 0;
  display: flex;
  padding-bottom: 1em;
  overflow: auto;
  scroll-behavior: smooth;
  will-change: transform;
  transition: transform 200ms ease-out;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.slider-tile {
  flex-shrink: 0;
  margin: 0 !important;
  padding: 0;
  scroll-snap-align: start;
}
.slider-tile:before {
  display: none;
}
.slider-arrow {
  position: absolute;
  padding: 1.7em;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .slider-arrow {
    padding: 0.81em;
  }
}
.slider-arrow--back {
  transform: translateY(-50%) scaleX(-1);
}
.slider-arrow--next {
  left: auto;
  right: 0;
}
.slider-arrow-icon {
  width: 0.5em;
  color: hsl(7, 100%, 50%);
}
@media screen and (max-width: 767px) {
  .slider-arrow-icon {
    width: 0.56em;
  }
}

.presseartikel-teaser {
  display: block;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser {
    padding: 0 2.28em;
    text-align: center;
  }
}
.slider .presseartikel-teaser {
  margin-left: 5.7em;
  width: 19.85em;
}
@media screen and (max-width: 767px) {
  .slider .presseartikel-teaser {
    margin-left: 0;
    width: 100vw;
  }
}
.slider-tile:last-child .presseartikel-teaser {
  margin-right: 5.7em;
}
@media screen and (max-width: 767px) {
  .slider-tile:last-child .presseartikel-teaser {
    margin-right: 0;
  }
}
.presseartikel-teaser-header {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-header {
    justify-content: center;
  }
}
.presseartikel-teaser-date {
  font-size: 0.94em;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-date {
    font-size: 0.65em;
  }
}
.presseartikel-teaser-date a {
  color: inherit;
  text-decoration: none;
}
.presseartikel-teaser-icon {
  width: 0.7em;
  color: hsl(7, 100%, 50%);
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-icon {
    width: 0.5em;
  }
}
.presseartikel-teaser-icon.icon-long-arrow-right {
  width: 0.82em;
  margin-top: -0.05em;
  align-self: center;
}
.presseartikel-teaser-title {
  margin: 1.47em 0 0.91em;
  font-size: 0.94em;
  line-height: 1.25;
  text-wrap: balance;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-title {
    margin: 0.5em 0 0.67em;
    font-size: 0.84em;
    line-height: 1.11;
  }
}
.presseartikel-teaser-title a {
  text-decoration: none;
  color: inherit;
}
.presseartikel-teaser-text {
  font-size: 0.94em;
  line-height: 1.25;
  margin-bottom: 0.94em;
  font-family: "GT Sectra", serif;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-text {
    font-size: 0.84em;
    line-height: 1.44;
    -webkit-line-clamp: 4;
  }
}
.presseartikel-teaser-text p:last-child {
  margin-bottom: 0;
}
.presseartikel-teaser-target {
  font-size: 0.71em;
  margin-top: 1.25em;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .presseartikel-teaser-target {
    margin-top: 0.64em;
  }
}
.presseartikel-teaser-target a {
  text-decoration: none;
  color: inherit;
}

.archiv-title {
  display: none;
}
.archiv-subpage {
  margin: 4.24em 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .archiv-subpage {
    display: block;
    margin: 1.44em 0 0;
  }
}
.archiv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 2.62em;
  grid-row-gap: 3.29em;
  margin: 2.68em 3.12em 3.06em 4.59em;
}
@media screen and (max-width: 767px) {
  .archiv-grid {
    display: block;
    margin: 1.9em 0 0;
  }
  .archiv-grid .presseartikel-teaser {
    margin-bottom: 1.9rem;
  }
}

.press ~ .footer {
  border-top-width: 0;
}
.press-title {
  display: none;
}
.press-section {
  margin: 0;
  padding: 1.47em 2.2em 2.71em 5.7em;
}
@media screen and (max-width: 767px) {
  .press-section {
    margin: 0;
    padding: 1.26em 0 1.44em;
  }
}
.header + .press-section {
  margin-top: 1.33em;
}
.press-section[data-type=pressemitteilungen] {
  background: hsl(60, 100%, 56%);
}
.press-section[data-type=presseverteiler] {
  background: hsl(196, 100%, 65%);
}
.press-section[data-type=presseverteiler] h2 {
  -webkit-text-decoration-color: hsl(60, 100%, 56%);
  text-decoration-color: hsl(60, 100%, 56%);
}
.press-section--grid {
  display: grid;
  grid-template-columns: 1fr auto;
}
@media screen and (max-width: 767px) {
  .press-section--grid {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .press-section-heading {
    text-align: center;
  }
}
.press-section .newsletter-heading {
  max-width: 22em;
  padding: 0 1em;
}
.press-section .slider {
  grid-column: 1/-1;
  grid-row: 2;
  margin: 0 -2.2em -1.5em -5.7em;
}
@media screen and (max-width: 767px) {
  .press-section .slider {
    margin: 0 0 -1.26em;
  }
}
.press-section .slider-arrow {
  top: 34%;
}
.press-section-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 0.53em;
  grid-row-gap: 0.21em;
  margin-left: -0.84em;
}
@media screen and (max-width: 767px) {
  .press-section-grid {
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0;
  }
}
.press-section-grid-entry {
  padding: 0;
  margin: 0 !important;
}
.press-section-grid-entry:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .press-section-grid-entry:nth-child(n+5) {
    display: none;
  }
}
.press-section-grid-entry-link {
  font-size: 0.94em;
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 0.75em 0.84em;
}
@media screen and (max-width: 767px) {
  .press-section-grid-entry-link {
    font-size: 0.84em;
    padding: 0.83em 1.33em;
  }
}
@media (hover: hover) {
  .press-section-grid-entry-link:hover {
    background: hsl(60, 100%, 56%);
  }
}
.press-section-grid-entry-link-header {
  display: flex;
  align-items: center;
}
.press-section-grid-entry-link-date, .press-section-grid-entry-link-target {
  font-size: 0.625em;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .press-section-grid-entry-link-date, .press-section-grid-entry-link-target {
    font-size: 0.78em;
  }
}
.press-section-grid-entry-link-icon {
  color: hsl(7, 100%, 50%);
  margin-left: 0.3em;
  width: 0.72em;
}
.press-section-grid-entry-link-icon.icon-external {
  width: 0.6em;
  margin-left: 0.4em;
  align-self: center;
  margin-top: -0.05em;
}
.press-section-grid-entry-link-title {
  margin: 0.56em 0 0.22em;
  text-decoration: none;
  font-family: "GT Sectra", serif;
  font-size: inherit;
  line-height: 1.25;
  font-weight: normal;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .press-section-grid-entry-link-title {
    margin: 0.67em 0 0.26em;
    line-height: 1.44;
  }
}
.press-materialien {
  flex: 1;
  padding-right: 5.7em;
}
@media screen and (max-width: 767px) {
  .press-materialien {
    padding-right: 0;
    margin-bottom: 1.67em;
  }
}
.press-materialien .file {
  margin-left: -1em;
}
@media screen and (max-width: 767px) {
  .press-materialien .file {
    margin: 0 3em;
  }
}
.press-kontakt {
  width: 22.6em;
  position: relative;
  left: 0.4em;
}
@media screen and (max-width: 767px) {
  .press-kontakt {
    position: static;
    width: auto;
    margin-bottom: -1.44em;
  }
}
.press-newsletter {
  grid-column: 1/-1;
}

.mrflix-popover {
  position: relative;
  z-index: 1;
}
.mrflix-popover.is-open {
  z-index: 2;
}
.mrflix-popover-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font: inherit;
  color: inherit;
  background: none;
  padding: 0.03em;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .mrflix-popover-button {
    padding: 0.1em;
  }
}
.mrflix-popover-button-icon {
  width: 1.28em;
}
@media screen and (max-width: 767px) {
  .mrflix-popover-button-icon {
    width: 1.86em;
  }
}
.mrflix-popover-button-icon svg {
  stroke: none;
  color: transparent;
  fill: hsl(279, 97%, 14%);
}
.is-open .mrflix-popover-button-icon svg {
  color: hsl(279, 97%, 14%);
  fill: hsl(60, 100%, 56%);
}
.mrflix-popover-element {
  background: white;
  font-size: 0.93em;
  line-height: 1.0938;
  padding: 1.28125em 0.84375em 1.09375em 1.28125em;
  border-radius: 1.53125em;
  position: absolute;
  top: 100%;
  margin-top: 1.5312em;
  left: -3.125em;
  width: 21em;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-0.5em);
  transition: 320ms opacity, 320ms transform;
}
.is-open .mrflix-popover-element {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.mrflix-popover-element:before {
  content: "";
  position: absolute;
  top: -1.46em;
  left: 3.16em;
  border-left: 0.7em solid transparent;
  border-right: 0.7em solid transparent;
  border-bottom: 1.6em solid white;
}
.mrflix-popover-element ul:last-child,
.mrflix-popover-element p:last-child {
  margin-bottom: 0;
}

[data-template=profil-umfrage],
[data-template=profil-umfrage-fragen],
[data-template=profil-umfrage-auswertung],
[data-template=profil-umfrage-drucken] {
  background: var(--theme, hsl(196, 100%, 65%));
}
[data-template=profil-umfrage] .such-widget,
[data-template=profil-umfrage-fragen] .such-widget,
[data-template=profil-umfrage-auswertung] .such-widget,
[data-template=profil-umfrage-drucken] .such-widget {
  display: none;
}
[data-template=profil-umfrage] .sidebar-header-title,
[data-template=profil-umfrage-fragen] .sidebar-header-title,
[data-template=profil-umfrage-auswertung] .sidebar-header-title,
[data-template=profil-umfrage-drucken] .sidebar-header-title {
  font-size: 0.7em;
  text-transform: uppercase;
  max-width: 8em;
  margin: 0 0 0 2.5rem;
}
[data-template=profil-umfrage] .footer,
[data-template=profil-umfrage-fragen] .footer,
[data-template=profil-umfrage-auswertung] .footer,
[data-template=profil-umfrage-drucken] .footer {
  background: white;
  border-top-color: transparent;
  padding-top: 2em;
}

@media print {
  [data-template=profil-umfrage-auswertung] {
    background: white;
  }
  [data-template=profil-umfrage-auswertung] .header {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0;
    padding-top: 0;
  }
  [data-template=profil-umfrage-auswertung] .profil-umfrage-heading--giant {
    margin-left: 9.8494rem;
  }
  [data-template=profil-umfrage-auswertung] .profil-umfrage-nav,
  [data-template=profil-umfrage-auswertung] .menu,
  [data-template=profil-umfrage-auswertung] .footer {
    display: none;
  }
}

.profil-umfrage-drucken {
  display: none;
}
@media print {
  .profil-umfrage-drucken {
    display: block;
  }
}
.profil-umfrage-drucken-body {
  padding-top: 0.6em;
}
.profil-umfrage-drucken-body .profil-umfrage-heading {
  max-width: 15em;
  margin: 3.402898551rem 0 0.6377rem;
  page-break-after: avoid;
  -moz-column-break-after: avoid;
  break-after: avoid;
}
.profil-umfrage-drucken-body .profil-umfrage-pfeil,
.profil-umfrage-drucken-body .profil-umfrage-frage-info {
  display: none;
}
.profil-umfrage-drucken-body .profil-umfrage-frage {
  max-width: 35.47826087em;
  margin-bottom: 1.67em;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.profil-umfrage-drucken-body .profil-umfrage-frage-text {
  text-wrap: balance;
}
.profil-umfrage-drucken-body .profil-umfrage-frage-controls {
  margin-top: 0.6377rem;
}
.profil-umfrage-drucken-body .profil-umfrage-frage-button {
  pointer-events: none;
}
.profil-umfrage-drucken-body .profil-umfrage-frage-button :checked + label {
  color: inherit;
  background: var(--stroke);
  border-color: var(--stroke);
  text-decoration: underline;
}
.profil-umfrage-heading {
  grid-column: span 2;
  text-decoration: none;
  font-size: 1.6em;
  max-width: 11.55em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-heading {
    font-size: 1.5em;
    max-width: 100%;
  }
}
.profil-umfrage-heading--giant {
  font-size: 4.5217em;
}
.profil-umfrage-heading p {
  margin: 0;
}
.profil-umfrage-pfeil {
  grid-column: 1/-1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--desktop {
    display: none;
  }
}
.profil-umfrage-pfeil--mobile {
  margin: 0.6em 0;
}
@media screen and (min-width: 768px) {
  .profil-umfrage-pfeil--mobile {
    display: none;
  }
}
.profil-umfrage-pfeil--mobile-1 {
  width: 15.16em;
  margin-left: 0.6512em;
}
.profil-umfrage-pfeil--mobile-2 {
  width: 14.14em;
  margin-left: 2.03em;
  margin-top: 0;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-3 {
  width: 16.88em;
  margin-left: 0.14em;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-4 {
  width: 2.93em;
  margin-left: 7.4em;
  margin-bottom: 0.4em;
}
.profil-umfrage-pfeil--mobile-5 {
  width: 11.3em;
  margin-left: 0.1395em;
}
.profil-umfrage-pfeil--mobile-6 {
  width: 9.72em;
  margin-left: 1.907em;
}
.profil-umfrage-pfeil--mobile-7 {
  width: 12.6047em;
  margin-left: 3.19em;
}
.profil-umfrage-pfeil--mobile-8 {
  width: 4.4651em;
  margin-left: 11.814em;
  margin-bottom: -0.4em;
}
.profil-umfrage-pfeil--mobile-9 {
  width: 9.4419em;
  margin-left: -0.186em;
}
.profil-umfrage-pfeil--mobile-10 {
  width: 10.2791em;
  margin-left: 1.3163em;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-11 {
  width: 14.1395em;
  margin-left: 3.1163em;
  margin-bottom: -0.4em;
}
.profil-umfrage-pfeil--mobile-12 {
  width: 14.7442em;
  margin-left: 1.3256em;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-13 {
  width: 6.7907em;
  margin-left: 5.0233em;
}
.profil-umfrage-pfeil--mobile-14 {
  width: 11.1628em;
  margin-left: 1.1628em;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-15 {
  width: 11.7674em;
  margin-left: 1.4884em;
  margin-bottom: 0;
}
.profil-umfrage-pfeil--mobile-16 {
  width: 11.4419em;
  margin-left: 5.3023em;
}
.profil-umfrage-pfeil--mobile-17 {
  width: 9.7674em;
  margin-left: 2.9163em;
  margin-bottom: 0.2em;
}
.profil-umfrage-pfeil--mobile-18 {
  width: 14.5116em;
  margin-left: 0.7256em;
  margin-bottom: -0.4em;
}
.profil-umfrage-pfeil--start-antworten {
  width: 47.36231884em;
  margin-left: 4.3478em;
}
.profil-umfrage-pfeil--intro-1 {
  width: 3.88em;
  margin-left: 2em;
}
.profil-umfrage-pfeil--intro-2 {
  width: 40em;
  margin-left: 3.8em;
  margin-top: -6.2em;
  margin-bottom: -2em;
}
.profil-umfrage-pfeil--intro-3 {
  width: 19.24em;
  margin-left: 3.8em;
}
.profil-umfrage-pfeil--intro-4 {
  width: 32.66em;
  margin-left: 2.6em;
  margin-top: -1em;
  margin-bottom: -1em;
}
.profil-umfrage-pfeil--intro-5 {
  width: 43.72em;
  margin-left: 4em;
  margin-top: -8.7em;
  margin-bottom: -3em;
}
.profil-umfrage-pfeil--1-1 {
  width: 3.88em;
  margin-left: 2em;
}
.profil-umfrage-pfeil--1-2 {
  width: 25.7em;
  margin-left: 2.9em;
  margin-top: -7.68em;
  margin-bottom: -1.85em;
}
.profil-umfrage-pfeil--1-3 {
  width: 15.2em;
  margin-left: 1.07em;
  margin-bottom: -1.8em;
}
.profil-umfrage-pfeil--1-4 {
  width: 40.93em;
  margin-left: 5.5em;
  margin-top: -12.3em;
}
.profil-umfrage-pfeil--1-5 {
  width: 43.7em;
  margin-left: 3.95em;
  margin-top: -7em;
  margin-bottom: -3em;
}
.profil-umfrage-pfeil--1-footer {
  width: 43.7em;
  margin-left: 3.86em;
  margin-top: -7em;
  margin-bottom: -3em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--1-footer {
    width: 6.37em;
    margin-left: 8.4186em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }
}
.profil-umfrage-pfeil--2-1 {
  width: 20.73em;
  margin-left: 11.1em;
  margin-top: -1.55em;
  margin-bottom: -1.7em;
}
.profil-umfrage-pfeil--2-2 {
  width: 3.88em;
  margin-left: 12.1em;
}
.profil-umfrage-pfeil--2-3 {
  width: 9.2em;
  margin-left: 7.65em;
  margin-bottom: -2.85em;
}
.profil-umfrage-pfeil--2-4 {
  width: 28.31em;
  margin-left: 18.5em;
  margin-top: -4.7em;
  margin-bottom: -1.4em;
}
.profil-umfrage-pfeil--2-5 {
  width: 36.89em;
  margin-left: 16.08em;
  margin-top: -10.3em;
}
.profil-umfrage-pfeil--2-footer {
  width: 36.9em;
  margin-left: 16em;
  margin-top: -10.2em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--2-footer {
    width: 12.4186em;
    margin-top: 0.6em;
    margin-left: 1em;
    margin-bottom: 0.6em;
  }
}
.profil-umfrage-pfeil--3-1 {
  width: 11.58em;
  margin-left: 5.43em;
  margin-top: -6.5em;
}
.profil-umfrage-pfeil--3-2 {
  width: 38.55em;
  margin-left: 4.5em;
  margin-top: -1.62em;
  margin-bottom: -1.83em;
}
.profil-umfrage-pfeil--3-3 {
  width: 3.88em;
  margin-left: 20.9em;
}
.profil-umfrage-pfeil--3-4 {
  width: 22.22em;
  margin-left: 2.47em;
  margin-bottom: -3em;
}
.profil-umfrage-pfeil--3-5 {
  width: 41.13em;
  margin-left: 8.9em;
  margin-top: -5.75em;
  margin-bottom: -3.55em;
}
.profil-umfrage-pfeil--3-footer {
  width: 41.13em;
  margin-left: 8.88em;
  margin-top: -5.8em;
  margin-bottom: -3.4em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--3-footer {
    width: 11.1163em;
    margin-left: 5.8605em;
    margin-top: -1em;
    margin-bottom: 0.6em;
  }
}
.profil-umfrage-pfeil--4-1 {
  width: 42.9em;
  margin-left: 2.73em;
  margin-top: -3.75em;
  margin-bottom: -2.5em;
}
.profil-umfrage-pfeil--4-2 {
  width: 17.36em;
  margin-left: 15.5em;
  margin-top: -4em;
  margin-bottom: -4.15em;
}
.profil-umfrage-pfeil--4-3 {
  width: 38em;
  margin-left: 11.1em;
  margin-top: -2.78em;
  margin-bottom: -2.1em;
}
.profil-umfrage-pfeil--4-4 {
  width: 3.88em;
  margin-left: 29.7em;
}
.profil-umfrage-pfeil--4-5 {
  width: 37.85em;
  margin-left: 6.7em;
  margin-top: -6.7em;
  margin-bottom: -2.7em;
}
.profil-umfrage-pfeil--4-footer {
  width: 37.91em;
  margin-left: 6.1em;
  margin-top: -7em;
  margin-bottom: -3em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--4-footer {
    width: 7.9535em;
    margin-left: 4.8372em;
    margin-top: 0.6em;
    margin-bottom: 0.2em;
  }
}
.profil-umfrage-pfeil--5-1 {
  width: 39.3em;
  margin-left: 7em;
  margin-top: -1.3em;
}
.profil-umfrage-pfeil--5-2 {
  width: 19.6em;
  margin-left: 15.67em;
  margin-bottom: -0.2em;
}
.profil-umfrage-pfeil--5-3 {
  width: 21.83em;
  margin-left: 24em;
  margin-top: 0.2em;
  margin-bottom: -2.2em;
}
.profil-umfrage-pfeil--5-4 {
  width: 8.7em;
  margin-left: 40.4em;
  margin-top: -1.2em;
  margin-bottom: -0.7em;
}
.profil-umfrage-pfeil--5-5 {
  width: 3.88em;
  margin-left: 38.5em;
}
.profil-umfrage-pfeil--5-footer {
  width: 9.43em;
  margin-left: 40.37em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-pfeil--5-footer {
    width: 9.6744em;
    margin-left: 1em;
    margin-top: 0.6em;
    margin-bottom: 0.2em;
  }
}
.profil-umfrage-pfeil path {
  stroke: var(--stroke) !important;
}
.profil-umfrage-pfeil rect {
  fill: var(--stroke) !important;
}
.profil-umfrage-pfeil.is-hidden path, .profil-umfrage-pfeil.animate path {
  stroke-dashoffset: var(--stroke-dash-offset);
}
.profil-umfrage-pfeil.animate path:first-child {
  animation: 800ms draw-path ease-in-out forwards;
}
.profil-umfrage-pfeil.animate path:last-child {
  animation: 120ms draw-path 780ms ease-in-out forwards;
}
.profil-umfrage-pfeil svg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.profil-umfrage-button {
  align-self: flex-end;
  grid-column-start: -3;
  grid-column-end: -1;
  justify-self: end;
  background: var(--stroke);
}
.profil-umfrage-button.animate {
  opacity: 0;
  animation: 240ms reveal 800ms ease-in-out forwards;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-button {
    font-size: inherit;
    padding-top: 0.73em;
    padding-bottom: 0.64em;
  }
}
.profil-umfrage-start {
  padding: 3.67em 1.47em 2em;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start {
    padding: 3.5em 1.12em;
  }
}
.profil-umfrage-start--heading-frage {
  margin-left: 20em;
  margin-top: -4em;
  width: 19.5em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start--heading-frage {
    width: 11.6em;
    margin-top: 0.46em;
    margin-left: 3em;
  }
}
.profil-umfrage-start-erste-frage {
  margin-left: 22.38em;
  margin-top: -1.2em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start-erste-frage {
    margin-left: 0;
    margin-top: 0.46em;
  }
}
.profil-umfrage-start--frage-frage {
  width: 38.6em;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start--frage-frage {
    margin-left: 0.5em;
    margin-top: 0.4em;
    width: 15em;
  }
}
.profil-umfrage-start-zweite-frage {
  margin-left: 5.97em;
  max-width: 6.91em;
  margin-top: -1.2em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start-zweite-frage {
    margin-left: 6.9rem;
    margin-top: 1rem;
    max-width: 100%;
  }
}
.profil-umfrage-start--frage-intro {
  margin-left: 22em;
  width: 6.79em;
  margin-top: -2em;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start--frage-intro {
    margin-left: 2.23em;
    width: 8.19em;
    margin-top: -3.3em;
    margin-bottom: 0.6em;
  }
}
.profil-umfrage-start-intro {
  margin-left: 20.8125em;
  max-width: 16.28em;
  font-size: 0.93em;
  line-height: 1.09;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start-intro {
    margin-left: 0;
    font-size: 0.7907em;
    max-width: 16.5em;
  }
}
.profil-umfrage-start--intro-button {
  margin-left: 8.5em;
  width: 33em;
  margin-top: -3.3em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-start--intro-button {
    width: 4.88em;
    margin-left: 11.4em;
    margin-bottom: 0.6em;
  }
}
.profil-umfrage-auswertung {
  padding: 0.54em 1.47em 2em;
  display: flex;
  flex-direction: column;
}
@media print {
  .profil-umfrage-auswertung {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung {
    padding: 0 1.12em 2.5em;
  }
}
.profil-umfrage-auswertung-row {
  display: flex;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-row {
    display: block;
  }
}
.profil-umfrage-auswertung-heading {
  margin-top: 3.8rem !important;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-heading {
    margin-top: 2em !important;
  }
}
.profil-umfrage-auswertung-fertig-text {
  width: 14.74em;
  margin: 1.4em 0.45em -5.3em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-fertig-text {
    width: 12.61866667em;
    margin-top: 0.2em;
    margin-left: 0;
    margin-bottom: -0.4em;
  }
}
.profil-umfrage-auswertung-text {
  width: 5em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-text {
    margin-left: 6.8837rem;
  }
}
.profil-umfrage-auswertung-text strong {
  font-weight: inherit;
  color: var(--stroke, hsl(60, 100%, 56%));
}
.profil-umfrage-auswertung-text-beschreibung {
  width: 11.73em;
  margin-left: -0.4em;
  margin-top: 1.45em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-text-beschreibung {
    width: 14.6977em;
    margin-left: 2.2326em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}
.profil-umfrage-auswertung-beschreibung {
  font-weight: normal;
  font-size: 0.93em;
  line-height: 1.0938;
  margin-left: 29.6em;
  max-width: 18.6875em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-beschreibung {
    margin-left: 0;
    font-size: inherit;
    line-height: 1.2;
  }
}
.profil-umfrage-auswertung-beschreibung p:last-child {
  margin-bottom: 0;
}
.profil-umfrage-auswertung-beschreibung-footer {
  width: 34.4em;
  margin-left: 14.9em;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-auswertung-beschreibung-footer {
    width: 14.6047em;
    margin-left: 0.186em;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
}
.profil-umfrage-auswertung-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.profil-umfrage-auswertung-footer .button, .profil-umfrage-auswertung-footer [type=submit].on-yellow {
  width: 100%;
  max-width: 29.71rem;
  display: block;
  margin-bottom: 0.3768em;
  text-align: left;
}
.profil-umfrage-auswertung-footer .button:last-child, .profil-umfrage-auswertung-footer [type=submit].on-yellow:last-child {
  margin-bottom: 0;
}
.profil-umfrage-info {
  position: absolute;
  right: 8em;
  top: 1.46em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-info {
    right: 4.5em;
  }
}
.profil-umfrage-info-button {
  vertical-align: top;
}
.profil-umfrage-info-button-icon {
  width: 1.5em;
}
.profil-umfrage-info-button-icon svg {
  stroke: none;
  color: transparent;
  fill: hsl(279, 97%, 14%);
}
.is-open .profil-umfrage-info-button-icon svg {
  color: var(--stroke, hsl(60, 100%, 56%));
  fill: hsl(279, 97%, 14%);
}
.profil-umfrage-info-popover {
  left: -29.4rem;
  width: 31.88rem;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-info-popover {
    width: 18rem;
    left: -13rem;
  }
}
.profil-umfrage-info-popover:before {
  left: 29.5rem;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-info-popover:before {
    left: 13.14rem;
  }
}
.profil-umfrage-info-popover form {
  max-width: 100%;
  font-size: inherit;
}
.profil-umfrage-info-popover p,
.profil-umfrage-info-popover ul,
.profil-umfrage-info-popover olmonit {
  font-size: 0.9275em;
}
.profil-umfrage-info-popover-reset-button {
  margin-left: 0 !important;
  background: var(--stroke, hsl(60, 100%, 56%));
}
.profil-umfrage-spacer {
  grid-column: 1/-1;
  height: 5em;
}
.profil-umfrage-nav {
  position: absolute;
  right: 9em;
  top: 2.05em;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-nav {
    position: fixed;
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--theme, hsl(196, 100%, 65%));
  }
}
[data-template=profil-umfrage] .profil-umfrage-nav {
  right: 11.1em;
}
@media screen and (max-width: 767px) {
  [data-template=profil-umfrage] .profil-umfrage-nav {
    right: 0;
  }
}
.profil-umfrage-nav ol {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.profil-umfrage-nav-entry {
  margin-right: 0.1739em;
  padding: 0;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-nav-entry {
    margin-right: 0.2791em;
    flex: 1 1 0%;
  }
}
.profil-umfrage-nav-entry:before {
  display: none;
}
.profil-umfrage-nav-entry:last-child {
  margin-right: 0;
}
.profil-umfrage-nav-entry-link {
  display: block;
  width: 1.45em;
  height: 0.29em;
  border: 1px solid;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-nav-entry-link {
    width: 100%;
    height: 0.6em;
  }
}
.profil-umfrage-nav-entry-link.is-current {
  color: var(--stroke);
  background: currentColor;
}
.profil-umfrage-nav-entry-link.is-answered {
  color: inherit;
  background: currentColor;
}
.profil-umfrage-nav-entry-link span {
  display: none;
}
.profil-umfrage-fragen {
  font-size: inherit;
  max-width: 100%;
}
.profil-umfrage-fragen-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 0.46em;
  padding: 4.42em 1.47em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-fragen-grid {
    display: flex;
    flex-direction: column;
    padding-left: 1.12em;
    padding-right: 1.12em;
  }
}
.profil-umfrage-fragen-footer {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
}
.profil-umfrage-fragen-footer.animate {
  opacity: 0;
  animation: 240ms reveal 800ms ease-in-out forwards;
}
.profil-umfrage-frage {
  grid-column: span 2;
  border: none;
  margin: 0;
  padding: 0;
}
.profil-umfrage-frage.animate {
  opacity: 0;
  animation: 240ms reveal 800ms ease-in-out forwards;
}
.profil-umfrage-frage[data-pos="1"] {
  grid-column: 1/3;
}
.profil-umfrage-frage[data-pos="2"] {
  grid-column: 2/4;
}
.profil-umfrage-frage[data-pos="3"] {
  grid-column: 3/5;
}
.profil-umfrage-frage[data-pos="4"] {
  grid-column: 4/6;
}
.profil-umfrage-frage[data-pos="5"] {
  grid-column: 5/7;
}
.profil-umfrage-frage-text {
  font-size: 0.93em;
  line-height: 1.09;
  font-weight: normal;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-frage-text {
    font-size: inherit;
    line-height: 1.2;
  }
}
.profil-umfrage-frage-controls {
  margin-top: 1.1em;
  display: flex;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-frage-controls {
    margin-top: 1em;
  }
}
.profil-umfrage-frage-button {
  position: relative;
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-frage-button {
    margin-right: 0.79em;
  }
}
.profil-umfrage-frage-button input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.profil-umfrage-frage-button input:checked + label {
  background: hsl(279, 97%, 14%);
  color: hsl(60, 100%, 56%);
  border-color: hsl(279, 97%, 14%);
}
.profil-umfrage-frage-button label {
  display: block;
  font-size: 0.87em;
  line-height: 1.167;
  padding: 0.13em 0 !important;
  text-align: center;
  width: 3.33em;
  border: 1px solid;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-frage-button label {
    margin: 0;
    font-size: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  .profil-umfrage-frage-info-popover {
    left: -11.2em !important;
    width: 19.4em;
  }
  .profil-umfrage-frage-info-popover:before {
    left: 11.6em !important;
  }
}
[data-pos="5"] .profil-umfrage-frage-info-popover {
  left: -10em;
}
[data-pos="5"] .profil-umfrage-frage-info-popover:before {
  left: 10em;
}
.profil-umfrage-footer {
  display: flex;
  justify-content: flex-end;
}
.profil-umfrage-footer-reset {
  margin: 0;
  font-size: inherit;
  width: auto;
}
.profil-umfrage-footer .button:last-child, .profil-umfrage-footer [type=submit].on-yellow:last-child {
  margin-left: auto;
}
.profil-umfrage-share-preview {
  position: fixed;
  left: 1em;
  top: 1em;
  bottom: 1em;
  right: 1em;
  margin: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .profil-umfrage-share-preview {
    bottom: auto;
    display: flex;
    justify-content: center;
  }
}
.profil-umfrage-share-preview-element {
  width: auto;
  height: 100%;
  vertical-align: middle;
  background: hsla(0, 0%, 0%, 0.55);
  box-shadow: 0 1em 5em hsla(0, 0%, 0%, 0.55);
}
@media screen and (max-aspect-ratio: 1/1) {
  .profil-umfrage-share-preview-element {
    max-height: 50vh;
  }
}

@keyframes draw-path {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes reveal {
  to {
    transform: none;
    opacity: 1;
  }
}
.is-hidden {
  display: none;
}
/*# sourceMappingURL=style.css.map */