/* ------------------------------------------- Seite /vmc (Präfix vmc-)
   Regal mit den Unterlagen je Testteil, VMC-Jahr als Zeitleiste. */

.r-band .vmc-mitte { text-align: center; max-width: 680px; margin-left: auto; margin-right: auto; }
.r-band .vmc-fuss { margin-top: 26px; font-size: 16px; color: var(--r-leise); }

/* Regal */
.vmc-regal { list-style: none; margin: 32px 0 30px; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.r-band .vmc-regal li { margin: 0; padding: 22px 20px 20px; border-radius: 22px; background: var(--r-weiss); border-top: 4px solid var(--akzent); box-shadow: 0 1px 2px rgba(60, 45, 30, 0.05), 0 18px 40px -28px rgba(60, 45, 30, 0.35); }
.vmc-regal-sym { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: color-mix(in srgb, var(--akzent) 13%, var(--r-weiss)); color: var(--akzent-tief); }
.vmc-regal-teil { display: block; margin: 16px 0 4px; font: 700 11.5px/1.2 "Work Sans", sans-serif; letter-spacing: 0.12em; text-transform: uppercase; color: var(--akzent-tief); }
.r-band .vmc-regal li > strong { display: block; font: 800 19px/1.25 "Manrope", sans-serif; letter-spacing: -0.015em; color: var(--r-kopf); }
.r-band .vmc-regal p { margin: 10px 0 0; font-size: 15px; line-height: 1.55; }

/* VMC-Jahr */
.vmc-jahr { list-style: none; position: relative; margin: 36px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.vmc-jahr::before { content: ""; position: absolute; top: 9px; left: 10%; right: 10%; height: 3px; border-radius: 2px; background: color-mix(in srgb, var(--akzent) 30%, transparent); }
.r-band .vmc-jahr li { position: relative; margin: 0; padding: 34px 6px 0; text-align: center; }
.vmc-jahr li::before { content: ""; position: absolute; top: 0; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background: var(--r-hell); border: 4px solid var(--akzent); box-sizing: border-box; }
.vmc-jahr li.loesch::before { border-color: var(--r-nein); }
.vmc-jahr li.test::before { background: var(--akzent); }
.vmc-jahr-wann { display: block; font: 700 12px/1.3 "Work Sans", sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: var(--r-leise); }
.vmc-jahr li.loesch .vmc-jahr-wann { color: var(--r-nein); }
.r-band .vmc-jahr li > strong { display: block; margin: 8px 0 6px; font: 800 21px/1.2 "Manrope", sans-serif; letter-spacing: -0.02em; color: var(--r-kopf); }
.r-band .vmc-jahr p { margin: 0; font-size: 15px; line-height: 1.55; }

@media (max-width: 960px) {
  .vmc-regal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vmc-regal li:last-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .vmc-jahr { grid-template-columns: 1fr; gap: 0; margin-top: 28px; }
  .vmc-jahr::before { top: 10px; bottom: 10px; left: 9px; right: auto; width: 3px; height: auto; }
  .r-band .vmc-jahr li { padding: 0 0 22px 40px; text-align: left; }
  .vmc-jahr li::before { left: 0; margin-left: 0; }
  .r-band .vmc-jahr li:last-child { padding-bottom: 0; }
  .r-band .vmc-jahr li > strong { margin-top: 4px; }
}

@media (max-width: 520px) {
  .vmc-regal { grid-template-columns: 1fr; }
}