#mrwiz.mrc-host{position:relative;z-index:5;max-width:600px;margin:0 auto;background:#fff;border:1px solid #ececec;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 34px rgba(0,0,0,.06);overflow:visible;color:#0b0b0c;text-align:left}
@media(max-width:991px){#mrwiz-wrap{padding-top:56px!important;padding-bottom:96px!important}}
/* Platz reservieren, solange der Rechner noch nicht gebaut ist (Layout-Sprung, 05.09.2026):
   der Kasten ist leer, bis calc-seite.js ihn füllt — ohne Mindesthöhe rutscht alles darunter
   beim Aufbau nach unten, mitten im Buchungsweg. Nur :empty, danach gilt die echte Höhe. */
#mrwiz:empty{min-height:560px}
#mrwiz .mrc-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0b0b0c;line-height:1.4;font-size:15px}
#mrwiz .mrc-app *,#mrwiz .mrc-app *::before,#mrwiz .mrc-app *::after{box-sizing:border-box}
#mrwiz .mrc-hd{padding:22px 20px 0}
#mrwiz .mrc-hd h1,#mrwiz .mrc-hd h2{margin:0 0 5px;font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#0b0b0c;text-transform:none}
#mrwiz .mrc-hd p{margin:0;font-size:13.5px;color:#6b6b70}
#mrwiz .mrc-seg{display:flex;gap:4px;margin:16px 20px 0;padding:4px;background:#f4f4f6;border-radius:12px}
/* ⚠️ 21.08.2026, vom Inhaber per Bildschirmfoto gemeldet: Die Reiter schnitten ihre
   Beschriftung ab. Auf /fr/ bei 375 px stand statt „Destinations populaires" nur
   „tinations popula" – vorne UND hinten abgeschnitten, weil der Text mittig steht und
   die Auslassungspunkte bei zentriertem Text nicht greifen. Auf Deutsch passt es knapp,
   in den seit 20.08. live geschalteten Sprachen nicht mehr: die längsten Beschriftungen
   sind „Destinations populaires" (fr), „Popüler varış noktaları" (tr) und „Популярные
   направления" (ru).
   Gewählter Weg: umbrechen statt abschneiden.
   - Auslassungspunkte scheiden aus: „Beliebte Zie…" ist genauso unbrauchbar wie jetzt.
   - Kurzformen scheiden aus: die vorhandenen (krDest/dest) heißen „Ziel"/„Destination"
     und meinen den Zielort einer Strecke, nicht die Liste beliebter Ziele. Sie hier
     einzusetzen hieße, den Reiter falsch zu beschriften.
   - Waagrecht scrollen scheidet aus: was rechts aus dem Bild läuft, findet niemand –
     und ein Kind über dem rechten Rand ist in der Prüfliste (H2) zu Recht ein Fehler.
   Die Reiter teilen sich die Breite jetzt nach ihrer Textlänge (flex-basis:auto), sodass
   der lange Reiter mehr bekommt als „Route"; reicht es trotzdem nicht, bricht der Text
   auf zwei Zeilen um und die Leiste wird höher. In sehr schmalen Fenstern geht die
   Schrift zusätzlich eine Stufe herunter. overflow-wrap:anywhere ist nur die Notbremse
   für ein einzelnes überlanges Wort – normale Wortgrenzen werden zuerst genutzt. */
#mrwiz .mrc-app .mrc-seg-b{display:flex;align-items:center;justify-content:center;text-align:center;flex:1 1 auto;min-width:0;min-height:38px;height:auto;margin:0;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#6b6b70;font-family:inherit;font-size:13px;font-weight:600;line-height:1.18;cursor:pointer;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:none}
@media(max-width:479px){#mrwiz .mrc-app .mrc-seg-b{font-size:12px;padding:5px 5px}}
@media(max-width:359px){#mrwiz .mrc-app .mrc-seg-b{font-size:11.5px;padding:5px 4px;letter-spacing:-.01em}}
#mrwiz .mrc-app .mrc-seg-b.on{background:#fff;color:#0b0b0c;box-shadow:0 1px 3px rgba(0,0,0,.12)}
#mrwiz .mrc-app .mrc-seg-b:focus-visible{outline:2px solid #0b0b0c;outline-offset:-2px}
#mrwiz .mrc-body{padding:6px 20px 20px}
#mrwiz .mrc-step{margin-top:14px;padding:16px 0 2px;border-top:1px solid #f0f0f1}
#mrwiz #mrc-s1{margin-top:0;padding-top:12px;border-top:0}
#mrwiz .mrc-slab{margin:0 0 10px;font-size:11px;font-weight:700;color:#8a8a8f;letter-spacing:.08em;text-transform:uppercase}
#mrwiz .mrc-f{margin:0 0 12px;min-width:0}
#mrwiz .mrc-f:last-child{margin-bottom:0}
#mrwiz .mrc-app .mrc-f label{display:block;margin:0 0 6px;font-size:11.5px;font-weight:600;color:#6b6b70;letter-spacing:.03em;text-transform:none;line-height:1.3}
#mrwiz .mrc-app .mrc-f input,#mrwiz .mrc-app .mrc-f select{width:100%;height:48px;margin:0;padding:0 12px;border:2px solid #e0e0e6;border-radius:12px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:16px;outline:none}
#mrwiz .mrc-app .mrc-f input[type=text],#mrwiz .mrc-app .mrc-f input[type=email],#mrwiz .mrc-app .mrc-f input[type=tel]{-webkit-appearance:none;appearance:none}
#mrwiz .mrc-app .mrc-f textarea{width:100%;height:76px;min-height:76px;max-height:200px;margin:0;padding:10px 12px;border:2px solid #e0e0e6;border-radius:12px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:16px;line-height:1.4;resize:vertical;outline:none;-webkit-appearance:none;appearance:none}
#mrwiz .mrc-app .mrc-f input:focus,#mrwiz .mrc-app .mrc-f select:focus,#mrwiz .mrc-app .mrc-f textarea:focus{border-color:#0b0b0c;box-shadow:0 0 0 3px rgba(11,11,12,.08)}
#mrwiz .mrc-app .mrc-bad{border-color:#b3261e!important}
#mrwiz .mrc-hint{margin:6px 0 0;font-size:11.5px;color:#8a8a8f;line-height:1.45}
#mrwiz .mrc-warn{display:none;margin:6px 0 0;font-size:11.5px;color:#b3261e;line-height:1.45}
#mrwiz .mrc-addr{position:relative}
#mrwiz .mrc-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:90;background:#fff;border:1px solid #ececec;border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.16);max-height:272px;overflow:auto;display:none;-webkit-overflow-scrolling:touch}
/* ⚠️ 21.08.2026: Die Liste legte sich über den „Weiter"-Knopf – am Handy traf der Finger
   statt des Knopfes einen Adressvorschlag. Würde sie ihn unten verdecken und ist oben
   mehr Platz, klappt sie nach OBEN auf. Welche Richtung es wird, misst sugStelle(); hier
   steht nur, wie „oben" aussieht. Der Schatten dreht mit, sonst läge er auf dem Feld. */
#mrwiz .mrc-sug.mrc-sug-oben{top:auto;bottom:calc(100% + 6px);box-shadow:0 -14px 38px rgba(0,0,0,.16)}
/* touch-action:manipulation nimmt dem Browser die Wartezeit auf einen möglichen
   Doppeltipp – ohne sie liegen am Handy 300 ms zwischen Finger und Auswahl.
   Die Zeilen sind außerdem hoch genug für einen Daumen (48 px). */
#mrwiz .mrc-it{display:flex;align-items:baseline;gap:8px;min-height:48px;padding:13px 14px;cursor:pointer;font-size:15px;color:#1c1c1e;border-bottom:1px solid #f3f3f4;line-height:1.25;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.06)}
#mrwiz .mrc-sug{touch-action:manipulation}
/* Schritte, die noch nicht an der Reihe sind, bleiben unsichtbar. */
#mrwiz .mrc-step.mrc-spaeter{display:none}
/* ===== Eine Frage pro Ansicht =====
   Vorgabe des Inhabers: immer nur EINE Frage sichtbar, nach jeder Eingabe geht es
   weiter. Eine erledigte Ansicht wird nicht mehr zu einer Zeile geschrumpft, sondern
   verschwindet ganz – ihre Antwort steht oben im Krümelpfad und ist dort antippbar.
   Deshalb hier display:none statt der früheren Zeilendarstellung. */
#mrwiz.mrc-1feld .mrc-step.mrc-zu{display:none}
#mrwiz.mrc-1feld .mrc-step{margin-top:0;padding:4px 0 2px;border-top:0}
/* Die Frage selbst trägt die Ansicht: groß, eine Zeile, kein Formularkleingedrucktes.
   Das alte Schrittetikett (.mrc-slab) bleibt im Markup, wird hier aber zur Überschrift. */
#mrwiz.mrc-1feld .mrc-step>.mrc-slab{margin:0 0 14px;font-size:21px;font-weight:800;color:#0b0b0c;letter-spacing:-.01em;text-transform:none;line-height:1.25}
@media(max-width:359px){#mrwiz.mrc-1feld .mrc-step>.mrc-slab{font-size:19px}}
/* Bei einer einzigen Frage je Ansicht ist die Beschriftung über dem Feld eine
   Wiederholung der Überschrift. Sie bleibt für Screenreader da, ist aber nicht sichtbar. */
#mrwiz.mrc-1feld .mrc-step.mrc-v-eins .mrc-f>label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Die beiden alten Sammelschritte sind im Ein-Feld-Betrieb nur noch Träger: ihre Felder
   sind in die Einzelfragen umgezogen, übrig bleiben eine Überschrift und ein leerer
   Container. Ohne diese Regel standen „1 · Ihre Fahrt" und „2 · Wann & wie viele" als
   127 Pixel toter Raum ÜBER der eigentlichen Frage – zwei Beschriftungen, zu denen es
   nichts mehr zu sehen gab. Die Träger bleiben im Markup, weil die Feldgruppen beim
   Wechsel der Ansicht aus ihnen heraus- und wieder hineinwandern; nur zeigen darf man
   sie nicht mehr. */
#mrwiz.mrc-1feld #mrc-s1>.mrc-slab,#mrwiz.mrc-1feld #mrc-s2>.mrc-slab{display:none}
#mrwiz.mrc-1feld #mrc-s1,#mrwiz.mrc-1feld #mrc-s2{padding:0}
/* ===== Gruppen-Modus: mehrere Fragen gleichzeitig =====
   Wunsch des Inhabers vom 21.08.2026: „Am besten direkt Abholort, Ziel etc., Zeit, Datum
   sofort einblenden anstatt aufzuklappen."
   Sobald vier Ansichten übereinander stehen, kippt die Gestaltung von oben: Vier
   Überschriften à 21 px sind eine Wand aus Fragen, und die Feld-Etiketten, die den Block
   überhaupt erst lesbar machen, sind ausgeblendet. Beides wird hier umgedreht – nur über
   diese eine Klasse, damit GRUPPEN=false auch optisch der vollständige Rückweg bleibt. */
#mrwiz.mrc-1feld.mrc-gruppe .mrc-step.mrc-v{padding:0 0 14px}
/* Die Ansichts-Überschrift tritt auf Etikettengröße zurück. */
#mrwiz.mrc-1feld.mrc-gruppe .mrc-step.mrc-v>.mrc-slab{margin:0 0 6px;font-size:11.5px;font-weight:600;color:#6b6b70;letter-spacing:.03em;text-transform:none;line-height:1.3}
/* Wo unter der Frage ein echtes Feld-Etikett steht, wäre die Frage darüber dieselbe
   Aussage zweimal („Wohin soll es gehen?" / „Nach"). Dort trägt das Etikett – es ist die
   kurze Form und genau das, was ein zusammenhängender Block braucht. Die Richtungsfrage
   (#mrc-v-rich) hat kein Etikett, ihre Überschrift bleibt deshalb stehen. */
#mrwiz.mrc-1feld.mrc-gruppe .mrc-step.mrc-v-eins>.mrc-slab{display:none}
#mrwiz.mrc-1feld.mrc-gruppe .mrc-step.mrc-v-eins .mrc-f>label{position:static;width:auto;height:auto;margin:0 0 6px;padding:0;overflow:visible;clip:auto;white-space:normal;border:0}
/* „Ihr Flug" steht bei Abholung AM Flughafen mitten im ersten Block (der Flug liefert
   dort die Abholzeit). Als 21-px-Überschrift zwischen lauter 11,5-px-Etiketten sprengt
   er die Zeile; er bleibt aber eine Überschrift, weil der Flugblock mit Hinweiskasten
   wirklich ein eigener Abschnitt ist. Deshalb kleiner, nicht weg. */
#mrwiz.mrc-1feld.mrc-gruppe #mrc-s4>.mrc-slab{margin:2px 0 10px;font-size:16px;font-weight:700}
/* Krümelpfad: die beantworteten Fragen als schmale Zeile zum Antippen.
   Er wird bewusst NICHT waagrecht scrollbar gemacht – ein Kind, das über den rechten
   Rand des Rechners hinausragt, gilt in der Prüfliste (H2) zu Recht als Fehler.
   Stattdessen umbrechen und auf die letzten Antworten begrenzen: höchstens zwei Zeilen. */
#mrwiz #mrc-krumen{display:none}
#mrwiz.mrc-1feld #mrc-krumen.mrc-kr-da{display:flex;flex-wrap:wrap;gap:6px;margin:14px 20px 0}
@media(max-width:359px){#mrwiz.mrc-1feld #mrc-krumen.mrc-kr-da{margin:12px 14px 0}}
#mrwiz .mrc-kr{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;padding:6px 11px;border:1px solid #e6e6ea;border-radius:999px;background:#fff;color:#1c1c1e;font-family:inherit;font-size:12.5px;line-height:1.2;cursor:pointer;text-align:left}
#mrwiz .mrc-kr:hover{background:#f5f5f7;border-color:#d8d8de}
#mrwiz .mrc-kr .k{flex:0 0 auto;color:#8a8a8f;font-size:11px}
#mrwiz .mrc-kr .v{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
@media(max-width:479px){#mrwiz .mrc-kr .v{max-width:104px}#mrwiz .mrc-kr{padding:5px 9px;font-size:12px;gap:5px}}
#mrwiz .mrc-kr-mehr{color:#8a8a8f}
/* Der automatisch erkannte Abholort: deutlicher als die übrigen Krümel und mit mehr
   Platz für die Adresse. Er ist die einzige Angabe, die der Kunde nicht selbst getippt
   hat — er muss sie lesen und prüfen können, ohne sie erst aufzutippen. */
#mrwiz .mrc-kr-gps{border-color:#0b0b0c;background:#0b0b0c;color:#fff}
#mrwiz .mrc-kr-gps:hover{background:#1c1c1e;border-color:#1c1c1e}
#mrwiz .mrc-kr-gps .k{color:#b9b9be}
#mrwiz .mrc-kr-gps .v{max-width:none}
@media(max-width:479px){#mrwiz .mrc-kr-gps .v{max-width:180px}}
#mrwiz .mrc-kr-ic{flex:0 0 auto;display:inline-flex}
#mrwiz .mrc-kr-ic svg{width:13px;height:13px;display:block;fill:currentColor}
/* Zurück-Knopf: der eine Weg, der immer geht – auch wenn gerade keine Antwort im
   Krümelpfad steht, auf die man tippen könnte. */
#mrwiz .mrc-kr-back{padding:6px 10px;font-weight:700}
/* ===== Desktop: Frage links, Route und Fixpreis rechts =====
   Entscheidung des Inhabers: auch am Desktop eine Frage pro Ansicht, aber die Breite
   nutzen. Die Route und der Preis stehen daneben statt darunter, damit der Kunde sieht,
   worüber er entscheidet, während er antwortet. */
#mrwiz #mrc-aside{display:none}
#mrwiz.mrc-1feld #mrc-aside.mrc-as-da{display:block;margin-top:18px}
/* Zwei Spalten hängen an der Breite des RECHNERS, nicht an der des Fensters.
   Eine Medienabfrage misst das Fenster – der Rechner steht aber in einer Spalte der
   Seite und ist dort oft nur halb so breit. Auf einem 1427 px breiten Bildschirm war
   der Rechner 623 px breit, die Aufteilung griff trotzdem, und die Fahrzeugkarten
   wurden auf ein Wort pro Zeile gequetscht. Die Marke setzt breiteSync() nach echter
   Messung; die Schwelle ist die Breite, ab der links noch eine Fahrzeugkarte Platz hat. */
/* Der Rechner ist sonst auf 600 px gedeckelt – darin ist für zwei Spalten kein Platz.
   Er wird nur dann breiter, wenn die Seite den Platz hergibt UND rechts wirklich etwas
   steht. Eine 980 px breite Schachtel mit einem einzigen leeren Feld sieht aus wie ein
   Fehler, nicht wie eine Gestaltung. */
#mrwiz.mrc-host.mrc-1feld.mrc-breit{max-width:980px}
#mrwiz.mrc-1feld.mrc-breit .mrc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);column-gap:26px;align-items:start}
#mrwiz.mrc-1feld.mrc-breit .mrc-body>#mrc-frage{grid-column:1;min-width:0}
#mrwiz.mrc-1feld.mrc-breit .mrc-body>#mrc-aside{grid-column:2;min-width:0;position:sticky;top:16px}
#mrwiz.mrc-1feld.mrc-breit .mrc-body>#mrc-aside.mrc-as-da{margin-top:4px}
#mrwiz.mrc-1feld.mrc-breit .mrc-body>#mrc-ok,#mrwiz.mrc-1feld.mrc-breit .mrc-body>.mrc-ask{grid-column:1/-1}
#mrwiz .mrc-asbox{padding:14px 16px;border:1px solid #ececec;border-radius:16px;background:#fafafa}
/* Zusammenfassung der Fahrt. Der Inhaber wollte sie ausdrücklich grün hinterlegt.
   Bewusst ein sehr blasses Grün mit dunkelgrüner Schrift statt eines kräftigen Tons:
   die Fläche steht dauerhaft neben jeder Frage, und ein sattes Grün würde dem Fixpreis
   und dem Weiter-Knopf die Aufmerksamkeit nehmen. Der Grünton ist derselbe, den die
   Seite schon bei WhatsApp benutzt – nur weit heruntergenommen. */
/* Steht die Zusammenfassung mit eigener Überschrift da, ist „Ihre Fahrt" darüber eine
   zweite Überschrift für dasselbe. Sie tritt zurück. */
#mrwiz .mrc-asbox.mrc-asbox-sum>.mrc-slab{display:none}
#mrwiz .mrc-assum{display:none}
#mrwiz .mrc-assum-da{display:block;margin:12px 0 0;padding:12px 13px;border:1px solid #cfe9d8;border-radius:14px;background:#f2faf5}
#mrwiz .mrc-assh{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1c6b42}
#mrwiz .mrc-assz{display:flex;align-items:baseline;gap:9px;width:100%;padding:8px 0;border:0;border-top:1px solid #dcefe4;background:none;font-family:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;color:#0b0b0c}
#mrwiz .mrc-assz:first-of-type{border-top:0}
#mrwiz .mrc-assz:hover{background:#e9f6ee}
#mrwiz .mrc-assz .k{flex:0 0 auto;min-width:74px;color:#4e7a62;font-size:11.5px}
#mrwiz .mrc-assz .w{min-width:0;flex:1 1 auto;font-weight:700;overflow-wrap:anywhere}
#mrwiz .mrc-assz .e{flex:0 0 auto;font-size:11px;color:#8a8a8f;text-decoration:underline}
#mrwiz .mrc-assz:hover .e{color:#1c6b42}
#mrwiz .mrc-assz-gps .k{color:#1c6b42;font-weight:700}
#mrwiz .mrc-assn{margin-top:9px;font-size:11px;color:#6f8f7d}
#mrwiz[dir="rtl"] .mrc-assz{text-align:right}
#mrwiz .mrc-asp{display:flex;align-items:baseline;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ececec}
#mrwiz .mrc-asp .k{font-size:11.5px;color:#8a8a8f}
#mrwiz .mrc-asp .v{margin-left:auto;font-size:19px;font-weight:800;color:#0b0b0c;font-variant-numeric:tabular-nums;white-space:nowrap}
#mrwiz[dir="rtl"] .mrc-asp .v{margin-left:0;margin-right:auto}
/* „Mein Standort": steht neben dem Abholfeld und fragt den Standort erst auf Tippen ab.
   Ungefragt beim Seitenaufruf abfragen würde das Browser-Fenster „Standort freigeben?"
   auslösen, bevor der Besucher weiß, worum es geht. */
#mrwiz .mrc-gps{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;padding:8px 12px;border:1px solid #e0e0e6;border-radius:10px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
#mrwiz .mrc-gps:hover{background:#f5f5f7}
#mrwiz .mrc-gps[disabled]{opacity:.6;cursor:default}
#mrwiz .mrc-gps svg{width:15px;height:15px;flex:0 0 auto;fill:currentColor}
/* Richtungsfrage: zwei gleichwertige Karten, so schlicht wie die Fahrzeugkarten. */
#mrwiz .mrc-richw{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:420px){#mrwiz .mrc-richw{grid-template-columns:1fr 1fr}}
#mrwiz .mrc-rc{display:flex;align-items:center;gap:11px;width:100%;padding:15px 14px;border:2px solid #e0e0e6;border-radius:14px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:15px;font-weight:700;text-align:left;cursor:pointer}
#mrwiz .mrc-rc:hover{border-color:#c8c8d0}
#mrwiz .mrc-rc.on{border-color:#0b0b0c;box-shadow:0 0 0 3px rgba(11,11,12,.08)}
#mrwiz .mrc-rc .mrc-rd{flex:0 0 auto;width:20px;height:20px;border:2px solid #d4d4da;border-radius:50%}
#mrwiz .mrc-rc.on .mrc-rd{border-color:#0b0b0c;background:radial-gradient(circle at 50% 50%,#0b0b0c 0 42%,transparent 44%)}
#mrwiz .mrc-rc .mrc-rn{min-width:0}
/* Die Zusicherung zum Flug: ruhig, kein Werbebanner. Sie steht dort, wo der Gast sich
   fragt, wozu er die Flugnummer eintippen soll. */
#mrwiz .mrc-flwerb{display:flex;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #e6e6ea;border-radius:12px;background:#fafafa;font-size:13px;line-height:1.5;color:#1c1c1e}
#mrwiz .mrc-flwi{flex:0 0 auto;margin-top:1px}
#mrwiz .mrc-flwi svg{width:16px;height:16px;display:block;fill:none;stroke:#0b0b0c;stroke-width:2}
/* Firmenkunden: der Schalter steht ruhig da, die drei Felder klappen darunter auf.
   Standardmäßig zu – die meisten buchen privat. */
#mrwiz .mrc-fbs{display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px;border:1px solid #e6e6ea;border-radius:12px;background:#fafafa;font-size:13.5px;font-weight:600;color:#1c1c1e;cursor:pointer;line-height:1.35}
/* Die allgemeine Feldregel (.mrc-app .mrc-f input) ist treffsicherer als eine Regel mit
   nur einer Klasse – ohne denselben Vorlauf wurde aus dem Häkchen ein 48 px hoher Kasten
   über die volle Breite. Deshalb hier dieselbe Kette und ausdrücklich für type=checkbox. */
#mrwiz .mrc-app .mrc-f .mrc-fbs input[type=checkbox]{flex:0 0 auto;width:19px;min-width:19px;height:19px;margin:0;padding:0;border-radius:5px;accent-color:#0b0b0c;cursor:pointer}
#mrwiz .mrc-app .mrc-f .mrc-fbs>span{min-width:0}
#mrwiz .mrc-fbbox{margin-top:11px;padding-left:12px;border-left:2px solid #ececec}
#mrwiz[dir="rtl"] .mrc-fbbox{padding-left:0;padding-right:12px;border-left:0;border-right:2px solid #ececec}
#mrwiz .mrc-fbbox .mrc-f:last-of-type{margin-bottom:8px}
/* Zugang zum Kundenportal in der Bestätigung. Die PIN steht groß und ist markierbar –
   der Kunde soll sie kopieren oder abschreiben können, ohne zu suchen. */
#mrwiz .mrc-po{margin-top:16px;padding:16px;border:1px solid #ececec;border-radius:16px;background:#fafafa;text-align:left}
#mrwiz .mrc-poh{font-size:13.5px;font-weight:800;color:#0b0b0c}
#mrwiz .mrc-pop{display:flex;align-items:baseline;gap:10px;margin:10px 0 8px}
#mrwiz .mrc-pop .k{font-size:11.5px;color:#8a8a8f}
#mrwiz .mrc-pop b{font-size:24px;font-weight:800;letter-spacing:.16em;color:#0b0b0c;font-variant-numeric:tabular-nums;user-select:all;-webkit-user-select:all}
#mrwiz .mrc-pos{font-size:12.5px;color:#6b6b70;line-height:1.5}
#mrwiz .mrc-pol{display:inline-block;margin-top:12px;padding:11px 16px;border-radius:12px;background:#0b0b0c;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
#mrwiz .mrc-pol:hover{background:#1c1c1e}
/* Offene Prüfansicht friert alles darüber ein: sonst lässt sich nach dem Bestätigen
   noch das Fahrzeug wechseln und es geht ein anderer Preis raus, als der Kunde gesehen hat. */
#mrwiz.mrc-rev-offen .mrc-step,#mrwiz.mrc-rev-offen .mrc-seg,#mrwiz.mrc-rev-offen .mrc-sub{display:none}
/* Flugnummer und Ankunftstag sind EINE Eingabe – nebeneinander spart Platz und macht
   das sichtbar. Erst ab 560 px: darunter wird jedes Feld zu schmal zum Tippen. */
@media(min-width:560px){
#mrwiz .mrc-app .mrc-s4-zwei{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:start}
#mrwiz .mrc-app .mrc-s4-zwei>*{grid-column:1/-1}
#mrwiz .mrc-app .mrc-s4-zwei>.mrc-f{grid-column:auto;margin-bottom:0}
#mrwiz .mrc-app .mrc-s4-zwei>.mrc-f+.mrc-f{margin-bottom:0}
#mrwiz .mrc-app .mrc-s4-zwei>#mrc-flc{margin-top:14px}
}
/* Sackgasse vermeiden: findet die Suche nichts, steht hier ein Weg statt einer Leere. */
#mrwiz .mrc-none{padding:13px 14px;font-size:14px;color:#6b6b70;line-height:1.4}
#mrwiz .mrc-none .n{display:block;margin-bottom:7px;color:#1c1c1e}
#mrwiz .mrc-none-kurz{padding:10px 14px;border-top:1px solid #f3f3f4}
#mrwiz .mrc-nowa{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;background:#25d366;color:#fff;font-size:13.5px;font-weight:700;text-decoration:none}
#mrwiz .mrc-nowa:hover{filter:brightness(.95)}
#mrwiz .mrc-it:last-child{border-bottom:0}
#mrwiz .mrc-it.on,#mrwiz .mrc-it:hover{background:#f5f5f7}
#mrwiz .mrc-it .n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mrwiz .mrc-it .t{margin-left:auto;flex:0 0 auto;font-size:10.5px;color:#a6a6ab;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
#mrwiz .mrc-row3{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mrwiz .mrc-row3 .mrc-f{margin:0}
#mrwiz .mrc-fpax{grid-column:1/-1}
#mrwiz .mrc-note{margin-top:10px;padding:9px 12px;background:#f7f7f8;border-radius:10px;font-size:12.5px;color:#555;line-height:1.45}
#mrwiz .mrc-routeline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:14.5px;color:#0b0b0c}
#mrwiz .mrc-routeline b{font-weight:700}
#mrwiz .mrc-km{margin-left:auto;font-size:12px;color:#8a8a8f;font-variant-numeric:tabular-nums;white-space:nowrap}
#mrwiz .mrc-cars{display:flex;flex-direction:column;gap:8px}
#mrwiz .mrc-vc{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #ececec;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,opacity .15s;overflow:hidden}
#mrwiz .mrc-vc .mrc-bar{position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:transparent}
#mrwiz .mrc-vc.on{border-color:#0b0b0c}
#mrwiz .mrc-vc.on .mrc-bar{background:#0b0b0c}
#mrwiz .mrc-vc.dim{opacity:.45}
#mrwiz .mrc-vc:focus-visible{outline:2px solid #0b0b0c;outline-offset:2px}
#mrwiz .mrc-anh{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;font-weight:600;color:#444;cursor:pointer}
#mrwiz .mrc-anh input{width:15px;height:15px;accent-color:#0b0b0c;cursor:pointer}
/* Zwischenstopps: schlichter Textknopf unter dem Ziel, Zeilen mit ✕ zum Entfernen. */
/* Textknöpfe brauchen eine Fläche für den Daumen: 44 px, wie es die Adressvorschläge in
   dieser Datei seit jeher vormachen. Ohne sie war „+ Zwischenstopp hinzufügen" rund
   17 px hoch (Audit 02.08.2026). Das Aussehen ändert sich nicht – nur die Fläche. */
#mrwiz .mrc-stopadd{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:11px 0;min-height:44px;border:0;background:none;font-family:inherit;font-size:13px;font-weight:700;color:#0b0b0c;cursor:pointer;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}
#mrwiz .mrc-stoprow{position:relative}
/* Das ✕ war 28 px groß und lag über den obersten Millimetern des Eingabefeldes: Wer den
   Text am rechten Rand korrigieren wollte, löschte damit seinen mühsam eingetippten
   Halt – ohne Rückfrage (Audit 02.08.2026).
   Jetzt drei Dinge: 44 px Trefferfläche (das Daumenmaß dieser Datei), das Feld hält
   rechts Platz frei (padding-right), damit Text und Schreibmarke gar nicht erst unter
   das ✕ geraten, und ein versehentliches Entfernen lässt sich rückgängig machen
   (siehe stoppWeg). Die 23 px sind die Oberkante des Feldes: Beschriftung 11,5 px ×
   1,3 Zeilenhöhe plus 6 px Abstand – so sitzt das ✕ mittig auf dem 48 px hohen Feld. */
#mrwiz .mrc-stoprow .mrc-stopx{position:absolute;top:23px;bottom:auto;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#8a8a8f;font-size:18px;line-height:1;cursor:pointer;padding:0;touch-action:manipulation}
#mrwiz .mrc-app .mrc-stoprow input{padding-right:50px}
#mrwiz .mrc-stopundo{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0;padding:11px 0;min-height:44px;border:0;background:none;font-family:inherit;font-size:13px;font-weight:700;color:#0b0b0c;cursor:pointer;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}
#mrwiz .mrc-stoprow .mrc-stopx:hover{color:#b3261e}
#mrwiz[dir="rtl"] .mrc-stoprow .mrc-stopx{right:auto;left:0}
#mrwiz .mrc-ph{width:84px;height:52px;flex:0 0 84px;border-radius:10px;background:#f4f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
#mrwiz .mrc-ph-n{border:1px dashed #e2e2e6;background:#fafafb}
#mrwiz .mrc-phl{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a6a6ac;text-align:center;padding:0 4px;line-height:1.2}
#mrwiz .mrc-ph img{max-width:92%;max-height:86%;object-fit:contain;mix-blend-mode:multiply}
#mrwiz .mrc-vm{flex:1;min-width:0;display:flex;flex-direction:column}
#mrwiz .mrc-vn{font-size:15px;font-weight:700;color:#0b0b0c;line-height:1.2}
#mrwiz .mrc-rec{display:none;margin-left:7px;padding:2px 8px;border-radius:99px;background:#0b0b0c;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;vertical-align:2px}
#mrwiz .mrc-vc.isrec .mrc-rec{display:inline-block}
#mrwiz .mrc-vs{margin-top:2px;font-size:11.5px;color:#8a8a8f;line-height:1.35}
#mrwiz .mrc-vp{margin-left:auto;flex:0 0 auto;font-size:17px;font-weight:800;color:#0b0b0c;font-variant-numeric:tabular-nums;white-space:nowrap}
#mrwiz .mrc-rd{width:20px;height:20px;flex:0 0 20px;position:relative;border:2px solid #cfcfd4;border-radius:50%}
#mrwiz .mrc-vc.on .mrc-rd{border-color:#0b0b0c}
#mrwiz .mrc-vc.on .mrc-rd::after{content:"";position:absolute;left:3px;top:3px;right:3px;bottom:3px;border-radius:50%;background:#0b0b0c}
#mrwiz .mrc-fine{margin-top:10px;font-size:11.5px;color:#a0a0a5;line-height:1.5}
#mrwiz .mrc-unkbox{padding:14px;border:1px solid #ececec;border-radius:14px;background:#f7f7f8;font-size:14px;color:#333;line-height:1.5}
#mrwiz #mrc-flc{display:none;margin-top:10px;border:1px solid #ececec;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;color:#0b0b0c;overflow-wrap:break-word;word-wrap:break-word}
#mrwiz #mrc-flc.mrc-flc-show{display:block}
#mrwiz #mrc-flc.mrc-flc-min{border-color:transparent;padding:0 2px;font-size:12.5px}
#mrwiz #mrc-flc.mrc-flc-yes{border-left:3px solid #1a8f3c;padding-left:12px}
#mrwiz .mrc-flair{font-size:14px;font-weight:700}
#mrwiz .mrc-flrt{margin-top:2px}
#mrwiz .mrc-flarr{margin-top:4px;font-weight:600}
/* „Flugnummer habe ich noch nicht" ist bei Abholung AM Flughafen der EINZIGE Ausweg aus
   einem Pflichtfeld – und war ein rund 15 px hoher Textknopf. Wer ihn verfehlte, hing
   fest: „Weiter" reagiert ohne Flugnummer nicht, und daneben gab es nichts zu treffen
   (Audit 02.08.2026). Jetzt 44 px Fläche, unverändertes Aussehen. */
#mrwiz .mrc-app .mrc-flskip{display:inline-flex;align-items:center;margin:2px 0 0;padding:11px 0;min-height:44px;border:0;background:none;color:#8a8a8f;font-family:inherit;font-size:12.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;touch-action:manipulation}
#mrwiz .mrc-app .mrc-flskip:hover{color:#0b0b0c}
#mrwiz .mrc-app .mrc-flskip.on{color:#0b0b0c;font-weight:700;text-decoration:none}
#mrwiz .mrc-timev{display:flex;align-items:center;gap:10px;min-height:46px}
#mrwiz .mrc-timev b{font-size:17px;font-weight:800;color:#0b0b0c;font-variant-numeric:tabular-nums}
#mrwiz .mrc-flpick{margin-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:#0b0b0c}
#mrwiz .mrc-app .mrc-flpb{flex:0 0 auto;height:32px;margin:0;padding:0 12px;border:1px solid #0b0b0c;border-radius:99px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
#mrwiz .mrc-app .mrc-flpb:hover{background:#0b0b0c;color:#fff}
#mrwiz .mrc-app .mrc-flpb[disabled]{border-color:#cfcfd4;background:#f4f4f6;color:#8a8a8f;cursor:default}
#mrwiz .mrc-flarr b{font-weight:700}
#mrwiz .mrc-flmeta{margin-top:2px;font-size:12px}
#mrwiz .mrc-g{color:#8a8a8f;font-weight:400}
#mrwiz .mrc-flfb{color:#0b0b0c;font-weight:600}
#mrwiz .mrc-flok{color:#1a8f3c;font-weight:800}
/* Verspätung deutlich zeigen – das ist die Angabe, wegen der der Kunde die
   Flugnummer überhaupt einträgt. */
#mrwiz .mrc-flsp{margin-top:9px;padding:9px 11px;border-radius:10px;background:#fdf2f1;font-size:12.5px;line-height:1.5;color:#8a2018}
#mrwiz .mrc-flsp .t{font-weight:800}
#mrwiz .mrc-flsp .n{display:block;margin-top:2px;color:#8a8a8f}
#mrwiz .mrc-flsp.mrc-frueh{background:#f1f8f3;color:#14612a}
/* Flug passt nicht zum gewählten Flughafen: kräftiger als eine Verspätung, denn hier
   ist wahrscheinlich die Flugnummer falsch – der Kunde muss es merken, nicht überlesen. */
#mrwiz .mrc-flwarn{margin-top:9px;padding:9px 11px;border-radius:10px;background:#fff6e6;border:1px solid #f0c46a;font-size:12.5px;line-height:1.5;color:#7a4a06}
#mrwiz .mrc-flwarn .t{font-weight:800}
#mrwiz .mrc-flwarn .n{display:block;margin-top:2px;color:#8a6a2a}
/* ===== Arabisch: von rechts nach links =====
   Nur das Nötige spiegeln. Alles, was mit margin-left:auto nach rechts gedrückt
   wird, muss in die andere Richtung. Die Animation bleibt bewusst von links nach
   rechts – eine Reiseroute ist kein Text. */
#mrwiz[dir="rtl"] .mrc-app{text-align:right}
#mrwiz[dir="rtl"] .mrc-km,#mrwiz[dir="rtl"] .mrc-vp,#mrwiz[dir="rtl"] .mrc-bk-ref,
#mrwiz[dir="rtl"] .mrc-bk-sp,#mrwiz[dir="rtl"] .mrc-badge,#mrwiz[dir="rtl"] .mrc-revp b,
#mrwiz[dir="rtl"] .mrc-it .t{margin-left:0;margin-right:auto}
#mrwiz[dir="rtl"] .mrc-vc .mrc-bar{left:auto;right:0;border-radius:4px 0 0 4px}
#mrwiz[dir="rtl"] .mrc-rec{margin-left:0;margin-right:7px}
#mrwiz[dir="rtl"] .mrc-osr .k{text-align:right}
#mrwiz[dir="rtl"] .mrc-anim{direction:ltr}
#mrwiz[dir="rtl"] .mrc-anim-l .a{text-align:left}
#mrwiz[dir="rtl"] .mrc-anim-l .b{text-align:right}
#mrwiz[dir="rtl"] .mrc-flc.mrc-flc-yes{border-left:0;border-right:3px solid #1a8f3c;padding-left:14px;padding-right:12px}
#mrwiz[dir="rtl"] .mrc-app .mrc-flskip{text-align:right}
#mrwiz[dir="rtl"] .mrc-zeile{text-align:right}
#mrwiz #mrc-bk .mrc-slab{margin:0 0 8px;padding:14px 16px 0}
#mrwiz .mrc-flcf{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #f2f2f3;font-size:13px;font-weight:600;color:#0b0b0c;text-transform:none;letter-spacing:0;line-height:1.3;cursor:pointer}
/* Selbst gezeichnet statt dem Browser überlassen: mit appearance:auto und border:0
   kam ein WEISSES Kästchen ohne Rahmen auf weißem Grund heraus – der Kunde sah nur
   den Text „Ja, das ist mein Flug" und kein Feld zum Anklicken. */
#mrwiz .mrc-flcf input{-webkit-appearance:none;appearance:none;width:20px;height:20px;min-width:20px;flex:0 0 auto;margin:0;padding:0;border:2px solid #c9c9d0;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:background .12s,border-color .12s}
#mrwiz .mrc-flcf input:hover{border-color:#0b0b0c}
#mrwiz .mrc-flcf input:checked{background:#0b0b0c;border-color:#0b0b0c}
#mrwiz .mrc-flcf input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#mrwiz .mrc-flcf input:focus-visible{outline:2px solid #0b0b0c;outline-offset:2px}
#mrwiz .mrc-flokv{display:none;color:#1a8f3c;font-weight:800}
#mrwiz #mrc-flc.mrc-flc-yes .mrc-flokv{display:inline}
#mrwiz .mrc-cta{display:flex;flex-direction:column;gap:9px;margin-top:18px}
#mrwiz .mrc-need{margin-top:9px;font-size:12.5px;line-height:1.45;color:#8a8a8f;text-align:center}
#mrwiz .mrc-ask{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f2;display:flex;flex-direction:column;gap:10px;align-items:stretch}
#mrwiz .mrc-askt{font-size:12.5px;line-height:1.45;color:#8a8a8f;text-align:center}
@media(min-width:480px){#mrwiz .mrc-ask{flex-direction:row;align-items:center;justify-content:space-between}#mrwiz .mrc-askt{text-align:left}#mrwiz .mrc-ask .mrc-wab{flex:0 0 auto;min-width:210px}}
/* „Noch nicht vollständig" darf nicht wie „kaputt" aussehen. Der Knopf war grau
   (#3a3a3e) und ohne Schatten – auf dem Handy liest sich das wie deaktiviert, der
   Inhaber hat genau das gemeldet. Er sieht jetzt aus wie immer; das einzige Signal
   ist der rote Hinweis darunter, und der Klick springt zum fehlenden Feld. */
/* „Noch nicht vollständig" muss man SEHEN. Vorher war dieser Zustand farblich mit dem
   fertigen Knopf identisch – der Kunde drückte auf einen schwarzen Knopf und bekam
   statt der Reservierung eine rote Meldung. Jetzt bleibt der Knopf bedienbar (der Klick
   springt zum fehlenden Feld und lässt es aufleuchten), sieht aber erkennbar anders aus. */
#mrwiz .mrc-app .mrc-book.mrc-book-off{background:#fff;color:#0b0b0c;border:2px solid #d8d8dd;box-shadow:none}
#mrwiz .mrc-app .mrc-book.mrc-book-off:hover{background:#fafafb;border-color:#0b0b0c}
#mrwiz .mrc-book-off+#mrc-need,#mrwiz .mrc-need{color:#b3261e;font-weight:600}
#mrwiz .mrc-app .mrc-book{flex:1.35;width:100%;height:60px;margin:0;padding:0 18px;border:0;border-radius:14px;background:#0b0b0c;color:#fff;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 18px rgba(11,11,12,.18)}
/* flex:0 0 auto ist hier kein Schönheitswunsch: Unter 480px stapelt .mrc-cta in
   SPALTEN-Richtung, und dort ist flex-basis:0 die Hauptachse – sie schlägt die Höhe.
   „Jetzt reservieren" war damit am Handy ein rund 25px hoher Strich statt eines
   64px-Knopfes, genau derselbe Fehler, den der Inhaber am 01.08.2026 beim
   WhatsApp-Knopf mit „geht nicht" gemeldet hat (Audit 02.08.2026). */
@media(max-width:479px){#mrwiz .mrc-app .mrc-book{flex:0 0 auto;height:64px;font-size:18px}}
#mrwiz .mrc-app .mrc-book:hover{background:#1c1c1e}
/* flex:1 hat den Knopf am Handy zerdrückt: unter 480px stapelt .mrc-ask in
   Spaltenrichtung, und flex-basis:0 übersteuert dort die 52px Höhe — der Knopf
   war ein 20px-Strich (Meldung des Inhabers 01.08.2026, „geht nicht"). */
#mrwiz .mrc-app .mrc-wab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;margin:0;padding:0 14px;border-radius:13px;background:#25D366;color:#fff!important;font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none!important;cursor:pointer}
#mrwiz .mrc-app .mrc-wab:hover{background:#1fb958}
#mrwiz .mrc-wab svg{width:19px;height:19px;fill:#fff;flex:0 0 auto}
#mrwiz #mrc-bk{margin-top:12px;border:1px solid #ececec;border-radius:16px;background:#fff;overflow:hidden}
#mrwiz .mrc-bk-sum{padding:12px 16px;background:#f7f7f8;border-bottom:1px solid #ececec}
#mrwiz .mrc-bk-sr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13.5px;color:#0b0b0c}
#mrwiz .mrc-bk-ref{margin-left:auto;font-size:12px;color:#8a8a8f;white-space:nowrap}
#mrwiz .mrc-bk-sv{display:flex;align-items:baseline;gap:8px;margin-top:3px;font-size:12.5px;color:#8a8a8f}
#mrwiz .mrc-bk-sp{margin-left:auto;font-size:15px;font-weight:800;color:#0b0b0c;font-variant-numeric:tabular-nums;white-space:nowrap}
#mrwiz .mrc-bk-bd{padding:14px 15px 16px;display:grid;grid-template-columns:1fr;gap:11px}
#mrwiz .mrc-bk-bd .mrc-f{margin:0}
#mrwiz .mrc-err{display:none;font-size:13px;color:#b3261e;line-height:1.45}
#mrwiz .mrc-app .mrc-book[disabled]{opacity:.55;cursor:default}
#mrwiz .mrc-app .mrc-revback[disabled]{opacity:.45;cursor:default}
#mrwiz .mrc-micro{font-size:11.5px;color:#8a8a8f;text-align:center;line-height:1.5}
#mrwiz .mrc-schritt{margin:10px auto 0;max-width:440px;text-align:center}
#mrwiz .mrc-schritt-t{font-size:12.5px;color:#8a8a8f;line-height:1.45}
#mrwiz .mrc-schritt-b{height:4px;margin-top:7px;border-radius:2px;background:#ececec;overflow:hidden}
#mrwiz .mrc-schritt-b i{display:block;height:100%;width:0;border-radius:2px;background:#0b0b0c;transition:width .4s ease}
#mrwiz #mrc-ok{display:none;padding:26px 6px 8px;text-align:center}
#mrwiz .mrc-okck{width:58px;height:58px;line-height:58px;margin:0 auto 13px;border-radius:50%;background:#e9f6ee;color:#1a8f3c;font-size:27px;font-weight:800;text-align:center}
#mrwiz .mrc-okt{font-size:18px;font-weight:800;color:#0b0b0c}
#mrwiz .mrc-oks{margin:7px auto 0;max-width:430px;font-size:13px;color:#8a8a8f;line-height:1.5}
#mrwiz .mrc-osum{margin:15px auto 0;max-width:440px;text-align:left;border:1px solid #ececec;border-radius:12px;padding:12px 14px;font-size:13.5px;color:#0b0b0c}
#mrwiz .mrc-osr{display:flex;gap:10px;padding:3px 0}
#mrwiz .mrc-osr .k{flex:0 0 auto;min-width:92px;font-size:12px;color:#8a8a8f;padding-top:1px}
#mrwiz .mrc-osr .v{font-weight:600;word-break:break-word;min-width:0}
#mrwiz .mrc-pay{margin:16px auto 0;max-width:440px;text-align:left;padding-bottom:12px}
#mrwiz .mrc-payh{margin-bottom:8px;font-size:11.5px;font-weight:600;color:#8a8a8f;letter-spacing:.04em;text-transform:uppercase}
#mrwiz .mrc-payc{display:flex;align-items:center;gap:11px;border:1px solid #ececec;border-radius:12px;padding:12px 14px;margin-bottom:8px;background:#fff}
#mrwiz .mrc-payc .pck{flex:0 0 22px;width:22px;height:22px;line-height:18px;border-radius:50%;border:2px solid #cfcfd4;text-align:center;font-size:12px;color:#fff}
#mrwiz .mrc-payc.on{border-color:#0b0b0c}
#mrwiz .mrc-payc.on .pck{background:#1a8f3c;border-color:#1a8f3c}
#mrwiz .mrc-payc .pv{display:flex;flex-direction:column;min-width:0}
#mrwiz .mrc-payc .pn{font-size:14px;font-weight:700;color:#0b0b0c}
#mrwiz .mrc-payc .ps{margin-top:1px;font-size:12px;color:#8a8a8f}
#mrwiz .mrc-payc.off{opacity:.55}
#mrwiz .mrc-payc.act{cursor:pointer}
#mrwiz .mrc-payc.act:hover{border-color:#0b0b0c}
#mrwiz .mrc-badge{margin-left:auto;flex:0 0 auto;padding:4px 9px;border-radius:99px;background:#f7f7f8;font-size:10.5px;font-weight:600;color:#8a8a8f;letter-spacing:.03em;white-space:nowrap}
#mrwiz .mrc-paynote{margin-top:2px;font-size:11.5px;line-height:1.45;color:#8a8a8f}
/* Feld plus Auswahlknopf: tippen bleibt möglich, die Auswahl ist sichtbar daneben. */
#mrwiz .mrc-feldzeile{display:flex;align-items:stretch;gap:8px}
#mrwiz .mrc-feldzeile input{flex:1 1 auto;min-width:0}
#mrwiz .mrc-app .mrc-pick{flex:0 0 48px;width:48px;height:48px;margin:0;padding:0;border:1px solid #ececec;border-radius:12px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
#mrwiz .mrc-app .mrc-pick:hover{border-color:#0b0b0c;background:#fafafb}
#mrwiz .mrc-app .mrc-pick:focus-visible{outline:2px solid #0b0b0c;outline-offset:-2px}
#mrwiz .mrc-pick svg{width:21px;height:21px;fill:none;stroke:#0b0b0c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Der Browser zeichnet bei Datums- und Zeitfeldern ein eigenes Symbol. Neben unserem
   Knopf standen dann zwei Kalender nebeneinander – das native wird abgeschaltet. */
#mrwiz .mrc-app .mrc-feldzeile input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}
#mrwiz .mrc-app .mrc-feldzeile input[type=date],#mrwiz .mrc-app .mrc-feldzeile input[type=time]{-webkit-appearance:none;appearance:none}
#mrwiz .mrc-app .mrc-pick{border-width:2px;border-color:#e0e0e6}
#mrwiz .mrc-telrow{display:flex;gap:8px;align-items:stretch}
#mrwiz .mrc-telrow select{flex:0 0 44%;max-width:200px;min-width:0}
@media(max-width:419px){#mrwiz .mrc-telrow{flex-direction:column}#mrwiz .mrc-telrow select{flex:0 0 auto;width:100%;max-width:none}}
#mrwiz .mrc-telrow input{flex:1 1 auto;min-width:0}
@media(min-width:480px){#mrwiz .mrc-row3{grid-template-columns:1fr 1fr 96px}#mrwiz .mrc-fpax{grid-column:auto}#mrwiz .mrc-cta{flex-direction:row}}
@media(max-width:359px){#mrwiz .mrc-hd{padding:18px 14px 0}#mrwiz .mrc-seg{margin:14px 14px 0}#mrwiz .mrc-body{padding:6px 14px 16px}#mrwiz .mrc-ph{width:64px;flex-basis:64px}}
/* ===== Schrittweises Aufklappen =====
   Ein zugeklappter Schritt zeigt nur noch seine Zusammenfassungszeile. Alles andere
   wird per !important verdeckt, damit die Inline-Styles (show()) beim Aufklappen
   unverändert weitergelten. */
#mrwiz .mrc-step.mrc-zu{margin-top:0;padding:0}
#mrwiz #mrc-s1.mrc-zu{padding-top:0}
#mrwiz .mrc-step.mrc-zu>*{display:none!important}
#mrwiz .mrc-step.mrc-zu>.mrc-zeile{display:flex!important}
#mrwiz .mrc-app .mrc-zeile{align-items:center;gap:11px;width:100%;height:56px;margin:0;padding:0 2px;border:0;border-radius:10px;background:none;color:#0b0b0c;font-family:inherit;font-size:14.5px;line-height:1.3;text-align:left;cursor:pointer}
#mrwiz .mrc-app .mrc-zeile:hover .mrc-ze{color:#0b0b0c}
#mrwiz .mrc-app .mrc-zeile:focus-visible{outline:2px solid #0b0b0c;outline-offset:-2px}
#mrwiz .mrc-zh{flex:0 0 21px;width:21px;height:21px;line-height:21px;border-radius:50%;background:#0b0b0c;color:#fff;font-size:11px;font-weight:800;text-align:center}
#mrwiz .mrc-zeile-off .mrc-zh{background:#fff;border:1.5px solid #dcdce0;line-height:18px}
#mrwiz .mrc-zt{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
#mrwiz .mrc-zeile-off .mrc-zt{color:#8a8a8f;font-weight:600}
#mrwiz .mrc-ze{flex:0 0 auto;font-size:12.5px;color:#8a8a8f;text-decoration:underline;text-underline-offset:2px}
#mrwiz .mrc-app .mrc-zwb{display:block;width:100%;height:48px;margin:14px 0 2px;padding:0 16px;border:0;border-radius:12px;background:#0b0b0c;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
#mrwiz .mrc-app .mrc-zwb:hover{background:#1c1c1e}
/* ===== Prüfen & bestätigen ===== */
#mrwiz #mrc-rev{display:none;margin-top:12px;border:1px solid #ececec;border-radius:16px;background:#fff;overflow:hidden}
#mrwiz #mrc-rev .mrc-slab{margin:0 0 9px;padding:14px 16px 0}
#mrwiz .mrc-revb{padding:0 15px 16px}
#mrwiz .mrc-revsum{border:1px solid #ececec;border-radius:12px;padding:9px 13px;font-size:13.5px;color:#0b0b0c}
#mrwiz .mrc-revp{display:flex;align-items:baseline;gap:10px;margin:11px 0 13px;padding-top:11px;border-top:1px solid #ececec;font-size:13.5px;color:#8a8a8f}
#mrwiz .mrc-revp b{margin-left:auto;font-size:19px;font-weight:800;color:#0b0b0c;font-variant-numeric:tabular-nums;white-space:nowrap}
#mrwiz .mrc-app .mrc-revback{display:block;width:100%;height:46px;margin:9px 0 0;padding:0;border:1px solid #ececec;border-radius:12px;background:#fff;color:#0b0b0c;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
#mrwiz .mrc-app .mrc-revback:hover{border-color:#0b0b0c}
/* AGB-Bestätigung: dasselbe selbst gezeichnete Kästchen wie beim Flug-Häkchen. Das
   eingebaute Kästchen des Browsers war weiß ohne Rahmen auf weißem Grund und damit
   unsichtbar – dieser Fehler soll sich hier nicht wiederholen. */
#mrwiz .mrc-agb{display:flex;align-items:flex-start;gap:9px;margin:0 0 11px;font-size:13px;font-weight:600;color:#0b0b0c;line-height:1.4;cursor:pointer}
#mrwiz .mrc-agb input{-webkit-appearance:none;appearance:none;width:20px;height:20px;min-width:20px;flex:0 0 auto;margin:1px 0 0;padding:0;border:2px solid #c9c9d0;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:background .12s,border-color .12s}
#mrwiz .mrc-agb input:hover{border-color:#0b0b0c}
#mrwiz .mrc-agb input:checked{background:#0b0b0c;border-color:#0b0b0c}
#mrwiz .mrc-agb input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
#mrwiz .mrc-agb input:focus-visible{outline:2px solid #0b0b0c;outline-offset:2px}
#mrwiz .mrc-agb input.mrc-bad{border-color:#b3261e}
#mrwiz .mrc-agb a{color:#0b0b0c;text-decoration:underline}
/* Steht das fehlende Feld schon im Bild, bewirkt der Sprung dorthin optisch nichts
   und der Knopf wirkt tot. Ein kurzes Aufleuchten zeigt, wohin man schauen soll. */
@keyframes mrc-merk{0%,100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}35%{box-shadow:0 0 0 4px rgba(179,38,30,.25)}}
#mrwiz .mrc-app .mrc-merk{animation:mrc-merk .85s ease 2}
@media(prefers-reduced-motion:reduce){#mrwiz .mrc-app .mrc-merk{animation:none}}
/* ===== Strecken- und Fluganimation (nur Desktop) =====
   Am Handy kostet sie nur Platz und Akku – dort bleibt die Textzeile mit der Route.
   Kein gezeichnetes Fahrzeug: die Fahrt ist ein Punkt, der Flug das Standardsymbol. */
#mrwiz .mrc-anim{display:block;margin:2px 0 14px;border:1px solid #f0f0f1;border-radius:16px;background:#fcfcfd;overflow:hidden}
/* Am Handy die schlichte Fassung: kein Raster, keine Blockformen, kleinere
   Beschriftung. Nur der Weg, der Marker und – wenn vorhanden – der Flug.
   Das SVG skaliert ohnehin mit der Breite, dadurch wird das Panel von selbst
   flacher (bei 375 px etwa 107 px hoch). */
@media(max-width:899px){
#mrwiz .mrc-anim{margin:2px 0 12px;border-radius:14px}
#mrwiz .mrc-ahg{display:none}
#mrwiz .mrc-anim-l{padding:0 13px 11px;gap:8px;font-size:11.5px}
#mrwiz .mrc-anim-l .a,#mrwiz .mrc-anim-l .b{font-size:12px}
#mrwiz .mrc-anim-fl{margin:-4px 0 0;padding:0 13px 10px;font-size:11px}
#mrwiz .mrc-aflsp{padding:0 13px 11px;font-size:11px}
#mrwiz .mrc-aflp{padding:0 5px}
#mrwiz .mrc-aflno{margin-right:6px;padding:2px 6px;font-size:10px}
}
#mrwiz .mrc-anim svg{display:block;width:100%;height:auto}
#mrwiz .mrc-anim-l{display:flex;align-items:baseline;gap:12px;padding:0 16px 13px;font-size:12px;color:#8a8a8f}
#mrwiz .mrc-anim-l .a,#mrwiz .mrc-anim-l .b{min-width:0;flex:1 1 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;color:#0b0b0c;font-size:13px}
#mrwiz .mrc-anim-l .b{text-align:right}
#mrwiz .mrc-anim-l .m{flex:0 0 auto;font-variant-numeric:tabular-nums;letter-spacing:.02em}
#mrwiz .mrc-anim-fl{margin:-6px 0 0;padding:0 16px 12px;font-size:11.5px;color:#8a8a8f;text-align:center}
/* Flugzeile: Flugnummer als Marke, dann Abflug und Ankunft mit Zeiten. Bei
   Verspätung steht die geplante Zeit durchgestrichen neben der erwarteten. */
#mrwiz .mrc-anim-fl b{color:#0b0b0c;font-weight:700}
#mrwiz .mrc-anim-fl s{opacity:.55;text-decoration-thickness:1px}
#mrwiz .mrc-aflno{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:6px;background:#0b0b0c;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.02em;vertical-align:1px}
#mrwiz .mrc-aflp{padding:0 7px;color:#b9b9c0}
#mrwiz .mrc-aneu{color:#0b0b0c}
/* Die Verspätung ist der Grund, warum der Kunde die Flugnummer einträgt – sie
   bekommt deshalb eine eigene, ruhig abgesetzte Zeile statt nur einer Farbe. */
#mrwiz .mrc-aflsp{margin:-4px 0 0;padding:0 16px 13px;font-size:11.5px;line-height:1.45;color:#0b0b0c;text-align:center}
#mrwiz .mrc-aflsp b{display:inline-block;margin-right:7px;padding:2px 8px;border-radius:6px;background:#0b0b0c;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}
#mrwiz .mrc-aflsp.mrc-frueh b{background:#0b0b0c}

/* Die zwei Knöpfe der Rückfahrt-Frage (24.08.2026). EIGENE Klasse statt .mrc-zwb:
   Der Rechner räumt jedes .mrc-zwb innerhalb eines Schritts selbst weg (siehe
   calc-seite.js, "Reste aus der alten Fassung") — mit der geteilten Klasse waren diese
   Knöpfe im fertigen Seitenbaum unsichtbar, obwohl der Quelltext stimmte. */
#mrwiz .mrc-app .mrc-rbtn{display:block;width:100%;height:48px;margin:10px 0 0;padding:0 16px;border:0;border-radius:12px;background:#0b0b0c;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
#mrwiz .mrc-app .mrc-rbtn:hover{background:#1c1c1e}
#mrwiz .mrc-app .mrc-rbtn2{background:#fff;color:#0b0b0c;border:1.5px solid #d8d8dc}
#mrwiz .mrc-app .mrc-rbtn2:hover{background:#f4f4f5}

/* ===== Datum & Uhrzeit: EIN Feld statt Kasten + Schwebe-Symbol (Inhaber-Foto 24.08.2026,
   „Schaut scheisse aus"). Auf iOS zeigt ein leeres date/time-Feld mit appearance:none
   NICHTS an — der Gast sah zwei nackte weisse Kaesten. Jetzt: Symbol IN das Feld,
   grauer Hinweistext solange nichts gewaehlt ist (mrc-fh, gesteuert von phSync).
   ⚠️ HIESS BIS 26.08.2026 mrc-ph — und traf damit den RAHMEN DES FAHRZEUGFOTOS in der
   Fahrzeugauswahl, der diese Klasse laenger traegt (Zeile 278). Weil die Regel hier
   spezifischer ist, gewann sie: Der Bildrahmen wurde absolut positioniert und lag ueber
   dem Fahrzeugnamen. Ein Klassenname, zwei Bedeutungen — dieselbe Falle wie bei mrc-zwb.
   Diese Regeln stehen am DATEIENDE und ueberstimmen die aelteren mrc-pick-Regeln oben —
   bitte dort nichts loeschen — so bleibt die Aenderung rueckstandsfrei umkehrbar. */
#mrwiz .mrc-feldzeile{position:relative;gap:0}
#mrwiz .mrc-app .mrc-feldzeile input[type=date],
#mrwiz .mrc-app .mrc-feldzeile input[type=time]{width:100%;padding-right:56px;min-height:48px}
#mrwiz .mrc-app .mrc-feldzeile .mrc-pick{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:40px;border:0;background:transparent;border-radius:10px}
#mrwiz .mrc-app .mrc-feldzeile .mrc-pick:hover{background:#f4f4f5;border:0}
#mrwiz .mrc-app .mrc-fh{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a8a93;font-size:15px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 64px)}
/* Leerzustand: die Eigenanzeige des Browsers (tt.mm.jjjj / --:--) verschwindet, damit sie
   nicht doppelt unter unserem Hinweistext liegt. Gilt NUR solange das Feld leer ist —
   phSync nimmt die Klasse beim ersten Wert wieder weg. */
#mrwiz .mrc-app .mrc-feldzeile input.mrc-leer{color:transparent;-webkit-text-fill-color:transparent}