.field:has(#hk),#ukwrap{display:none!important}
.res.tree,.res{grid-template-columns:1fr!important}
.res .hkrow{position:relative;margin-top:12px;padding:0;border:0;border-radius:12px;overflow:visible;background:color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 13%,var(--fw-wb,#fff))}
.res .hkrow:first-child{margin-top:10px}
.hkrow::before{content:"HAUPTBEREICH";position:absolute;top:-10px;left:16px;z-index:1;background:var(--color-primary,var(--fw-pr,#002045));color:var(--fw-wt,#fff);font-size:11px;line-height:20px;font-weight:700;letter-spacing:.08em;padding:0 14px 0 10px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.hkhead{border-radius:12px;display:flex;align-items:center;gap:16px;width:100%;min-height:44px;padding:12px 16px;background:none;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.hkhead:hover{background:color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 13%,transparent)}
.hkhead:focus-visible{outline:2px solid var(--color-accent-action);outline-offset:-2px}
.hkhead img{flex:0 0 auto;width:96px;height:64px;object-fit:cover;border-radius:8px;background:var(--fw-gb,#eef3f3)}
.hkhead .hn{display:grid;gap:2px;flex:1;min-width:0}
.hkhead b{font-size:20px;line-height:26px;color:var(--color-primary)}
.hkhead small{font-size:14px;line-height:20px;color:var(--color-text-muted)}
.hkhead .hcount{font-size:12px;line-height:16px;font-weight:600;color:var(--color-secondary)}
.hkhead .chev{flex:0 0 auto;font-size:20px;color:var(--color-primary);transition:transform .2s}
.hkhead[aria-expanded=true] .chev{transform:rotate(180deg)}
.ukrow{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 22%,var(--fw-wb,#fff));border-left:4px solid color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 45%,var(--fw-wb,#fff));border-radius:6px;background:var(--fw-wb,#fff);color:inherit;text-decoration:none}
.ukrow:hover,.ukrow:focus-visible{border-color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 6%,var(--fw-wb,#fff))}
.ukrow img{flex:0 0 auto;width:56px;height:42px;object-fit:cover;border-radius:6px;background:var(--fw-gb,#eef3f3)}
.ukrow .ukt{display:grid;gap:3px;flex:1;min-width:0}
.ukrow .ukt b{font-size:15px;color:var(--color-primary)}
.ukrow .ukt small{font-size:13px;line-height:18px;color:var(--color-text-muted)}
.ukrow .tags{display:flex;flex-wrap:wrap;gap:4px}
.ukrow .go{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--color-secondary);text-align:right}
.tool summary .sb{margin-left:8px;font-size:12px;font-weight:600;color:var(--color-secondary)}
.hkbadge{display:none!important}
.hkhead{position:relative;overflow:hidden}
.chev{transition:transform .35s}
.hkrow.open .chev{transform:rotate(180deg)}
.pn{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}
.hkrow.open .pn{grid-template-rows:1fr}
.pn-in{min-height:0;overflow:hidden}
.pn-in>div{position:relative;display:grid;gap:10px;padding:6px 16px 16px 28px}
.pn-in>div::before{content:"";position:absolute;left:12px;top:6px;bottom:24px;width:3px;border-radius:2px;background:color-mix(in srgb,var(--color-secondary,var(--fw-se,#13696a)) 40%,var(--fw-wb,#fff));transform-origin:top;transform:scaleY(0)}
.ukrow{position:relative;opacity:0;transition:transform .2s,box-shadow .2s,border-color .2s}
.hkrow.open .ukrow{opacity:1}
.ukrow:hover{transform:translateX(4px);box-shadow:0 6px 16px rgba(0,32,69,.12)}
.hkrow.open .pn-in>div::before{animation:ugrow .7s .15s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ugrow{to{transform:scaleY(1)}}
.hkrow.open .hkhead img{animation:uthumb .6s cubic-bezier(.2,1.3,.4,1) both}
@keyframes uthumb{0%{transform:scale(.82)}100%{transform:none}}
.hkrow.open .hn b{animation:utitle .55s ease both}
@keyframes utitle{0%{letter-spacing:.07em;opacity:.35}100%{letter-spacing:0;opacity:1}}
.hkrow.open .hn small{animation:ufade .5s .1s ease both}
@keyframes ufade{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
.hkrow.open::before{animation:uflag .5s ease both}
@keyframes uflag{0%{transform:translateX(-30px);opacity:0}100%{transform:none;opacity:1}}
.hkrow.open .ukrow{animation:ufly .8s calc(var(--i)*140ms + 200ms) cubic-bezier(.16,1,.3,1) both}
@keyframes ufly{0%{opacity:1;transform:translateX(110%) skewX(-10deg)}70%{transform:translateX(-3px) skewX(2deg)}100%{opacity:1;transform:none}}
.ukrow::after{content:"";position:absolute;left:-20px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--color-secondary,var(--fw-se,#13696a));transform:scale(0)}
.hkrow.open .ukrow::after{animation:ucouple .5s calc(var(--i)*140ms + 850ms) cubic-bezier(.2,1.6,.4,1) both}
@keyframes ucouple{0%{transform:scale(0)}60%{transform:scale(1.6)}100%{transform:scale(1)}}
.hkrow.still,.hkrow.still *,.hkrow.still *::before,.hkrow.still *::after,.hkrow.still::before{animation:none!important}
.hkrow.still .pn-in>div::before{transform:scaleY(1)}
.hkrow.still .ukrow::after{transform:scale(1)}
@media (prefers-reduced-motion:reduce){.hkrow,.hkrow *,.hkrow *::before,.hkrow *::after,.hkrow::before{animation:none!important;transition:none!important}.hkrow.open .ukrow{opacity:1}.hkrow.open .pn-in>div::before{transform:scaleY(1)}.ukrow::after{transform:scale(1)}}
@media(max-width:700px){.pn-in>div{padding-left:16px}.pn-in>div::before{left:6px}.ukrow::after{left:-14px!important}.hkhead img{width:64px;height:48px}.ukrow{flex-wrap:wrap}.ukrow .go{width:100%;text-align:left}}

/* Wow: erster Besuch, Liste läuft nacheinander ein */
@keyframes hkin{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.res .hkrow.enter{animation:hkin .5s cubic-bezier(.2,.75,.25,1) calc(var(--r,0)*95ms + 150ms) both}
/* Wow: sanfter Zoom in die Beispielprofile */
body.zoomo{overflow-x:hidden}
body.zoomo main{transition:transform .34s cubic-bezier(.55,0,.85,.35),opacity .34s ease-in;transform-origin:var(--zx,50%) var(--zy,50%);transform:scale(1.14);opacity:0}
@media (prefers-reduced-motion:reduce){.res .hkrow.enter{animation:none}body.zoomo main{transition:none;transform:none;opacity:1}}