.karte{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:25rem;margin-inline:auto;padding:clamp(2.25rem,7vw,3.25rem) clamp(1.5rem,6vw,2rem) clamp(2rem,6vw,2.75rem);display:flex;position:relative}.deko{width:5.25rem;height:5.25rem;color:var(--color-line);pointer-events:none;position:absolute}.deko-oben{top:0;right:0}.deko-unten{bottom:0;left:0;transform:rotate(180deg)}.portrait{aspect-ratio:1;object-fit:cover;width:9rem;height:auto;box-shadow:0 0 0 1px var(--color-line);border-radius:9999px}.kopfzeile{justify-content:center;align-items:center;gap:1.25rem;display:flex}.kopfzeile .portrait{flex-shrink:0;width:7rem}.marke-neben{width:6.5rem;display:block}.name{margin-top:1.5rem;font-size:clamp(2rem,8vw,2.5rem)}.rolle{font-family:var(--font-mono);letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--color-ink-70);margin-top:.8rem;font-size:.8125rem;font-weight:500}.marke-klein{margin-top:1.35rem}.marke-oben{margin-bottom:1.75rem;display:block}.marke-unten{width:9rem;margin-top:2.5rem;display:block}.marke-statt{width:9rem;display:block}.stapel{flex-direction:column;gap:.6rem;width:100%;margin-top:2.25rem;display:flex}.knopf{background:var(--color-ink);border:1px solid var(--color-ink);min-height:3.25rem;color:var(--color-paper);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 3.25rem;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.knopf-symbol{width:1.15rem;height:1.15rem;position:absolute;left:1.15rem}.kreise{gap:.75rem;margin-top:1.5rem;display:flex}.kreis{background:var(--color-ink);border:1px solid var(--color-ink);width:2.9rem;height:2.9rem;color:var(--color-paper);border-radius:9999px;place-items:center;transition:background-color .2s,color .2s;display:grid}.kreis svg{width:1.05rem;height:1.05rem}@media (hover:hover){.knopf:hover,.kreis:hover{background:var(--color-paper);color:var(--color-ink)}}.knopf:active,.kreis:active{background:var(--color-ink-70);border-color:var(--color-ink-70);color:var(--color-paper)}.fuss{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-ink-30);margin-top:1.75rem;font-size:.6875rem;position:relative}.fuss a{color:var(--color-ink-50);text-underline-offset:3px}.fuss a:hover{text-decoration:underline}.fuss span{margin-inline:.5rem}@media (height<=740px){.karte{padding-top:1.5rem;padding-bottom:1.5rem}.portrait{width:7rem}.kopfzeile .portrait{width:5.75rem}.marke-neben{width:5.5rem}.name{margin-top:1rem;font-size:clamp(1.75rem,7vw,2.125rem)}.rolle{margin-top:.55rem;font-size:.75rem}.marke-klein{margin-top:1rem}.marke-oben{margin-bottom:1.1rem}.marke-unten{width:7rem;margin-top:1.5rem}.marke-statt{width:7rem}.stapel{gap:.45rem;margin-top:1.5rem}.knopf{min-height:2.85rem}.kreise{margin-top:1rem}.kreis{width:2.6rem;height:2.6rem}.fuss{margin-top:1.25rem}}.rise{animation:.6s cubic-bezier(.22,1,.36,1) both rise;animation-delay:calc(var(--i,0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rise{animation:none}}