/* Local demo (Michael, 02.11.2026, settled 03.11.2026): pointers to the city pass calculator, includes/rechnerwerbung-demo.php.
   Only the chosen forms stay: band a, the strip of the ticket card on a spot and the card k (right column of the city page,
   compact under the ticket on a spot). muvamo-design: one blue, ink text, spacing scale, radius 15 boxes / 12 buttons / pill
   chips. Pairs: white on blue bold, ink on white/linen/peach/#feefe6, white on #1f2a44, white on #111. */

.mvm-rw { font-family: var(--mv-font-body); color: var(--mv-ink); }
.mvm-rw p { margin: 0 !important; line-height: 1.4; }
.mvm-rw p { padding: 0 !important; }
.mvm-rw .mvm-rw-satz { font-size: var(--mv-fs-2); line-height: var(--mv-lh-box); font-weight: var(--mv-fw-text); text-wrap: pretty; }
.mvm-rw .mvm-rw-quelle { padding: var(--mv-space-3) var(--mv-space-5) var(--mv-space-4); color: var(--mv-muted); font-size: var(--mv-fs-1); line-height: 1.5; }

/* button: first button blue/white bold */
.mvm-rw a.mvm-rw-btn { display: flex; align-items: center; justify-content: center; gap: var(--mv-space-2); width: 100%; min-height: 52px; margin: var(--mv-space-4) 0 0; padding: var(--mv-space-2) var(--mv-space-4); border: var(--mv-border) solid transparent; border-radius: var(--mv-radius-m); font-size: var(--mv-fs-3); font-weight: var(--mv-fw-bold); line-height: 1.25; text-align: center; text-decoration: none; transition: background-color var(--mv-dur-fast), box-shadow var(--mv-dur-fast); box-sizing: border-box; }
.mvm-rw a.mvm-rw-btn--blau { background: var(--mv-blue); color: var(--mv-white); }
.mvm-rw a.mvm-rw-btn svg { flex: none; stroke: currentColor; }
@media (hover: hover) and (pointer: fine) {
  .mvm-rw a.mvm-rw-btn:hover { box-shadow: inset 0 0 0 999px var(--mv-veil-hover); }
}
.mvm-rw a.mvm-rw-btn:active { box-shadow: inset 0 0 0 999px var(--mv-veil-press); transform: scale(.97); }
.mvm-rw a:focus-visible, .mvm-rw-tag:focus-visible { outline: 3px solid var(--mv-ink); outline-offset: 2px; box-shadow: 0 0 0 2px var(--mv-white); }
.mvm-rw a.mvm-rw-btn .mvm-rw-pfeil, .mvm-rw a.mvm-rw-kerg-weiter .mvm-rw-pfeil { transition: transform var(--mv-dur-fast); }
@media (hover: hover) and (pointer: fine) { .mvm-rw a.mvm-rw-btn:hover .mvm-rw-pfeil, .mvm-rw a.mvm-rw-tag:hover .mvm-rw-pfeil { transform: translateX(3px); } }

