/* Datenrettung nach Wasserschaden (app/content/seiten/datenrettung-wasserschaden.php) – Präfix wd- */

/* Kopf: Brotkrumen auf Schwarz, Sofort-Karte rechts */
.wd-kopf { padding-top: 22px; }
.wd-kopf .krumen { padding-top: 0; margin-bottom: clamp(28px, 1rem + 3vw, 56px); }
.wd-kopf .krumen ol { color: var(--text-hell-2); }
.wd-kopf .krumen li:not(:last-child)::after { color: var(--graphit-2); }
.wd-kopf .krumen a { color: var(--text-hell); }
.wd-kopf .krumen a:hover { color: #fff; }
.wd-kopf .h1 { max-width: 16ch; }
.wd-kopf .gross { max-width: 48ch; }
@media (min-width: 960px) { .wd-kopf .kopf-bild { align-items: start; } }

.wd-sofort { background: #fff; color: var(--schwarz); border-radius: 4px; border-top: 4px solid var(--rot); padding: 24px 26px 22px; box-shadow: 0 30px 70px rgb(0 0 0 / .4); }
.wd-sofort__marke { margin: 0 0 6px; font: 700 .78rem var(--din); letter-spacing: .28em; text-transform: uppercase; color: var(--rot); }
.wd-sofort__titel { font: 700 1.3rem/1.15 var(--din); margin: 0 0 14px; color: var(--schwarz); }
.wd-sofort__liste { list-style: none; margin: 0 0 16px; padding: 0; counter-reset: sofort; }
.wd-sofort__liste li { counter-increment: sofort; position: relative; padding: 11px 0 11px 34px; border-bottom: 1px solid var(--alu); color: var(--text-2); font-size: .98rem; line-height: 1.45; }
.wd-sofort__liste li:first-child { border-top: 1px solid var(--alu); }
.wd-sofort__liste li::before { content: counter(sofort); position: absolute; left: 0; top: 11px; width: 22px; height: 22px; border-radius: 3px; background: var(--schwarz); color: #fff; font: 700 .8rem/22px var(--din); text-align: center; }
.wd-sofort__liste strong { color: var(--schwarz); font-weight: 650; }
.wd-sofort .pfeil-link { color: var(--rot); font-size: .98rem; display: inline; }
.wd-sofort .pfeil-link::after { content: "\a0\2192"; } /* geschütztes Leerzeichen: Pfeil bricht nie allein um */
.wd-sofort .pfeil-link:hover { color: var(--rot-tief); }

/* Querschnitt der Platine */
.wd-platine > div > p:not(.etikett) { color: var(--text-2); max-width: 62ch; }
.wd-querschnitt { margin: 0; align-self: center; }
.wd-querschnitt svg { width: 100%; height: auto; background: var(--werkbank); border-radius: 4px; padding: 12px 8px 4px; }
.wd-q__platine { fill: var(--graphit); }
.wd-q__lage { stroke: var(--graphit-2); stroke-width: 2; fill: none; }
.wd-q__pads rect { fill: #B98A57; }
.wd-q__kugeln ellipse { fill: #C9CDD3; stroke: #8E939B; stroke-width: 1.2; }
.wd-q__feucht { fill: #9FB9CF; opacity: .55; }
.wd-q__tropfen circle { fill: #6F93B3; }
.wd-q__korrosion path { fill: #6FA38A; stroke: #4F7F68; stroke-width: .8; }
.wd-q__salz circle { fill: #F4F6F2; stroke: #7FA491; stroke-width: .8; }
.wd-q__substrat { fill: var(--graphit-2); }
.wd-q__chip { fill: var(--schwarz); }
.wd-q__chiptext { fill: #8E939B; font: 400 15px var(--din); letter-spacing: .2em; text-transform: uppercase; }
.wd-q__verdunstet { fill: none; stroke: #6F93B3; stroke-width: 1.5; stroke-dasharray: 3 3; }
.wd-q__rand { fill: none; stroke: #9AA0A8; stroke-width: 1.4; }
.wd-q__weg { fill: none; stroke: var(--rot); stroke-width: 2; stroke-dasharray: 5 4; }
.wd-q__leitung path { stroke: #fff; stroke-width: 4; fill: none; }
.wd-q__leitung-rot path { stroke: var(--rot); stroke-width: 1.6; fill: none; }
.wd-q__marke circle { fill: var(--rot); }
.wd-q__nummer text { fill: #fff; font: 700 13px var(--din); }

.wd-legende { list-style: none; margin: 18px 0 0; padding: 0; counter-reset: leg; }
.wd-legende li { counter-increment: leg; position: relative; padding: 0 0 10px 34px; color: var(--text-2); font-size: .96rem; line-height: 1.45; }
.wd-legende li::before { content: counter(leg); position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--rot); color: #fff; font: 700 .8rem/22px var(--din); text-align: center; }
.wd-legende strong { color: var(--schwarz); font-weight: 650; }
.wd-querschnitt figcaption { margin-top: 4px; font-size: .84rem; color: var(--stahl); }

/* Geräte */
.wd-geraete__kopf { margin-bottom: 36px; }
.wd-geraete__kopf .gross { max-width: 56ch; }
.wd-geraete { gap: 20px; }
@media (min-width: 900px) { .wd-geraete { gap: 24px; } }
.wd-geraete .karte { border-radius: 4px; display: flex; flex-direction: column; }
.wd-geraete .karte p { color: var(--text-2); }
.wd-geraete .karte > .pfeil-link, .wd-geraete__links { margin-top: auto; }
.wd-geraete__links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 0; }
.wd-geraete .pfeil-link { color: var(--rot); }
.wd-geraete .pfeil-link:hover { color: var(--rot-tief); }
.wd-geraete__fuss { margin: 28px 0 0; color: var(--text-2); }

/* Preise */
.wd-preise { list-style: none; margin: 8px 0 40px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); column-gap: 28px; border-top: 2px solid var(--schwarz); }
.wd-preise li { padding: 22px 4px 20px; border-bottom: 1px dashed var(--alu); }
.wd-preise__geraet { font: 700 1.2rem/1.2 var(--din); margin: 0 0 2px; }
.wd-preise__bsp { margin: 0 0 14px; font-size: .9rem; color: var(--stahl); }
.wd-preise__ab { margin: 0; font: 700 clamp(2.2rem, 1.8rem + 1.6vw, 3rem)/1 var(--din); color: var(--rot); letter-spacing: -.02em; }
.wd-preise__ab span { font-size: .45em; letter-spacing: 0; font-weight: 400; color: var(--stahl); margin-right: 2px; }
.wd-preise__auf { margin: 10px 0 0; font-size: .95rem; color: var(--text-2); }
.wd-preise__text p { color: var(--text-2); max-width: 56ch; }
.wd-preise__text .knopf-reihe { margin-top: 1em; }

/* Flüssigkeiten */
.wd-fluessig { display: grid; gap: 32px; align-items: start; }
@media (min-width: 960px) {
  .wd-fluessig { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; }
  .wd-fluessig__kopf { position: sticky; top: calc(var(--kopf-h) + 32px); }
}
.wd-fluessig__kopf p:not(.etikett) { color: var(--text-2); max-width: 42ch; }
.wd-fluessig__liste { margin: 0; border-top: 2px solid var(--schwarz); }
.wd-fluessig__liste > div { display: grid; gap: 4px 28px; padding: 18px 0; border-bottom: 1px solid var(--alu); }
@media (min-width: 640px) { .wd-fluessig__liste > div { grid-template-columns: 190px minmax(0, 1fr); } }
.wd-fluessig__liste dt { font: 700 1.1rem/1.3 var(--din); }
.wd-fluessig__liste dd { margin: 0; color: var(--text-2); }

/* Einschicken / Laden */
.wd-laden { border-radius: 4px; background: #fff; align-self: start; }
.wd-laden p { color: var(--text-2); }
.wd-laden__adresse { font-weight: 600; color: var(--schwarz) !important; }
.wd-laden .status { color: var(--schwarz); }
.wd-laden .pfeil-link { color: var(--rot); }

.wd-laden a[href^="tel:"] { white-space: nowrap; }
.wd-akku { margin: 20px 0 0; padding: 12px 0 12px 16px; border-left: 3px solid var(--rot); color: var(--text-2); max-width: 62ch; }
.wd-akku strong { color: var(--schwarz); font-weight: 650; }
.wd-akku a[href^="tel:"] { white-space: nowrap; }