/* =============================================================================
   Mini Cafe · Fassung 2 · Foto-Schriftzug mit einem Foto (fotowort-foto.css)
   Behälter bestimmt die Breite; die Höhe folgt aus dem Seitenverhältnis (--fwf-seite).
   ============================================================================= */
.fotowort-foto { display: block; width: 100%; aspect-ratio: var(--fwf-seite, 2.4); }
.fotowort-foto > svg { display: block; width: 100%; height: 100%; overflow: visible; }
.fotowort-foto .fwf-bild { transform-box: fill-box; transform-origin: 50% 50%; }
/* Grund, bevor das Foto da ist (und hinter durchsichtigen Stellen) */
.fotowort-foto .fwf-grund { fill: var(--flaeche-tief); }
/* feiner Rand: hell kaum sichtbar (Kraftpapier-Schüsseln heben sich so vom Beige ab), dunkel heller Rand gegen das Grün */
.fotowort-foto .fwf-rand text { fill: none; stroke: var(--text); stroke-width: 1; stroke-opacity: .22; stroke-linejoin: round; }
html[data-look="dunkel"] .fotowort-foto .fwf-rand text { stroke-width: 1.25; stroke-opacity: .55; }