/* kataster24.com – overrides on top of the shared Apus design system.
   Wordmark instead of the Apus logo, and a cadastre-map hero
   (Flurkarte line drawing) instead of the photo hero. */

/* ── Wordmark ──────────────────────────────────── */
.brand {
  display: flex; align-items: center; gap: 11px;
  font-weight: 800; font-size: 1.42rem; letter-spacing: -0.02em;
  color: var(--tinte); line-height: 1;
}
.brand svg { width: 36px; height: 36px; flex: none; }
.brand .wort-24 { color: var(--gruen-dunkel); }
.ueber-hero .brand { color: var(--weiss); }
.ueber-hero .brand .wort-24 { color: var(--gruen-hell); }

/* ── Hero: Flurkarte statt Foto ────────────────── */
.hero--karte {
  background:
    radial-gradient(1100px 600px at 78% 38%, rgba(160, 190, 95, 0.14) 0%, rgba(160, 190, 95, 0) 65%),
    linear-gradient(115deg, #28381c 0%, var(--nacht) 62%);
}
.hero--karte .hero-linien { object-fit: cover; }
@media (max-width: 900px) {
  .hero--karte .hero-linien { opacity: 0.45; }
}

/* Parzellen-Zeichnung */
.flur-linie { fill: none; stroke: rgba(214, 230, 181, 0.4); stroke-width: 1.5; }
.flur-parzelle { fill: rgba(160, 190, 95, 0.12); stroke: rgba(214, 230, 181, 0.55); stroke-width: 1.5; }
.flur-punkt { fill: rgba(214, 230, 181, 0.75); }
.flur-nr {
  font-family: var(--font); font-size: 13px; font-weight: 600;
  fill: rgba(255, 255, 255, 0.4);
  font-variant-numeric: tabular-nums;
}

/* Drei Karten je Zeile (6er-Raster wird 3x2 statt 4+2) */
.karten-raster--drei { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 980px) { .karten-raster--drei { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .karten-raster--drei { grid-template-columns: 1fr; } }

/* ── Kleinkram ─────────────────────────────────── */
.brand--text { display: inline; gap: 0; }
.karte h3 .karten-untertitel {
  display: block; font-size: 0.85rem; font-weight: 600;
  color: var(--gedaempft); margin-top: 3px;
}
.footer-marke .brand { color: var(--weiss); }
.footer-marke .brand .wort-24 { color: var(--gruen-hell); }