/* ---------- band a: full width further down, tiles per trip length ---------- */
.et_pb_section.mvm-rw-sektion { margin-top: 0 !important; padding: var(--mv-space-7) 0 !important; border-top: 0 !important; background: var(--mv-linen); box-shadow: none !important; }
.mvm-rw-band-in { display: grid; gap: var(--mv-space-6); }
.mvm-rw-band .mvm-rw-kicker { color: var(--mv-muted); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); letter-spacing: .04em; text-transform: uppercase; }
.mvm-rw-band h2.mvm-rw-h { margin: var(--mv-space-3) 0 0 !important; padding: 0; color: var(--mv-blue); font-size: var(--mv-fs-4); font-weight: var(--mv-fw-bold); line-height: 1.2; text-wrap: balance; }
.mvm-rw-band .mvm-rw-band-text .mvm-rw-satz { margin-top: var(--mv-space-4) !important; font-size: var(--mv-fs-3); line-height: 1.55; max-width: 32em; }
.mvm-rw-band .mvm-rw-band-text a.mvm-rw-btn { width: auto; display: inline-flex; margin-top: var(--mv-space-5); padding: var(--mv-space-2) var(--mv-space-5); }
.mvm-rw-band-bild { min-width: 0; }
.mvm-rw-band-bild--tage > .mvm-rw-satz { padding-bottom: 0 !important; }
.mvm-rw.mvm-rw-band p.mvm-rw-quelle { padding: var(--mv-space-4) 0 0 !important; }
@media (max-width: 767px) { .mvm-rw-band .mvm-rw-band-text a.mvm-rw-btn { display: flex; width: 100%; } }
@media (min-width: 981px) {
  .mvm-rw-band-in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--mv-space-7); }
  .mvm-rw-band h2.mvm-rw-h { font-size: var(--mv-fs-5); }
}
.mvm-rw ul.mvm-rw-tage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mv-space-2); margin: var(--mv-space-3) 0 0; padding: 0; list-style: none; }
.mvm-rw-tage li { margin: 0; padding: 0; }
@media (min-width: 768px) { .mvm-rw ul.mvm-rw-tage { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mvm-rw a.mvm-rw-tag { display: grid; grid-template-rows: auto auto auto 1fr; gap: var(--mv-space-1); height: 100%; min-height: var(--mv-tap); padding: var(--mv-space-4); border: var(--mv-border) solid var(--mv-hairline); border-radius: var(--mv-radius-card); background: var(--mv-white); color: var(--mv-ink); text-decoration: none; box-sizing: border-box; transition: border-color var(--mv-dur-fast); }
.mvm-rw a.mvm-rw-tag.ist-wahl { border: var(--mv-border-strong) solid var(--mv-blue); padding: var(--mv-space-4); }
.mvm-rw-tag-kopf { display: flex; align-items: center; justify-content: space-between; gap: var(--mv-space-2); min-height: 24px; }
.mvm-rw-tag-d { font-size: var(--mv-fs-3); font-weight: var(--mv-fw-bold); white-space: nowrap; }
.mvm-rw-tag-wahl { padding: var(--mv-space-1) var(--mv-space-2); border-radius: var(--mv-radius-pill); background: var(--mv-peach); color: var(--mv-ink); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); line-height: 1.4; white-space: nowrap; }
.mvm-rw-tag-s { color: var(--mv-muted); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-semi); line-height: 1.4; }
.mvm-rw-tag-w { margin-top: var(--mv-space-2); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); line-height: var(--mv-lh-head); }
.mvm-rw-tag-fuss { display: flex; align-items: center; justify-content: space-between; gap: var(--mv-space-2); align-self: end; margin-top: var(--mv-space-2); }
.mvm-rw-tag-e { display: inline-block; padding: var(--mv-space-1) var(--mv-space-2); border-radius: var(--mv-radius-pill); background: var(--mv-linen); color: var(--mv-ink); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); line-height: 1.4; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mvm-rw-tag-e--spar { background: var(--mv-blue); color: var(--mv-white); }
.mvm-rw-tag .mvm-rw-pfeil { flex: none; color: var(--mv-ink); transition: transform var(--mv-dur-fast); }
@media (hover: hover) and (pointer: fine) { .mvm-rw a.mvm-rw-tag:hover { border-color: var(--mv-ink); } }
.mvm-rw a.mvm-rw-tag:active { transform: scale(.97); }

/* ---------- spot: the strip under the price row is the original .mvm-pass of muvamo-stammdaten.css; the short line
   "In the ..." stays on one line on the desktop, "Compare" on the right like "More infos" ---------- */
.mvm-pass.mvm-rw-streifen { flex-wrap: nowrap; }
.mvm-pass.mvm-rw-streifen p.mvm-pass-t { flex: 1 1 auto; min-width: 0; }
.mvm-pass.mvm-rw-streifen p.mvm-pass-t > span { text-wrap: balance; }
.mvm-pass.mvm-rw-streifen .mvm-ic { flex: none; }

