/* ------------------------------------------------ Seite /medat-deutsche (Präfix mdd-) */

/* 100 Plätze als Leiste mit Klammer über den nicht vorbehaltenen 25 */
.mdd-leiste { margin: 30px 0 32px; padding: 26px 28px 22px; border-radius: 24px; background: var(--r-weiss); }
.mdd-klammer { display: flex; flex-direction: column; align-items: flex-end; margin-bottom: 6px; }
.mdd-klammer span { font: 700 12.5px/1.2 "Work Sans", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: var(--akzent-tief); margin-bottom: 6px; }
.mdd-klammer i { display: block; width: calc(25% - 1px); height: 10px; border: 2px solid var(--akzent); border-bottom: 0; border-radius: 8px 8px 0 0; }

.mdd-balken { display: flex; gap: 4px; height: 76px; }
.mdd-balken span { min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 14px; text-align: center; padding: 0 4px; }
.mdd-balken .mdd-at { flex: 75; background: color-mix(in srgb, var(--r-leise) 26%, var(--r-weiss)); color: var(--r-text); }
.mdd-balken .mdd-eu { flex: 20; background: var(--akzent); color: #fff; }
.mdd-balken .mdd-frei { flex: 5; min-width: 34px; background: var(--r-weiss); box-shadow: inset 0 0 0 2px var(--akzent); color: var(--r-kopf); }
.r-band .mdd-balken b { color: inherit; font: 800 24px/1 "Manrope", sans-serif; letter-spacing: -0.02em; }
.mdd-balken em { font: 400 13px/1.15 "Work Sans", sans-serif; font-style: normal; }

.mdd-leiste figcaption { display: grid; gap: 8px; margin-top: 20px; }
.mdd-leiste figcaption span { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; gap: 10px; font: 300 15px/1.45 "Work Sans", sans-serif; color: var(--r-text); }
.mdd-leiste figcaption i { width: 16px; height: 16px; border-radius: 4px; }
.mdd-leiste figcaption i.mdd-at { background: color-mix(in srgb, var(--r-leise) 26%, var(--r-weiss)); }
.mdd-leiste figcaption i.mdd-eu { background: var(--akzent); }
.mdd-leiste figcaption i.mdd-frei { box-shadow: inset 0 0 0 2px var(--akzent); }

/* Tabellen */
.r-band .mdd-faelle td:first-child { font-weight: 300; color: var(--r-text); }
.mdd-faelle td:last-child { width: 1%; white-space: nowrap; }

@media (max-width: 640px) {
  .mdd-faelle th, .mdd-faelle td, .mdd-vergleich th, .mdd-vergleich td { padding-left: 10px; padding-right: 10px; }
  .mdd-vergleich table, .r-band .mdd-faelle td:first-child { font-size: 14.5px; }
  .mdd-vergleich table { min-width: 0; width: 100%; }
  .mdd-leiste { padding: 20px 14px 18px; }
  .mdd-balken { height: 66px; }
  .mdd-balken em { font-size: 11px; }
  .mdd-balken .mdd-eu em { display: none; }
  .r-band .mdd-balken b { font-size: 19px; }
  .mdd-klammer span { font-size: 11px; letter-spacing: 0.05em; }
}

@media (prefers-color-scheme: dark) {
  .mdd-balken .mdd-eu { color: #1b1815; }
}