/* ==================================================
   Produktkarten: Preiszeile bündig (ergänzt am 25.09.2026)
   Karten der Angebotsübersicht /angebote und des Startseiten-Blocks „Aktuelle Angebote“,
   Markup: appmodule/Produkte/resources/views/partials/karte.blade.php und teaser-karte.blade.php.
   Trennstrich, Energielabel-Zeile und Preiszeile sitzen unten in der Karte. So stehen Preise und
   Reservieren-Buttons einer Reihe auf gleicher Höhe, egal wie lang Titel und Unterzeile sind und
   ob eine Karte ein Energielabel hat. Die Reihenfolge Trennstrich → Label → Preis bleibt.
   ================================================== */

/* Karte als Spalte; der Textbereich füllt die Höhe, die die Reihe vorgibt (.flx-strtch am Raster). */
.produktkarte{display:flex;flex-direction:column;}
.produktkarte > .s-area{flex:1 1 auto;display:flex;flex-direction:column;}

/* Der freie Platz landet über dem Trennstrich. margin-top:auto ersetzt die 20 px von .mt20,
   den Mindestabstand von 20 px hält der Absatz darüber (p: margin-bottom 20px). */
.produktkarte > .s-area > hr{margin-top:auto!important;}

/* Leerzeile statt Neupreis (nur karte.blade.php): Preis und Button stehen auch neben Karten mit
   Neupreis auf gleicher Höhe. Bis 991 px Breite stehen die Karten untereinander, dort blendet
   .m-hide die Zeile aus. */
.produktkarte-leerzeile{visibility:hidden;}