/* ---------- k: in the right column a card of its own, on the spot a part of the ticket card under the ticket ----------
   card: light peach ground #feefe6 with a soft shadow (Michael's wish, instead of the rule "border in the reading flow"), the
   stage on top with a blurred photo behind the tickets; text never sits on a photo. Measured pairs (scripts/kontrast.py): ink
   on #feefe6 and #f6d8c1, #5a5f69 border on #feefe6 and #f6d8c1, white on blue bold (gap 1), ink on white. */
.mvm-rw.mvm-rw-5 { box-sizing: border-box; min-width: 0; text-align: left; }
.mvm-rw.mvm-rw-5--karte { margin: 0 0 var(--mv-space-5); padding: 0; border: var(--mv-border) solid transparent; border-radius: var(--mv-radius-card); background: var(--mv-blue-tint); /* light blue card (Michael, 12.11.2026) */ box-shadow: 0 2px 4px rgba(17, 17, 17, .06), 0 12px 32px rgba(17, 17, 17, .12); overflow: hidden; }
/* !important bei margin und padding: hebt die Grundabstände für Überschriften und Absätze auf (lokal auf keiner Prüfseite eingebunden, daher nicht gemessen, 12.11.2026) */
.mvm-rw-5 .mvm-rw-titel { display: block; margin: 0 !important; padding: 0 !important; color: var(--mv-ink); font-family: var(--mv-font-body); font-size: var(--mv-head-box); /* Kastenüberschrift 18/20 (Michael, 11.11.2026, vorher Stufe 2) */ font-weight: var(--mv-fw-bold); line-height: var(--mv-lh-head); text-wrap: balance; }
/* Titel: Stufe 2 Zwischenüberschrift aus tokens.css (--mv-head-2), 2026-11-11 */
.mvm-rw-5 a.mvm-rw-btn { height: auto; margin-top: var(--mv-space-4); min-height: var(--mv-control-h); }
.mvm-rw-5 .mvm-rw-btn svg.mvm-rw-pfeil { width: 18px; height: 18px; }
.mvm-rw-kbuehne { position: relative; overflow: hidden; padding: var(--mv-space-5) var(--mv-space-4) var(--mv-space-4); background: var(--mv-linen); }
.mvm-rw-kfoto { position: absolute; inset: 0; display: block; pointer-events: none; }
.mvm-rw-kfoto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mvm-rw-kfoto--weich img { filter: blur(5px); transform: scale(1.12); }
.mvm-rw-kkoerper { padding: 16px var(--mv-box-padding, 24px) var(--mv-box-padding, 24px); }   /* top 16 under the stage, sides and bottom the shared inner spacing (2026-11-08) */

/* tickets: a real ticket (notches top and bottom at the perforation, a stub with the pass sign), white paper or brand blue for
   the best one; the outer span carries the shadow (drop-shadow follows the mask), the inner span the shape; straight and
   level, each ticket a little further right */
