.elementor-14411 .elementor-element.elementor-element-5012bce{--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;}.elementor-14411 .elementor-element.elementor-element-5012bce:not(.elementor-motion-effects-element-type-background), .elementor-14411 .elementor-element.elementor-element-5012bce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#888484;}.elementor-14411 .elementor-element.elementor-element-d945d4f{--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;}.elementor-14411 .elementor-element.elementor-element-d945d4f:not(.elementor-motion-effects-element-type-background), .elementor-14411 .elementor-element.elementor-element-d945d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C2C2C2;}.elementor-14411 .elementor-element.elementor-element-5548e26{--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;}.elementor-14411 .elementor-element.elementor-element-5548e26:not(.elementor-motion-effects-element-type-background), .elementor-14411 .elementor-element.elementor-element-5548e26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#919191;}@media(max-width:767px){.elementor-14411 .elementor-element.elementor-element-5012bce{--min-height:100dvh;}.elementor-14411 .elementor-element.elementor-element-d945d4f{--min-height:100dvh;}.elementor-14411 .elementor-element.elementor-element-5548e26{--min-height:100dvh;}}/* Start custom CSS *//* ===== STORY SWIPE – nur FRONTEND (Page 14411) ===== */

/* 1) Im Elementor Editor NICHT anwenden, damit nichts verschwindet */
body.elementor-editor-active .nh-snap{
  position: static !important;
  height: auto !important;
  overflow: visible !important;
}
body.elementor-editor-active{
  overflow: visible !important;
}

/* 2) Nur im Frontend: echtes Insta-Story Verhalten */
body.page-id-14411:not(.elementor-editor-active){
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important; /* Body darf nicht scrollen */
  height: 100dvh;
}

body.page-id-14411:not(.elementor-editor-active) .nh-snap{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;

  overflow-y: scroll;
  overflow-x: hidden;

  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;

  box-sizing: border-box;
}

body.page-id-14411:not(.elementor-editor-active) .nh-snap > .e-con{
  min-height: 100dvh;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  box-sizing: border-box;
}

/* 3) Adminbar-Fix falls du eingeloggt testest */
body.page-id-14411.admin-bar:not(.elementor-editor-active) .nh-snap{
  top: 46px;
  height: calc(100dvh - 46px);
}
@media (min-width: 783px){
  body.page-id-14411.admin-bar:not(.elementor-editor-active) .nh-snap{
    top: 32px;
    height: calc(100dvh - 32px);
  }
}/* End custom CSS */