.elementor-74 .elementor-element.elementor-element-ddc3715{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-ddc3715:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-ddc3715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7409c2a );}.elementor-74 .elementor-element.elementor-element-a2af27c{z-index:0;}.elementor-74 .elementor-element.elementor-element-ece5773{z-index:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-490a177{left:0px;}body.rtl .elementor-74 .elementor-element.elementor-element-490a177{right:0px;}.elementor-74 .elementor-element.elementor-element-490a177{top:-1px;z-index:99;text-align:center;}.elementor-74 .elementor-element.elementor-element-490a177 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:155px;font-weight:bold;}.elementor-74 .elementor-element.elementor-element-59aa092{--display:flex;--min-height:900px;--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;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-59aa092:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-59aa092 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7409c2a );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-92d0815{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-74 .elementor-element.elementor-element-92d0815 .elementor-divider-separator{width:100%;}.elementor-74 .elementor-element.elementor-element-92d0815 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-74 .elementor-element.elementor-element-b182a57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-c30a413{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-0b596c6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-06b8adf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-0317c3f{--display:flex;}.elementor-74 .elementor-element.elementor-element-22d66ed{--display:flex;}.elementor-74 .elementor-element.elementor-element-22f9226{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:883px;}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-22f9226{left:0px;}body.rtl .elementor-74 .elementor-element.elementor-element-22f9226{right:0px;}.elementor-74 .elementor-element.elementor-element-22f9226 .elementor-divider-separator{width:100%;}.elementor-74 .elementor-element.elementor-element-22f9226 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-74 .elementor-element.elementor-element-8dc8cb8{--display:flex;--min-height:900px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-8dc8cb8:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-8dc8cb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://standundstein.de/wp-content/uploads/2026/01/1-Messebautest0167.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-7e222ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-7e222ef:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-7e222ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7409c2a );}.elementor-74 .elementor-element.elementor-element-c07fbfd{--display:flex;}.elementor-74 .elementor-element.elementor-element-fdb47b4{--display:flex;}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-c30a413{--width:50%;}.elementor-74 .elementor-element.elementor-element-0b596c6{--width:50%;}.elementor-74 .elementor-element.elementor-element-0317c3f{--width:50%;}.elementor-74 .elementor-element.elementor-element-22d66ed{--width:50%;}.elementor-74 .elementor-element.elementor-element-c07fbfd{--width:20%;}.elementor-74 .elementor-element.elementor-element-fdb47b4{--width:80%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-74 .elementor-element.elementor-element-490a177 .elementor-heading-title{font-size:75px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-74 .elementor-element.elementor-element-22f9226{top:1345px;}}/* Start custom CSS for html, class: .elementor-element-ece5773 *//* =========================================================
   SAFE VERSION: only hides letters when JS is ready
   ========================================================= */

/* Layout */
.sticky-holder{ position: relative; }
.sticky-holder .bg-canvas__wrapper{ position: relative; z-index: 1; }

.sticky-holder .heading__wrapper{
  position: absolute;
  inset: 0;
  z-index: 10;

  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;

  /* default: visible if JS fails */
  --p: 1;
}

/* Title move (only when JS ready) */
.scrollseq-ready .sticky-holder .heading__wrapper{
  --p: 0;
  transform: translateY(
    calc(
      (1 - clamp(0, calc(var(--p) / 0.33), 1)) * 80px
      +
      (clamp(0, calc((var(--p) - 0.66) / 0.34), 1) * -80px)
    )
  );
  opacity: clamp(0, calc(var(--p) * 3), 1);
  will-change: transform, opacity;
}

/* Letters: base state ONLY when JS ready */
.scrollseq-ready .sticky-holder .heading__wrapper .scroll-split span{
  display: inline-block;
  will-change: transform, opacity;
  --i: 0;

  opacity: 0 !important;
  transform: translateY(14px) !important;
}

/* Letter stagger driven by --p ONLY when JS ready */
.scrollseq-ready .sticky-holder .heading__wrapper .scroll-split span{
/* Offset für Buchstaben-Start */
opacity: clamp(0, calc(( (var(--p) - 0.50) - (var(--i) * 0.02)) * 10), 1) !important;

transform: translateY(
  calc((1 - clamp(0, calc(( (var(--p) - 0.50) - (var(--i) * 0.02)) * 10), 1)) * 14px)
) !important;

}

.scrollseq-ready .sticky-holder .heading__wrapper .scroll-split span.is-space{
  width: 0.35em;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-490a177 *//* ======  SETUP: Parent is your Scroll/Canvas Section  ====== */
.sticky-holder{
  position: relative;
  min-height: 100vh;

  /* CLIP: damit nix außerhalb sichtbar ist */
  overflow: hidden !important;

  /* Backup-Clip (falls Elementor/Browser overflow weird ist) */
  clip-path: inset(0);
}

/* Canvas stays below */
.sticky-holder .bg-canvas__wrapper{
  position: relative;
  z-index: 1;
}

/* Title overlay on top of canvas */
.sticky-holder .heading__wrapper{
  position: absolute;
  inset: 0;
  z-index: 10;

  display: flex;
  flex-direction: column;
  justify-content: center;

  pointer-events: none;

  /* scroll progress 0..1 comes from JS */
  --p: 0;

  /* ======  TITLE MOVE: in -> hold -> out  ======
     0.00 - 0.30 : move from +80px to 0
     0.30 - 0.65 : hold at 0
     0.65 - 1.00 : move from 0 to -80px
  */
  transform: translateY(
    calc(
      (1 - clamp(0, calc(var(--p) / 0.30), 1)) * 80px
      +
      (clamp(0, calc((var(--p) - 0.65) / 0.35), 1) * -80px)
    )
  );

  /* ======  OPACITY: fade in -> hold -> fade out  ======
     0.00 - 0.18 : fade in
     0.18 - 0.70 : hold
     0.70 - 0.92 : fade out
  */
  opacity: calc(
    clamp(0, calc(var(--p) / 0.18), 1)
    *
    (1 - clamp(0, calc((var(--p) - 0.70) / 0.22), 1))
  );

  will-change: transform, opacity;
}

/* ======  LETTERS: base  ====== */
.sticky-holder .heading__wrapper .scroll-split span{
  display: inline-block;
  will-change: transform, opacity;

  --i: 0;

  opacity: 0 !important;
  transform: translateY(14px) !important;
}

/* ======  LETTER STAGGER driven by --p  ====== */
.sticky-holder .heading__wrapper .scroll-split span{
  opacity: clamp(0, calc((var(--p) - (var(--i) * 0.02)) * 10), 1) !important;

  transform: translateY(
    calc(
      (1 - clamp(0, calc((var(--p) - (var(--i) * 0.02)) * 10), 1)) * 14px
    )
  ) !important;
}

/* Keep spaces readable */
.sticky-holder .heading__wrapper .scroll-split span.is-space{
  width: 0.35em;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-92d0815 *//* ✅ Support-Bloom: groß, breit, weich */
.gold-divider .elementor-divider-separator .gold-hotspot::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);

  width: 400px;              /* großer Bloom */
  height: 50px;
  border-radius: 50%;

  background: radial-gradient(circle at 50% 50%,
    rgba(255, 205, 110, 0.48) 0%,
    rgba(255, 170, 60, 0.36) 28%,
    rgba(255, 140, 35, 0.08) 52%,
    rgba(0,0,0,0) 78%
  );

  filter: blur(8px);
  opacity: 0.9;
  pointer-events:none;
}

/* ✨ Sternleuchten (Kreuz + optional diagonale) */
.gold-divider .elementor-divider-separator .gold-hotspot::after{
    content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  pointer-events:none;

  /* viel kleiner als vorher, damit es nicht wie ein Icon wirkt */
  width: 140px;
  height: 140px;

  /* Wir malen Strahlen als sehr dünne Linien in der Mitte:
     - horizontal: 2px hoch
     - vertikal:   2px breit
     Das “Licht” kommt durch blur + screen.
  */
  background:

    /* horizonaler Strahl (dünn, lang) */
    linear-gradient(0deg,
      rgba(0,0,0,0) 0%,
      rgba(255,220,150,0.00) 40%,
      rgba(255,255,255,0.75) 50%,
      rgba(255,220,150,0.00) 60%,
      rgba(0,0,0,0) 100%
    ),
    /* optional: sehr subtile diagonale (viel schwächer) */
    linear-gradient(45deg,
      rgba(0,0,0,0) 0%,
      rgba(255,255,255,0.00) 46%,
      rgba(255,255,255,0.22) 50%,
      rgba(255,255,255,0.00) 54%,
      rgba(0,0,0,0) 100%
    ),
    linear-gradient(-45deg,
      rgba(0,0,0,0) 0%,
      rgba(255,255,255,0.00) 46%,
      rgba(255,255,255,0.22) 50%,
      rgba(255,255,255,0.00) 54%,
      rgba(0,0,0,0) 100%
    );

  /* Trick: wir “schneiden” die Strahlen schmal, sonst werden es Balken */
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 22%,
      rgba(0,0,0,0) 70%
    );
  mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 22%,
      rgba(0,0,0,0) 70%
    );

  filter: blur(1.6px);
  opacity: 0.95;
  mix-blend-mode: screen;
}

/* === Der echte Hotspot als eigenes Element (wird per JS eingefügt) === */
.gold-divider .elementor-divider-separator .gold-hotspot{
  position:absolute;
  top:50%;
  transform: translate(-50%, -50%);

  /* HOTSPOT: kompakt halten */
  width: 60px;              /* Kern-Größe */
  height: 20px;
  border-radius: 50%;

  pointer-events:none;
  mix-blend-mode: screen;
  opacity: 1;

  background: radial-gradient(circle at 50% 50%,
    rgba(255,255,255,1.0) 0%,
    rgba(255,245,220,1.0) 18%,
    rgba(255,210,120,0.85) 34%,
    rgba(255,160,60,0.28) 55%,
    rgba(0,0,0,0) 75%
  );
  filter: blur(0.8px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-22f9226 *//* ✅ Support-Bloom: groß, breit, weich */
.gold-divider .elementor-divider-separator .gold-hotspot::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);

  width: 400px;              /* großer Bloom */
  height: 50px;
  border-radius: 50%;

  background: radial-gradient(circle at 50% 50%,
    rgba(255, 205, 110, 0.48) 0%,
    rgba(255, 170, 60, 0.36) 28%,
    rgba(255, 140, 35, 0.08) 52%,
    rgba(0,0,0,0) 78%
  );

  filter: blur(8px);
  opacity: 0.9;
  pointer-events:none;
}

/* ✨ Sternleuchten (Kreuz + optional diagonale) */
.gold-divider .elementor-divider-separator .gold-hotspot::after{
    content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  pointer-events:none;

  /* viel kleiner als vorher, damit es nicht wie ein Icon wirkt */
  width: 140px;
  height: 140px;

  /* Wir malen Strahlen als sehr dünne Linien in der Mitte:
     - horizontal: 2px hoch
     - vertikal:   2px breit
     Das “Licht” kommt durch blur + screen.
  */
  background:

    /* horizonaler Strahl (dünn, lang) */
    linear-gradient(0deg,
      rgba(0,0,0,0) 0%,
      rgba(255,220,150,0.00) 40%,
      rgba(255,255,255,0.75) 50%,
      rgba(255,220,150,0.00) 60%,
      rgba(0,0,0,0) 100%
    ),
    /* optional: sehr subtile diagonale (viel schwächer) */
    linear-gradient(45deg,
      rgba(0,0,0,0) 0%,
      rgba(255,255,255,0.00) 46%,
      rgba(255,255,255,0.22) 50%,
      rgba(255,255,255,0.00) 54%,
      rgba(0,0,0,0) 100%
    ),
    linear-gradient(-45deg,
      rgba(0,0,0,0) 0%,
      rgba(255,255,255,0.00) 46%,
      rgba(255,255,255,0.22) 50%,
      rgba(255,255,255,0.00) 54%,
      rgba(0,0,0,0) 100%
    );

  /* Trick: wir “schneiden” die Strahlen schmal, sonst werden es Balken */
  -webkit-mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 22%,
      rgba(0,0,0,0) 70%
    );
  mask:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 22%,
      rgba(0,0,0,0) 70%
    );

  filter: blur(1.6px);
  opacity: 0.95;
  mix-blend-mode: screen;
}

/* === Der echte Hotspot als eigenes Element (wird per JS eingefügt) === */
.gold-divider .elementor-divider-separator .gold-hotspot{
  position:absolute;
  top:50%;
  transform: translate(-50%, -50%);

  /* HOTSPOT: kompakt halten */
  width: 60px;              /* Kern-Größe */
  height: 20px;
  border-radius: 50%;

  pointer-events:none;
  mix-blend-mode: screen;
  opacity: 1;

  background: radial-gradient(circle at 50% 50%,
    rgba(255,255,255,1.0) 0%,
    rgba(255,245,220,1.0) 18%,
    rgba(255,210,120,0.85) 34%,
    rgba(255,160,60,0.28) 55%,
    rgba(0,0,0,0) 75%
  );
  filter: blur(0.8px);
}/* End custom CSS */