.mvm-rw-ktickets { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; }
.mvm-rw-kt { --stub: 48px; position: relative; display: block; width: 256px; max-width: calc(100% - 32px); filter: drop-shadow(0 1px 1px rgba(17, 17, 17, .18)) drop-shadow(0 4px 8px rgba(17, 17, 17, .14)); transition: transform var(--mv-dur-enter) cubic-bezier(.16, 1, .3, 1); }
.mvm-rw-kt + .mvm-rw-kt { margin-top: var(--mv-space-2); }
.mvm-rw-kt-in { display: flex; align-items: stretch; height: 56px; border-radius: var(--mv-radius-s); background: var(--mv-white) linear-gradient(115deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 55%); color: var(--mv-ink); box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .08);
  -webkit-mask: radial-gradient(circle 7px at calc(100% - var(--stub)) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 7px at calc(100% - var(--stub)) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;
          mask: radial-gradient(circle 7px at calc(100% - var(--stub)) 0, #0000 97%, #000) top / 100% 51% no-repeat, radial-gradient(circle 7px at calc(100% - var(--stub)) 100%, #0000 97%, #000) bottom / 100% 51% no-repeat;
  transition: background-color var(--mv-dur-base), color var(--mv-dur-base); }
.mvm-rw-kt-text { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: var(--mv-space-1); padding: 0 var(--mv-space-2) 0 var(--mv-space-4); }
.mvm-rw-kt-art { color: var(--mv-muted); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); line-height: var(--mv-lh-tight); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.mvm-rw-kt-n { font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mvm-rw-kt-best { display: none; align-self: center; flex: none; margin-right: var(--mv-space-2); padding: var(--mv-space-1) var(--mv-space-2); border-radius: var(--mv-radius-pill); background: var(--mv-white); color: var(--mv-ink); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.mvm-rw-kt-abriss { flex: none; display: grid; place-items: center; width: var(--stub); margin: var(--mv-space-2) 0; border-left: var(--mv-border-strong) dotted rgba(17, 17, 17, .3); }
.mvm-rw-kt-abriss svg { width: 20px; height: 20px; stroke: var(--mv-blue); }
.mvm-rw-kt--1 { transform: translateX(-12px); }
.mvm-rw-kt--2 { transform: translateX(0); }
.mvm-rw-kt--3 { transform: translateX(12px); }
.mvm-rw-kt.ist-best { z-index: var(--mv-z-raised); filter: drop-shadow(0 2px 2px rgba(17, 17, 17, .2)) drop-shadow(0 8px 16px rgba(17, 17, 17, .2)); }
.mvm-rw-kt.ist-best .mvm-rw-kt-in { background-color: var(--mv-blue); color: var(--mv-white); box-shadow: none; }
.mvm-rw-kt.ist-best .mvm-rw-kt-art { color: var(--mv-white); }
.mvm-rw-kt.ist-best .mvm-rw-kt-best { display: inline-block; }
.mvm-rw-kt.ist-best .mvm-rw-kt-abriss { border-left-color: rgba(255, 255, 255, .7); }
.mvm-rw-kt.ist-best .mvm-rw-kt-abriss svg { stroke: var(--mv-white); }

/* head: title and the pace as a small native choice in one row (03.11.2026: the pace is changed less often than the days) */
.mvm-rw-kkopf { display: flex; align-items: center; justify-content: space-between; gap: var(--mv-space-2) var(--mv-space-3); }
.mvm-rw-kkopf .mvm-rw-titel { flex: 1 1 0; min-width: 0; }
/* Handy: reicht der Platz nicht, rutscht der Tempo-Knopf unter den Titel, damit der Titel höchstens zwei Zeilen hat (2026-11-11) */
@media (max-width: 767px) { .mvm-rw-kkopf { flex-wrap: wrap; } .mvm-rw-kkopf .mvm-rw-titel { flex: 1 1 12em; } }
.mvm-rw-ktempo-wahl { flex: none; min-height: var(--mv-tap); padding: var(--mv-space-1) var(--mv-space-5) var(--mv-space-1) var(--mv-space-3); border: var(--mv-border) solid var(--mv-muted); border-radius: var(--mv-radius-pill); background: var(--mv-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center; color: var(--mv-ink); font-family: var(--mv-font-body); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); line-height: 1.2; -webkit-appearance: none; appearance: none; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { .mvm-rw-ktempo-wahl:hover { border-color: var(--mv-ink); } }
.mvm-rw-ktempo-wahl:focus-visible { outline: 3px solid var(--mv-ink); outline-offset: 2px; box-shadow: 0 0 0 2px var(--mv-white); }
.mvm-rw-nurvorlesen { position: absolute !important; width: 1px; height: 1px; margin: -1px !important; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* days: the main choice, one row of chips; as many equal columns as the city has days, so 1 to 3 (Salzburg) fill the row
   like 1 to 6 (Vienna) do (Michael, 2026-11-12: "sonst sieht es halb fertig aus") */
.mvm-rw-kwahl { margin-top: var(--mv-space-4); }
.mvm-rw-kwahl-k { display: block; margin-bottom: var(--mv-space-2); color: var(--mv-ink); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); line-height: var(--mv-lh-head); letter-spacing: .04em; text-transform: uppercase; }
.mvm-rw-kchips { display: grid; gap: var(--mv-space-2); }
.mvm-rw-kchips--tage { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--mv-space-1); }
.mvm-rw-kc { position: relative; display: block; min-width: 0; margin: 0; cursor: pointer; }
.mvm-rw-kc input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.mvm-rw-kc span { display: flex; align-items: center; justify-content: center; min-height: var(--mv-tap); padding: var(--mv-space-1); border: var(--mv-border) solid var(--mv-muted); border-radius: var(--mv-radius-pill); background: var(--mv-white); color: var(--mv-ink); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); line-height: 1.2; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; box-sizing: border-box; transition: background-color var(--mv-dur-fast), color var(--mv-dur-fast), border-color var(--mv-dur-fast), box-shadow var(--mv-dur-fast); }
@media (hover: hover) and (pointer: fine) { .mvm-rw-kc:hover input:not(:checked) + span { box-shadow: inset 0 0 0 999px var(--mv-veil-hover); } }
.mvm-rw-kc input:active + span { box-shadow: inset 0 0 0 999px var(--mv-veil-press); }
.mvm-rw-kc input:checked + span { border-color: var(--mv-blue); background: var(--mv-blue); color: var(--mv-white); }
.mvm-rw-kc input:focus-visible + span { outline: 3px solid var(--mv-ink); outline-offset: 2px; box-shadow: 0 0 0 2px var(--mv-white); }
/* computer with a mouse (Michael 03.11.2026): flatter choices, about 36 px, so the button stays the largest element; touch and
   narrow screens keep 44 px. 14 px instead of the step 15 of the type scale, at Michael's request ("Schrift etwas kleiner") */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
  .mvm-rw-kc span { min-height: 36px; padding: var(--mv-space-1) var(--mv-space-1); font-size: var(--mv-fs-2); }
  .mvm-rw-ktempo-wahl { min-height: 36px; padding: var(--mv-space-1) var(--mv-space-5) var(--mv-space-1) var(--mv-space-3); font-size: var(--mv-fs-2); }
}

/* result */
.mvm-rw-5 p.mvm-rw-kerg { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mv-space-1) var(--mv-space-2); margin-top: var(--mv-space-4) !important; padding: var(--mv-space-3) var(--mv-space-4) !important; border-radius: var(--mv-radius-m); background: var(--mv-navy); color: var(--mv-white); line-height: 1.4; } /* dark result field, fixed (Michael, 12.11.2026): white on #1f2a44 above 13:1, saving stays ink on peach */
.mvm-rw-kerg-a { flex: 1 0 100%; color: var(--mv-white); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-text); }
.mvm-rw-kerg-b { color: var(--mv-white); font-size: var(--mv-fs-3); font-weight: var(--mv-fw-bold); }
.mvm-rw-kerg-s { padding: var(--mv-space-1) var(--mv-space-3); border-radius: var(--mv-radius-pill); background: var(--mv-peach); color: var(--mv-ink); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mvm-rw-kerg-s[hidden] { display: none; }

/* the button in two lines, where it goes and, small, what you can do there */
.mvm-rw-5--k a.mvm-rw-k-knopf { padding: var(--mv-space-2) var(--mv-space-4); }
.mvm-rw-k-knopf-t { display: flex; flex-direction: column; align-items: center; gap: var(--mv-space-1); min-width: 0; }
.mvm-rw-k-knopf-h { display: inline-flex; align-items: center; gap: var(--mv-space-2); font-size: var(--mv-fs-3); font-weight: var(--mv-fw-bold); }
.mvm-rw-k-knopf-u { font-size: var(--mv-fs-2); font-weight: var(--mv-fw-semi); line-height: 1.25; }

/* spot: no ticket picture, as low as possible; peach ground, the white result card, button and selected chip in the dark blue
   of the pass strip above (#1f2a44; measured: white on #1f2a44 14,25:1, #1f2a44 on peach 10,53:1) */
.mvm-rw.mvm-rw-5--k.mvm-rw-5--spot { padding: 16px var(--mv-box-padding, 24px); border-top: 0; background: var(--mv-blue-tint); }
.mvm-rw-5--spot .mvm-rw-kwahl { margin-top: var(--mv-space-2); }
.mvm-rw-5--spot .mvm-rw-kc input:checked + span { border-color: var(--mv-navy); background: var(--mv-navy); color: var(--mv-white); }
.mvm-rw-5--spot p.mvm-rw-kerg { gap: 0 var(--mv-space-2); margin-top: var(--mv-space-2) !important; padding: var(--mv-space-2) var(--mv-space-3) !important; line-height: var(--mv-lh-head); }
.mvm-rw-5--spot .mvm-rw-kerg-a { margin-bottom: var(--mv-space-1); }
.mvm-rw-5--spot .mvm-rw-kerg-s { padding: var(--mv-space-1) var(--mv-space-3); }
/* spot and city page: a quiet link line under the result instead of a second button; says that your own data go in (Michael, 12.11.2026) */
.mvm-rw-5--k a.mvm-rw-kerg-weiter { display: flex; flex-direction: column; align-items: flex-start; gap: 0; margin-top: var(--mv-space-3); padding: 0; color: var(--mv-navy); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); text-decoration: none; }
.mvm-rw-5--spot a.mvm-rw-kerg-weiter { margin-top: var(--mv-space-2); }
.mvm-rw-5--k a.mvm-rw-kerg-weiter svg { flex: none; stroke: currentColor; }
.mvm-rw-kerg-weiter-h { display: inline-flex; align-items: center; gap: var(--mv-space-2); font-size: var(--mv-fs-3); }
.mvm-rw-kerg-weiter-u { font-size: var(--mv-fs-1); font-weight: var(--mv-fw-semi); color: var(--mv-ink); }
.mvm-rw-5--spot .mvm-rw-kerg-weiter-h { font-size: var(--mv-fs-2); }
@media (hover: hover) and (pointer: fine) { .mvm-rw-5--k a.mvm-rw-kerg-weiter:hover .mvm-rw-kerg-weiter-h { text-decoration: underline; } }
.mvm-rw a.mvm-rw-btn--dunkel { background: var(--mv-navy); color: var(--mv-white); }
.mvm-rw-5--spot a.mvm-rw-btn { margin-top: var(--mv-space-2); min-height: var(--mv-tap); }
/* on a spot one step smaller than on the city page (Michael, 03.11.2026): the ticket card above leads, 16 px like the tours */
.mvm-rw-5--spot .mvm-rw-titel { font-size: var(--mv-head-3); } /* Stufe 3 Kastentitel (11.11.2026), vorher 16 px */
.mvm-rw-5--spot .mvm-rw-kerg-b,
.mvm-rw-5--spot .mvm-rw-k-knopf-h { font-size: var(--mv-fs-2); }
.mvm-rw-5--spot .mvm-rw-k-knopf-u { font-size: var(--mv-fs-1); }
@media (hover: hover) and (pointer: fine) { .mvm-rw a.mvm-rw-btn--dunkel:hover { box-shadow: inset 0 0 0 999px rgba(255, 255, 255, .14); } }
.mvm-rw a.mvm-rw-btn--dunkel:active { box-shadow: inset 0 0 0 999px rgba(255, 255, 255, .22); }

