@layer components{.po-nas-szene--geraet{--po-pin-oben:max(6.5rem, calc(50vh - 18rem));--po-bahn:50vh}.po-nas-szene--rechnung{--po-pin-oben:max(7rem, calc(50vh - 13rem));--po-bahn:45vh}.po-nas-produkt__bild{background:#f1ece4;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.po-nas-heute__bild{background:var(--surface)}.po-nas-bsp{flex-direction:column;gap:12px;display:flex}.po-nas-bsp__ablage{background:var(--surface-secondary);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.po-nas-bsp__datei{background:var(--surface);box-shadow:var(--surface-shadow);color:var(--foreground);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.po-nas-bsp__datei:before{content:"";background:color-mix(in oklab, var(--focus) 35%, transparent);border-radius:2px;width:10px;height:13px}.po-nas-bsp__scan{background:linear-gradient(90deg, transparent, var(--focus), transparent);opacity:0;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.po-nas-bsp__frage{background:var(--surface-secondary);color:var(--foreground);border-radius:16px 16px 16px 4px;flex-direction:column;gap:6px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.po-nas-bsp__rechte{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.4;display:flex}.po-nas-bsp__schloss{background:var(--link);border-radius:2px;flex-shrink:0;width:12px;height:10px;margin-top:4px;position:relative}.po-nas-bsp__schloss:before{content:"";border:2px solid var(--link);border-bottom:0;border-radius:5px 5px 0 0;width:8px;height:8px;position:absolute;top:-6px;left:2px}.po-nas-bsp__antwort{background:var(--surface);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--focus) 45%, transparent), 0 12px 32px -18px color-mix(in oklab, var(--focus) 45%, transparent);border-radius:16px 16px 4px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.po-nas-bsp__antwort .chip{white-space:normal;height:auto;min-height:22px}.po-nas-tabelle{border-collapse:collapse;text-align:left;width:100%;font-size:15px;line-height:1.5}.po-nas-tabelle th,.po-nas-tabelle td{vertical-align:top;padding:18px 20px}.po-nas-tabelle thead th{font-family:var(--po-font-display);color:var(--foreground);vertical-align:bottom;padding-top:24px;font-size:16px;font-weight:500;line-height:1.35}.po-nas-tabelle thead th:first-child{font-family:var(--po-font-mono);letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:400}.po-nas-tabelle tbody tr{border-top:1px solid var(--separator)}.po-nas-tabelle tbody th{width:22%;color:var(--foreground);font-weight:500}.po-nas-tabelle td{color:var(--muted)}.po-nas-tabelle [data-eigen]{background:color-mix(in oklab, var(--focus) 7%, transparent);color:var(--foreground)}.po-nas-tabelle thead th[data-eigen]{color:var(--link)}@media (max-width:767px){.po-nas-tabelle thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.po-nas-tabelle tr,.po-nas-tabelle th,.po-nas-tabelle td{width:auto;display:block}.po-nas-tabelle tbody tr{padding:6px 0 12px}.po-nas-tabelle tbody tr:first-child{border-top:0}.po-nas-tabelle tbody th{width:auto;font-family:var(--po-font-display);padding:16px 20px 8px;font-size:18px;font-weight:400}.po-nas-tabelle td{border-radius:12px;margin:0 12px 6px;padding:10px 12px}.po-nas-tabelle td:before{content:attr(data-spalte);color:var(--foreground);margin-bottom:4px;font-size:13px;font-weight:500;display:block}}.po-nas-tabelle__zelle{align-items:flex-start;gap:10px;display:flex}.po-nas-zeichen{border-radius:9999px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:inline-grid}.po-nas-zeichen svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.po-nas-zeichen[data-wert=ja]{background:color-mix(in oklab, var(--success) 18%, transparent);color:var(--success)}.po-nas-zeichen[data-wert=teils]{background:color-mix(in oklab, var(--warning) 22%, transparent);color:color-mix(in oklab, var(--warning) 55%, black)}.po-nas-zeichen[data-wert=nein]{background:color-mix(in oklab, var(--danger) 14%, transparent);color:color-mix(in oklab, var(--danger) 85%, black)}.po-nas-rechnung{gap:20px;padding-block:20px;display:grid}@media (min-width:1024px){.po-nas-rechnung{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:40px;padding-block:28px}}.po-nas-rechnung__zahl{font-family:var(--po-font-display);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(56px,7vw,96px);font-weight:300;line-height:.95}.po-nas-rechnung__zeile{background:var(--surface-secondary);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:12px 16px;display:grid}@media (min-width:640px){.po-nas-rechnung__zeile{grid-template-columns:150px minmax(0,1fr) auto}}.po-nas-rechnung__op{font-family:var(--po-font-mono);color:var(--link);font-size:13px}.po-nas-rechnung__text{color:var(--muted);grid-area:2/1/auto/-1;font-size:15px;line-height:1.4}@media (min-width:640px){.po-nas-rechnung__text{grid-area:auto}}.po-nas-rechnung__wert{font-family:var(--po-font-display);color:var(--foreground);grid-area:1/2;font-size:20px}@media (min-width:640px){.po-nas-rechnung__wert{grid-area:auto}}.po-nas-rechnung__zeile--ziel{background:var(--surface);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--focus) 45%, transparent)}.po-nas-rechnung__zeile--ziel .po-nas-rechnung__wert{color:var(--link)}.po-nas-karten{gap:4px;display:inline-flex}.po-nas-karten__karte{width:14px;height:20px;box-shadow:inset 0 0 0 1px var(--separator);border-radius:4px}.po-nas-karten__karte--an{background:color-mix(in oklab, var(--focus) 60%, transparent);box-shadow:none}.po-nas-mitbringen{background:var(--surface-secondary);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.dunkel .po-nas-mitbringen{--link:#d9a989}}