/* coach-profil.css - ERZEUGT, nicht von Hand bearbeiten.
 * Quelle: _scripts/coach_pipeline/config/layout-config.json -> design
 * Erzeuger: _scripts/coach_pipeline/gen_plugin_css.py
 *
 * Die Inline-Stile im post_content tragen Farben, Flaechen und Abstaende; sie ueberleben
 * den kses-Filter und funktionieren ohne dieses Stylesheet. Hier steht nur, was inline
 * nicht moeglich ist.
 */

.coach-cta {
  transition: background-color .15s ease, border-color .15s ease, transform .1s ease;
}
.coach-cta:hover,
.coach-cta:focus-visible {
  background-color: #005A8B !important;
  border-color: #005A8B !important;
  color: #FFFFFF !important;
}
.coach-cta:focus-visible {
  outline: 3px solid #47A1E1;
  outline-offset: 3px;
}
.coach-cta:active { transform: translateY(1px); }

/* Echtes Haken-Icon aus dem AVGS-Layout statt des Ersatzzeichens.
 * Das Zeichen im HTML wird ausgeblendet und durch das Icon ersetzt. */
.coach-schwerpunkte li > span[aria-hidden],
.coach-zielgruppe  li > span[aria-hidden] {
  font-size: 0 !important;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%2347A1E1'%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM369%20209L241%20337c-9.4%209.4-24.6%209.4-33.9%200l-64-64c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l47%2047L335%20175c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.coach-qualifikationen tr:hover td { background-color: #E6F3FB; }
.coach-faq-item { transition: border-color .15s ease; }
.coach-faq-item:hover { border-color: #47A1E1; }

@media (max-width: 640px) {
  .coach-profilkarte { gap: 18px !important; }
  .coach-profilbild { width: 140px !important; height: 175px !important; }
  .coach-werdegang li > span:first-child { flex-basis: 100% !important; }
  .coach-cta { display: block !important; text-align: center; }
}