/* ============================================================
   Fehler-Ratgeber — Kauf & Verkauf
   ============================================================ */
.i{ fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

.fehler-hero h1 .nowrap{ white-space:nowrap; }
.fehler-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }

.fehler{ background:var(--cream); }
.mk-list{ display:grid; gap:24px; margin-top:8px; }

.mkcard{
  display:grid; grid-template-columns:1.05fr 1fr;
  background:#fff; border:1px solid var(--line-soft); border-radius:var(--r-lg);
  overflow:hidden; box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.mkcard:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }

.mkcard__problem{ position:relative; padding:34px 34px 36px; }
.mkcard__no{
  position:absolute; top:26px; right:30px;
  font-family:var(--font-display); font-weight:800; font-size:46px;
  color:var(--line); line-height:1; letter-spacing:-.02em;
}
.mkcard__ic{ width:50px; height:50px; border-radius:13px; display:grid; place-items:center; margin-bottom:20px; }
.mkcard__ic svg{ width:25px; height:25px; }
.mkcard__ic--bad{ background:#f6e9e4; color:#b4543a; }
.mkcard__problem h3{
  font-family:var(--font-display); font-weight:800; font-size:clamp(20px,2vw,24px);
  letter-spacing:-.01em; color:var(--navy); max-width:18ch;
}
.mkcard__problem p{ color:var(--body); margin-top:12px; font-size:15.5px; line-height:1.62; }

.mkcard__fix{
  background:var(--navy-900); color:#fff; padding:34px 34px 36px;
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center;
}
.mkcard__fix::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(80% 90% at 100% 0%, rgba(200,145,31,.18), transparent 60%);
}
.mkcard__fix > *{ position:relative; }
.mkcard__fixlbl{
  display:inline-flex; align-items:center; gap:9px;
  font-weight:800; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gold-200); margin-bottom:13px;
}
.mkcard__fixlbl svg{
  width:20px; height:20px; color:#1a1407; background:var(--gold);
  border-radius:50%; padding:3px; flex:none; stroke-width:2.6;
}
.mkcard__fix p{ color:#dbe7ee; font-size:15.5px; line-height:1.62; }
.mkcard__fix p b{ color:#fff; }

/* ---- Promise band ---- */
.fehler-promise{ background:#fff; }
.fehler-promise__inner{ max-width:760px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; align-items:center; }
.fehler-promise__ic{ width:66px; height:66px; border-radius:17px; background:var(--navy-900); color:var(--gold-200); display:grid; place-items:center; margin-bottom:24px; }
.fehler-promise__ic svg{ width:32px; height:32px; }
.fehler-promise h2{ color:var(--navy); }
.fehler-promise p{ color:var(--body); font-size:18px; line-height:1.6; margin-top:16px; max-width:54ch; }
.fehler-promise__actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:30px; }

@media (max-width:820px){
  .mkcard{ grid-template-columns:1fr; }
  .mkcard__fix{ padding-top:28px; }
  .mkcard__no{ font-size:38px; top:24px; }
}