.header .brand__logo{height:72px !important;width:auto !important;} .header .brand__tagline{display:none !important;} @media (max-width:768px){.header .brand__logo{height:46px !important;}}:root{
  --orange-ink:#B54A0E;
}
/* Hausschrift des Handbuchs zuerst; Telefone fallen auf die Systemschrift zurueck */
body{ font-family: Tahoma, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

/* Sekundaergrau: #777 und #888 liegen bei 3,5 bis 4,48:1.
   #5F6875 haelt auch auf den hellen Kartentoenungen ueber 4,5:1. */
.benefit-text span, .job-item__meta, .salary__label, .brand__tagline,
.card-body p[style*="color:#777"], .card-body p[style*="color:#888"],
[style*="color:#777"], [style*="color:#888"], [style*="color:#999"]{ color:#5F6875 !important; }
.card-diff{ color:#566072 !important; }

/* Die MediPhys-Bausteine (Kursliste, Hotels, Dozenten) liegen in
   base.responsive.css und werden von allen sechs Sites geteilt. Deshalb hier
   ueberschreiben statt dort aendern - die anderen Sites bleiben unberuehrt. */
.kurs-meta{ color:#5F6875 !important; }
.kurs-note{ color:#5F6875 !important; }
.kurs-seats--low{ color:var(--orange-ink) !important; }
.kurs-cta:not(.kurs-cta--wait),
.mph-band__cta,
.step .n{ background:var(--orange-ink) !important; }
/* Wartelisten-Knopf bleibt weiss mit blauer Schrift (9,2:1) */
.kurs-cta--wait{ background:#fff !important; color:var(--blue) !important; }
.kurs-hero-eyebrow,
.kurs-hero-row .r-date,
.kurs-hero-all,
.hotel-group,
.hotel-note,
.hotel-card a, .hotel-hint a,
.fb-tile b,
.dozent-spec,
.kursdetail-back,
.kurs-title a:hover{ color:var(--orange-ink) !important; }

/* Tippziele am Telefon: WCAG 2.2 verlangt 24 px */
@media (max-width: 768px){
  .footer a, .footline a{ display:inline-block; padding:5px 0; }
  .content-area p a, .content-area li a, .card-body p a, .tzj-abschnitt p a,
  .kurs-liste a, .hotel-card a, .hotel-hint a, .kursdetail-text a,
  .kurs-title a, .dozent-card a{ padding:5px 0; }
  /* Telefon und Mail stehen in einem <span> ohne eigene Klasse */
  main span > a[href^="tel:"], main span > a[href^="mailto:"],
  .footer span > a[href^="tel:"], .footer span > a[href^="mailto:"]{ display:inline-block; padding:5px 0; }
}