/* Article-specific additions for "Dusche läuft nicht ab".
   Shared article patterns (ra-*) come from abfluss-gluckert.css, loaded first. */

/* Cover box is shared (16:10); the source photo is 4:3, so only the crop focus differs. Keeps the drain in frame. */
.ra-cover img{object-position:50% 58%}

/* Cause blocks: compact, ruled list (same rules as abfluss-stinkt.css, repeated here so this page
   does not depend on another article's stylesheet) */
.ra-cause{padding:1.1rem 0 .2rem;border-top:1px solid var(--c-border)}
.ra-cause:last-of-type{border-bottom:1px solid var(--c-border);padding-bottom:.4rem}
.ra-prose .ra-cause h3{display:flex;align-items:center;gap:.7rem;margin:0 0 .5rem}
.ra-cause-no{flex-shrink:0;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--primary-l);color:var(--primary-hover);font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}

/* Warning with a paragraph instead of a list */
.ra-warning p{margin:0;font-size:.99rem}

/* Related-article list: link plus one line of context */
.ra-checklist .ra-link-hint{display:block;color:var(--c-text-soft);font-size:.93rem}

/* Phone link inside the dark CTA (default link colour has too little contrast on dark) */
.ra-main .ra-cta p a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ra-main .ra-cta p a:hover{color:#fff;text-decoration-thickness:2px}