/* Startseite ab 25.09.2026: Logo und Name als Überschrift (Lucas, 25.09.), ein Claim, lesbarer Hof
   statt großem Textblock, damit die Einblendungen im Film (Niederfinow, Trees, Schlussbild) frei bleiben. */
/* Erster Bildschirm: Logo und Name als Überschrift, eine Zeile Claim */
.hero-film .marke{margin:0;max-width:none;font-size:inherit;text-shadow:none}
.marke-zeile{display:flex;align-items:flex-end;gap:clamp(12px,1.3vw,20px)}
.marke-fluegel{width:clamp(46px,4.4vw,72px);height:auto;flex:none}
.marke-wort{width:clamp(250px,27vw,420px);height:auto;margin-bottom:.3em}
.claim{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,1.05rem + 1vw,2.1rem);line-height:1.2;color:#f3efe8;margin:1.1rem 0 1.9rem;text-wrap:balance}
.hero-film .sub{display:none}
/* Lesbarkeit: weicher dunkler Hof unten links statt Fläche, Film bleibt frei */
.hero-film .scrim{background:
  linear-gradient(180deg,rgba(5,5,6,.5) 0%,rgba(5,5,6,0) 16%),
  radial-gradient(ellipse 62% 58% at 10% 92%,rgba(5,5,6,.78) 0%,rgba(5,5,6,.45) 42%,rgba(5,5,6,0) 74%),
  linear-gradient(0deg,rgba(5,5,6,.55) 0%,rgba(5,5,6,0) 22%)}
/* Kleines Logo oben erst nach dem Scrollen, sonst steht es doppelt auf dem Bildschirm */
.nav .nav-logo{transition:opacity .45s var(--ease)}
.nav:not(.solid) .nav-logo{opacity:0;pointer-events:none}
@media (max-width:700px){
  .marke-fluegel{width:40px}
  .marke-wort{width:min(66vw,250px)}
  .claim{font-size:1.45rem;margin:.8rem 0 1.4rem}
  .hero-film .scrim{background:linear-gradient(180deg,rgba(5,5,6,.5) 0%,rgba(5,5,6,0) 22%,rgba(5,5,6,0) 70%,#050506 100%)}
}