@media (prefers-reduced-motion: reduce) {
  .mvm-rw a.mvm-rw-btn, .mvm-rw a.mvm-rw-tag, .mvm-rw .mvm-rw-pfeil, .mvm-rw-kt, .mvm-rw-kt-in, .mvm-rw-kc span { transition: none; }
  .mvm-rw a.mvm-rw-btn:active, .mvm-rw a.mvm-rw-tag:active { transform: none; }
}

/* Hook over the ticket stage (Michael, 12.11.2026): what it is about and that it is our calculator, before the tickets */
.mvm-rw-khook { padding: var(--mv-box-padding, 24px) var(--mv-box-padding, 24px) var(--mv-space-4); background: var(--mv-blue-tint); }
.mvm-rw-5 p.mvm-rw-khook-k { display: flex; align-items: center; gap: var(--mv-space-2); margin: 0 0 var(--mv-space-2) !important; padding: 0 !important; color: var(--mv-ink); font-size: var(--mv-fs-1); font-weight: var(--mv-fw-bold); letter-spacing: var(--mv-tracking-caps); line-height: var(--mv-lh-head); text-transform: uppercase; }
.mvm-rw-khook-k svg { flex: none; width: var(--mv-fs-3); height: var(--mv-fs-3); color: var(--mv-blue); }
/* the icons of the card also on pages without the stammdaten styles (blog posts) */
.mvm-rw-5--text svg.mvm-ic, .mvm-rw-khook svg.mvm-ic, .mvm-rw-5--spot p.mvm-rw-khook-k svg.mvm-ic { flex: none; width: var(--mv-fs-3); height: var(--mv-fs-3); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mvm-rw-5 p.mvm-rw-khook-s { margin: var(--mv-space-2) 0 0 !important; padding: 0 !important; color: var(--mv-ink); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-text); line-height: var(--mv-lh-box); }
.mvm-rw-kkopf-t { flex: 1 1 0; min-width: 0; color: var(--mv-ink); font-size: var(--mv-fs-2); font-weight: var(--mv-fw-bold); line-height: var(--mv-lh-head); }
@media (max-width: 767px) { .mvm-rw-kkopf-t { flex: 1 1 12em; } }

