/* Gezeichnete Symbole (05.11.2026, Micha: „Herzen und Kreuze sind oft nicht mittig“). Schriftzeichen wie × ♡ → hängen an der
   Grundlinie der Schrift und sitzen je nach Gerät 2 bis 3 px daneben. Diese Zeichnungen liegen genau in der Mitte ihres
   24er Feldes, der Knopf setzt sie mit place-items: center. Ohne eigene Größe wachsen sie mit der Schriftgröße des Knopfs. */
.sym { display: block; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sym-voll { fill: currentColor; }

/* Der Browser gibt Knöpfen seitlich 6 px Innenabstand. In kleinen Knöpfen ist das Feld dann schmaler als das Symbol, und es
   läuft nach rechts heraus (Herz auf der Karte 3 px daneben). */
:is(.favorite-button, .dialog-close, .drawer-close, .dialog-pfeil, .dialog-save, .dialog-zoom, .card-pfeil, .grossbild-zu, .grossbild-pfeil, .foto-weg, .frist-abbrechen) { padding: 0; }

.favorite-button .sym { width: 20px; height: 20px; }
.saved-open .sym, .dialog-save .sym { width: 22px; height: 22px; }
.search-icon .sym { width: 20px; height: 20px; stroke-width: 1.6; }
.dialog-pfeil .sym, .grossbild-pfeil .sym { width: 20px; height: 20px; }
.fg-pfeil .sym { width: 30px; height: 30px; }
.heart-flight .sym { width: 22px; height: 22px; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .45)); }

@media (max-width: 680px) {
  .favorite-button .sym { width: 17px; height: 17px; }
}