/* Ergänzungen vom 06.10.2026 (Inhalte von Vito)
   Wird NACH style.css geladen und nutzt dessen Farben (--gold, --line …).
   Enthält: Tariflisten in den Preiskarten, Hinweise unter den Preisen,
   „Coming soon“-Box (Wellness) und das 3er-Raster für die Trainerkarten. */

/* ---------- Tariflisten in den Preiskarten ---------- */
.tariffs{margin:4px 0 14px;display:grid;align-content:start;flex:1}
.tariffs div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.tariffs div:first-child{border-top:1px solid var(--line)}
.tariffs dt{color:var(--fg-soft);font-size:15px;line-height:1.3}
.tariffs dd{margin:0;text-align:right;white-space:nowrap;font:800 26px/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}
.tariffs dd small{display:block;margin-top:4px;font:500 12px/1.2 var(--body);color:var(--mute)}

.price-notes{margin-top:28px;display:grid;gap:8px;max-width:62ch}
.price-notes p{margin:0;color:var(--fg-soft);font-size:15px}
.price-notes strong{color:var(--fg)}

/* ---------- Coming soon (Wellness) ---------- */
.soon{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:22px 24px;border:1px dashed var(--gold);background:var(--bg)}
.soon h3{font-size:30px;font-weight:800}
.soon p{margin:0;flex-basis:100%;color:var(--mute);font-size:15px}
.soon-badge{font-size:12px;font-weight:700;color:var(--ink);background:var(--gold);padding:4px 9px}

/* ---------- Trainer: 6 Karten im 3er-Raster ---------- */
.team.team-6{grid-template-columns:repeat(3,1fr)}
.coach-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05)}
@media (max-width:980px){.team.team-6{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.team.team-6{grid-template-columns:1fr}}

/* ---------- Korrekturen nach Sichtprüfung (06.10.2026) ---------- */
/* Probetraining-Karte: Listenpunkte oben halten, auch wenn die Karte so hoch wird wie die Tarifkarten */
.price-card ul{align-content:start}
/* Gürtel-Foto (Gründer): style.css erlaubt 388 px – auf schmalen Handys war die Seite dadurch breiter als der Bildschirm */
.split img.real.belt-photo{max-width:min(388px,100%)}
/* Kursplan (Wochenansicht): Deko auf den Matten (Handschuhe, Handtuch) ragt über den Rand und machte die Seite
   bei 861–1279 px etwas breiter als den Bildschirm. Nur waagerecht abschneiden, die feste Kopfzeile bleibt erhalten. */
main{overflow-x:clip}
/* Instagram-/Maps-Einbettung nach dem Laden: style.css zentriert die Inhalte (place-items:center). Neuere Browser wenden das
   auch im Block-Layout an, dadurch schrumpfte das Instagram-Raster auf eine Spalte. Nach dem Laden normal ausrichten. */
.consent-embed.is-loaded{place-items:normal}