.elementor-35658 .elementor-element.elementor-element-d9888f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35658 .elementor-element.elementor-element-d9888f0::before, .elementor-35658 .elementor-element.elementor-element-d9888f0 > .elementor-background-video-container::before, .elementor-35658 .elementor-element.elementor-element-d9888f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-35658 .elementor-element.elementor-element-d9888f0 > .elementor-background-slideshow::before, .elementor-35658 .elementor-element.elementor-element-d9888f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-35658 .elementor-element.elementor-element-d9888f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-35658 .elementor-element.elementor-element-4a2a840 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35658 .elementor-element.elementor-element-1a2789a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:120px;--padding-right:120px;}.elementor-35658 .elementor-element.elementor-element-1a2789a > .elementor-shape-bottom .elementor-shape-fill, .elementor-35658 .elementor-element.elementor-element-1a2789a > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-accent );}.elementor-35658 .elementor-element.elementor-element-1a2789a > .elementor-shape-bottom svg, .elementor-35658 .elementor-element.elementor-element-1a2789a > .e-con-inner > .elementor-shape-bottom svg{height:90px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-35658 .elementor-element.elementor-element-1a2789a{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-35658 .elementor-element.elementor-element-d9888f0{--content-width:100%;}}@media(max-width:767px){.elementor-35658 .elementor-element.elementor-element-1a2789a > .elementor-shape-bottom svg, .elementor-35658 .elementor-element.elementor-element-1a2789a > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-35658 .elementor-element.elementor-element-1a2789a{--padding-top:40px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}}/* Start custom CSS for html, class: .elementor-element-e464052 *//* Widget als Overlay über den vs-wrap Container */
.elementor-35658 .elementor-element.elementor-element-e464052{
  position: absolute;
  inset: 0;
  width: 100%;
  z-index: 999999;

  pointer-events: none;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Content Block */
.vs-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;

  transform: translateY(70px);

  text-align: center;
  color: #ffffff;

  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Text */
.vs-text{
  font-size: 28px;
  line-height: 1.1;

  padding: 12px 18px;
  border-radius: 10px;

  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  border: 1px solid rgba(255,255,255,0.14);

  text-shadow: 0 4px 24px rgba(0,0,0,0.75);
}

/* Pfeile */
.vs-arrows{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;

  animation: vs-float 2.4s ease-in-out infinite;
}

.vs-arrows svg{
  width: 46px;
  height: 46px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.92;
}

/* Skip Button */
.vs-skip{
  pointer-events: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;

  padding: 10px 16px;
  border-radius: 10px;

  color: #ffffff !important;
  text-decoration: none !important;

  background: rgba(0,0,0,0.32);
  border: 1px solid rgba(255,255,255,0.22);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  opacity: 0.92;
  transition: all 0.25s ease;
}

.vs-skip:hover{
  background: rgba(0,0,0,0.5);
  border-color: rgba(255,255,255,0.45);

  transform: translateY(-2px);
  opacity: 1;
}

/* Animation */
@keyframes vs-float{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(14px); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .vs-arrows{ animation: none; }
}

/* Anchor Offset */
#after-videoscroll{
  scroll-margin-top: 30px;
}
html{
  scroll-padding-top: 30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9888f0 */.elementor-35658 .elementor-element.elementor-element-d9888f0{
  position: relative;
  isolation: isolate;
}

/* Fallback-Frame als Background */
#videoscroll_WPVideoscrollVideoTest3230fpsvbr2810mbitsKFA30200{
  background-image: url("https://www.solutio.de/wp-content/uploads/wp-videoscroll/WPVideoscrollVideoTest3230fpsvbr2810mbitsKFA30200/jpg/high/fallback.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
}

/* Canvas nur transparent – keine Layout-Änderung */
#videoscroll_WPVideoscrollVideoTest3230fpsvbr2810mbitsKFA30200 canvas{
  background: transparent !important;
}/* End custom CSS */