/* Start custom CSS *//* Dekoration S3 Werkstatt-Galerie (Strip 5c262a99, Track 58ce378c). Seiteneigen, keine globale Regel.
   Optik: Startseiten-Bildleiste (rr-marquee, weisse Kacheln, unterschiedliche Formate, vertikale Versaetze).
   Desktop (>= 1025 px, Scroll-Timeline, ohne Reduced Motion): Leiste wird beim Scrollen kurz gehalten (sticky) und laeuft
   ruhig von links nach rechts durch (ca. 1 px horizontal pro px Scroll). Laufweg = Leistenbreite - Viewport,
   dadurch wird jede Kachel vollstaendig sichtbar.
   Sonst: Animation aus, Leiste horizontal wischbar/scrollbar, alle Bilder erreichbar. */
@keyframes rr-deko-werkstatt {
  from { transform: translateX(clamp(16px, 4vw, 64px)); }
  to { transform: translateX(calc(-100% + 100vw - 15px - clamp(16px, 4vw, 64px))); }
}
@media (min-width: 1025px) and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .elementor-16502 .elementor-element.elementor-element-5c262a99 { height: 260vh; overflow-x: clip; overflow-y: visible; view-timeline-name: --rr-deko-strip; }
    .elementor-16502 .elementor-element.elementor-element-58ce378c { position: sticky; top: max(96px, calc(50vh - 230px)); margin-inline-start: 0; animation-name: rr-deko-werkstatt; animation-timeline: --rr-deko-strip; animation-range: contain 0% contain 100%; animation-timing-function: linear; animation-fill-mode: both; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-16502 .elementor-element.elementor-element-5c262a99 { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .elementor-16502 .elementor-element.elementor-element-58ce378c { animation: none; transform: none; margin-inline-start: 0; padding-inline: clamp(16px, 4vw, 64px); }
}
@supports not (animation-timeline: view()) {
  .elementor-16502 .elementor-element.elementor-element-5c262a99 { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .elementor-16502 .elementor-element.elementor-element-58ce378c { margin-inline-start: 0; padding-inline: clamp(16px, 4vw, 64px); }
}
@media (max-width: 1024px) {
  .elementor-16502 .elementor-element.elementor-element-5c262a99 { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
  .elementor-16502 .elementor-element.elementor-element-58ce378c { animation: none; transform: none; margin-inline-start: 0; padding-inline: clamp(16px, 4vw, 64px); }
}/* End custom CSS */