/* Neutrales Anzeigenbeispiel innerhalb der bestehenden Portal-Grafik. */
.offen-anzeige { container-type: inline-size; padding: 9%; display: flex; flex-direction: column; justify-content: space-between; gap: 3%; color: #fff; background: radial-gradient(ellipse at 85% 100%, #94b9dc, transparent 65%), linear-gradient(150deg, #053b79, #1267c6); }
.offen-ad-marke { font-size: 6cqw; line-height: 1.35; opacity: .85; }
.offen-anzeige strong { font-size: 18cqw; line-height: 1.04; letter-spacing: -.045em; font-weight: 500; }
.offen-ad-frage { font-size: 7.2cqw; line-height: 1.35; }
.offen-ad-details { font-size: 5.2cqw; line-height: 1.35; opacity: .9; }
.offen-ad-button { padding: 7% 8%; border-radius: 999px; background: #fff; color: #0754a1; font-size: 6.2cqw; line-height: 1.3; font-weight: 500; }
.offen-anzeige small { font-size: 4.8cqw; line-height: 1.3; opacity: .75; }
@media (max-width: 380px) {
  .knopf--primaer { white-space: normal; text-align: center; }
  .einstieg .chip { flex-wrap: wrap; justify-content: center; gap: 6px; border-radius: 18px; }
  .spalten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .spalte { min-width: 0; padding: 5px; overflow-wrap: anywhere; }
  .spalte > div { padding: 5px; }
  .wandernd { padding: 0 5px; }
  .wandernd > div { padding: 5px; white-space: normal; overflow-wrap: anywhere; }
  .fuss-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fuss-raster > div { min-width: 0; overflow-wrap: anywhere; }
}