/* Nachbauten der Beispiele (Bereich G, inc/nb/faelle.php). Nur Klassen .nb-fa-…; Farben über die
   Variablen von .nb-fenster. Die Seite einer Rücksendung nutzt die Hülle .nb-ku-seite (kunde.css). */

/* Seite der Bestellung: Zeilen der Produkte */
.nb-fa-satz { font-size: 12px; line-height: 1.5; }
.nb-fa-zeilen { display: flex; flex-direction: column; }
.nb-fa-zeile { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid #e2e6ea; }
.nb-fa-zeile__bild { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid #e2e6ea; color: var(--nb-sf-text); }
.nb-fa-zeile__bild .nb-zeichnung { width: 34px; height: 34px; }
.nb-fa-zeile__haupt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-fa-zeile__haupt b { font-size: 12.5px; }
.nb-fa-zeile__haupt small { font-size: 11px; color: #4b5563; }
.nb-fa-zeile__seite { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; white-space: nowrap; }
.nb-fa-zeile__seite b { font-size: 12.5px; }
.nb-fa-zeile__seite small { font-size: 11px; color: #4b5563; }
.nb-fa-fuss { display: flex; max-width: 470px; padding-top: 4px; }

/* Formulare der Storefront (Anmeldung, Widerruf) */
.nb-fa-felder { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nb-fa-feld { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.nb-fa-label { font-size: 12px; font-weight: 600; }
.nb-fa-knoepfe { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.nb-fa-link { align-self: flex-start; color: var(--nb-sf); font-size: 12px; text-decoration: underline; text-underline-offset: 2px; }
.nb-fa-gesperrt { opacity: 0.55; }
.nb-fa-widerruf { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px; }
.nb-fa-widerruf__titel { font-size: 20px; }
.nb-fa-footer { display: flex; justify-content: center; padding: 16px 24px; border-top: 1px solid var(--nb-sf-linie); background: #f7f8fa; }

/* Kaufbox: Kasten „B-Ware“ */
.nb-fa-bw { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--nb-sf-linie); }
.nb-fa-bw__titel { font-size: 13px; }
.nb-fa-bw__intro { font-size: 11px; line-height: 1.45; color: #6b7280; }
.nb-fa-bw__angebote { display: flex; flex-direction: column; border: 1px solid var(--nb-sf-linie); }
.nb-fa-bw__angebot { display: flex; align-items: flex-start; gap: 9px; padding: 9px 11px; }
.nb-fa-bw__angebot + .nb-fa-bw__angebot { border-top: 1px solid var(--nb-sf-linie); }
.nb-fa-bw__angebot--an { background: #f3f7fc; }
.nb-fa-bw__name { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; font-size: 11px; line-height: 1.4; color: #6b7280; }
.nb-fa-bw__name b { font-size: 12px; color: var(--nb-sf-text); }
.nb-fa-bw__preise { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; font-size: 11px; white-space: nowrap; }
.nb-fa-bw__preise b { font-size: 12.5px; color: var(--nb-sf-text); }
.nb-fa-bw__preise s { color: #6b7280; }
.nb-fa-bw__kauf { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; }
.nb-fa-radio { flex: 0 0 auto; width: 14px; height: 14px; margin-top: 1px; border: 1.5px solid #b9c4cf; border-radius: 50%; background: #fff; }
.nb-fa-radio--an { border: 4px solid var(--nb-sf); }

/* Administration: Freigabe, Fenster „Rücksendung anlegen“ */
.nb-fa-bedingungen { display: table; margin-top: 3px; font-weight: 400; }
.nb-fa-meta { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 26px; width: fit-content; }
.nb-fa-meta > span { display: flex; flex-direction: column; gap: 2px; }
.nb-fa-meta small { font-size: 11px; color: var(--nb-text2); }
.nb-fa-meta b { font-size: 12.5px; }
.nb-fa-positionen { display: flex; flex-direction: column; border: 1px solid var(--nb-linie2); border-radius: 8px; }
.nb-fa-labelzeile { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.nb-fa-schalter { font-size: 11.5px; }
.nb-fa-haken { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.nb-fa-satz--grau { color: var(--nb-text2); }
.nb-fa-bedingungen { max-width: 420px; }