.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--img::after{background-color:transparent;background-image:linear-gradient(180deg, #0000003D 63%, #171717 100%);}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider{height:100vh;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider .swiper-slide .ms-slider--img img{object-fit:cover;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont{justify-content:left;align-items:flex-end;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-cont__inner{text-align:left;margin:50px 50px 50px 50px;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:8vw;font-weight:800;text-transform:uppercase;line-height:0.9em;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--l{font-family:"Inter", Sans-serif;font-size:20px;font-weight:800;text-transform:uppercase;text-decoration:none;line-height:77px;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-sc--l{justify-content:left;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .elementor-section-wrap{margin:50px 50px 50px 50px;}@media(max-width:1024px){.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont{justify-content:center;align-items:flex-end;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-cont__inner{text-align:center;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:8em;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-slider--cont .ms-sc--l{justify-content:center;}}@media(max-width:767px){.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--t{font-size:4em;}.elementor-535 .elementor-element.elementor-element-5d7028b .ms-sc--l{font-size:16px;}}/* Start custom CSS *//* Verhindert horizontales Scroll-Jitter */
html, body { overscroll-behavior-y: contain; }

/* Auf den Slides oder dem Wrapper, der den Touch abbekommt */
.snap-slide { touch-action: pan-y; }



/* ================================
   Scroll Indicator (unten rechts)
   ================================ */

.scroll-indicator{
  position: fixed;
  right: 24px;
  bottom: 32px;
  z-index: 9999;

  display: flex;
  align-items: center;
  gap: 12px;

  pointer-events: none; /* stört keine Klicks */
}

/* Vertikaler Text */
.scroll-text{
  font-size: 12px;
  letter-spacing: 0.25em;
  color: rgba(255,255,255,0.8);
  font-weight: 500;

  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Pfeil */
.scroll-arrow{
  width: 1px;
  height: 48px;
  background: rgba(255,255,255,0.8);
  position: relative;
  overflow: hidden;
}

/* Pfeilspitze */
.scroll-arrow::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);

  width: 6px;
  height: 6px;
  border-right: 1px solid rgba(255,255,255,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.8);
}

/* Dezente Bewegung (optional, sehr elegant) */
.scroll-arrow::before{
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(255,255,255,0.8);
  animation: scroll-arrow-move 2s ease-in-out infinite;
}

@keyframes scroll-arrow-move{
  0%   { top: -100%; opacity: 0; }
  30%  { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
/* =========================================================
   PAGE SCROLL + CSS SCROLL SNAP (Elementor Motion Effects friendly)
   - Slides: class="snap-slide" (100vh)
   Ziel: Elementor "Vertical Scroll" Motion Effects bleiben intakt.
   ========================================================= */

html, body {
  height: 100%;
}

/* Animations-freundlich: Zwischenpositionen bleiben möglich */
html {
  scroll-snap-type: y proximity;
  overscroll-behavior-y: contain;
  scroll-behavior: auto; /* lässt Finger-Scroll nativ; Anker können optional per JS smooth sein */
}

/* Jede Sektion */
.snap-slide {
  height: 100vh;
  min-height: 100vh;

  scroll-snap-align: start;
  scroll-snap-stop: normal; /* wichtig für Motion Effects */
  touch-action: pan-y;
}

/* Desktop: Snap aktiv (animationsfreundlich) */
html { 
  scroll-snap-type: y proximity;
  overscroll-behavior-y: contain;
  scroll-behavior: auto;
}
.snap-slide{
  height: 100vh;
  min-height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  touch-action: pan-y;
}

/* Tablet + Mobile: Snap AUS (oder stark entschärfen) für Performance */
@media (max-width: 1024px), (pointer: coarse) {
  html { scroll-snap-type: none; }
}/* End custom CSS */