/* assets/css/app-store.css — das offizielle "Laden im App Store"-Badge
   (Markup: _includes/app_store.php).

   Apples Vorgaben (App Store Marketing Guidelines), hier in CSS gegossen:
   - mindestens 40 px hoch am Bildschirm      -> 44 px
   - Freiraum ein Viertel der Badge-Hoehe     -> 11 px Polster rundum
     (rechts und unten/oben als Padding des Links, links uebernimmt die
     umgebende Zeile; die Nachbarn halten ueber ihr gap >= 12 px Abstand)
   - nicht veraendern, nicht einfaerben, nicht animieren -> keine Filter,
     kein Hover-Effekt, kein Rahmen; der Fokusring liegt AUSSERHALB
   Das Bild selbst bleibt das unveraenderte SVG von Apple. */

.appstore-badge {
  display: inline-block;
  line-height: 0;
  flex: none;
  padding: 11px 11px 11px 0;
  text-decoration: none;
}
.appstore-badge img {
  display: block;
  height: 44px;
  width: auto;
}
.appstore-badge:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
  border-radius: 10px;
}

/* Apples Namensnennung in der Fusszeile: eigene, volle Zeile. */
.footer-apple { flex-basis: 100%; }