/* Starttag-Fassung der Startseite (ADR-0268): nur die Teile, die start.css nicht kennt. Wird nur von
   build.py --starttag als /start-app.css ausgeliefert; die Wartelisten-Startseite bleibt bytegleich. */
.store-text{font-size:.9375rem;line-height:1.55;color:var(--ink-2);margin-bottom:14px}
.store-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* Apple-Badge: mindestens 40 px hoch, Freiraum rundum mindestens ein Viertel der Höhe (Apple-Marketingrichtlinien). */
.store-badge{display:inline-block;padding:12px;margin:-12px;line-height:0;border-radius:12px}
.store-badge img{display:block;width:auto;height:48px}
.store-knopf{min-width:min(100%,260px)}
.store-hinweis{margin-top:12px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
.store-hinweis a{color:var(--blau);font-weight:600;text-underline-offset:3px}
.schluss-aktionen .store-badge{margin:-12px 0 -12px -12px}
.site-footer .marken-hinweis{margin-top:10px;font-size:.75rem}
/* Nachzug 06.11.2026 (ADR-0279), nach cortexone.at: App-Icon in Kopfzeile und Schlussaufruf, haftende Leiste am
   Handy. Die Leiste beginnt verborgen (aria-hidden, Link tabindex -1, zusätzlich visibility:hidden gegen
   Hilfstechnik, die aria-hidden übergeht); start-app.js zeigt sie, sobald der Knopf der App-Store-Karte nach oben
   weggescrollt ist, und blendet sie über Schlussaufruf und Fuß aus. Ohne JavaScript bleibt sie verborgen; die
   Seite trägt ihre Knöpfe ohnehin. Unten statt oben: Safari zeigt das Smart App Banner oben. */
.marke-app{gap:9px}
.marke .app-icon{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px var(--line)}
.marke .schriftzug{width:auto;height:18px}
.schluss-icon{display:block;width:72px;height:72px;margin-bottom:18px;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 18px 34px -14px rgba(4,10,30,.7)}
.app-leiste{display:none}
@media (max-width:767px){
  .app-leiste{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
  .app-leiste.ist-sichtbar{transform:none;visibility:visible;transition:transform .3s ease}
  .app-leiste-hinweis{font-size:.8125rem;line-height:1.35;color:var(--muted)}
  /* Badge 40 px hoch: rundum mindestens 10 px (¼) Freiraum – 12 px Innenabstand der Leiste, 14 px zum Hinweis. */
  .app-leiste .store-badge{flex:none}
  .app-leiste .store-badge img{height:40px}
  /* Rückfall ohne Badge: Textknopf über die volle Breite, Hinweis darunter. */
  .app-leiste-text{flex-direction:column-reverse;align-items:stretch;gap:6px;padding-top:10px;text-align:center}
  .app-leiste-text .app-leiste-hinweis{font-size:.75rem}
  .app-leiste .store-knopf{width:100%;min-height:48px;padding:12px 18px}
}
@media (min-width:768px){
  .marke .app-icon{width:36px;height:36px;border-radius:9px}
  .marke .schriftzug{height:20px}
}
@media (prefers-reduced-motion:reduce){.app-leiste,.app-leiste.ist-sichtbar{transition:none}}