/* Ratschlag Bausteine – Gestaltung der Block-Muster (inc/bausteine.php, Beschreibung: BAUSTEINE.md).
   Gilt nur für Klassen mit Präfix re- und is-style-re-; am Bestand ändert sich nichts. Frontend: .et_pb_post_content, Editor: .editor-styles-wrapper (:is(.et_pb_post_content,.editor-styles-wrapper)).
   --rb = Markenfarbe der Site, bei Bedarf abgedunkelt (Text mindestens 4,5:1 auf --rb-tint); PHP setzt die Werte unter diese Rückfallwerte. */
:root{
--rb:#1F6B0E;--rb-tint:#F4F6F1;--rb-line:#D8DDD2;--rb-no:#9A3412;--rb-2:#8A4B00;
--rb-i-haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 17.2 4 11.7l2-2 3.5 3.5L18 4.7l2 2z'/%3E%3C/svg%3E");
--rb-i-kreuz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4l6 6 6-6 2 2-6 6 6 6-2 2-6-6-6 6-2-2 6-6-6-6z'/%3E%3C/svg%3E");
--rb-i-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm0 4.8a1.7 1.7 0 1 1 0 3.4 1.7 1.7 0 0 1 0-3.4zM10.6 10.5h2.8V19h-2.8z'/%3E%3C/svg%3E");
--rb-i-warn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1.2 23.6 21.5H.4zM10.7 8.8h2.6v6h-2.6zM12 16.4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E");
--rb-i-wichtig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zM10.7 5h2.6v9.2h-2.6zM12 15.9a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z'/%3E%3C/svg%3E");
--rb-i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v7h7v6h-7v7H9v-7H2V9h7z'/%3E%3C/svg%3E");
}

