/* ------------------ */
/* BASE STYLES  */
/* ------------------ */

/* ------------------ */
/* Container STYLES  */
/* ------------------ */

.eHjqvUfBvJnRObGpANvF {
  display: block;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.eHjqvUfBvJnRObGpANvF.UjjybrtxUZNDEjGH6zG4 {
  padding-left: var(--_typography---font-size--display-char);
  padding-right: var(--_typography---font-size--display-char);
}



/* ------------------ */
/* ELEMENT STYLES  */
/* ------------------ */

.BMtnMk_5K8VEa10LViMJ {
  display: inline-block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  vertical-align: middle;
}

.hHIHxIiAfFJYYYv4bAcH {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  vertical-align: middle;
  aspect-ratio: 16 / 9;
  z-index: 0;
}

/* ------------------ */
/* VIDEO STYLES  */
/* ------------------ */

.mtTdQDFVyAyUkESx3UrY {
  position: relative;
  width: 100%;
}

/* Poster overlay */
.U0wD3BrwDNxUuEHn6u26 {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

/* Loader overlay */
.yCaXPNF2knypLYNbhxBA {
  position: absolute;
  inset: 0;
  background: var(--color-neutral-200, #f6f6f6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

/* Spinner container */
.jo2QkQgRV2DqUfdxees6 {
  width: 48px;
  height: 48px;
}

/* Spinner rotation */
.jo2QkQgRV2DqUfdxees6 svg {
  width: 100%;
  height: 100%;
  animation: AmR6k544y7qPLZvutdxE 1s linear infinite;
}

/* Spinner stroke animation */
.jo2QkQgRV2DqUfdxees6 circle {
  fill: none;
  stroke: var(--color-neutral-600, #666);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 110;
  stroke-dashoffset: 80;
  animation: bGFNHtOXGebVPl23E73Q 1.5s ease-in-out infinite;
}

@keyframes AmR6k544y7qPLZvutdxE {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bGFNHtOXGebVPl23E73Q {
  0% {
    stroke-dashoffset: 110;
  }
  50% {
    stroke-dashoffset: 30;
  }
  100% {
    stroke-dashoffset: 110;
  }
}

/* ------------------ */
/* SOUND BUTTON       */
/* ------------------ */

._N874wmFZ73KYsHtGS5V._N874wmFZ73KYsHtGS5V {
  position: absolute;
  bottom: var(--site--margin);
  left: var(--site--margin);
  width: clamp(2.5rem, var(--site--column-width-vw), 4rem);
  height: clamp(2.5rem, var(--site--column-width-vw), 4rem);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--_theme---text);
  border-radius: 50%;
  background: var(--_theme---background);
  cursor: pointer;
  color: var(--_theme---text);
}

._N874wmFZ73KYsHtGS5V svg {
  display: block;
  width: 70%;
  height: 70%;
}

.UTKKGJKyW_CpTgLzqw3o {
  transform-origin: center 44px;
  animation: E953H8HwRxFxnAgtV31u ease-in-out infinite alternate;
  animation-play-state: running;
}

/* Balken 1: links, mittlere Höhe */
.UTKKGJKyW_CpTgLzqw3o:nth-child(1) {
  animation-duration: 0.5s;
  animation-delay: 0s;
}

/* Balken 2: mitte, höchster */
.UTKKGJKyW_CpTgLzqw3o:nth-child(2) {
  animation-duration: 0.4s;
  animation-delay: 0.1s;
}

/* Balken 3: rechts, kleinster */
.UTKKGJKyW_CpTgLzqw3o:nth-child(3) {
  animation-duration: 0.6s;
  animation-delay: 0.2s;
}

/* Muted: Animation pausiert, Balken in voller Höhe */
._N874wmFZ73KYsHtGS5V.KQAdNQwc5cjuNNoc10xB .UTKKGJKyW_CpTgLzqw3o {
  animation: none;
  transform: scaleY(1);
}

@keyframes E953H8HwRxFxnAgtV31u {
  0%   { transform: scaleY(1.0); }
  100% { transform: scaleY(0.25); }
}

/* -----------------------------------------------
   Responsive Breakpoints (Desktop-first)
------------------------------------------------ */

/* --- Tablet (≤ 991px) --- */
@media (max-width: 991px) {
}

/* --- Mobile Landscape (≤ 767px) --- */
@media (max-width: 767px) {
}

/* --- Mobile Portrait (≤ 478px) --- */
@media (max-width: 478px) {
}

/* -----------------------------------------------
   SectionWrapper – Gemeinsame Layout-Styles

   Diese Styles werden von allen Sam-Komponenten
   über den SectionWrapper verwendet.
------------------------------------------------ */

/* ------------------ */
/* Section Variables   */
/* ------------------ */

:host {
  --space-section: var(--space-800);
}

/* ------------------ */
/* Section            */
/* ------------------ */

.Nv1DcW1oQwUDoJIqUjNy {
  padding-block: var(--space-section);
  color: var(--_theme---text);
  background-color: var(--_theme---background);
  width: 100%;      /* Wichtig wegen Homepage */
}

/* ------------------ */
/* Container          */
/* ------------------ */

.YbPq4Lt8jgrgLW4JFcwW {
  display: block;
  position: relative;
  width: 100%;
  width: calc(100% - var(--site--margin) * 2);
  max-width: var(--max-width--main, 90rem);
  margin-inline: auto;
  container-type: inline-size;
}

/* ------------------ */
/* Width Variants     */
/* ------------------ */

.dgtDUAgHHVMbOJOtyy1i {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

.So6eYefr1y1ODknjlxun {
  width: 100%;
  width: calc(100% - var(--site--margin) * 2);
  max-width: var(--max-width--main, 90rem);
  margin-inline: auto;
}

.t5zMGS0dcMDkpE6OdZen {
  max-width: inherit;
}

/* ------------------ */
/* Empty State        */
/* ------------------ */

.e3MecLgZI0x6TbiNGvic {
  display: none;
}

/* -----------------------------------------------
   Responsive Breakpoints (Desktop-first)
------------------------------------------------ */

/* --- Tablet (≤ 991px) --- */
@media (max-width: 991px) {
}

/* --- Mobile Landscape (≤ 767px) --- */
@media (max-width: 767px) {
  :host {
    --space-section: var(--space-600);
  }
}

/* --- Mobile Portrait (≤ 478px) --- */
@media (max-width: 478px) {
}
.dbXl2l0n8WmqLDMHZwnQ {
  width: 100%;
  display: block;
}

/* -----------------------------------------------
   Responsive Breakpoints (Desktop-first)
------------------------------------------------ */

/* --- Tablet (≤ 991px) --- */
@media (max-width: 991px) {
}

/* --- Mobile Landscape (≤ 767px) --- */
@media (max-width: 767px) {
}

/* --- Mobile Portrait (≤ 478px) --- */
@media (max-width: 478px) {
}
