/* Spezifische Reparatur ausschliesslich fuer meine Angebote. Alle sechs Karten haben ein gemeinsames Raster. */
.offers-page .offer-details{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,24px);align-items:stretch;grid-auto-rows:1fr;
}
.offers-page .offer-details > .offer-detail{
 min-width:0;height:100%;box-sizing:border-box;display:flex;flex-direction:column;
}
/* Ein einheitlicher 4:5 Bildbereich (auch bei JS-unabhaengigen Karten). */
.offers-page .offer-detail .offer-detail-image-frame,
.offers-page .offer-detail .angebot-image-frame,
.offers-page .offer-detail .gruppen-image-frame{
 box-sizing:border-box;display:block;width:100%;height:auto;aspect-ratio:4/5;
 min-width:0;overflow:hidden;flex:none;margin:0 0 24px;
 border-radius:11px;border:1px solid #d4ddcd;background:#e6ebe0;
}
.offers-page .offer-detail .offer-detail-image,
.offers-page .offer-detail .angebot-card-image,
.offers-page .offer-detail .gruppen-image{
 display:block;width:100%;height:100%!important;max-width:100%;aspect-ratio:4/5!important;
 margin:0!important;border-radius:0!important;object-fit:cover!important;
 object-position:center!important;transform:none!important;
}
/* Das 4:5-Gruppenbild zeigt alle Koepfe bereits im Originalformat. */
.offers-page .offer-detail .gruppen-image{object-fit:contain!important;}
/* Portrait-Grafik wie auf der Startseite, mit MegaDog-Rahmen. */
.offers-page .angebote-termine-copy .termine-copy-image-frame{
 border:2px solid #879f82;box-shadow:0 0 0 3px #f8f6ee,0 0 0 4px rgba(102,130,97,.38);
 background:#eef2e8;
}
.offers-page .angebote-termine-copy .angebot-card-image{object-fit:contain!important;}
.offers-page .offer-detail .eyebrow{min-height:2.7em;}
.offers-page .offer-detail h2{min-height:2.1em;}
.offers-page .offer-detail .detail-price{min-height:2.4em;}
.offers-page .offer-detail .offer-details-trigger,
.offers-page .offer-detail > .btn{align-self:stretch;width:100%;box-sizing:border-box;justify-content:center;margin-top:auto;}
.offers-page .angebote-termine-copy .btn{flex:none;}
@media(max-width:700px){
 .offers-page .offer-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .offers-page .offer-detail{padding:14px 12px!important;overflow:hidden;}
 .offers-page .offer-detail .offer-detail-image-frame,
 .offers-page .offer-detail .angebot-image-frame,
 .offers-page .offer-detail .gruppen-image-frame{
   width:100%!important;aspect-ratio:4/5!important;height:auto!important;
   margin:0 0 14px!important;border-radius:10px!important;
 }
 .offers-page .offer-detail .offer-detail-image,
 .offers-page .offer-detail .angebot-card-image,
 .offers-page .offer-detail .gruppen-image{
   width:100%;height:100%!important;aspect-ratio:4/5!important;object-position:center!important;
 }
 .offers-page .offer-detail h2{font-size:clamp(17px,5.4vw,22px);line-height:1.12;min-height:2.25em;}
 .offers-page .offer-detail .eyebrow{font-size:clamp(7px,1.8vw,9px);line-height:1.35;min-height:2.7em;}
 .offers-page .offer-detail .detail-price{font-size:clamp(15px,4.5vw,18px);min-height:2.4em;line-height:1.18;}
 .offers-page .offer-detail .offer-details-trigger,
 .offers-page .offer-detail > .btn{min-height:44px;white-space:normal;padding:10px 6px;line-height:1.2;}
}
@media(max-width:340px){
 .offers-page .offer-details{gap:9px;}
 .offers-page .offer-detail{padding:10px 9px!important;}
}