@layer components{.ds-root .zg-seite{min-height:100dvh;padding:var(--pad);place-items:center;display:grid;position:relative}.ds-root .zg-thema{position:absolute;top:14px;right:14px}.ds-root .zg-karte{width:min(100%,420px)}.ds-root .zg-karte.breit{width:min(100%,480px)}.ds-root .zg-kopf{border-bottom:1px solid var(--color-line);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:26px 24px 20px;display:flex}.ds-root .zg-tile{border-radius:var(--radius-md);background:var(--color-s2);border:1px solid var(--color-line-2);width:46px;height:46px;color:var(--color-accent);place-items:center;margin-bottom:6px;display:grid}.ds-root .zg-marke{font-size:var(--text-18);color:var(--color-t1);font-weight:600;line-height:1.2}.ds-root .zg-marke span{color:var(--color-accent)}.ds-root .zg-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-t4);font-size:11px}.ds-root .zg-text{color:var(--color-t3);text-align:center;margin:0;font-size:13px;line-height:1.5}.ds-root .zg-voll{width:100%}.ds-root .zg-code{text-align:center;width:100%;height:56px;font-family:var(--font-mono);letter-spacing:.4em;text-indent:.4em;font-size:26px}.ds-root .zg-qr{border-radius:var(--radius-md);background:#fff;justify-content:center;padding:12px;display:flex}.ds-root .zg-fuss{color:var(--color-t4);justify-content:center;gap:12px;font-size:12px;display:flex}.ds-root .zg-fuss a{color:var(--color-t3)}.ds-root .zg-fuss a:hover{color:var(--color-t1)}}