/* COM-7 Ergänzungen zu styles.css: Costa-Estates-Link und Angebote. */
html:not(.js) .rv{opacity:1;translate:none}
.angebot-ort{white-space:nowrap}
.fakt-angebot{margin:1.2rem 0}
.angebot-link{align-self:flex-start;margin-top:1.2rem;font-size:.9rem}
/* Gedrehte Polaroid-Raender nicht als horizontalen Scrollbereich behandeln. */
html,body{overflow-x:clip}

/* Costa-Estates-Karte: Link zu den Apartments, Hover per Invertierung */
.feld .feld-link{align-self:flex-start;margin-top:auto;padding:.15em .2em;font-weight:700;color:var(--terra);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;transition:background .3s,color .3s}
.feld .feld-link:hover,.feld .feld-link:focus-visible{background:var(--terra);color:#fff;text-decoration:none}
.feld .feld-link:focus-visible{outline:3px solid var(--terra);outline-offset:3px}

/* Angebote: Sand-Karten mit Terracotta-Kante, ohne Objektfotos */
.angebote{padding-top:1rem;padding-bottom:6.5rem;scroll-margin-top:var(--kopf-h)}
.angebot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-top:2.4rem;align-items:stretch}
.angebot-karte{display:flex;flex-direction:column;background:var(--sand);border-top:6px solid var(--terra);border-radius:2px;padding:2rem 1.7rem 1.8rem}
.angebot-karte h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2;margin-bottom:1.2rem}
.angebot-daten{display:flex;flex-direction:column;flex:1;gap:1.1rem}
.angebot-daten dt{font-size:.72rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--tinte);line-height:1.2;margin-bottom:.35rem}
.angebot-daten dd{margin:0}
.angebot-preis{margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--sand2)}
.angebot-preis dd{font-weight:700;font-size:1.12rem;color:var(--terra)}
.angebot-cta{margin-top:2.4rem}
@media(max-width:760px){.angebot-grid{grid-template-columns:1fr;gap:2rem}.angebot-karte{padding:1.7rem 1.4rem 1.5rem}}