/* Form "text": the card k inside a blog post in place of the pass box (demo ?blogwerbung=rechner). Computer: the picture with
   the tickets is the left column over the full height, hook, choice, result and button stand on the right (Michael,
   12.11.2026: hook and tickets on the same peach had no separation). Phone: hook, then the picture edge to edge, then the rest. */
.mvm-rw.mvm-rw-5--text { margin: var(--mv-space-6) 0; padding: 0; border-radius: var(--mv-radius-card); background: var(--mv-blue-tint); box-shadow: var(--mv-shadow-float); overflow: hidden; }
.mvm-rw-5--text .mvm-rw-kt { width: calc(var(--mv-space-9) * 3); }
@media (min-width: 768px) {
  .mvm-rw.mvm-rw-5--text { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-rows: auto 1fr; }
  .mvm-rw-5--text .mvm-rw-kbuehne { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; }
  .mvm-rw-5--text .mvm-rw-khook { grid-column: 2; grid-row: 1; padding-bottom: 0; }
  .mvm-rw-5--text .mvm-rw-kkoerper { grid-column: 2; grid-row: 2; }
}

/* The result field opens the calculator like the button (Michael, 12.11.2026): pointer and a lighter veil on hover */
.mvm-rw-5--k p.mvm-rw-kerg { cursor: pointer; transition: background-color var(--mv-dur-fast) var(--mv-ease); }
@media (hover: hover) and (pointer: fine) { .mvm-rw-5--k p.mvm-rw-kerg:hover { background: color-mix(in srgb, var(--mv-navy) 88%, var(--mv-white)); } /* only a lighter colour, no frame (Michael, 12.11.2026) */ }
@media (prefers-reduced-motion: reduce) { .mvm-rw-5--k p.mvm-rw-kerg { transition: none; } }
/* spot without a pass (demo, Michael, 12.11.2026): the wide blog card under the tags of the left column */
.mvm-rw-5--text[data-mvm-ort="spot_ohne_pass"] { margin-top: var(--mv-space-6); }
/* phone and tablet: the columns stack and the card would stand right above the ticket card; there the strip in the ticket card does the job */
@media (max-width: 980px) { .mvm-rw-5--text[data-mvm-ort="spot_ohne_pass"] { display: none; } }
/* spot without a pass, round 3: the small label above the question; the question wraps, the pace stays on the right */
.mvm-rw-5--spot[data-mvm-ort="spot_ohne_pass"] .mvm-rw-kkopf { align-items: flex-start; }
/* free sight without a ticket (round 4, 12.11.2026): the full card as its own card under the admission card */
.mvm-rw-5--karte[data-mvm-ort="spot_frei"] { margin-top: var(--mv-space-5); }
/* ... and where it stands alone in place of the admission card, no gap above it */
.mvm-rw-5--karte[data-mvm-ort="spot_frei"]#muvamo-visit { margin-top: 0; }