.elementor-7 .elementor-element.elementor-element-8012322{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-f4cbf43{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-f4cbf43:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-f4cbf43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarheitsgespraech.thetawaves-hamburg.de/wp-content/uploads/Klarheitsgespraech-starry-night-with-human-silhouette-smart-75.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-6981882{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6981882:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6981882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C487F;}.elementor-7 .elementor-element.elementor-element-6981882::before, .elementor-7 .elementor-element.elementor-element-6981882 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6981882 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6981882 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6981882 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6981882 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3c826d6e );--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-51f4f88{--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:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-51f4f88:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-51f4f88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarheitsgespraech.thetawaves-hamburg.de/wp-content/uploads/screenshot-tauchen.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-7 .elementor-element.elementor-element-b3620b7{--spacer-size:100vh;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-7 .elementor-element.elementor-element-51f4f88:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-51f4f88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-f4cbf43{--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-f4cbf43:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-f4cbf43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-6981882:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6981882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://klarheitsgespraech.thetawaves-hamburg.de/wp-content/uploads/screenshot-tauchen.png");background-position:top center;background-repeat:no-repeat;background-size:822px auto;}.elementor-7 .elementor-element.elementor-element-6981882{--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;}}/* Start custom CSS *//* MOBILE Szene 1 – Wort-für-Wort + Zeilen-Schrumpfen (feintuning) */
@media (max-width: 767px) {

  .mobile-hero-sz1 .mobile-hero-text {
    position: relative;
    z-index: 2;
    width: 90%;
    margin: 0 auto;
    padding-top: 25vh;
    text-align: center;
    color: #fff;
    font-family: 'Exo', sans-serif;
    text-shadow: 0 8px 24px rgba(0,0,0,.45);
  }

  .mobile-hero-sz1 .line {
    margin-bottom: 0.4em;
    font-size: clamp(22px, 4.2vw, 32px);
    font-weight: 500;
    transform-origin: center;
  }

  /* Wörter: weicher, etwas schneller */
  .mobile-hero-sz1 .w {
    display: inline-block;
    opacity: 0;
    transform: translateY(3px);
    filter: blur(4px);
    animation-name: wordSoft;
    animation-duration: 0.7s;           /* vorher 0.9s -> etwas schneller */
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }

  /* Starke Wörter in letzter Zeile bleiben fett */
  .mobile-hero-sz1 .w.strong {
    font-weight: 700;
  }

  @keyframes wordSoft {
    0% {
      opacity: 0;
      transform: translateY(3px);
      filter: blur(4px);
    }
    60% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
  }

  /* Zeile 1 */
.mobile-hero-sz1 .line1 {
  animation: lineShrink 0.6s ease-in forwards;
  animation-delay: 3.8s;    /* vorher 3.4 */
}

/* Zeile 2 */
.mobile-hero-sz1 .line2 {
  opacity: 0;
  animation:
    lineShow   0.6s ease-out forwards 4.0s,
    lineShrink 0.6s ease-in  forwards 8.4s;  /* vorher 7.8 */
}

/* Zeile 3 */
.mobile-hero-sz1 .line3 {
  opacity: 0;
  animation:
    lineShow   0.6s ease-out forwards 8.4s,
    lineShrink 0.6s ease-in  forwards 13.0s;  /* vorher 12.2 */
}

/* Zeile 4 – bleibt präsent, keine Schrumpf-/Transparenz-Animation */
  .mobile-hero-sz1 .line4 {
    opacity: 0;
    animation: lineShow 0.6s ease-out forwards 13.0s;
  }

  @keyframes lineShow {
    0%   { opacity: 0; transform: translateY(5px) scale(1); }
    100% { opacity: 1; transform: translateY(0)  scale(1); }
  }

  @keyframes lineShrink {
    0%   { transform: translateY(0)    scale(1);    opacity: 1; }
    100% { transform: translateY(-4px) scale(0.86); opacity: 0.5; }  /* hier: 50% Sichtbarkeit */
  }
  @media (max-width: 767px) {

  .mobile-hero-sz1 .simple-arrow {
    display: inline-flex;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(6px);

    align-items: center;
    justify-content: center;

    margin: 1.6em auto 0 auto;
    text-decoration: none;
  }

  .mobile-hero-sz1 .simple-arrow .arrow-icon {
    width: 14px;
    height: 14px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: -3px;
  }
  
  @media (max-width: 767px) {

  /* Grundstil des Pfeils */
  .mobile-hero-sz1 .simple-arrow {
    display: inline-flex;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(6px);

    align-items: center;
    justify-content: center;

    margin: 2em auto 0 auto;         /* >> 2em Abstand unter dem Text << */

    text-decoration: none;

    opacity: 0;                      /* erscheint erst nach Verzögerung */
    transform: scale(0.9);           /* Start kleiner */
    animation:
      arrowFadeIn 1s ease-out forwards 16.2s,  /* erscheint nach Zeile 4 */
      arrowPulse 2.8s ease-in-out infinite 17.4s;
  }

  /* Pfeil selbst */
  .mobile-hero-sz1 .simple-arrow .arrow-icon {
    width: 14px;
    height: 14px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: -3px;
  }

  /* Einblendung */
  @keyframes arrowFadeIn {
    0%   { opacity: 0; transform: scale(0.9); }
    100% { opacity: 1; transform: scale(1); }
  }

  /* Sanftes pulsieren */
  @keyframes arrowPulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
  }
}/* End custom CSS */