/* Bereich A Kundenweg: die Seiten der Rücksendungen im Shop in den Designs „Modern“
   und „Standard“ (Store-Bilder 9900 bis 8900): Karten mit Kopf, Stand der Rücksendung,
   Formular „Rücksendung anlegen“, Produkte mit Ergebnis, Erstattung, Nachrichten, Liste
   im Konto, Seite der Bestellung, Anmeldung zur Bestellung, Kontomenü, Bestellungen von
   Shopware, Handy, Theme-Farben und die E-Mail. Klassen .nb-ku-…; gemeinsame Regeln der
   Nachbauten in assets/stil.css. Kein overflow, kein z-index, keine opacity an Behältern,
   damit der Scheinwerfer eines Ziels nicht abgeschnitten wird. */

/* --- Seite und Karte im Design „Modern“ ------------------------------------ */

.nb-ku-seite { --nb-ku-sanft: #e3e9f2; --nb-ku-wahl: #eef3fa; --nb-ku-linie: #e6eaef; --nb-ku-rahmen: #dde3ea; display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.nb-ku-karte { border: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--weiss); }
.nb-ku-karte--breit { grid-column: 1 / -1; }
.nb-ku-karte__kopf { display: flex; padding: 10px 14px; border-bottom: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--nb-sf-seite); }
.nb-ku-karte__marke { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.nb-ku-karte__kopf--mitte .nb-ku-karte__marke { align-items: center; }
.nb-ku-karte__kachel { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 28px; height: 28px; background: var(--weiss); color: var(--nb-sf); }
.nb-ku-karte__worte { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nb-ku-karte__schritt { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.nb-ku-karte__titel { font-size: 12.5px; }
.nb-ku-karte__text { font-size: 12px; line-height: 1.5; }
.nb-ku-karte__intro { padding: 10px 14px; border-bottom: 1px solid var(--nb-ku-linie, #e6eaef); font-size: 12px; line-height: 1.55; }
.nb-ku-karte__rumpf { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; font-size: 12px; line-height: 1.5; }
.nb-ku-karte__fuss { display: flex; padding: 12px 14px; border-top: 1px solid var(--nb-ku-linie, #e6eaef); }

.nb-ku-seite .nb-mk { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.nb-ku-schritte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }

/* --- Meldungen, Knöpfe, Pillen, Balken, kleine Texte ----------------------- */

.nb-ku-meldung { display: flex; align-items: flex-start; gap: 8px; padding: 9px 12px; border: 1px solid; font-size: 12px; line-height: 1.5; }
.nb-ku-meldung > .nb-sy { margin-top: 1px; }
.nb-ku-meldung--erfolg { border-color: #8fd1b0; background: #e6f5ee; }
.nb-ku-meldung--erfolg > .nb-sy { color: var(--nb-sf-gruen); }
.nb-ku-meldung--fehler { border-color: #f0a9b3; background: #fcebee; }
.nb-ku-meldung--fehler > .nb-sy { color: var(--nb-sf-rot); }
.nb-ku-meldung--warnung { border-color: #efcf7f; background: #fff6df; }
.nb-ku-meldung--warnung > .nb-sy { color: #a36a00; }

.nb-ku-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.nb-ku-knopf--klein { padding: 4px 10px; font-size: 11.5px; }
.nb-ku-knopf--gross { padding: 10px 22px; font-size: 13px; }

.nb-ku-pille { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: var(--nb-ku-sanft, #e3e9f2); font-size: 10.5px; font-weight: 600; white-space: nowrap; }
.nb-ku-pille--fertig { background: #e1f1e9; color: var(--nb-sf-gruen); }
.nb-ku-pille--abgelehnt { background: #fbe5e8; color: var(--nb-sf-rot); }

.nb-ku-balken { display: flex; gap: 2px; width: 140px; }
.nb-ku-balken__s { flex: 1 1 0; height: 3px; background: #e3e8ef; }
.nb-ku-balken__s--an { background: var(--nb-sf); }
.nb-ku-balken--fertig .nb-ku-balken__s--an { background: var(--nb-sf-gruen); }
.nb-ku-balken--abgelehnt .nb-ku-balken__s--an { background: var(--nb-sf-rot); }

.nb-ku-klein { font-size: 11px; line-height: 1.45; color: #4b5563; }
.nb-ku-grau { color: #6b7280; }
.nb-ku-gruen { color: var(--nb-sf-gruen); }
.nb-ku-mittig { text-align: center; }
.nb-ku-verweis { color: var(--nb-sf); text-underline-offset: 2px; }
.nb-ku-link { align-self: flex-start; color: var(--nb-sf); font-size: 12px; text-decoration: underline; text-underline-offset: 2px; }
.nb-ku-stern { font-style: normal; }
.nb-ku-stern::after { content: "*"; margin-left: 1px; }
.nb-ku-fehlertext { display: block; font-size: 11px; color: var(--nb-sf-rot); }
.nb-ku-rot .nb-sfa { border-color: var(--nb-sf-rot); }

/* --- Bilder, Dateien, Felder ----------------------------------------------- */

.nb-ku-bild { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid #e2e6ea; background: var(--weiss); }
.nb-ku-bild--klein { width: 42px; height: 42px; }
.nb-ku-bild--gross { width: 72px; height: 72px; }
.nb-ku-bild--klein .nb-ku-bild__z { width: 26px; height: 26px; }
.nb-ku-bild--gross .nb-ku-bild__z { width: 44px; height: 44px; }

.nb-ku-dateien { display: flex; flex-wrap: wrap; gap: 6px; }
.nb-ku-datei { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--weiss); font-size: 11.5px; white-space: nowrap; }
.nb-ku-datei .nb-sy { width: 12px; height: 12px; color: #4b5563; }
.nb-ku-datei__groesse { font-size: 10px; color: #6b7280; }
.nb-ku-datei__weg { display: flex; font-style: normal; }

.nb-ku-felder { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nb-ku-feld { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.nb-ku-label { font-size: 12px; font-weight: 600; }
.nb-ku-label--klein { padding-top: 8px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #4b5563; }
.nb-ku-label--fett { font-weight: 700; }

.nb-ku-haken { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.45; }
.nb-ku-haken__box { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 15px; height: 15px; margin-top: 1px; border: 1.5px solid #8b97a8; background: var(--weiss); color: var(--weiss); font-style: normal; }
.nb-ku-haken__box .nb-sy { width: 11px; height: 11px; }
.nb-ku-haken__box--an { border-color: var(--nb-sf); background: var(--nb-sf); }
.nb-ku-haken--rot { color: var(--nb-sf-rot); }
.nb-ku-haken--rot .nb-ku-haken__box { border-color: var(--nb-sf-rot); }
.nb-ku-punkte { display: flex; flex-direction: column; gap: 8px; }

.nb-ku-radio { width: 15px; height: 15px; border: 1.5px solid #8b97a8; border-radius: 50%; background: var(--weiss); }
.nb-ku-radio--an { border: 4.5px solid var(--nb-sf); }

/* --- Stand der Rücksendung im Kopf ------------------------------------------ */

.nb-ku-stand { display: flex; flex-direction: column; gap: 9px; }
.nb-ku-stand__s { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: 12px; white-space: nowrap; }
.nb-ku-stand__s + .nb-ku-stand__s::before { content: ""; position: absolute; left: 8.25px; top: -9px; width: 1.5px; height: 9px; background: #b8c6dc; }
.nb-ku-stand__s--fertig::before, .nb-ku-stand__s--jetzt::before, .nb-ku-stand__s--abgelehnt::before { background: var(--nb-sf); }
.nb-ku-stand__punkt { position: relative; display: block; width: 18px; height: 18px; border: 1.5px solid #b8c6dc; border-radius: 50%; background: var(--weiss); }
.nb-ku-stand__s--fertig .nb-ku-stand__punkt { border-color: var(--nb-sf); background: var(--nb-sf); }
.nb-ku-stand__s--fertig .nb-ku-stand__punkt::after { content: ""; position: absolute; left: 5px; top: 2.5px; width: 4px; height: 8px; border: solid var(--weiss); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.nb-ku-stand__s--jetzt .nb-ku-stand__punkt { border: 5px solid var(--nb-sf); }
.nb-ku-stand__s--abgelehnt .nb-ku-stand__punkt { border-color: var(--nb-sf-rot); background: var(--nb-sf-rot); }
.nb-ku-stand__s--abgelehnt .nb-ku-stand__punkt::before, .nb-ku-stand__s--abgelehnt .nb-ku-stand__punkt::after { content: ""; position: absolute; left: 7px; top: 3px; width: 1.8px; height: 9px; background: var(--weiss); transform: rotate(45deg); }
.nb-ku-stand__s--abgelehnt .nb-ku-stand__punkt::after { transform: rotate(-45deg); }
.nb-ku-stand__s--unerreicht .nb-ku-stand__punkt { border-color: #d7dde5; background: #e3e8ef; }
.nb-ku-stand__s--fertig .nb-ku-stand__name, .nb-ku-stand__s--jetzt .nb-ku-stand__name { font-weight: 600; }
.nb-ku-stand__s--abgelehnt .nb-ku-stand__name { font-weight: 600; color: var(--nb-sf-rot); }
.nb-ku-stand__s--unerreicht .nb-ku-stand__name { color: #8b95a1; }
.nb-ku-stand__datum { font-size: 10.5px; color: #4b5563; white-space: nowrap; }

/* --- Zeilen: Listen, Übersicht, Erstattung ---------------------------------- */

.nb-ku-zeilen { display: flex; flex-direction: column; }
.nb-ku-zeile { display: flex; align-items: center; gap: 12px; padding: 10px 14px; }
.nb-ku-zeile + .nb-ku-zeile { border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-zeile__haupt { display: flex; flex: 1 1 auto; flex-direction: column; gap: 1px; min-width: 0; }
.nb-ku-zeile__titel { font-size: 12.5px; }
.nb-ku-zeile__meta { font-size: 11px; color: #4b5563; }
.nb-ku-zeile__seite { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; text-align: right; white-space: nowrap; }
.nb-ku-zeile__wert { font-size: 12.5px; }
.nb-ku-kachel { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--nb-sf-seite); color: var(--nb-sf); font-style: normal; }
.nb-ku-kachel--fertig { border-color: #c4e3d3; background: #e1f1e9; color: var(--nb-sf-gruen); }
.nb-ku-fortschritt { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

.nb-ku-reiter { display: flex; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-reiter__r { padding: 3px 10px; border-radius: 999px; font-size: 11.5px; white-space: nowrap; }
.nb-ku-reiter__r--an { background: var(--nb-sf); color: var(--weiss); font-weight: 600; }

/* --- Produkte einer Rücksendung (Modern) ------------------------------------ */

.nb-ku-positionen { display: flex; flex-direction: column; }
.nb-ku-position { padding: 12px 14px; }
.nb-ku-position + .nb-ku-position { border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-position__kopf { display: flex; align-items: flex-start; gap: 12px; }
.nb-ku-position__text { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; padding-top: 2px; }
.nb-ku-position__name { font-size: 12.5px; }
.nb-ku-position__meta { font-size: 11px; color: #4b5563; }
.nb-ku-position__seite { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; padding-top: 2px; }
.nb-ku-position__stueck { font-size: 12.5px; white-space: nowrap; }
.nb-ku-tabelle { display: flex; flex-direction: column; margin: 10px 0 0 84px; }
.nb-ku-tabelle__z { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 8px 0; border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-tabelle__l { font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #4b5563; }
.nb-ku-tabelle__w { font-size: 12px; }
.nb-ku-zitat { font-size: 11.5px; font-style: italic; }

/* --- Schritte: Sendungsnummer, Anschrift, QR-Code ---------------------------- */

.nb-ku-fakt { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
.nb-ku-fakt__w { white-space: nowrap; }
.nb-ku-anschrift { display: flex; flex-direction: column; line-height: 1.5; }
.nb-ku-qrfeld { display: flex; justify-content: center; padding: 6px; }
.nb-ku-qr { display: block; width: 150px; height: 150px; color: #111; }

/* --- Nachrichten ----------------------------------------------------------- */

.nb-ku-faden { display: flex; flex-direction: column; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-nachricht { display: flex; flex-direction: column; gap: 4px; width: 80%; }
.nb-ku-nachricht--kunde { align-self: flex-end; text-align: left; }
.nb-ku-nachricht--kunde .nb-ku-nachricht__wer { align-self: flex-end; }
.nb-ku-nachricht__wer { font-size: 10.5px; color: #4b5563; }
.nb-ku-blase { display: flex; flex-direction: column; gap: 8px; padding: 9px 12px; border: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--weiss); font-size: 12px; line-height: 1.5; }
.nb-ku-nachricht--shop .nb-ku-blase { border-color: #c8d6ea; background: var(--nb-sf-seite); }

/* --- Formular „Rücksendung anlegen“ (Modern) -------------------------------- */

.nb-ku-wahlen { display: flex; flex-direction: column; }
.nb-ku-wahl { padding: 12px 14px; }
.nb-ku-wahl + .nb-ku-wahl { border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-wahl__zeile { display: flex; align-items: flex-start; gap: 12px; }
.nb-ku-wahl__text { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; padding-top: 2px; }
.nb-ku-wahl__name { font-size: 12.5px; }
.nb-ku-wahl__meta { font-size: 11px; color: #4b5563; }
.nb-ku-wahl__menge { display: flex; flex: 0 0 128px; flex-direction: column; gap: 4px; }
.nb-ku-wahl--aus .nb-ku-wahl__name, .nb-ku-wahl--aus .nb-ku-wahl__meta { color: #8b95a1; }
.nb-ku-wahl--aus .nb-ku-bild__z { color: #b5bcc5; }
.nb-ku-wahl--aus .nb-sfa { background: #f3f4f6; color: #8b95a1; }
.nb-ku-antworten { display: flex; flex-direction: column; margin: 10px 0 0 84px; }
.nb-ku-antwort { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; align-items: start; padding: 9px 0; border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-antwort__feld { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.nb-ku-dienste { display: flex; flex-direction: column; }
.nb-ku-dienst { display: grid; grid-template-columns: 15px 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; }
.nb-ku-dienst + .nb-ku-dienst { border-top: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-dienst--gewaehlt { background: var(--nb-ku-wahl, #eef3fa); }
.nb-ku-dienst--gesperrt .nb-ku-dienst__name, .nb-ku-dienst--gesperrt .nb-ku-dienst__preis { color: #8b95a1; }
.nb-ku-dienst__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nb-ku-dienst__name { font-size: 12.5px; }
.nb-ku-dienst__info, .nb-ku-dienst__mindest { font-size: 11px; color: #4b5563; }
.nb-ku-dienst__mindest { color: #6b7280; }
.nb-ku-dienst__preis { font-size: 12.5px; white-space: nowrap; }
.nb-ku-logo { display: flex; align-items: center; justify-content: center; width: 72px; height: 24px; border-radius: 2px; }
.nb-ku-logo--dhl { background: #ffcc00; color: #d40511; }
.nb-ku-logo--ups { background: #351c15; color: #ffb500; }
.nb-ku-logo--self { background: #f3f4f6; color: #4b5563; }
.nb-ku-logo__text { font: italic 800 12px/1 Arial, sans-serif; letter-spacing: 0.04em; }
.nb-ku-logo--ups .nb-ku-logo__text { font-style: normal; }

.nb-ku-abschluss { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.nb-ku-summe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-self: stretch; }
.nb-ku-summe__s { display: flex; flex-direction: column; gap: 2px; }
.nb-ku-summe__l { font-size: 11.5px; color: #4b5563; }
.nb-ku-summe__w { font-size: 12.5px; font-weight: 700; }

/* --- Design „Standard“ ------------------------------------------------------ */

.nb-ku-std { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.nb-ku-std--anmelden { align-items: flex-start; }
.nb-ku-std-h1 { font-size: 22px; font-weight: 700; line-height: 1.2; }
.nb-ku-std-meta { margin-top: -6px; font-size: 12px; color: #4b5563; }
.nb-ku-std-abschnitt { display: flex; flex-direction: column; gap: 9px; margin-top: 6px; font-size: 12px; line-height: 1.55; }
.nb-ku-std-titel { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 6px; border-bottom: 1px solid #9aa3ad; font-size: 13px; }
.nb-ku-std-titel__nr { margin-right: 10px; }
.nb-ku-std-unter { font-size: 12.5px; }
.nb-ku-std-pflicht { font-size: 11px; color: #4b5563; }

.nb-ku-std-daten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); font-size: 12px; }
.nb-ku-std-daten__k { padding: 6px 0; border-bottom: 1px solid var(--nb-sf-linie); font-weight: 600; }
.nb-ku-std-daten__w { padding: 8px 0; }
.nb-ku-std-liste { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 18px; font-size: 12px; }

.nb-ku-std-raster { display: flex; flex-direction: column; font-size: 12px; }
.nb-ku-std-raster__k { display: grid; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--nb-sf-linie); font-weight: 600; }
.nb-ku-std-raster__z { display: grid; gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-std-raster--positionen { grid-template-columns: minmax(0, 1.5fr) 64px minmax(0, 1.2fr); }
.nb-ku-std-raster--anlegen { grid-template-columns: minmax(0, 1.2fr) 64px minmax(0, 1.5fr); }
.nb-ku-std-raster--liste { grid-template-columns: 92px 92px minmax(0, 1fr) 118px auto; }
.nb-ku-std-raster--bestellung { grid-template-columns: 92px minmax(0, 1fr) 118px auto; }
.nb-ku-std-raster--positionen-bestellung { grid-template-columns: minmax(0, 1fr) 76px 84px; }
.nb-ku-std-zelle { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-ku-std-zelle__sub { font-size: 11px; color: #4b5563; white-space: nowrap; }
.nb-ku-std-zelle__p { display: block; }
.nb-ku-std-zelle--rechts { align-items: flex-end; text-align: right; }

.nb-ku-std-produkt { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.nb-ku-std-produkt__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nb-ku-std-produkt__name { font-size: 12px; }
.nb-ku-std-produkt__meta { font-size: 11px; color: #6b7280; }
.nb-ku-std-angaben { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 1px; }
.nb-ku-std-angaben span { margin-bottom: 6px; }
.nb-ku-std-felder { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.nb-ku-notiz { display: flex; align-items: flex-start; gap: 6px; padding: 6px 8px; border: 1px solid #e2e6ea; background: #f3f4f6; font-size: 11px; line-height: 1.45; color: #4b5563; }
.nb-ku-notiz .nb-sy { width: 12px; height: 12px; margin-top: 1px; }

.nb-ku-std-etikett { display: inline-block; align-self: flex-start; padding: 2px 7px; border: 1px solid #c8d6ea; background: #e8eef7; color: var(--nb-sf); font-size: 10.5px; font-weight: 600; white-space: nowrap; }
.nb-ku-std-etikett--fertig { border-color: #b9dfcb; background: #e1f1e9; color: var(--nb-sf-gruen); }
.nb-ku-std-etikett--abgelehnt { border-color: #f0b8c0; background: #fbe5e8; color: var(--nb-sf-rot); }
.nb-ku-std-fortschritt { display: flex; flex-direction: column; gap: 3px; margin-top: 5px; }
.nb-ku-std-fortschritt .nb-ku-balken { width: 110px; }
.nb-ku-std-fortschritt__text { font-size: 10.5px; color: #4b5563; }

.nb-ku-std-reiter { display: flex; border-bottom: 1px solid var(--nb-sf-linie); }
.nb-ku-std-reiter__r { margin-bottom: -1px; padding: 6px 12px; border: 1px solid transparent; font-size: 12px; white-space: nowrap; }
.nb-ku-std-reiter__r--an { border-color: var(--nb-sf-linie) var(--nb-sf-linie) var(--weiss); background: var(--weiss); color: var(--nb-sf); font-weight: 600; }

.nb-ku-std-dienste { display: flex; flex-direction: column; border: 1px solid var(--nb-ku-rahmen, #dde3ea); }
.nb-ku-std-dienst { display: grid; grid-template-columns: 15px 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; }
.nb-ku-std-dienst + .nb-ku-std-dienst { border-top: 1px solid var(--nb-ku-linie, #e6eaef); }

.nb-ku-std-karte { display: flex; flex-direction: column; gap: 10px; width: 62%; padding: 16px 18px; border: 1px solid var(--nb-ku-rahmen, #dde3ea); font-size: 12px; line-height: 1.5; }
.nb-ku-std-karte__titel { font-size: 15px; }

/* --- Shopware: Bestellungen im Konto, Seitenkopf mit Kontomenü, Handy ------- */

.nb-ku-auftrag { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border: 1px solid var(--nb-sf-linie); font-size: 12px; }
.nb-ku-auftrag__kopf { display: flex; align-items: center; gap: 10px; }
.nb-ku-auftrag__kopf b { font-size: 15px; }
.nb-ku-auftrag__status { padding: 2px 8px; border-radius: 3px; background: var(--nb-sf-gruen); color: var(--weiss); font-size: 10.5px; font-weight: 600; }
.nb-ku-auftrag__mehr { display: flex; margin-left: auto; padding: 5px; border: 1px solid #e2e6ea; font-style: normal; }
.nb-ku-auftrag__tabelle { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nb-ku-auftrag__tabelle b { padding-bottom: 6px; border-bottom: 1px solid var(--nb-sf-linie); }
.nb-ku-auftrag__tabelle span { padding-top: 8px; }
.nb-ku-auftrag__knoepfe { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

.nb-ku-shop { display: flex; flex-direction: column; }
.nb-ku-shopkopf { display: flex; align-items: center; gap: 18px; padding-bottom: 12px; border-bottom: 1px solid #e2e6ea; }
.nb-ku-shopkopf__suche { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; padding: 7px 10px; border: 1px solid var(--nb-sf-linie); color: #6b7280; font-size: 12px; }
.nb-ku-shopkopf__symbole { display: flex; align-items: center; gap: 14px; }
.nb-ku-shopkopf__symbole .nb-sy { width: 17px; height: 17px; }
.nb-ku-shopkopf__an { display: flex; color: var(--nb-sf); font-style: normal; }
.nb-ku-shop__flaeche { display: flex; justify-content: flex-end; padding-top: 6px; }
.nb-ku-kontomenue { display: flex; flex-direction: column; gap: 10px; width: 250px; padding: 14px 16px; border: 1px solid var(--nb-ku-rahmen, #dde3ea); background: var(--weiss); box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.35); }
.nb-ku-kontomenue__titel { font-size: 14px; }
.nb-ku-kontomenue__login { display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid var(--nb-ku-linie, #e6eaef); }
.nb-ku-kontomenue__neu { font-size: 11px; color: #4b5563; }
.nb-ku-kontomenue__links { display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; }

.nb-ku-mobil { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-bottom: 6px; }
.nb-ku-mobil__logo { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: #2f3640; }
.nb-ku-shopkopf .nb-ku-mobil__logo { font-size: 19px; }
.nb-ku-mobil__leiste { display: flex; align-items: center; justify-content: space-between; align-self: stretch; }
.nb-ku-mobil__rechts { display: flex; gap: 14px; }
.nb-ku-mobil .nb-sy { width: 18px; height: 18px; }

.nb-ku-handy { display: flex; flex-direction: column; gap: 14px; }
.nb-ku-handy .nb-mk { grid-template-columns: minmax(0, 1fr); }
.nb-ku-handy .nb-mk__titel { font-size: 17px; }
.nb-ku-handy .nb-stufenkette__s i { width: 24px; height: 24px; }
.nb-ku-handy .nb-stufenkette__s::before { top: 11px; left: calc(-50% + 13px); right: calc(50% + 13px); }
.nb-ku-handy .nb-stufenkette__s b { font-size: 10px; line-height: 1.2; overflow-wrap: anywhere; hyphens: auto; }
.nb-ku-handy .nb-stufenkette__s small { font-size: 9.5px; }
.nb-ku-handy .nb-ku-summe { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.nb-ku-handy .nb-ku-summe__s { flex-direction: row; justify-content: space-between; }
.nb-ku-wahl--handy .nb-ku-wahl__zeile { flex-wrap: wrap; }
.nb-ku-wahl--handy .nb-ku-wahl__menge { flex-basis: 100%; }
.nb-ku-wahl--handy .nb-ku-antworten { margin-left: 0; }
.nb-ku-wahl--handy .nb-ku-antwort { grid-template-columns: minmax(0, 1fr); gap: 5px; }
.nb-ku-wahl--handy .nb-ku-label--klein { padding-top: 0; }

/* --- Farben des Themes (Liste „Modern“) ------------------------------------- */

.nb-ku-thema--rot { --nb-sf: #b3121f; --nb-sf-seite: #f8eced; }
.nb-ku-thema--rot .nb-ku-seite { --nb-ku-sanft: #f6dadd; --nb-ku-rahmen: #ecd3d5; }
.nb-ku-thema--rot .nb-mk__blau { background: linear-gradient(135deg, #8f0e19 0%, #b3121f 58%, #c13340 100%); }
.nb-ku-thema--gruen { --nb-sf: #1f7a4d; --nb-sf-seite: #e9f3ee; }
.nb-ku-thema--gruen .nb-ku-seite { --nb-ku-sanft: #d6ebdf; --nb-ku-rahmen: #cfe3d8; }
.nb-ku-thema--gruen .nb-mk__blau { background: linear-gradient(135deg, #175e3b 0%, #1f7a4d 58%, #3a8c63 100%); }

/* --- E-Mail „Rücksendung angelegt“ ------------------------------------------ */

.nb-ku-mailstatus { color: #52667a; }
.nb-ku-mailschritte { display: flex; flex-direction: column; gap: 4px; }
.nb-ku-mailschritte .nb-ku-mailliste { padding-left: 18px; list-style: decimal; }
.nb-ku-maillink { color: var(--nb-sf); text-underline-offset: 2px; }

/* --- Schmale Fenster (Breite „mittel“): Kopf und Schritte untereinander wie im schmalen Shop --- */

.nb-ku-schmal .nb-mk { grid-template-columns: minmax(0, 1fr); }
.nb-ku-schmal .nb-ku-schritte { grid-template-columns: minmax(0, 1fr); }