.banner {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 140px;
      background: transparent;
    }

    .stage {
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      display: grid;
      place-items: center;
      padding: 10px 16px;
    }

    .line {
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      font-weight: 900;
      letter-spacing: 0.06em;
      font-size: clamp(18px, 3.2vw, 34px);
      color: #00e5ff;

      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;

      top: 50%;
      animation: drop-in-out var(--cycle) ease-in-out infinite;
    }

    @keyframes drop-in-out {
      0%   { transform: translateX(-50%) translateY(-140%); opacity: 0; }
      15%  { transform: translateX(-50%) translateY(-10%);  opacity: 1; }
      55%  { transform: translateX(-50%) translateY(0%);     opacity: 1; }
      100% { transform: translateX(-50%) translateY(140%);  opacity: 0; }
    }

    /* Kein Overlap:
       - Ein Durchlauf für Zeile 1: 12s
       - Zeile 2 startet erst danach
       -> Gesamtzyklus 24s, Zeile 2 bekommt delay = 12s */
    .line1 { --cycle: 24s; animation-delay: 0s; }
    .line2 { --cycle: 24s; animation-delay: 12s; }
    
    

  #c678  h1 { color: white; }
  #c679 h1 { color: white; }
  
  
@media(max-width:1200px) {
        #c678 h1 { color: white; font-size: 1.5rem; }
        #c689 h1 { color: white; font-size: 1.5rem; }
        #c689 {/* display: none; */height:  auto;padding-top: 1rem;padding-bottom: 1rem;}
}