.hipm-v2{--font-display:var(--font-archivo), system-ui, sans-serif;--display-stretch:125%;--kante-licht:#ffffff1a;--kante-schatten:#0000008c;--linie:#f0f0f51f;--schatten-platte:0 1px 1px #0009, 0 6px 14px #00000059, 0 22px 48px #00000059}@media (max-width:640px){.hipm-v2{--display-stretch:105%}}.hipm-v2 .font-display{font-family:var(--font-display);font-stretch:var(--display-stretch)}.hipm-v2 .hipm-v2-korn{z-index:70;pointer-events:none;opacity:.05;background-size:128px 128px;position:absolute;inset:0;transform:translateZ(0)}.hipm-v2 .praegung{text-shadow:0 1px #000000e6,0 3px #00000059,0 14px 28px #00000080}.hipm-v2 .kopfzeile{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.75rem,4.4vw,3.5rem);font-weight:800;line-height:1.06}.hipm-v2 .etikett{font-family:var(--font-display);font-stretch:var(--display-stretch);text-transform:uppercase;letter-spacing:.16em;font-weight:500}.hipm-v2 .platte{box-shadow:inset 0 1px 0 var(--kante-licht), inset 0 -1px 0 var(--kante-schatten), var(--schatten-platte);background:linear-gradient(#191923 0%,#13131b 100%);border:1px solid #ffffff0f}.hipm-v2 .glas{-webkit-backdrop-filter:blur(24px)saturate(1.35)brightness(1.06);backdrop-filter:blur(24px)saturate(1.35)brightness(1.06);background:linear-gradient(#ffffff17 0%,#ffffff09 34%,#ffffff05 100%);position:relative}.hipm-v2 .glas:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(140deg,#ffffff80 0%,#ffffff1f 22%,#ffffff0a 55%,#ffffff38 100%);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hipm-v2 .mulde{background:#08080c;border:1px solid #0009;box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff12}.hipm-v2 .mulde:focus-visible{outline:none;box-shadow:inset 0 2px 5px #000000b3,0 0 0 1px #f0f0f580}.hipm-v2 .taste{font-family:var(--font-display);font-stretch:var(--display-stretch);letter-spacing:.01em;color:#0a0a0f;background:linear-gradient(#fff 0%,#e4e4ec 100%);border-radius:12px;justify-content:center;align-items:center;font-weight:700;transition:transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex;transform:translateY(0);box-shadow:inset 0 1px #fff,inset 0 -2px #0a0a0f38,0 4px #8f8fa3,0 10px 22px #00000080}.hipm-v2 .taste:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,inset 0 -2px #0a0a0f38,0 5px #8f8fa3,0 14px 28px #0000008c}.hipm-v2 .taste:active{transform:translateY(4px);box-shadow:inset 0 1px #fff,inset 0 -1px #0a0a0f38,0 0 #8f8fa3,0 2px 6px #00000080}.hipm-v2 .taste-klein{border-radius:9px;box-shadow:inset 0 1px #fff,inset 0 -1px #0a0a0f38,0 2px #8f8fa3,0 6px 12px #00000073}.hipm-v2 .taste-klein:hover{box-shadow:inset 0 1px #fff,inset 0 -1px #0a0a0f38,0 3px #8f8fa3,0 8px 16px #00000080}.hipm-v2 .taste-klein:active{transform:translateY(2px)}.hipm-v2 .taste:focus-visible{outline-offset:4px;outline:2px solid #f0f0f5}.hipm-v2 .taste:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.hipm-v2 .taste{transition:none}}.hipm-v2 [role=button]:focus{outline:none}.hipm-v2 [role=button]:focus-visible,.hipm-v2 button:focus-visible,.hipm-v2 a:focus-visible,.hipm-v2 pre:focus-visible{outline-offset:3px;outline:2px solid #f0f0f5}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.hipm-v2 .text-\[10px\],.hipm-v2 .text-\[9px\]{font-size:11px}}
