/* =============================================================
   origin coaching — Kartenkomponenten
   Vorher gab es sechs Bauweisen für im Kern zwei Aufgaben:
   etwas anbieten und etwas belegen. Hier stehen beide einmal.
   ============================================================= */

/* Gemeinsame Grundlage beider Typen */
.focus,
.sub-card,
.insight-card,
.testi{
  background:#fff;
  border:1px solid rgba(61,38,24,.07);
  border-radius:var(--r-lg);
  padding:var(--sp-8);
}

/* Angebotskarte — etwas gehoben, lädt zum Anklicken ein */
.focus,
.sub-card{
  box-shadow:var(--sh-2);
}

/* Belegkarte — ruhiger, tritt zurück */
.insight-card,
.testi{
  box-shadow:var(--sh-1);
}

/* Ein einziger Hover-Zustand für alles, was anklickbar ist.
   Kein Anheben mehr — nur die Kante reagiert. */
.focus,
.sub-card{
  transition:border-color var(--dur) var(--ease),
             box-shadow var(--dur) var(--ease);
}
.focus:hover,
.sub-card:hover{
  border-color:rgba(160,106,20,.40);
  box-shadow:var(--sh-3);
}

/* Getönte Höhenstufen — tragen Bedeutung, deshalb eigene Tokens
   statt fünfzehn Einzelwerte. */
:root{
  --sh-brick:0 1px 0 rgba(61,38,24,.04), 0 18px 36px -30px rgba(178,58,34,.28);
  --sh-sage: 0 1px 0 rgba(61,38,24,.04), 0 18px 36px -30px rgba(86,99,63,.26);
  --sh-honey:0 1px 0 rgba(61,38,24,.04), 0 18px 36px -30px rgba(160,106,20,.26);
}

/* toelichting onder het adres in de Impressum-pagina's */
.adres-noot{display:inline-block;margin-top:6px;color:var(--ink-500);font-size:var(--fs-1);letter-spacing:.02em;font-style:normal}
.adres-verwijzing{margin:10px 0 0;color:var(--ink-500);font-size:var(--fs-2)}