/* Erzeugt von baukasten/werkzeug/bestaetigung-plugin.mjs aus konto-favoriten.
   Nicht von Hand ändern, Quelle ist der Baukasten:
   baukasten/kern/schale.css
   baukasten/kern/formular.css
   baukasten/kern/konto.css
   baukasten/sektionen/konto-reiter/sektion.css
   baukasten/sektionen/verkaeufe/sektion.css
   baukasten/sektionen/profil/sektion.css
   baukasten/sektionen/favoriten/sektion.css
   Ohne 475 Regeln nicht gewählter Fassungen und ohne Kommentare (96.1 KB, ohneToteRegeln).
   Dazu laden nb-tokens-v3.css, nb-feld.css, nb-kopf.css, nb-tradein.css und nb-fuss.css. */
.nb-v3 {
  --nb-s-rand: var(--nb-space-s);
  --nb-s-breit: var(--nb-container);
  --nb-s-schmal: 720px;
  --nb-s-panel-schatten: 0 2px 4px rgb(0 0 0 / .04), 0 18px 44px -20px rgb(0 0 0 / .18);
}
@media (min-width: 768px) { .nb-v3 { --nb-s-rand: var(--nb-space-l); } }
@media (min-width: 1100px) { .nb-v3 { --nb-s-rand: var(--nb-space-xl); } }
.nb-bk {
  --nb-s-grund: var(--nb-surface-page);
  --nb-s-karte-grund: var(--nb-surface-page);
  --nb-s-karte-rand: var(--nb-border-hairline);
  --nb-s-karte-schatten: var(--nb-sh-card);
  --nb-s-abstand: var(--nb-space-sektion-normal);
  display: flow-root;
  background: var(--nb-s-grund);
  color: var(--nb-text-body);
  font-family: var(--nb-font-sans);
}
.nb-bk[data-nb-grund="rechner"] {
  --nb-s-grund: var(--nb-surface-secondary);
  --nb-s-karte-schatten: var(--nb-s-panel-schatten);
}
.nb-bk { --nb-s-karte-schatten-hoch: 0 4px 12px rgb(0 0 0 / .08); }
.nb-bk[data-nb-grund="bm"] {
  --nb-s-grund: #F8F9FC;
  --nb-s-karte-grund: var(--nb-surface-page);
  --nb-s-karte-rand: transparent;
  --nb-s-karte-schatten: 0 2px 4px rgba(17, 15, 21, .05);
  --nb-s-karte-schatten-hoch: 0 4px 8px rgba(17, 15, 21, .08);
  --nb-s-panel-schatten: 0 8px 16px rgba(17, 15, 21, .12);
}
.nb-bk[data-nb-grund="grau"] {
  --nb-s-grund: var(--nb-ink-100);
  --nb-s-karte-grund: var(--nb-surface-page);
  --nb-s-karte-rand: transparent;
  --nb-s-karte-schatten: 0 2px 4px rgba(17, 15, 21, .05);
  --nb-s-karte-schatten-hoch: 0 4px 8px rgba(17, 15, 21, .08);
}
.nb-bk[data-nb-grund="rebuy"] {
  --nb-s-grund: var(--nb-surface-page);
  --nb-s-karte-grund: var(--nb-surface-page);
  --nb-s-karte-rand: transparent;
  --nb-s-karte-schatten: 0 0 1px rgb(0 0 0 / .28), 0 1px 6px rgb(0 0 0 / .16);
  --nb-s-karte-schatten-hoch: 0 0 1px rgb(0 0 0 / .32), 0 4px 12px rgb(0 0 0 / .18);
}
.nb-bk { --nb-s-buehne: var(--nb-surface-secondary); }
.nb-bk:is([data-nb-grund="k1"], [data-nb-grund="k2"], [data-nb-grund="k3"]) {
  --nb-s-karte-grund: var(--nb-surface-page);
  --nb-s-karte-rand: transparent;
  --nb-s-karte-schatten: var(--nb-sh-ruht);
  --nb-s-karte-schatten-hoch: var(--nb-sh-hoch);
  --nb-s-panel-schatten: var(--nb-sh-schwebt);
}
.nb-bk[data-nb-grund="k1"] { --nb-s-grund: var(--nb-surface-base); --nb-s-buehne: var(--nb-ink-100); }
.nb-bk[data-nb-grund="k2"] { --nb-s-grund: var(--nb-surface-secondary); --nb-s-buehne: #EEF0F6; }
.nb-bk[data-nb-grund="k3"] { --nb-s-grund: var(--nb-ink-100); --nb-s-buehne: var(--nb-ink-200); }
.nb-bk:is([data-nb-grund="k1"], [data-nb-grund="k2"], [data-nb-grund="k3"]) :is(.nb-s-kachel:not(.nb-s-kategorien--im-bild *), .nb-s-buehne__direkt a, .nb-bd--karte, .nb-vd-foto, .nb-vdh-c__mail, .nb-s-karte, .nb-s-karte--panel, .nb-s-suche__treffer, .nb-kr--menue, .nb-vk-fenster, .nb-vdz__fenster, .nb-ad__fenster, .nb-f-karte, .nb-vk, .nb-pr__liste, .nb-az__wahl--liste, .nb-vdl-b, .nb-vdb-t, .nb-vdz__panel, .nb-vdg-c li, .nb-vdd-c a) { border-width: 0; }
@media (hover: hover) and (pointer: fine) { .nb-bk:is([data-nb-grund="k1"], [data-nb-grund="k2"], [data-nb-grund="k3"]) .nb-kr--seite a:hover { background: var(--nb-surface-page); } }
.nb-bk:is([data-nb-grund="k1"], [data-nb-grund="k2"], [data-nb-grund="k3"]) .nb-kr--seite a[aria-current="page"] { background: var(--nb-surface-page); box-shadow: var(--nb-sh-ruht); }
.nb-bk:is([data-nb-grund^="k"], [data-nb-grund="bm"]) :is(.nb-s-suche__treffer, .nb-kr--menue, .nb-vk-fenster, .nb-vdz__fenster, .nb-ad__fenster) {
  border-color: transparent; box-shadow: var(--nb-s-panel-schatten);
}
.nb-s { position: relative; margin-block: var(--nb-s-abstand); }
.nb-s[data-nb-flaeche="voll"] { margin-block: 0; padding-block: var(--nb-space-sektion-gross); }
.nb-s__innen { padding-inline: max(var(--nb-s-rand), (100% - var(--nb-s-breit)) / 2); }
.nb-s[data-nb-breite="schmal"] .nb-s__innen > * { max-width: var(--nb-s-schmal); }
.nb-s-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.nb-s :focus-visible:not(.nb-fl__eingabe, .nb-su__eingabe) { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-kopf-bereich.nb-kopf--bk .nb-main__inner, .nb-kopf-bereich.nb-kopf--bk .nb-nav__inner { box-sizing: border-box; max-width: calc(var(--nb-s-breit) + 2 * var(--nb-s-rand)); padding-inline: var(--nb-s-rand); }
.nb-f-fehler svg, .nb-f-meldung > svg { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.nb-f-meldung { display: flex; gap: var(--nb-space-xs); align-items: flex-start; padding: var(--nb-space-s); border-radius: var(--nb-radius-input); font-size: var(--nb-t-body-02); line-height: 1.5; }
.nb-f-meldung p { margin: 0; }
.nb-f-meldung--fehler { background: var(--nb-critical-bg); color: var(--nb-critical-text); }
.nb-f-meldung__text { display: grid; gap: var(--nb-space-3xs); }
.nb-f-knopf { min-height: 48px; }
.nb-f-knopf svg { width: 20px; height: 20px; }
.nb-f-knopf--primaer { background: var(--nb-action-primary); color: var(--nb-action-primary-label); border: 1px solid var(--nb-action-primary); }
@media (hover: hover) and (pointer: fine) { .nb-f-knopf--primaer:hover { background: var(--nb-action-primary-hover); border-color: var(--nb-action-primary-hover); } }
.nb-f-knopf--primaer:active { background: var(--nb-action-primary-active); border-color: var(--nb-action-primary-active); }
.nb-f-knopf--primaer[aria-disabled="true"] { opacity: .4; pointer-events: none; }
.nb-f-knopf--umriss { background: transparent; color: var(--nb-text-heading); border: 1px solid var(--nb-border-control); }
@media (hover: hover) and (pointer: fine) { .nb-f-knopf--umriss:hover { border-color: var(--nb-ink-500); background: #FBFBFD; } }
.nb-f-knopf--breit { width: 100%; }
.nb-f-knopf:is(.nb-f-knopf--primaer, .nb-f-knopf--umriss) { transition: background var(--nb-motion-farbe) var(--nb-motion-kurve), border-color var(--nb-motion-farbe) var(--nb-motion-kurve), opacity var(--nb-motion-farbe) var(--nb-motion-kurve), scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-f-knopf:is(.nb-f-knopf--primaer, .nb-f-knopf--umriss):active { scale: var(--nb-motion-druck-scale); transition: scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-f-knopf:focus-visible { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-f-platz { display: grid; align-content: start; gap: var(--nb-space-xs); padding: var(--nb-space-m); border: 1px solid var(--nb-border-hairline); border-radius: var(--nb-radius-card); animation: nb-f-platz-ein 0s linear 400ms both; }
.nb-f-platz { box-sizing: border-box; }
.nb-f-platz__zeile { display: block; height: 14px; border-radius: var(--nb-radius-badge); background: var(--nb-ink-100) linear-gradient(90deg, transparent 0, rgb(249 250 252 / .9) 50%, transparent 100%) no-repeat; background-size: 40% 100%; animation: nb-f-platz-sweep var(--nb-motion-skeleton-sweep) linear infinite; }
.nb-f-platz__zeile--0 { width: 45%; height: 20px; }
.nb-f-platz__zeile--1 { width: 80%; }
.nb-f-platz__zeile--2 { width: 60%; }
@keyframes nb-f-platz-ein { from { visibility: hidden; } to { visibility: visible; } }
@keyframes nb-f-platz-sweep { from { background-position: -60% 0; } to { background-position: 160% 0; } }
@media (prefers-reduced-motion: reduce) { .nb-f-platz__zeile { animation: none; } }
.nb-f-karte { background: var(--nb-s-karte-grund, var(--nb-surface-page)); border: 1px solid var(--nb-s-karte-rand, var(--nb-border-hairline)); border-radius: var(--nb-radius-card); box-shadow: var(--nb-s-karte-schatten, var(--nb-sh-card)); }
:is(.nb-strecke-seite, .nb-konto-seite, .nb-sk, .nb-sf) :focus-visible:not(.nb-fl__eingabe, .nb-su__eingabe) { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; box-shadow: 0 0 0 5px var(--nb-surface-page); }
img.nb-produktbild { object-fit: contain !important; background: var(--nb-surface-page); }
@keyframes nb-f-drehen { to { transform: rotate(360deg); } }
.nb-konto-seite { --nb-s-abstand: 0; }
.nb-konto-seite .nb-s { margin-block: 0; }
.nb-schale--konto {
  box-sizing: border-box; display: grid; gap: var(--nb-space-m);
  max-width: calc(var(--nb-s-breit) + 2 * var(--nb-s-rand)); margin-inline: auto;
  padding: var(--nb-space-l) var(--nb-s-rand) var(--nb-space-2xl);
}
.nb-schale--konto .nb-s__innen { padding-inline: 0; }
.nb-schale--konto .nb-schale__haupt { display: grid; gap: var(--nb-space-m); align-content: start; min-width: 0; }
.nb-schale--konto .nb-schale__nav { min-width: 0; }
@media (min-width: 1100px) {
  .nb-schale--konto { grid-template-columns: 240px minmax(0, 1fr); gap: var(--nb-space-xl); align-items: start; padding-top: var(--nb-space-xl); }
  .nb-schale--konto .nb-schale__nav { position: sticky; top: calc(40px + var(--nb-header-height-main, 72px) + var(--nb-header-height-nav, 52px) + var(--nb-space-m)); transition: top var(--nb-motion-rand) var(--nb-motion-kurve); }
  @media (prefers-reduced-motion: reduce) { .nb-schale--konto .nb-schale__nav { transition: none; } }
  html.is-header-hidden .nb-schale--konto .nb-schale__nav { top: var(--nb-space-m); }
}
.nb-schale--konto > .nb-schale__nav:empty { display: none; }
@media (min-width: 1100px) {
  .nb-schale--konto:has(> .nb-schale__nav:empty) { grid-template-columns: minmax(0, var(--nb-s-schmal)); justify-content: center; }
}
.nb-bk[data-nb-text="b"] { --nb-t-body-02: 16px; }
.nb-bk[data-nb-text="c"], .nb-konto-seite:not([data-nb-text]) { --nb-text-body: #2B3140; --nb-text-muted: #474D58; }
@media (min-width: 768px) { .nb-bk[data-nb-text="c"], .nb-konto-seite:not([data-nb-text]) { --nb-t-body-02: 16px; } }
.nb-bk[data-nb-text="d"] { --nb-t-body-02: 16px; --nb-text-body: #010C28; --nb-text-muted: #2B3140; }
@media (hover: hover) and (pointer: fine) { .nb-bk:is([data-nb-aktiv="c"], [data-nb-aktiv="d"]) .nb-kr--seite a:not([aria-current]):hover { background: none; box-shadow: none; color: var(--nb-text-heading); } }
@media (hover: hover) and (pointer: fine) { :is(.nb-bk[data-nb-aktiv="b"], .nb-konto-seite:not([data-nb-aktiv])) .nb-kr--seite a:not([aria-current]):hover[href] { background: var(--nb-kr-grau, var(--nb-ink-150)); box-shadow: none; color: var(--nb-text-heading); } }
:is(.nb-bk[data-nb-aktiv="b"], .nb-konto-seite:not([data-nb-aktiv])) .nb-kr--seite a[aria-current="page"][aria-current="page"] { background: var(--nb-kr-grau, var(--nb-ink-150)); box-shadow: none; }
.nb-bk[data-nb-aktiv="c"] .nb-kr--seite a[aria-current="page"][aria-current="page"],
.nb-bk[data-nb-aktiv="d"] .nb-kr--seite a[aria-current="page"][aria-current="page"] { background: none; box-shadow: none; }
.nb-bk[data-nb-aktiv="c"] .nb-kr--seite a[aria-current="page"][aria-current="page"] { border-radius: 0; box-shadow: inset 3px 0 0 var(--nb-night); }
@view-transition { navigation: auto; }
html:has(.nb-schale--konto) { overflow-y: scroll; }
.nb-konto-seite .nb-schale__nav { view-transition-name: nb-konto-nav; z-index: 1; }
@media (max-width: 1099px) { .nb-konto-seite .nb-schale__nav { position: relative; } }
.nb-konto-seite:has(.nb-vk-fenster[open]) .nb-schale__nav { z-index: auto; }
.nb-konto-seite .nb-schale__haupt { view-transition-name: nb-konto-haupt; }
::view-transition-group(*) { animation-duration: var(--nb-motion-farbe, 200ms); animation-timing-function: var(--nb-motion-kurve, ease); }
::view-transition-old(root), ::view-transition-new(root) { animation: none; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
.nb-bk[data-nb-grau="hell"] { --nb-kr-grau: var(--nb-ink-100); }
.nb-bk[data-nb-grau="mitte"] { --nb-kr-grau: var(--nb-ink-150); }
.nb-bk[data-nb-grau="kraeftig"] { --nb-kr-grau: var(--nb-ink-200); }
.nb-kr { font-family: var(--nb-font-sans); }
.nb-kr ul { display: flex; gap: var(--nb-space-2xs); margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.nb-kr a { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 var(--nb-space-s); border-radius: var(--nb-radius-pill); font-size: var(--nb-t-body-02); color: var(--nb-text-body); text-decoration: none; white-space: nowrap; transition: background var(--nb-motion-farbe) var(--nb-motion-kurve), color var(--nb-motion-farbe) var(--nb-motion-kurve), scale var(--nb-motion-druck) var(--nb-motion-kurve); }
@media (hover: hover) and (pointer: fine) { .nb-kr a:hover { background: var(--nb-surface-component); color: var(--nb-text-heading); } }
.nb-kr a:active { background: var(--nb-ink-200); color: var(--nb-text-heading); scale: var(--nb-motion-druck-scale); transition: scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-kr a[aria-current="page"] { background: var(--nb-surface-component); color: var(--nb-text-heading); font-weight: var(--nb-weight-semibold); }
.nb-kr a:focus-visible, .nb-kr__ab button:focus-visible { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-kr__ab { margin-top: var(--nb-space-2xs); }
.nb-kr__ab button { min-height: 44px; padding: 0 var(--nb-space-s); border: 0; background: none; font: inherit; font-size: var(--nb-t-body-02); color: var(--nb-text-muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; transition: color var(--nb-motion-farbe) var(--nb-motion-kurve); }
@media (hover: hover) and (pointer: fine) { .nb-kr__ab button:hover { color: var(--nb-text-heading); text-decoration-thickness: 2px; } }
.nb-kr__ab button:active { color: var(--nb-text-heading); }
@media (min-width: 1100px) {
  .nb-kr--seite ul { flex-direction: column; gap: var(--nb-space-3xs); overflow: visible; }
  .nb-kr--seite a { border-radius: var(--nb-radius-input); }
  .nb-kr--seite .nb-kr__ab { margin-top: var(--nb-space-m); padding-top: var(--nb-space-s); border-top: 1px solid var(--nb-border-hairline); }
}
@media (max-width: 1099px) {
  .nb-kr--seite:not(.nb-kr--gross) { display: flex; align-items: center; gap: var(--nb-space-2xs); }
  .nb-kr--seite:not(.nb-kr--gross) ul { flex: 1 1 auto; min-width: 0; -webkit-mask-image: linear-gradient(90deg, #000 80%, transparent); mask-image: linear-gradient(90deg, #000 80%, transparent); }
  .nb-kr--seite:not(.nb-kr--gross) .nb-kr__ab { flex: none; margin-top: 0; }
}
.nb-kr-menue { font-family: var(--nb-font-sans); }
.nb-kr-menue summary { display: flex; align-items: center; justify-content: space-between; gap: var(--nb-space-s); min-height: 56px; box-sizing: border-box; padding: var(--nb-space-2xs) var(--nb-space-s); border: 1px solid var(--nb-border-control); border-radius: var(--nb-radius-input); cursor: pointer; list-style: none; transition: background-color var(--nb-motion-farbe) var(--nb-motion-kurve), scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-kr-menue summary::-webkit-details-marker { display: none; }
.nb-kr-menue summary:active { background: var(--nb-ink-200); scale: var(--nb-motion-druck-scale-breit); transition: scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-kr-menue summary:focus-visible { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-kr-menue summary > span { display: grid; }
.nb-kr-menue__vor { font-size: var(--nb-t-legal-01); color: var(--nb-text-muted); }
.nb-kr-menue summary b { font-size: var(--nb-t-body-01); font-weight: var(--nb-weight-semibold); color: var(--nb-text-heading); }
.nb-kr-menue summary svg { width: 20px; height: 20px; color: var(--nb-text-heading); transition: transform var(--nb-motion-transform) var(--nb-motion-kurve); }
.nb-kr-menue[open] summary svg { transform: rotate(180deg); }
.nb-kr--menue { margin-top: var(--nb-space-2xs); }
.nb-kr--menue ul { flex-direction: column; gap: var(--nb-space-3xs); overflow: visible; }
.nb-kr--menue a { border-radius: var(--nb-radius-input); }
.nb-kr--menue .nb-kr__ab { margin-top: var(--nb-space-2xs); padding-top: var(--nb-space-2xs); border-top: 1px solid var(--nb-border-hairline); }
.nb-kr-menue--schwebt { position: relative; }
.nb-kr-menue--schwebt[open] summary { border-color: var(--nb-action-primary); }
.nb-kr-menue--schwebt .nb-kr--menue { position: absolute; z-index: 6; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: var(--nb-space-2xs); background: var(--nb-surface-page); border: 1px solid var(--nb-border-hairline); border-radius: var(--nb-radius-input); box-shadow: var(--nb-sh-panel); }
.nb-kr-menue--schwebt[open] .nb-kr--menue { transform-origin: 50% 0; animation: nb-kr-auf var(--nb-motion-liste) var(--nb-motion-kurve) both; }
@keyframes nb-kr-auf { from { opacity: 0; transform: scale(var(--nb-motion-liste-scale)); } }
@supports selector(::details-content) {
  .nb-kr-menue--schwebt::details-content { transition: content-visibility var(--nb-motion-liste-aus) allow-discrete; }
  .nb-kr-menue--schwebt:not([open]) .nb-kr--menue { opacity: 0; transition: opacity var(--nb-motion-liste-aus) var(--nb-motion-kurve); }
}
.nb-kr-menue--schwebt .nb-kr--menue ul { gap: 0; }
.nb-kr-menue--schwebt .nb-kr--menue a { justify-content: space-between; gap: var(--nb-space-xs); padding: var(--nb-space-2xs) var(--nb-space-s); border-radius: var(--nb-radius-badge); font-size: var(--nb-t-body-01); color: var(--nb-text-heading); }
.nb-kr-menue--schwebt .nb-kr--menue a[aria-current="page"] { background: var(--nb-surface-component); }
.nb-kr-menue--schwebt .nb-kr--menue a:active { background: var(--nb-surface-component); scale: var(--nb-motion-druck-scale-breit); }
.nb-kr-menue--schwebt .nb-kr--menue a svg { width: 18px; height: 18px; flex: none; }
.nb-kr-menue--schwebt .nb-kr__ab { margin: var(--nb-space-2xs) 0 0; padding-top: var(--nb-space-2xs); }
.nb-kr-menue--schwebt .nb-kr__ab button { font-size: var(--nb-t-body-01); }
.nb-kr--gross { display: none; }
@media (min-width: 1100px) {
  .nb-kr--gross { display: block; }
  .nb-kr-menue, .nb-kr-zurueck, .nb-kr--segment { display: none; }
}
.nb-kr-menue--grau summary { border: 0; background: var(--nb-kr-grau, var(--nb-ink-150)); box-shadow: none; transition: background-color var(--nb-motion-farbe) var(--nb-motion-kurve), scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-kr-menue--grau summary:active { background: var(--nb-kr-grau, var(--nb-ink-150)); }
.nb-kr-menue--grau.nb-kr-menue--schwebt .nb-kr--menue { border: 0; box-shadow: var(--nb-sh-schwebt); }
.nb-kr--zeichen a, .nb-kr--zeichen .nb-kr__ab button { display: flex; align-items: center; gap: var(--nb-space-xs); }
.nb-kr__z { display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; color: var(--nb-text-heading); }
.nb-kr__z svg { width: 20px; height: 20px; }
.nb-kr__z svg * { vector-effect: non-scaling-stroke; stroke-width: 1.65px; }
.nb-kr--zeichen .nb-kr__ab .nb-kr__z { color: inherit; }
.nb-kr-menue--schwebt .nb-kr--zeichen.nb-kr--menue a { justify-content: flex-start; }
.nb-kr-menue--schwebt .nb-kr--zeichen.nb-kr--menue a > svg { margin-left: auto; }
.nb-kr__bald-zeile { display: flex; align-items: center; gap: var(--nb-space-xs); min-height: 44px; padding: 0 var(--nb-space-s); font-size: var(--nb-t-body-01); color: var(--nb-text-body); cursor: default; }
.nb-kr__bald-zeile > .nb-kr__z, .nb-kr__bald-zeile > span:not(.nb-kr__bald) { opacity: .45; }
.nb-kr__bald { margin-left: auto; display: inline-flex; align-items: center; min-height: 20px; padding: 0 var(--nb-space-2xs); border-radius: var(--nb-radius-pill); background: var(--nb-surface-stage); font-size: var(--nb-t-label-01); font-weight: var(--nb-weight-semibold); letter-spacing: .04em; text-transform: uppercase; color: var(--nb-text-on-stage); }
.nb-vk-h1 { margin: 0 0 var(--nb-space-m); font-family: var(--nb-font-sans); font-size: var(--nb-t-heading-01); font-weight: var(--nb-weight-semibold); line-height: 1.15; letter-spacing: -0.02em; color: var(--nb-text-heading); }
.nb-vk { display: grid; gap: var(--nb-space-s); padding: var(--nb-space-m); font-family: var(--nb-font-sans); }
.nb-vk-status { display: inline-flex; align-items: center; gap: var(--nb-space-2xs); font-size: var(--nb-t-body-02); font-weight: var(--nb-weight-semibold); line-height: 1.2; color: var(--nb-text-heading); white-space: nowrap; }
.nb-vk-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nb-night); }
.nb-vk-status--leise { color: var(--nb-text-muted); }
.nb-vk-status--leise::before { background: var(--nb-border-control); }
.nb-vk__statuszeile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nb-space-3xs) var(--nb-space-xs); margin: 0; }
@keyframes nb-vk-fuellen { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes nb-vk-lauf { 0% { background-position: -60% 0; opacity: 1; } 55% { background-position: 150% 0; opacity: 1; } 56%, 100% { background-position: 150% 0; opacity: 0; } }
.nb-vk-fenster { box-sizing: border-box; width: min(520px, calc(100vw - 32px)); max-width: none; max-height: min(640px, calc(100vh - 64px)); margin: auto; padding: 0; border: 0; border-radius: var(--nb-radius-card); background: var(--nb-surface-page); box-shadow: var(--nb-sh-panel); color: var(--nb-text-body); font-family: var(--nb-font-sans); overflow: hidden; }
.nb-vk-fenster[open] { display: flex; flex-direction: column; }
.nb-vk-fenster::backdrop { background: var(--nb-alpha-scrim); animation: nb-vk-scrim var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-vk-fenster:modal { animation: nb-vk-auf var(--nb-motion-fenster) var(--nb-motion-fenster-kurve) both; }
@supports (overlay: auto) {
  .nb-vk-fenster:not([open]), .nb-vk-fenster:not([open])::backdrop { opacity: 0; transition: opacity var(--nb-motion-fenster-aus) var(--nb-motion-kurve), display var(--nb-motion-fenster-aus) allow-discrete, overlay var(--nb-motion-fenster-aus) allow-discrete; }
}
@keyframes nb-vk-auf { from { opacity: 0; transform: translateY(6px) scale(.985); } }
@keyframes nb-vk-scrim { from { opacity: 0; } }
.nb-vk-fenster:is([data-nb-vk-statisch], [data-nb-vk-start]) { position: fixed; inset: 0; z-index: 110; height: fit-content; }
html:has(.nb-vk-fenster[open]) { overflow: hidden; scrollbar-gutter: stable; }
@media (max-width: 767px) {
  .nb-vk-fenster { width: 100%; max-height: var(--nb-blatt-hoehe); margin: auto 0 0; border-radius: var(--nb-blatt-radius); }
  .nb-vk-fenster:modal { animation: nb-vk-blatt var(--nb-motion-blatt) var(--nb-motion-fenster-kurve) both; }
  @supports (overlay: auto) {
    .nb-vk-fenster:not([open]) { opacity: 1; transform: translateY(100%); transition: transform var(--nb-motion-blatt-aus) var(--nb-motion-kurve), opacity var(--nb-motion-blatt-aus) var(--nb-motion-kurve), display var(--nb-motion-blatt-aus) allow-discrete, overlay var(--nb-motion-blatt-aus) allow-discrete; }
    .nb-vk-fenster:not([open])::backdrop { transition-duration: var(--nb-motion-blatt-aus); }
  }
}
@keyframes nb-vk-blatt { from { transform: translateY(100%); } }
a.nb-vk-fenster__zu { text-decoration: none; }
.nb-vk-fenster__kopf { display: flex; align-items: center; justify-content: space-between; gap: var(--nb-space-s); padding: var(--nb-space-m) var(--nb-space-m) var(--nb-space-xs) var(--nb-space-l); }
.nb-vk-fenster__titel { margin: 0; font-size: var(--nb-t-heading-02); font-weight: var(--nb-weight-semibold); line-height: 1.25; letter-spacing: -0.01em; color: var(--nb-text-heading); }
.nb-vk-fenster__zu { flex: none; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--nb-surface-component); color: var(--nb-text-heading); cursor: pointer; transition: background var(--nb-motion-farbe) var(--nb-motion-kurve), scale var(--nb-motion-druck) var(--nb-motion-kurve); }
.nb-vk-fenster__zu:active { scale: var(--nb-motion-druck-scale); transition: scale var(--nb-motion-druck) var(--nb-motion-kurve); }
@media (hover: hover) and (pointer: fine) { .nb-vk-fenster__zu:hover { background: var(--nb-ink-300); } }
.nb-vk-fenster__zu:focus-visible { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-vk-fenster__zu svg { width: 20px; height: 20px; }
@keyframes nb-vk-dreh { to { transform: rotate(360deg); } }
@media (max-width: 767px) {
  .nb-vk-fenster__kopf { padding-left: var(--nb-space-m); }
}
@media (prefers-reduced-motion: reduce) {
  .nb-vk-fenster::backdrop, .nb-vk-fenster:modal { animation: none; }
}
.nb-vk-h1 + .nb-f-meldung:not(:last-child) { margin-bottom: var(--nb-space-s); }
.nb-vk-status--gezahlt::before { background: var(--nb-success-solid); }
@media screen and (prefers-reduced-motion: no-preference) {
  .nb-bk:is([data-nb-fenster-zu="a"], [data-nb-fenster-zu="b"], [data-nb-fenster-zu="c"]) .nb-vk-fenster.is-zu { pointer-events: none; }
  .nb-bk:is([data-nb-fenster-zu="a"], [data-nb-fenster-zu="b"], [data-nb-fenster-zu="c"]) .nb-vk-fenster.is-zu::backdrop { animation: nb-vk-scrim-zu var(--nb-motion-farbe) var(--nb-motion-kurve) forwards; }
  .nb-bk[data-nb-fenster-zu="a"] .nb-vk-fenster.is-zu:modal { animation: nb-vk-zu var(--nb-motion-fenster, 160ms) var(--nb-motion-fenster-kurve) forwards; }
  .nb-bk[data-nb-fenster-zu="b"] .nb-vk-fenster.is-zu:modal { animation: nb-vk-blende var(--nb-motion-farbe) var(--nb-motion-kurve) forwards; }
  .nb-bk[data-nb-fenster-zu="c"] .nb-vk-fenster.is-zu:modal { animation: none; opacity: 0; }
}
@keyframes nb-vk-zu { to { opacity: 0; transform: translateY(6px) scale(.985); } }
@keyframes nb-vk-blende { to { opacity: 0; } }
@keyframes nb-vk-scrim-zu { to { opacity: 0; } }
.nb-bk:is([data-nb-druck="b"], [data-nb-druck="c"]) .nb-vk .nb-f-knopf--umriss { transition: background var(--nb-motion-farbe) var(--nb-motion-kurve), border-color var(--nb-motion-farbe) var(--nb-motion-kurve), color var(--nb-motion-farbe) var(--nb-motion-kurve), opacity var(--nb-motion-farbe) var(--nb-motion-kurve); }
@media (prefers-reduced-motion: reduce) { .nb-bk:is([data-nb-druck="b"], [data-nb-druck="c"]) .nb-vk .nb-f-knopf--umriss { transition: none; } }
.nb-bk[data-nb-druck="a"] .nb-vk .nb-f-knopf--umriss:active { background: var(--nb-surface-component); border-color: var(--nb-ink-500); }
.nb-bk[data-nb-druck="b"] .nb-vk .nb-f-knopf--umriss:active { background: transparent; border-color: var(--nb-action-primary-active); color: var(--nb-action-primary-active); }
.nb-bk[data-nb-druck="c"] .nb-vk .nb-f-knopf--umriss:active { background: var(--nb-night); border-color: var(--nb-night); color: var(--nb-text-on-dark); }
@keyframes nb-vk-da { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .nb-vk-fenster:modal { animation-name: nb-vk-scrim !important; animation-duration: var(--nb-motion-farbe) !important; animation-timing-function: var(--nb-motion-kurve) !important; animation-fill-mode: both !important; }
  @supports (overlay: auto) { .nb-vk-fenster:not([open]), .nb-vk-fenster:not([open])::backdrop { opacity: 0; transform: none !important; transition-duration: var(--nb-motion-fenster-aus) !important; } }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) { @supports (overlay: auto) { .nb-vk-fenster:not([open]), .nb-vk-fenster:not([open])::backdrop { transition-duration: var(--nb-motion-blatt-aus) !important; } } }
.nb-pf { display: grid; gap: var(--nb-space-s); font-family: var(--nb-font-sans); }
.nb-pf .nb-vk-h1 { margin-bottom: var(--nb-space-2xs); }
.nb-pf [hidden] { display: none !important; }
.nb-pf p { margin: 0; }
.nb-pf-schalter { position: relative; display: inline-grid; }
.nb-pf-schalter input { position: absolute; inset: -9px; width: calc(100% + 18px); height: calc(100% + 18px); margin: 0; opacity: 0; cursor: pointer; }
.nb-pf-schalter__bahn { position: relative; box-sizing: border-box; width: 44px; height: 26px; border: 2px solid var(--nb-border-control); border-radius: var(--nb-radius-pill); background: var(--nb-surface-page); transition: background-color var(--nb-motion-farbe) var(--nb-motion-kurve), border-color var(--nb-motion-rand) var(--nb-motion-kurve); }
.nb-pf-schalter__bahn::after { content: ""; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: var(--nb-border-control); transition: transform var(--nb-motion-transform) var(--nb-motion-kurve), background-color var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-pf-schalter input:checked + .nb-pf-schalter__bahn { border-color: var(--nb-action-primary); background: var(--nb-action-primary); }
.nb-pf-schalter input:checked + .nb-pf-schalter__bahn::after { background: var(--nb-action-primary-label); transform: translateX(18px); }
.nb-pf-schalter input:focus-visible + .nb-pf-schalter__bahn { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .nb-pf-schalter__bahn, .nb-pf-schalter__bahn::after { transition: none; }
}
.nb-pf-schalter input { z-index: 1; }
.nb-pf-schalter__bahn { pointer-events: none; }
.nb-pf .nb-f-meldung { font-size: var(--nb-t-body-01); }
.nb-fav { --nb-fav-bild: 112px; }
.nb-fav__liste { display: grid; gap: var(--nb-space-s); margin: 0; padding: 0; list-style: none; }
.nb-fav .nb-f-karte { border-width: 0; box-shadow: var(--nb-sh-ruht); }
.nb-fav__name, .nb-fav__aus { overflow-wrap: anywhere; }
.nb-fav__name { margin: 0; font-size: var(--nb-t-heading-03); font-weight: var(--nb-weight-semibold); line-height: 1.3; color: var(--nb-text-heading); text-wrap: pretty; }
.nb-fav__name a { color: inherit; text-decoration: none; transition: color var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-fav__name a:active, a.nb-fav__bild:active { color: var(--nb-ink-700); transition-duration: var(--nb-motion-druck); }
.nb-fav__name a:focus-visible { outline: 2px solid var(--nb-night); outline-offset: 3px; }
.nb-fav__name a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.nb-fav__aus { margin: 0; font-size: var(--nb-t-body-02); line-height: 1.4; color: var(--nb-text-body); text-wrap: pretty; }
.nb-fav__preis { margin: 0; font-size: var(--nb-t-price-03); font-weight: var(--nb-weight-semibold); line-height: 1.2; color: var(--nb-text-heading); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nb-fav__preisblock { display: grid; justify-items: end; gap: 2px; }
.nb-fav__text { display: grid; align-content: center; gap: var(--nb-space-3xs); min-width: 0; }
.nb-fav__status { margin-top: var(--nb-space-3xs); }
.nb-fav__bild { display: block; width: var(--nb-fav-bild); aspect-ratio: 4 / 4.2; border-radius: var(--nb-radius-input); }
.nb-fav__karte--aehnlich .nb-fav__bild img, .nb-fav__karte--weg .nb-fav__bild img { opacity: .5; filter: grayscale(1); }
.nb-fav__aktion, .nb-fav__herz { position: relative; z-index: 1; }
.nb-fav__aktion { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--nb-space-2xs) var(--nb-space-s); }
.nb-fav__aktion .nb-f-knopf { white-space: nowrap; }
.nb-fav__liste--a .nb-fav__aktion { flex-direction: column; align-items: flex-end; }
.nb-fav__aktion form { margin: 0; }
.nb-fav__herz { display: inline-grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: none; color: var(--nb-text-on-stage); cursor: pointer; border-radius: var(--nb-radius-badge); transition: color var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-fav__herz svg { width: 24px; height: 24px; }
.nb-fav__herz path { fill: currentColor; }
.nb-fav__herz:active { color: var(--nb-ink-700); transition-duration: var(--nb-motion-druck); }
.nb-fav__herz:focus-visible { outline: 2px solid var(--nb-night); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .nb-fav__herz:hover { color: var(--nb-text-heading); }
  .nb-fav__name a:hover, a.nb-fav__bild:hover { color: var(--nb-text-heading); text-decoration: underline; text-underline-offset: 4px; }
  .nb-fav__karte:has(.nb-fav__name a:hover) { box-shadow: var(--nb-sh-hoch); }
}
.nb-fav__liste--a .nb-fav__karte { position: relative; display: grid; grid-template-columns: var(--nb-fav-bild) minmax(0, 1fr) auto; align-items: center; gap: var(--nb-space-m); padding: var(--nb-space-m); padding-right: calc(var(--nb-space-m) + 44px); transition: box-shadow var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-fav__liste--a .nb-fav__ende, .nb-fav__liste--c .nb-fav__ende { display: grid; justify-items: end; gap: var(--nb-space-xs); }
.nb-fav__liste--a .nb-fav__herz { position: absolute; top: var(--nb-space-xs); right: var(--nb-space-xs); }
.nb-fav__bild--klein { width: 80px; }
.nb-fav__entfernt { display: flex; align-items: center; justify-content: space-between; gap: var(--nb-space-s); min-height: 64px; padding: 0 var(--nb-space-m); border-radius: var(--nb-radius-card); background: var(--nb-ink-150); font-size: var(--nb-t-body-01); color: var(--nb-text-heading); animation: nb-fav-ein var(--nb-motion-farbe) var(--nb-motion-kurve) both; }
.nb-fav__zurueck { min-height: 44px; padding: 0; border: 0; background: none; font: inherit; font-weight: var(--nb-weight-semibold); color: var(--nb-text-heading); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; transition: color var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-fav__zurueck:active { color: var(--nb-ink-700); transition-duration: var(--nb-motion-druck); }
.nb-fav__zurueck:focus-visible { outline: 2px solid var(--nb-night); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .nb-fav__zurueck:hover { text-decoration-thickness: 2px; } }
@keyframes nb-fav-ein { from { opacity: 0; } }
.nb-fav-gast { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--nb-space-s); padding: var(--nb-space-s) var(--nb-space-m); }
.nb-fav-gast__titel { margin: 0; font-size: var(--nb-t-body-01); font-weight: var(--nb-weight-semibold); color: var(--nb-text-heading); }
.nb-fav-leer { display: grid; justify-items: start; gap: var(--nb-space-s); padding: var(--nb-space-l) var(--nb-space-m); }
.nb-fav-leer__zeichen { display: inline-grid; place-items: center; width: 32px; height: 32px; color: var(--nb-text-heading); }
.nb-fav-leer__zeichen svg { width: 32px; height: 32px; }
.nb-fav-leer__titel { margin: 0; font-size: var(--nb-t-heading-02); font-weight: var(--nb-weight-semibold); color: var(--nb-text-heading); }
.nb-fav-leer--figur { grid-template-columns: 220px minmax(0, 1fr); align-items: center; column-gap: var(--nb-space-m); }
.nb-fav-leer--figur .nb-fav-leer__figur { grid-row: span 2; }
.nb-fav-leer__figur img { display: block; width: 100%; height: auto; }
.nb-fav__platzbild { background: var(--nb-ink-100); }
.nb-fav__platztext { display: grid; align-content: center; gap: var(--nb-space-xs); }
.nb-fav__karte--laedt { display: grid; grid-template-columns: var(--nb-fav-bild) minmax(0, 1fr); align-items: center; gap: var(--nb-space-m); padding: var(--nb-space-m); min-height: 166px; box-sizing: border-box; }
.nb-fav-fenster__form { display: grid; gap: var(--nb-space-s); padding: 0 var(--nb-space-m) var(--nb-space-m); }
.nb-fav-fenster__geraet { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: var(--nb-space-s); }
.nb-fav-fenster__geraet .nb-fav__bild--klein { width: 64px; }
.nb-fav-fenster__recht { margin: 0; font-size: var(--nb-t-body-02); line-height: 1.45; color: var(--nb-text-body); }
.nb-fav-fenster__recht a { color: var(--nb-text-heading); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) {
  .nb-fav { --nb-fav-bild: 88px; }
  .nb-fav__liste--a .nb-fav__karte, .nb-fav__karte--b { grid-template-columns: var(--nb-fav-bild) minmax(0, 1fr); grid-template-rows: none; gap: var(--nb-space-xs) var(--nb-space-s); padding: var(--nb-space-s); }
  .nb-fav__liste--a .nb-fav__text, .nb-fav__karte--b .nb-fav__text { padding-right: 36px; }
  .nb-fav__liste--a .nb-fav__herz, .nb-fav__karte--b .nb-fav__herz { top: var(--nb-space-3xs); right: var(--nb-space-3xs); }
  .nb-fav__liste--a .nb-fav__ende { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  .nb-fav__liste--a .nb-fav__preisblock, .nb-fav__zeile .nb-fav__preisblock { justify-items: start; }
  .nb-fav__liste--a .nb-fav__aktion { flex: 1 1 auto; }
  .nb-fav__liste--a .nb-fav__aktion > *, .nb-fav__liste--a .nb-fav__aktion form, .nb-fav__liste--a .nb-fav__aktion form .nb-f-knopf { flex: 1 1 auto; justify-content: center; }
  .nb-fav__bild--klein { width: 72px; }
  .nb-fav-leer--figur { grid-template-columns: minmax(0, 1fr); }
  .nb-fav-leer__figur { max-width: 200px; }
}
@media (prefers-reduced-motion: reduce) {
  .nb-fav__entfernt { animation: none; }
}
.nb-fav__karte--schalter.nb-fav__karte--aehnlich, .nb-fav__karte--schalter.nb-fav__karte--weg { row-gap: var(--nb-space-s); }
.nb-fav-melden { position: relative; z-index: 1; grid-column: 1 / -1; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: var(--nb-space-xs); min-height: 48px; }
.nb-fav-melden--leiste { padding: var(--nb-space-2xs) var(--nb-space-s); border-radius: var(--nb-radius-input); background: var(--nb-ink-100); }
.nb-fav-melden__z { display: inline-grid; place-items: center; width: 20px; height: 20px; color: var(--nb-text-heading); }
.nb-fav-melden__z svg { width: 20px; height: 20px; }
.nb-fav-melden__z svg * { vector-effect: non-scaling-stroke; stroke-width: 1.65px; }
.nb-fav-melden__z path:first-child { fill: transparent; transition: fill var(--nb-motion-farbe) var(--nb-motion-kurve); }
.nb-fav-melden:has(input:checked) .nb-fav-melden__z path:first-child { fill: currentColor; }
.nb-fav-melden__wort { font-size: var(--nb-t-body-01); font-weight: var(--nb-weight-semibold); line-height: 1.3; color: var(--nb-text-heading); cursor: pointer; text-wrap: pretty; }
.nb-fav-melden__stand { font-weight: var(--nb-weight-regular); color: var(--nb-text-body); white-space: nowrap; }
.nb-fav-melden .nb-pf-schalter { position: relative; z-index: 1; }
.nb-fav-melden > noscript { position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.nb-fav-melden__form { height: 100%; margin: 0; border-radius: inherit; }
.nb-fav-melden__senden { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit; background: none; cursor: pointer; }
.nb-fav-melden__senden:focus-visible { outline: 2px solid var(--nb-text-heading); outline-offset: 3px; }
.nb-fav__liste--a .nb-fav__karte--schalter .nb-fav__ende:empty { display: none; }
@media (max-width: 767px) {
  .nb-fav-melden--leiste { padding: var(--nb-space-2xs) var(--nb-space-xs); }
  .nb-fav__liste--a .nb-fav__karte--schalter .nb-fav__aktion { align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  .nb-fav-pille, .nb-fav-pille path:first-child, .nb-fav-melden__z path:first-child { transition: none; }
}
