/* Domainsuche: Filter links, Treffer rechts, ruhige Arbeitsseite. */
.mk { --blau:#1F4BE0; --gruen:#0E6B4A; --braun:#8A4B00; --lila:#5B3DF5; --linie:#ECE9E1; --leise:#6B6F7A; }
.mk-kopf { background: linear-gradient(170deg, #FBFAF7 0%, #F6F4EE 100%); border-bottom: 1px solid #E6E2D8;
  margin: -28px 0 22px; padding: 30px 0 24px; }
.mk-kopf h1 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 0 0 8px; }
.mk-kopf .lead { color: var(--muted); max-width: 70ch; margin: 0 0 16px; }
.mk-vorteile { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 0; padding: 0; }
.mk-vorteile li { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #E6E2D8;
  border-radius: 999px; padding: 7px 14px; font-size: .9rem; }
.mk-vorteile i { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.mk-reiter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.mk-reiter a { border: 1px solid var(--linie); border-radius: 999px; padding: 9px 17px; font-size: .92rem; color: var(--ink); background: #fff; }
.mk-reiter a:hover { border-color: var(--blau); color: var(--blau); text-decoration: none; }
.mk-reiter a.active { background: var(--blau); border-color: var(--blau); color: #fff; font-weight: 600; }
.mk-reiter .zahl { font-family: var(--mono); opacity: .75; margin-left: 6px; font-size: .82rem; }
.mk { display: flex; flex-wrap: wrap; gap: 26px; align-items: flex-start; }
.mk-filter { flex: 1 1 230px; min-width: 0; max-width: 260px; }
.mk-filter h2 { font-size: 1.05rem; margin: 0 0 10px; }
.mk-filter .gruppe { border-top: 1px solid var(--linie); padding: 14px 0; }
.mk-filter .gruppe h3 { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--leise); font-weight: 700; margin: 0 0 9px; }
.mk-filter label.zeile { display: flex; align-items: center; gap: 9px; padding: 5px 0; font-size: .93rem; }
.mk-filter label.zeile span.n { margin-left: auto; font-family: var(--mono); font-size: .8rem; color: var(--leise); }
.mk-treffer { flex: 999 1 620px; min-width: 0; }
.mk-zeile { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 16px; }
.mk-karten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mk-karte { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--linie); border-radius: 18px;
  padding: 20px; color: var(--ink); background: linear-gradient(150deg, #fff 0%, #F6F4EE 100%); transition: transform .18s, box-shadow .18s; }
.mk-karte:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(17,19,26,.08); text-decoration: none; }
.mk-karte .name { font-family: var(--mono); font-size: 1.15rem; font-weight: 500; word-break: break-all; }
.mk-karte .was { font-size: .9rem; line-height: 1.5; color: var(--muted); flex: 1 1 auto; }
.mk-karte .preis { font-family: var(--mono); font-size: 1.2rem; }
.mk-karte .merkmale { display: flex; flex-wrap: wrap; gap: 6px; }
.mk-karte .merkmale span { font-size: .74rem; background: #fff; border: 1px solid var(--linie); color: var(--muted); padding: 3px 9px; border-radius: 999px; }
@media (max-width: 1040px) { .mk-karten { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) { .mk-filter { max-width: none; flex-basis: 100%; } .mk-karten { grid-template-columns: 1fr; } }

/* Rangfolge auf der Käuferseite (Rückmeldung vom 22.10.2026).
   Die Filterreiter sind Wegweiser, kein Aufruf zum Handeln: der gewählte
   Reiter war vorher ein voll ausgefüllter blauer Knopf und damit stärker
   als "Inhaber anfragen", also genau falsch herum. Jetzt ist er kleiner,
   hell hinterlegt und nur am Rand blau, und der eigentliche Knopf ist der
   lauteste Punkt auf der Seite. */
.mk-reiter a { padding: 7px 14px; font-size: .86rem; }
.mk-reiter a.active { background: #EDF2FF; border-color: var(--blau); color: var(--blau); }
.mk-reiter a.active:hover { background: #E3EBFF; }
.fremd-fuss .btn { padding: 14px 26px; font-size: 1.02rem; font-weight: 600; border-radius: 12px; }
.mk-kopf .lead { font-size: 1.02rem; margin-bottom: 14px; }