.hkn-aue{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--hk-space-8);align-items:start}
.hkn-aue__text{display:flex;flex-direction:column;gap:var(--hk-space-3);min-width:0}
.hkn-aue__fliess{display:flex;flex-direction:column;gap:var(--hk-space-3);color:var(--hk-ue-ink-2)}
.hkn-aue__fliess p{margin:0}
.hkn-aue__kopf{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--hk-space-2);align-items:center}
.hkn-aue__kopf img{width:96px;height:auto;image-rendering:pixelated;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.hkn-aue__zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hk-space-1)}
.hkn-aue__zahlen div{display:flex;flex-direction:column;gap:var(--hk-space-05);padding:var(--hk-space-2);background:var(--hk-ue-surface)}
.hkn-aue__zahlen b{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.hkn-aue__zahlen span{font-size:12.5px;color:var(--hk-ue-ink-3)}
.hkn-aue__album{position:relative;background:#141414;color:#fff;padding:var(--hk-space-3);display:flex;flex-direction:column;gap:var(--hk-space-2);overflow:hidden;min-width:0}
.hkn-aue__albumkopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--hk-space-1);align-items:baseline}
.hkn-aue__albumkopf b{font-size:15px}
.hkn-aue__albumkopf span{font-size:12px;color:#8F8F8F}
.hkn-aue__fort{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hk-space-2);align-items:center;font-size:13px}
.hkn-aue__leiste{height:8px;background:#2A2A2A;position:relative}
.hkn-aue__leiste i{position:absolute;inset:0 auto 0 0;background:#F2A900;transition:width .8s cubic-bezier(.2,.8,.2,1),background .4s}
.hkn-aue__album.is-voll .hkn-aue__leiste i{background:#4BE39C}
.hkn-aue__sticker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hk-space-1);perspective:600px}
.hkn-aue__sticker figure{margin:0;position:relative;aspect-ratio:1;background:#1E1E1E;display:flex;align-items:center;justify-content:center;padding:var(--hk-space-1)}
.hkn-aue__sticker img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transition:filter .6s,transform .6s}
.hkn-aue__sticker figure.is-offen img{filter:grayscale(1) brightness(.3) contrast(1.2);transform:scale(.92)}
.hkn-aue__sticker figure.is-offen::after{content:"?";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#666}
.hkn-aue__sticker figure.is-neu{animation:hkn-aue-dreh .9s cubic-bezier(.2,.8,.2,1)}
@keyframes hkn-aue-dreh{0%{transform:rotateY(90deg) scale(.9)}100%{transform:rotateY(0) scale(1)}}
.hkn-aue__fuss{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--hk-space-2);align-items:center;padding-top:var(--hk-space-2);border-top:1px solid #2A2A2A}
.hkn-aue__fuss img{width:64px;height:auto;image-rendering:pixelated}
.hkn-aue__album:not(.is-voll) .hkn-aue__wappen-farbig{display:none}
.hkn-aue__album.is-voll .hkn-aue__wappen-offen{display:none}
.hkn-aue__album.is-voll .hkn-aue__wappen-farbig{animation:hkn-aue-plopp .8s cubic-bezier(.2,.8,.2,1.4)}
@keyframes hkn-aue-plopp{0%{transform:scale(.8)}55%{transform:scale(1.22)}100%{transform:scale(1)}}
.hkn-aue__vermerk{display:flex;flex-direction:column;gap:var(--hk-space-05);font-size:13px;color:#BDBDBD;min-width:0}
.hkn-aue__vermerk b{color:#fff;font-size:14px}
.hkn-aue__album .hkn-aue__knopf{color:#fff;min-height:44px;padding:0 var(--hk-space-2);font-size:13px}
.hkn-aue__album .hkn-aue__knopf:hover{background:#fff;color:#000}
.hkn-aue__konfetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:2}
.hkn-aue__mehr{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--hk-space-6);padding-top:var(--hk-space-4)}
.hkn-aue__block{display:flex;flex-direction:column;gap:var(--hk-space-2);min-width:0}
.hkn-aue__blockkopf{display:flex;flex-direction:column;gap:var(--hk-space-05)}
.hkn-aue__blockkopf span{font-size:13.5px;color:var(--hk-ue-ink-2);max-width:60ch}
.hkn-aue__kapitel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--hk-space-1)}
.hkn-aue__kapitel figure{margin:0;display:flex;flex-direction:column;gap:var(--hk-space-1);min-width:0}
.hkn-aue__kapitel img{aspect-ratio:3/4;width:100%;height:auto;object-fit:cover;image-rendering:pixelated;transition:transform .5s,filter .5s}
.hkn-aue__kapitel figure:not(.is-aktiv) img{filter:saturate(.55) brightness(.8)}
.hkn-aue__kapitel figure:hover img{transform:translateY(-4px);filter:none}
.hkn-aue__kapitel figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hk-space-05);font-size:13px}
.hkn-aue__besonders{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--hk-space-1)}
.hkn-aue__besonders figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--hk-space-05);padding:var(--hk-space-1) var(--hk-space-05);background:#141414;cursor:help;min-width:0;transition:transform .3s}
.hkn-aue__besonders figure:hover,.hkn-aue__besonders figure:focus{transform:translateY(-3px)}
.hkn-aue__besonders img{width:56px;height:56px;image-rendering:pixelated}
.hkn-aue__besonders figure:not(.is-da) img{opacity:.75}
.hkn-aue__besonders figcaption{font-size:11px;line-height:1.25;text-align:center;color:#BDBDBD;hyphens:auto;overflow-wrap:anywhere}
.hkn-aue__besonders figure.is-da figcaption{color:#fff;font-weight:600}
.hkn-aue__besonders figure.is-neu{animation:hkn-aue-plopp .7s cubic-bezier(.2,.8,.2,1.4)}
@media (max-width:980px){.hkn-aue,.hkn-aue__mehr{grid-template-columns:minmax(0,1fr);gap:var(--hk-space-4)}}
@media (max-width:620px){
  .hkn-aue__album{padding:var(--hk-space-2)}
  .hkn-aue__fuss{grid-template-columns:48px minmax(0,1fr)}
  .hkn-aue__fuss img{width:48px}
  .hkn-aue__fuss .hkn-aue__knopf{grid-column:1 / -1}
  .hkn-aue__zahlen b{font-size:18px}
  .hkn-aue__kapitel{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hkn-aue__besonders{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hkn-aue *,.hkn-aue *::before,.hkn-aue *::after{animation:none!important;transition:none!important}}