:root{
    --text:#2A2A2A; --blau:#5E83AE; --creme:#F9F5ED; --weiss:#fff;
    --himmel-oben:#1e3a5f; --himmel-unten:#8fb8d8;
  }
  *{box-sizing:border-box}
  /* Der Scroll-Container gibt die Laenge der Fahrt vor */
  .edqh-anflug{height:700vh;position:relative}
  .edqh-anflug__pin{position:sticky;top:0;height:100vh;overflow:hidden}
  .edqh-anflug__canvas{display:block;width:100%;height:100%}

  /* Titel im leeren Himmel, solange noch nicht gescrollt wurde. Im Stil der
     bisherigen Startseite: fett-kursiv, weiss, auf dem Blau. */
  .edqh-anflug__titel{
    position:absolute;left:0;right:0;top:16vh;padding:0 7vw;
    font-family:'Exo 2',sans-serif;font-weight:700;font-style:italic;
    font-size:clamp(2rem,6.4vw,5rem);line-height:1.08;color:#fff;
    text-shadow:0 3px 32px rgba(10,30,60,.45);
    pointer-events:none;transition:opacity .45s ease,transform .45s ease;
  }
  .edqh-anflug__titel.weg{opacity:0;transform:translateY(-14px)}
  @media(max-width:600px){
    .edqh-anflug__titel{top:12vh;padding:0 24px;text-align:center}
  }

  /* Umschalter Tag/Nacht, oben rechts — wie im Briefing.

     Der Abstand nach oben ist gemessen, nicht gesetzt: Auf der Website steht eine
     feste Kopfzeile ueber der Szene (Elementor, `sticky: top`, z-index 95). Sie
     deckte den Knopf vollstaendig ab, sobald die Szene andockte — sichtbar war er
     nur ganz oben, danach lag er dahinter. Ein fester Wert waere geraten; die
     Kopfzeile ist auf dem Handy niedriger und kann sich jederzeit aendern.
     Deshalb misst das Skript am Ende der Sektion ihre Unterkante und legt sie in
     `--edqha-kopf`. Ohne feste Kopfzeile bleibt die Variable 0. */
  .edqh-anflug__modus{
    position:absolute;top:calc(var(--edqha-kopf, 0px) + 18px);right:18px;z-index:3;
    width:44px;height:44px;border-radius:50%;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    /* Kraeftig genug, um auch vor dunklem Gelaende zu bestehen — vorher ging der
       Knopf dort optisch unter, obwohl er technisch stehenblieb. */
    background:rgba(10,20,34,.62);border:1.5px solid rgba(255,255,255,.72);
    box-shadow:0 2px 14px rgba(0,0,0,.3);
    backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;
    transition:background .25s,border-color .25s,transform .15s;
  }
  .edqh-anflug__modus:hover{background:rgba(10,20,34,.8);transform:scale(1.06)}
  .edqh-anflug__modus svg{width:21px;height:21px;color:#fff;display:block}
  /* Sonne bei Nacht, Mond bei Tag — gezeigt wird, wohin der Druck fuehrt */
  .edqh-anflug__modus .m-sonne{display:none}
  .edqh-anflug.nacht .edqh-anflug__modus .m-sonne{display:block}
  .edqh-anflug.nacht .edqh-anflug__modus .m-mond{display:none}
  @media(max-width:600px){.edqh-anflug__modus{top:calc(var(--edqha-kopf, 0px) + 12px);right:12px}}

  /* Einblendungen */
  .cap{
    position:absolute;left:0;right:0;bottom:19vh;margin:0 auto;max-width:620px;
    padding:0 24px;opacity:0;pointer-events:none;text-align:center;
    text-shadow:0 2px 24px rgba(0,0,0,.55);
  }
  .cap h2{
    font-family:'Exo 2',sans-serif;font-weight:700;color:#fff;
    font-size:clamp(1.6rem,4.2vw,2.9rem);line-height:1.12;margin:0 0 10px;
    letter-spacing:.01em;
  }
  .cap p{
    color:rgba(255,255,255,.92);font-size:clamp(.95rem,2vw,1.1rem);
    line-height:1.6;margin:0;
  }
  .cap .marke{
    display:inline-block;font-family:'Exo 2',sans-serif;font-size:.72rem;
    letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75);
    border:1px solid rgba(255,255,255,.35);border-radius:999px;
    padding:5px 14px;margin-bottom:14px;
  }

  /* Hoehenband rechts — zeigt, wo man im Anflug steht */
  .edqh-anflug__hud{
    position:absolute;right:20px;top:50%;transform:translateY(-50%);
    display:flex;flex-direction:column;align-items:flex-end;gap:10px;
    font-family:'Exo 2',sans-serif;opacity:0;transition:opacity .4s;
  }
  .edqh-anflug__hud.an{opacity:1}
  .edqh-anflug__hud .wert{
    color:#fff;font-size:.78rem;letter-spacing:.14em;
    text-shadow:0 1px 10px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;
  }
  .edqh-anflug__hud .bahn{width:2px;height:180px;background:rgba(255,255,255,.3);position:relative;border-radius:2px}
  .edqh-anflug__hud .zeiger{
    position:absolute;right:-4px;width:10px;height:10px;border-radius:50%;
    background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9);transform:translateY(-50%);
  }

  /* Hinweis zum Scrollen, verschwindet nach dem Start */
  .edqh-anflug__anstoss{
    position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
    color:rgba(255,255,255,.85);font-family:'Exo 2',sans-serif;font-size:.78rem;
    letter-spacing:.2em;text-transform:uppercase;transition:opacity .4s;
    text-shadow:0 1px 12px rgba(0,0,0,.6);
  }
  .edqh-anflug__anstoss::after{content:'';display:block;width:1px;height:26px;margin:10px auto 0;
    background:linear-gradient(rgba(255,255,255,.8),transparent)}

  /* Was nach dem Anflug kommt — nur angedeutet */
  /* Bei flachen Fenstern wird es zwischen Titel, Einblendung und Hinweis eng.
     Dann faellt der Scroll-Hinweis weg — er ist das Entbehrlichste von dreien. */
  @media(max-height:640px){
    .edqh-anflug__anstoss{display:none}
    .edqh-anflug__titel{top:10vh}
  }
  /* Auf schmalen Fenstern liefe der Text unter das Hoehenband — dann faellt es weg */
  @media(max-width:880px){
    .edqh-anflug__hud{display:none}
    .cap{bottom:16vh}
  }
  @media(prefers-reduced-motion:reduce){.edqh-anflug{height:120vh}}

/* --- nur in der Plugin-Fassung --- */
/* Der Seitenbaukasten gibt seinem Inhaltsbereich oben einen Abstand mit. Ueber der
   Szene erzeugt der einen sichtbaren Streifen zwischen Kopfzeile und Himmel. Er wird
   deshalb genau dort neutralisiert, wo die Szene das erste Element ist — zwei Ebenen
   weit, weil der Baukasten je nach Aufbau eine Huelle mehr setzt. Greift die Regel
   nicht, bleibt nur der Streifen: kein Schaden, nur unschoen. */
.elementor-element:has(> .elementor-widget-container > .edqh-anflug),
.elementor-element:has(> .elementor-element > .elementor-widget-container > .edqh-anflug){
  padding-top:0;
}
.edqh-anflug{
  --edqha-breit:calc(100vw - var(--edqha-sb, 0px));
  width:var(--edqha-breit);max-width:var(--edqha-breit);position:relative;padding:0;
  margin-left:calc(50% - var(--edqha-breit) / 2);
  margin-right:calc(50% - var(--edqha-breit) / 2);
}