/* GetHorseCare — Markenfarben (Palette „terracotta“ aus DogWalkersApp/DogWalkers/Theme.swift).
   Erzeugt von tools/brand-sites/build.py, nicht von Hand bearbeiten. Überschreibt nur Farb-Tokens aus dw.css/market.css. */
:root {
  --ink: #6B3A28;
  --ink-2: #46261A;
  --ink-72: rgba(107, 58, 40, .8);
  --ink-55: rgba(107, 58, 40, .72);
  --ink-20: rgba(107, 58, 40, .2);
  --ink-10: rgba(107, 58, 40, .1);
  --sage: #F3E8E2;
  --blue: #EEDED6;
  --brand-accent: #B07158;
  --brand-deep: #8A513B;
  --brand-light: #E0C3B4;
}
.hero.brand-hero { background: var(--ink); height: auto; min-height: min(760px, calc(100svh - var(--header))); max-height: none; }
.hero.brand-hero::after { display: none; }
.hero.brand-hero .wrap { min-height: inherit; padding-top: clamp(56px, 9vh, 120px); }
.hero.brand-hero .soon-badge .dot { background: var(--brand-light); box-shadow: 0 0 0 3px rgba(255, 255, 255, .18); }
.brand-mark { position: absolute; z-index: 1; right: clamp(-60px, -2vw, 0px); bottom: clamp(-80px, -6vw, -20px); width: clamp(260px, 38vw, 560px); color: var(--brand-accent); opacity: .55; pointer-events: none; }
.brand-mark svg { width: 100%; height: auto; }
.brand-field { display: grid; place-items: center; width: 100%; height: 100%; min-height: 320px; background: var(--sage); color: var(--brand-accent); }
.brand-field svg { width: 46%; height: auto; }
.brand-field.deep { background: var(--brand-deep); color: var(--brand-light); }
.final .media .brand-field { position: absolute; inset: 0; }
.fcard.brand-card { min-height: 100%; }
.fcard.brand-card .fcard-body { padding: 24px 22px 26px; }
.brand-stage { background: var(--sage); display: flex; align-items: center; justify-content: center; }
.split .media .brand-stage, .final .media .brand-stage { height: 100%; min-height: 320px; padding: clamp(24px, 4vw, 56px) 0; }
.brand-stage .phone { max-width: 280px; width: 62%; }
.final .media .brand-stage { position: absolute; inset: 0; }
@media (max-width: 360px) { .prose table { font-size: 12px; } .prose th, .prose td { overflow-wrap: anywhere; } }
.hero.brand-hero, .login-media { overflow: hidden; }
.tags { flex-wrap: wrap; }
.mnav { max-width: 100vw; overflow-x: hidden; }
.prose h2, .prose h3 { overflow-wrap: anywhere; hyphens: auto; }
@media (max-width: 420px) { .facts { grid-template-columns: 1fr 1fr; } .fact { min-width: 0; } .fact strong { font-size: 22px; overflow-wrap: anywhere; } .btn { white-space: normal; text-align: center; } .pension-head > div { min-width: 0; } }
@media (min-width: 861px) { .hero.brand-hero .hero-phone { display: block; } }
@media (max-width: 360px) { main a, .foot-bottom a { overflow-wrap: anywhere; } .prose table { table-layout: fixed; width: 100%; } .foot-bottom nav { flex-wrap: wrap; } }
@media (max-width: 860px) {
  .brand-mark { width: 64vw; right: -12vw; bottom: -10vw; opacity: .35; }
}