/* Mini Cafe · Fassung 2 · Schriftzug wie Haven (buchstaben.css) – jeder Buchstabe ein anderes Foto.
   Schrift Anton: SIL Open Font License 1.1 (gemeinsam/schriften/anton-OFL.txt), nur die nötigen Zeichen. */
@font-face {
  font-family: "MC Anton";
  src: url("../gemeinsam/schriften/anton-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: block;
}
/* Platz vorab reservieren (kein Springen beim Laden): Handy zwei Zeilen, ab 700 px eine Zeile */
.buchstaben { width: 100%; aspect-ratio: var(--bst-seite, 1.78); }
.buchstaben[data-schrift="anton"]:not(.ist-gebaut) { --bst-seite: 1.78; }
@container (min-width: 700px) { .buchstaben[data-schrift="anton"]:not(.ist-gebaut) { --bst-seite: 3.95; } }
.buchstaben svg { display: block; width: 100%; height: auto; overflow: visible; }
.buchstaben text { font-kerning: none; }
/* feiner Rand hinter den Fotos: helle Fotos (weißer Teller) bleiben auf Beige als Buchstabe erkennbar */
.bst-rand text { fill: none; stroke: #2b1c08; stroke-width: 2.5; stroke-opacity: .32; stroke-linejoin: round; }
html[data-look="dunkel"] .bst-rand text { stroke: #f7f2ea; stroke-width: 2.5; stroke-opacity: .55; }