/* ---- Listen-Stile (core/list) ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) :is(ul.is-style-re-quadrate,ul.is-style-re-haken,ul.is-style-re-kreuz,ol.is-style-re-num){margin:0 0 24px;padding:0 0 0 34px;list-style-position:outside}
:is(.et_pb_post_content,.editor-styles-wrapper) :is(.is-style-re-quadrate,.is-style-re-haken,.is-style-re-kreuz,.is-style-re-num,.re-schritte)>li::marker{color:transparent}
:is(.et_pb_post_content,.editor-styles-wrapper) :is(.is-style-re-quadrate,.is-style-re-haken,.is-style-re-kreuz,.is-style-re-num)>li{position:relative;margin-bottom:10px}
:is(.et_pb_post_content,.editor-styles-wrapper) :is(.is-style-re-quadrate,.is-style-re-haken,.is-style-re-kreuz)>li::before{content:"";position:absolute;left:-30px;top:.5em;top:calc((1lh - 20px) / 2);width:20px;height:20px;background:var(--rb);-webkit-mask:var(--rb-i-haken) center/contain no-repeat;mask:var(--rb-i-haken) center/contain no-repeat}
:is(.et_pb_post_content,.editor-styles-wrapper) .is-style-re-kreuz>li::before{-webkit-mask-image:var(--rb-i-kreuz);mask-image:var(--rb-i-kreuz);width:16px;height:16px;left:-28px;top:calc((1lh - 16px) / 2)}
:is(.et_pb_post_content,.editor-styles-wrapper) .is-style-re-quadrate>li::before{-webkit-mask:none;mask:none;width:9px;height:9px;left:-26px;top:.7em;top:calc((1lh - 9px) / 2);border-radius:2px}
:is(.et_pb_post_content,.editor-styles-wrapper) :is(.is-style-re-num,.re-schritte)>li::before{content:counter(list-item);content:counter(list-item) / "";position:absolute;display:grid;place-items:center;background:var(--rb);color:#fff;font:700 15px/1 var(--re-sans,Arimo,Helvetica,Arial,sans-serif)}
:is(.et_pb_post_content,.editor-styles-wrapper) .is-style-re-num>li::before{left:-34px;top:2px;top:calc((1lh - 26px) / 2);width:26px;height:26px;border-radius:4px}

/* ---- Schritt für Schritt ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte{list-style-position:outside;display:grid;gap:12px;margin:30px 0;padding:0;font-size:16.5px}
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte>li{position:relative;margin:0;padding:16px 20px 16px 76px;min-height:72px;background:#fff;border:1px solid var(--rb-line);border-radius:6px;line-height:1.6}
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte>li::before{left:16px;top:16px;width:42px;height:42px;border-radius:6px;font-size:21px;font-family:var(--re-serif,Tinos,Times,serif)}
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte strong{display:block;margin-bottom:2px;font-size:18px;line-height:1.4;color:var(--re-ink,#2E3A2A)}

/* ---- Karte: gemeinsamer Aufbau (Auf einen Blick, Hinweise, Checkliste, Quellen, Sonderbausteine) ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box{box-sizing:border-box;clear:both;margin:32px 0;padding:20px 24px;background:var(--rb-tint);border:1px solid var(--rb-line);border-radius:6px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box p{margin:0 0 10px;font-size:16px;line-height:1.65;color:var(--re-text,#3B3F3A)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box p.re-box__titel{margin:0 0 12px;font:700 13px/1.3 var(--re-sans,Arimo,Helvetica,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box p.re-box__fuss{margin:12px 0 0;font-size:14px;line-height:1.5}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box :is(ul,ol){margin:0}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box li{margin-bottom:8px;line-height:1.6}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box :is(li,p):last-child{margin-bottom:0}

/* Hinweise: Zeichen links, Variante nur über die Variablen */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis{position:relative;padding-left:70px;border-left:4px solid var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis::before{content:"";position:absolute;left:20px;top:19px;width:30px;height:30px;background:var(--rb);-webkit-mask:var(--ico,var(--rb-i-info)) center/contain no-repeat;mask:var(--ico,var(--rb-i-info)) center/contain no-repeat}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis--achtung{--rb:#7A4500;--rb-tint:#FFF6E6;--rb-line:#EBD3A6;--ico:var(--rb-i-warn)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis--wichtig{--rb:#A11D1D;--rb-tint:#FDEEEE;--rb-line:#EFC3C3;--ico:var(--rb-i-wichtig)}

/* Checkliste */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-check{background:#fff}

/* Quellen */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-quellen{background:#fff;border-color:var(--re-line-strong,#DCDCDC)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-quellen ul{padding:0 0 0 1.2em;list-style:disc outside}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-quellen li{margin-bottom:6px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-quellen a{color:var(--rb);text-decoration:underline;text-underline-offset:2px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-quellen a:hover{text-decoration-thickness:2px}

/* ---- Kennzahlen (auch in der Spar-Box) ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;clear:both;margin:32px 0}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahl{box-sizing:border-box;min-width:0;padding:16px 18px;background:var(--rb-tint);border:1px solid var(--rb-line);border-top:4px solid var(--rb);border-radius:6px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahl p{margin:0;overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahl p.re-kennzahl__wert{margin-bottom:6px;font:400 clamp(22px,2.8vw,30px)/1.15 var(--re-serif,Tinos,Times,serif);color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahl p.re-kennzahl__text{font-size:15px;line-height:1.5;color:var(--re-text,#3B3F3A)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box .re-kennzahlen{margin:0}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box .re-kennzahl{background:#fff}

/* ---- Pro und Contra ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;clear:both;margin:32px 0}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-pc .re-box{min-width:0;margin:0;background:#fff}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-pc__contra{--rb:var(--rb-no);--rb-tint:#FCF1EC;--rb-line:#EBCFC3}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-pc .re-box{border-top:4px solid var(--rb)}

/* ---- Lesen Sie auch ---- */
:is(.et_pb_post_content,.editor-styles-wrapper) a.re-lesen-auch{display:grid;grid-template-columns:minmax(96px,30%) minmax(0,1fr);clear:both;margin:32px 0;overflow:hidden;background:#fff;border:1px solid var(--rb-line);border-radius:6px;color:var(--re-ink,#2E3A2A);text-decoration:none}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__bild{position:relative;display:block;min-height:96px;background:var(--rb-tint)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__bild img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__text{display:block;min-width:0;padding:16px 20px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__k{display:block;margin-bottom:6px;font:700 12px/1.3 var(--re-sans,Arimo,Helvetica,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__titel{display:block;font:400 clamp(18px,2vw,21px)/1.3 var(--re-serif,Tinos,Times,serif);color:var(--re-ink,#2E3A2A);overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) a.re-lesen-auch:hover{border-color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) a.re-lesen-auch:hover .re-lesen-auch__titel{color:var(--rb);text-decoration:underline;text-underline-offset:3px}
:is(.et_pb_post_content,.editor-styles-wrapper) a.re-lesen-auch:focus-visible{outline:3px solid var(--re-focus,#1B1B1B);outline-offset:3px}

/* ---- Sonderbausteine ---- */
/* Tabelle (Kosten und Fristen, Material-Steckbrief) */
:is(.et_pb_post_content,.editor-styles-wrapper) figure.re-tabelle{margin:0;overflow-x:auto}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle :is(thead,tfoot){border:0}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle table{width:100%;table-layout:auto;border-collapse:collapse;background:#fff;font-size:15.5px;line-height:1.5}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle :is(th,td){padding:10px 12px;border:1px solid var(--rb-line);text-align:left;vertical-align:top;overflow-wrap:break-word}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle thead th{background:var(--rb);color:#fff}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle tbody th{background:var(--rb-tint);color:var(--re-ink,#2E3A2A)}

/* Saison-Box (Garten): Aussaat fett, Ernte kursiv */
:is(.et_pb_post_content,.editor-styles-wrapper) ul.re-saison__monate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:0;list-style:none}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison__monate li{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:58px;margin:0;padding:8px 4px;background:#fff;border:1px solid var(--rb-line);border-radius:4px;font:700 13px/1.25 var(--re-sans,Arimo,Helvetica,Arial,sans-serif);text-align:center;color:var(--re-text,#3B3F3A);overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison__monate li:has(strong,em){border-color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison :is(strong,em){display:inline-block;padding:1px 5px;border-radius:3px;font-size:12px;font-weight:600;font-style:normal;line-height:1.4;color:#fff}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison strong{background:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison em{background:var(--rb-2)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-saison__monate :is(strong,em){display:block}
@media (min-width:600px){:is(.et_pb_post_content,.editor-styles-wrapper) ul.re-saison__monate{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Steckbrief (Reisen) */
:is(.et_pb_post_content,.editor-styles-wrapper) ul.re-steckbrief__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-steckbrief__liste li{min-width:0;margin:0;padding:12px 14px;background:#fff;border:1px solid var(--rb-line);border-radius:4px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-steckbrief__liste strong{display:block;margin-bottom:4px;font:700 12px/1.3 var(--re-sans,Arimo,Helvetica,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--rb)}
@media (max-width:640px){:is(.et_pb_post_content,.editor-styles-wrapper) ul.re-steckbrief__liste{grid-template-columns:minmax(0,1fr)}}

/* Musterformulierung (Beruf) */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-muster__text{margin:0 0 12px;padding:14px 16px;background:#fff;border:1px dashed var(--rb);border-radius:4px;overflow-wrap:anywhere}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-muster__aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
:is(.et_pb_post_content,.editor-styles-wrapper) button.re-muster__kopieren{min-height:44px;padding:8px 20px;background:var(--rb);border:2px solid var(--rb);border-radius:4px;color:#fff;font:700 15px/1.2 var(--re-sans,Arimo,Helvetica,Arial,sans-serif);cursor:pointer}
:is(.et_pb_post_content,.editor-styles-wrapper) button.re-muster__kopieren:hover{background:#fff;color:var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) button.re-muster__kopieren:focus-visible{outline:3px solid var(--re-focus,#1B1B1B);outline-offset:3px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-muster__status{font-size:14px;font-weight:600;line-height:1.4;color:var(--rb)}

/* Wann zum Arzt? (Gesundheit): Pflichtsatz groß genug und mit Kontrast */
:is(.et_pb_post_content,.editor-styles-wrapper) .re-arzt{border-left:4px solid var(--rb)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-arzt p.re-box__titel::before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.55em;vertical-align:-.25em;background:var(--rb);-webkit-mask:var(--rb-i-plus) center/contain no-repeat;mask:var(--rb-i-plus) center/contain no-repeat}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box p.re-arzt__hinweis{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--rb-line);font-size:15px;font-weight:700;line-height:1.5;color:var(--re-ink,#2E3A2A)}

@media (max-width:640px){
:is(.et_pb_post_content,.editor-styles-wrapper) .re-kennzahlen,:is(.et_pb_post_content,.editor-styles-wrapper) .re-pc{grid-template-columns:minmax(0,1fr)}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-box{padding:18px 18px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis{padding-left:58px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-hinweis::before{left:16px;top:17px;width:26px;height:26px}
:is(.et_pb_post_content,.editor-styles-wrapper) :is(.re-kosten,.re-material){padding-inline:12px}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-tabelle :is(th,td){padding:8px;font-size:14.5px;hyphens:auto}
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte>li{padding:14px 16px 14px 66px}
:is(.et_pb_post_content,.editor-styles-wrapper) ol.re-schritte>li::before{left:12px;top:14px;width:38px;height:38px}
}
@media (prefers-reduced-motion:no-preference){
:is(.et_pb_post_content,.editor-styles-wrapper) a.re-lesen-auch{transition:border-color .15s}
:is(.et_pb_post_content,.editor-styles-wrapper) .re-lesen-auch__titel{transition:color .15s}
}