/* SAF 04.11.2026 (#547) - Angebotsseite (Kategorie 79) mit zwei getrennten Bereichen Dach / Garten.
   Eigene Datei (saf_v546.css laedt nur mit SAF_V546) - Werte wie #546, alles unter .saf_v547. Quirks-Mode: box-sizing + feste Groessen. */
.saf_v547 { color: #2b3440; font-size: 15px; line-height: 1.45; padding: 0 0 30px; }
.saf_v547 *, .saf_v547 *:before, .saf_v547 *:after { box-sizing: border-box; }
.saf_v547 h1 { font-size: 26px; line-height: 1.25; color: #2b3440; margin: 0 0 6px; font-weight: bold; text-transform: none; }
/* h2 nur in eigenen Texten - NICHT die Artikelnamen der Liste (.lb_title h2), Fix 04.11. 22:05 */
.saf_v547_text h2, .saf_v547 .cat_description h2 { font-size: 19px; color: #06789a; margin: 22px 0 8px; font-weight: bold; text-transform: none; }
.saf_v547 a { color: #06789a; }
.saf_v547 a:focus-visible { outline: 3px solid #06789a; outline-offset: 2px; }
.saf_v547 .saf_v547_unter { margin: 0 0 18px; color: #5b6470; font-size: 16px; }

/* Zwei Bereiche, gleichwertig (kein "Empfohlen") */
.saf_v547_bereiche { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.saf_v547 a.saf_v547_bereich { display: flex; flex-direction: column; gap: 6px; min-height: 190px; padding: 22px 20px 18px; background: #fff;
  border: 1px solid #e1e5e9; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.06); color: #2b3440; text-decoration: none;
  transition: border-color .15s, box-shadow .15s, transform .15s; }
.saf_v547 a.saf_v547_bereich:hover, .saf_v547 a.saf_v547_bereich:focus { border-color: #06789a; box-shadow: 0 4px 14px rgba(6,120,154,.15); transform: translateY(-2px); text-decoration: none; }
.saf_v547_bereich strong { font-size: 19px; color: #2b3440; }
.saf_v547_klein { color: #5b6470; font-size: 14px; flex: 1; }
.saf_v547_ico { width: 56px; height: 56px; flex: none; border-radius: 50%; background: #e3f3f8; color: #06789a; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 4px; }
.saf_v547_garten .saf_v547_ico { background: #e8f5e9; color: #2e6b32; }
.saf_v547_los { margin-top: 8px; color: #D92957; font-weight: bold; }

/* Hinweis Preise / Vorrat */
.saf_v547 .saf_v547_hinweis { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0 0; padding: 12px 16px; background: #e3f3f8;
  border-radius: 10px; color: #2b3440; font-size: 14px; }
.saf_v547 .saf_v547_hinweis i { color: #06789a; font-size: 18px; line-height: 1.2; flex: none; }

/* Lesetext (sichtbar, ca. 70 Zeichen je Zeile) */
.saf_v547_text { max-width: 720px; margin-top: 10px; }
.saf_v547_text p { margin: 0 0 10px; }

/* Bereichsseiten */
.saf_v547 .saf_v547_zurueck { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; margin: 0 0 10px; font-size: 14px; }
.saf_v547 .saf_v547_zurueck a { text-decoration: none; font-weight: bold; }
.saf_v547 .saf_v547_zurueck a:hover { text-decoration: underline; }
.saf_v547_leer { display: flex; align-items: flex-start; gap: 14px; margin: 14px 0 0; padding: 18px; background: #fff; border: 1px solid #e1e5e9; border-radius: 10px; }
.saf_v547_leer .saf_v547_ico { width: 46px; height: 46px; font-size: 20px; margin: 0; }
.saf_v547_leer p { margin: 6px 0 0; }

@media only screen and (max-width: 600px) {
  .saf_v547 h1 { font-size: 22px; }
  .saf_v547_bereiche { grid-template-columns: 1fr; }
  .saf_v547 a.saf_v547_bereich { padding: 16px; min-height: 0; }
}