/* Ruhewerk 2b · Entwurf 2 (03.11.2026). Grundlage ist werk.css aus dem Live-Stand Wohnwerk 2b (Release 20261102T220647Z-geo),
   unverändert. Hier nur die Werkfarbe Grau und die Entwurfsmarkierungen. Werkfarbe #797979, Text und Knöpfe #5E5E5E
   (Konzept 13.10.2026; Grau gewollt, Florian 23.09.). Kopf grau #575756 wie alle Werke (Winfried 02.11.). */
:root{--rw:#5E5E5E;--rw-tief:#454545;--rw-hauch:#EFEFED;--rw-nacht:#575756;--werk:#797979}
.hero{border-bottom:6px solid var(--werk)}
.hero .kicker{color:#DCDCD8}
.hero-copy>p{color:#EDEDEA}
.hero .button.primary{background:#fff;border-color:#fff;color:#3B3B3A}
.hero .button.primary:hover{background:#E4E4E1}
.zielgruppen li{border-top-color:var(--werk)}
.werke [aria-current]{color:var(--rw)}

/* Entwurfsband und Platzhalter: Gelb heißt „liefert Birgit“, sonst nichts */
.entwurfsband{background:#FFCC00;color:#111;font-size:14px;line-height:1.45;padding:8px 16px;text-align:center}
.platzhalter,.hero .platzhalter,.hero-copy>p .platzhalter{display:inline-block;background:#FFF4C4;color:#3A3000;border:1px dashed #A68400;border-radius:4px;padding:4px 10px;font-size:15px;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none;max-width:100%}
p.platzhalter{display:block;margin:0 0 1em}
.platzhalter b{font-weight:700}
.slogan .platzhalter{font-size:16px}
h3 .platzhalter{font-size:15px}
.vorschlag{align-self:flex-start;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#3A3000;background:#FFF4C4;border:1px dashed #A68400;border-radius:999px;padding:2px 10px;margin-bottom:12px}
.ersatz{font-size:14.5px;line-height:1.5;color:var(--leise);border-left:3px solid #A68400;padding-left:12px;margin-top:14px}
.hero-copy>p.ersatz{color:#EDEDEA;border-left-color:#FFCC00;font-size:14.5px;margin-top:22px;max-width:560px}
.ersatz>.platzhalter,.hero-copy>p.ersatz>.platzhalter{display:table;margin-bottom:6px}
/* Werkmarke Ruhewerk ist höher geschnitten (804 × 236) als Wohnwerk (867 × 191): etwas höher setzen, damit der Schriftzug gleich groß wirkt */
.head .werkmarke{height:62px!important}
.ersatz-marke{display:inline-block;margin-left:6px;font-size:12.5px;font-weight:700;color:#3A3000;background:#FFF4C4;border:1px dashed #A68400;border-radius:999px;padding:1px 9px}

/* Entwurf 4: Hinweis zur Erreichbarkeit im Kopf (weiß abgesetzt, nicht gelb, weil kein Platzhalter) */
.hero-copy>p.hinweis{color:#EDEDEA;border-left:3px solid rgba(255,255,255,.7);padding-left:12px;font-size:15.5px;line-height:1.5;margin-top:22px;max-width:560px}
.hero-copy>p.hinweis a{color:#fff;font-weight:700;white-space:nowrap}

/* Kopf: Platz für das Bild, bis ein eigenes Foto da ist */
.bild-folgt{aspect-ratio:1/1;border:1px dashed rgba(255,255,255,.55);border-radius:4px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;color:#EDEDEA}
.bild-folgt strong{font-size:1.25rem;color:#fff}.bild-folgt>span:not(.platzhalter){max-width:380px;font-size:15.5px}

/* Im Trauerfall */
.trauerfall{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}
.karte-weiss{background:#fff;border-radius:4px;padding:28px;border-top:4px solid var(--werk);min-width:0}
.karte-weiss h3{margin-bottom:14px}.karte-weiss p:last-child{margin-bottom:0}

/* Leistungen und Ansprechpartner */
.leistung h3{margin-top:0}
.person-leer{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#D4D4D4;color:#6F6F6E;margin-bottom:14px}
.person h3{min-height:0}

/* Formular: sichtbar, aber ohne Funktion bis zum Livegang */
#ruhewerk-form fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
#ruhewerk-form legend{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#ruhewerk-form fieldset[disabled] input,#ruhewerk-form fieldset[disabled] select,#ruhewerk-form fieldset[disabled] textarea{background:#F4F4F3;color:var(--leise);cursor:not-allowed}
#ruhewerk-form fieldset[disabled] .button{opacity:.55;cursor:not-allowed}
.formular-aus{margin:0;background:#FFF4C4;color:#3A3000;border:1px dashed #A68400;border-radius:4px;padding:10px 14px;font-size:15px}

@media (max-width:900px){.trauerfall{grid-template-columns:1fr}.hero-film{max-width:520px}}
@media (max-width:700px){.head .werkmarke{height:42px!important}}
@media (max-width:640px){.bild-folgt{aspect-ratio:4/3;padding:22px}.karte-weiss{padding:22px}.entwurfsband{font-size:13px}}