/* Nur die beiden Feeder-Seiten: Videostart, Intro-Abstand und Bildergalerie. */
body.secondary-layout #inhalt > .feeder-hero.section.outer {
  min-height: 0 !important;
  padding: 0 !important;
}

body.secondary-layout #inhalt > .feeder-hero > .section-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}

body.secondary-layout #inhalt > .feeder-full-video.section.outer {
  min-height: 0 !important;
  padding: 0 !important;
}

body.secondary-layout #inhalt > .feeder-full-video > .section-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}

body.secondary-layout #inhalt > .feeder-preform-section.section.outer {
  padding-top: clamp(20px, 3vw, 36px) !important;
}

body.secondary-layout #inhalt .feeder-preform-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.secondary-layout #inhalt .feeder-preform-content .column > .spacer:first-child {
  display: none;
}

body.secondary-layout #inhalt > .feeder-intro-copy.section.outer {
  padding-top: 12px !important;
}

body.secondary-layout #inhalt > .feeder-intro-copy .column > .section {
  margin-top: 0 !important;
}

.feeder-carousel {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #e7eced;
}

.feeder-carousel__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.feeder-carousel__slide.is-active {
  opacity: 1;
  visibility: visible;
}

.feeder-carousel__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feeder-carousel.feeder-carousel--portrait {
  aspect-ratio: 3 / 4;
}

.feeder-carousel--portrait .feeder-carousel__slide img {
  object-fit: cover;
}

/* Die beiden markierten Inhaltsbereiche behalten ihre Spalten, aber weniger Leerraum. */
body.secondary-layout #inhalt > .feeder-special-section.section.outer,
body.secondary-layout #inhalt > .feeder-carrier-section.section.outer {
  padding-block: clamp(24px, 3vw, 44px) !important;
}

body.secondary-layout #inhalt .feeder-special-intro,
body.secondary-layout #inhalt .feeder-carrier-content {
  margin-top: 0 !important;
  padding-block: 0 !important;
}

body.secondary-layout #inhalt .feeder-punch-section {
  margin-top: clamp(20px, 3vw, 40px) !important;
  padding-block: 0 !important;
}

body.secondary-layout #inhalt .feeder-special-intro .column > .spacer:first-child,
body.secondary-layout #inhalt .feeder-punch-section .column > .spacer:first-child,
body.secondary-layout #inhalt .feeder-carrier-content .column > .spacer:first-child {
  display: none;
}

.feeder-video-preview {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: #fff;
  background: #11191c;
  text-decoration: none;
}

.feeder-video-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .8;
  transition: transform 250ms ease, opacity 250ms ease;
}

.feeder-video-preview:hover img,
.feeder-video-preview:focus-visible img {
  transform: scale(1.03);
  opacity: .65;
}

.feeder-video-preview__play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  padding-left: 3px;
  font-size: 1.5rem;
  background: rgb(5 14 18 / 78%);
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.feeder-video-preview__label {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 14px 18px;
  font-size: .9rem;
  font-weight: 700;
  background: linear-gradient(transparent, rgb(0 0 0 / 82%));
}

body.secondary-layout #inhalt .ea3171a0 .e21a47ee h2 {
  text-transform: none;
}

.feeder-carousel__controls {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.feeder-carousel__arrow {
  display: grid;
  width: 36px;
  height: 36px;
  flex: none;
  place-items: center;
  padding: 0;
  color: #fff;
  font: inherit;
  font-size: 1.25rem;
  line-height: 1;
  background: rgb(10 20 24 / 76%);
  border: 1px solid rgb(255 255 255 / 70%);
  border-radius: 50%;
  cursor: pointer;
}

.feeder-carousel__dots {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgb(10 20 24 / 76%);
  border-radius: 999px;
}

.feeder-carousel__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  background: rgb(255 255 255 / 50%);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.feeder-carousel__dot[aria-current="true"] {
  background: #fff;
}

.feeder-carousel__arrow:hover,
.feeder-carousel__arrow:focus-visible {
  background: #42778e;
}

.feeder-carousel__dot:hover,
.feeder-carousel__dot:focus-visible {
  background: #a1d3e7;
}

@media (max-width: 700px) {
  .feeder-carousel { aspect-ratio: 4 / 3; }
}

@media (prefers-reduced-motion: reduce) {
  .feeder-carousel__slide { transition: none; }
}