/* Notdienst-Landingpages /notdienst/ + /notdienst/{stadt}/ — nutzt city-page.css
   (.icity-*) plus die .ish-/.isr-Bausteine. Hier nur Notdienst-Ergänzungen (flach,
   dezenter Rot-Akzent, keine Verläufe). */

/* Hero: dezenter Notfall-Akzent als Unterkante des Navy-Heros */
.icnd-hero { border-bottom: 3px solid #d64545; }

.icnd-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 4px 0 16px; }
.icnd-cta-row .isr-btn { border: 1px solid rgba(255,255,255,.55); color: #fff; }
.icnd-cta-row .isr-btn.isr-btn-primary { border-color: transparent; }

/* Gasnotruf-Hinweis im Hero */
.icnd-alert { margin: 14px 0 0; padding: 10px 14px; border-radius: 10px; font-size: 14px;
	background: rgba(214,69,69,.14); border: 1px solid rgba(214,69,69,.45); color: #fff; }
.icnd-hero .icnd-alert a, .icnd-hero .icnd-alert a:visited { color: #fff !important; font-weight: 700; text-decoration: underline; }

/* Soforthilfe-Schritte */
.icnd-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.icnd-step { border: 1px solid var(--isr-line, #e3e9f0); border-radius: 12px; background: #fff; padding: 18px 18px 16px; }
.icnd-step-num { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
	border-radius: 50%; background: #d64545; color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 10px; }
.icnd-step-t { margin: 0 0 6px; font-size: 16.5px; color: var(--isr-navy, #16324c); }
.icnd-step-d { margin: 0; font-size: 14.5px; line-height: 1.6; color: #475569; }

/* PLZ-Filter über der Betriebsliste */
.icnd-plz-form { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 0 0 24px; }
/* width braucht !important: style.css setzt input[type=text] auf 100% !important */
.icnd-plz-form input.icnd-plz-input { width: 240px !important; max-width: 100%; padding: 10px 14px; border: 1px solid var(--isr-line, #cbd5e1);
	border-radius: 10px; font-size: 15px; color: #1e293b; background: #fff; }
.icnd-plz-form input.icnd-plz-input:focus { outline: 2px solid var(--isr-navy, #16324c); outline-offset: 1px; border-color: var(--isr-navy, #16324c); }
.icnd-plz-reset { font-size: 14px; font-weight: 600; color: var(--isr-navy, #1f4f8b); text-decoration: underline; }
.icnd-plz-empty { text-align: center; font-size: 15px; color: #475569; margin: 8px 0 4px; }

/* Kostentabelle */
.icnd-costs { width: 100%; border-collapse: collapse; margin: 0 0 1rem; font-size: 15px; }
.icnd-costs th, .icnd-costs td { text-align: left; padding: 10px 12px; border: 1px solid var(--isr-line, #e3e9f0); }
.icnd-costs th { color: var(--isr-navy, #16324c); font-weight: 600; background: #f8fafc; width: 55%; }
.icnd-costs td { color: #334155; }

/* Weiterführende Links unter dem Städte-Index */
.icnd-morelinks { margin: 18px 0 0; display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; }
.icnd-morelinks a { color: var(--isr-navy, #1f4f8b); font-weight: 600; font-size: 14.5px; text-decoration: none; }
.icnd-morelinks a:hover { text-decoration: underline; }

@media (max-width: 600px) {
	.icnd-steps { grid-template-columns: 1fr; }
	.icnd-costs th { width: auto; }
}