/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body.template-event {
  --red: #c00942;
  --yellow: #f7c14a;
  --light-yellow: #fae1a8;
  --white: #fff;
  --clr-grid: var(--white);
  --font-text: 'Open Sans', sans-serif;
}
body.template-event .element-navbar .navbar__logo img {
  max-height: 100%;
}
body.template-event .element-navbar .navbar__list {
  flex-grow: 1;
  justify-content: space-between;
}
body.template-event .neos-contentcollection .element-event-header .h1 {
  max-width: none;
}
body.template-event .neos-contentcollection .element-event-header .h1 span {
  display: block;
}
body.template-event .neos-contentcollection .element-text-media {
  background-color: var(--white);
  box-shadow: 0 0 0 24px var(--white);
}
body.template-event .neos-contentcollection .element-text-media .element-text-media-link .link__arrow {
  background-color: var(--clr-accent, var(--red));
}
body.template-event .neos-contentcollection .element-text-media .element-text-media-link .link__arrow .icon svg:not(.feather) rect, body.template-event .neos-contentcollection .element-text-media .element-text-media-link .link__arrow .icon svg:not(.feather) path:not([fill=none]) {
  fill: var(--white);
}
body.template-event .neos-contentcollection .element-image-slider {
  background-color: transparent;
  box-shadow: none;
}
body.template-event .neos-contentcollection .slider__navigation .navigation__button {
  background-color: var(--red);
  border: 1px solid var(--red);
}
body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon:is(svg):not(.feather) path:not([fill=none]), body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon svg:not(.feather) path:not([fill=none]), body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon:is(svg):not(.feather) circle, body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon svg:not(.feather) circle, body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon:is(svg):not(.feather) rect, body.template-event .neos-contentcollection .slider__navigation .navigation__button .icon svg:not(.feather) rect {
  fill: var(--white);
}
body.template-event .neos-contentcollection .element-attachment-card {
  background-color: var(--red);
}
body.template-event .neos-contentcollection .element-attachment-card .card__title {
  color: var(--white);
  font-size: 2.6rem;
  line-height: 3.4rem;
  order: 2;
  flex-grow: 1;
  text-align: center;
}
body.template-event .neos-contentcollection .element-attachment-card .card__arrow {
  background-color: var(--light-yellow);
  border: 1px solid var(--light-yellow);
  order: 1;
}
body.template-event .neos-contentcollection .element-attachment-card .card__arrow .icon:is(svg):not(.feather) path:not([fill=none]), body.template-event .neos-contentcollection .element-attachment-card .card__arrow .icon svg:not(.feather) path:not([fill=none]) {
  fill: var(--red);
}
body.template-event .neos-contentcollection .element-testimonial {
  margin-top: 24rem;
}
body.template-event .neos-contentcollection .element-testimonial .testimonial__title::before {
  background-color: var(--red);
}
body.template-event .neos-contentcollection .element-testimonial .testimonial__grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 780px) {
  body.template-event .neos-contentcollection .element-testimonial .testimonial__grid {
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-event .neos-contentcollection .element-testimonial .testimonial__grid .testimonial__tile img {
  filter: none;
}
body.template-event .neos-contentcollection .element-headline, body.template-event .neos-contentcollection .element-section > .element-headline {
  margin-top: 14rem;
}
body.template-event .neos-contentcollection .element-headline.h2, body.template-event .neos-contentcollection .element-section > .element-headline.h2 {
  max-width: 50rem;
}
@media (min-width: 900px) {
  body.template-event .neos-contentcollection .element-headline.h2, body.template-event .neos-contentcollection .element-section > .element-headline.h2 {
    z-index: -1;
  }
}
body.template-event .neos-contentcollection .element-headline.h2::after, body.template-event .neos-contentcollection .element-section > .element-headline.h2::after {
  background-image: linear-gradient(to bottom, transparent 50%, var(--clr-border, black) 50%, var(--clr-border, black) calc(50% + 1px), transparent calc(50% + 1px));
}
body.template-event .neos-contentcollection .element-headline.h2 + *, body.template-event .neos-contentcollection .element-section > .element-headline.h2 + * {
  margin-top: 2rem;
}
@media (max-width: 780px) {
  body.template-event .neos-contentcollection .element-headline.h2 + *, body.template-event .neos-contentcollection .element-section > .element-headline.h2 + * {
    margin-top: 4rem;
  }
}
body.template-event .neos-contentcollection .element-headline.h2 + .element-image-slider, body.template-event .neos-contentcollection .element-section > .element-headline.h2 + .element-image-slider {
  margin-top: 4rem;
}
body.template-event .neos-contentcollection > .element-headline:first-of-type.h2 {
  margin-top: 6.7rem;
}
body.template-event .neos-contentcollection > .element-headline:first-of-type.h2 + * {
  margin-top: 9rem;
}
body.template-event .neos-contentcollection > :last-child {
  margin-bottom: 33.85vw;
}
body.template-event .additional-background {
  z-index: -1;
}
body.template-event .additional-background div {
  position: absolute;
}
body.template-event .additional-background div.top-left {
  top: 25.5%;
  right: calc(100vw - clamp(300px, 29vw, 553px) - (100vw - 100%) / 2);
  /* break out of container width --> viewport - element-width - container-margin */
  width: clamp(300px, 29vw, 553px);
}
body.template-event .additional-background div.top-right {
  top: 25.5%;
  left: calc(100vw - 8.6vw - clamp(95px, 9vw, 175px) - (100vw - 100%) / 2);
  /* break out of container width --> viewport - wanted spacing - element-width - container-margin */
  width: clamp(95px, 9vw, 175px);
}
body.template-event .additional-background div.bottom {
  bottom: 0;
  left: calc(-1 * (100vw - 100%) / 2);
  /* break out of container */
  right: calc(-1 * (100vw - 100%) / 2);
  /* break out of container */
  height: 33.85vw;
}
body.template-event .additional-background div img {
  width: 100%;
  height: auto;
}
body.template-event .element-footer {
  z-index: 1;
}