.seo-belege-raster{gap:12px;display:grid}@media (min-width:768px){.seo-belege-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.seo-beleg--hannover{grid-area:1/1/span 2}.seo-beleg--goettingen{grid-area:1/2}.seo-beleg--kassel{grid-area:2/2}}.seo-beleg{--beleg-ease:cubic-bezier(.16, 1, .3, 1);background:#000;border:1px solid #ffffff1f;border-radius:7px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.seo-beleg__shot{--cx:var(--cx-compact);--cy:var(--cy-compact);--cw:var(--cw-compact);--ch:var(--ch-compact);--fade:var(--fade-compact);aspect-ratio:var(--cw) / var(--ch);background:#000;flex:auto;position:relative;overflow:hidden}@media (min-width:768px){.seo-beleg__shot{--cx:var(--cx-wide);--cy:var(--cy-wide);--cw:var(--cw-wide);--ch:var(--ch-wide);--fade:var(--fade-wide)}}.seo-beleg__reveal{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--fade)), transparent);position:absolute;inset:0;container-type:size}.seo-beleg__plate{--s:max(100cqw / var(--cw), 100cqh / var(--ch));top:calc(var(--cy) * var(--s) * -1);left:calc(var(--cx) * var(--s) * -1);width:calc(var(--iw) * var(--s));height:calc(var(--ih) * var(--s));position:absolute}.seo-beleg__bild{-webkit-user-select:none;user-select:none}.seo-beleg__dim{fill:#000;fill-opacity:.55;width:100%;height:100%;position:absolute;inset:0}.seo-beleg__decke{opacity:0}.seo-beleg__kante{top:calc(var(--y0) / var(--ih) * 100%);left:calc(var(--cx) / var(--iw) * 100%);width:calc(var(--cw) / var(--iw) * 100%);background:var(--accent);opacity:0;pointer-events:none;border-radius:2px;height:2px;position:absolute}.seo-beleg__rahmen{top:var(--y);left:var(--x);width:var(--w);height:var(--h);border:2px solid var(--accent);border-radius:calc(10 * var(--s));pointer-events:none;position:absolute}.seo-beleg__fuss{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px;display:flex}.seo-beleg__badges{flex-wrap:wrap;gap:6px;display:flex}.seo-beleg__badge{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:6px;min-height:24px;padding:3px 8px;display:inline-flex}.seo-beleg__badge svg{flex-shrink:0}.seo-beleg__badge--rank{border-color:var(--accent);background:var(--accent);color:#fff}.seo-beleg__badge--ai{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:#fff}.seo-beleg__badge--ai svg{color:var(--accent)}.seo-beleg[data-phase=armed]{opacity:0;transform:translateY(24px)}.seo-beleg[data-phase=armed] .seo-beleg__reveal{clip-path:inset(0 0 100%)}.seo-beleg[data-phase=armed] .seo-beleg__dim{opacity:0}.seo-beleg[data-phase=armed] .seo-beleg__decke{opacity:1}.seo-beleg[data-phase=armed] .seo-beleg__rahmen{opacity:0;transform:scale(.97)}.seo-beleg[data-phase=armed] .seo-beleg__badge{color:#ffffffa6;background:0 0;border-color:#ffffff2e}.seo-beleg[data-phase=armed] .seo-beleg__badge svg{color:#ffffffa6}.seo-beleg[data-phase=playing]{transition:opacity .9s var(--beleg-ease) var(--delay-panel), transform .9s var(--beleg-ease) var(--delay-panel)}.seo-beleg[data-phase=playing] .seo-beleg__reveal{transition:clip-path .9s var(--beleg-ease) var(--delay-shot)}.seo-beleg[data-phase=playing] .seo-beleg__dim{transition:opacity .6s var(--ease-out) var(--delay-dim)}.seo-beleg[data-phase=playing] .seo-beleg__decke{transition:opacity .45s var(--ease-out) var(--delay)}.seo-beleg[data-phase=playing] .seo-beleg__rahmen{transition:opacity .45s var(--ease-out) var(--delay), transform .6s var(--beleg-ease) var(--delay)}.seo-beleg[data-phase=playing] .seo-beleg__kante{animation:seo-beleg-lesen var(--dur-scan) cubic-bezier(.45, 0, .25, 1) var(--delay-scan) both}.seo-beleg[data-phase=playing] .seo-beleg__badge{transition:background-color .35s var(--ease-out) var(--delay), border-color .35s var(--ease-out) var(--delay), color .35s var(--ease-out) var(--delay)}.seo-beleg[data-phase=playing] .seo-beleg__badge svg{transition:color .35s var(--ease-out) var(--delay)}@keyframes seo-beleg-lesen{0%{opacity:0;transform:translateY(0)}8%{opacity:1}86%{opacity:1}to{opacity:0;transform:translateY(calc((var(--y1) - var(--y0)) * var(--s)))}}@media (prefers-reduced-motion:reduce){.seo-beleg,.seo-beleg__reveal,.seo-beleg__dim,.seo-beleg__decke,.seo-beleg__rahmen,.seo-beleg__badge{transition:none!important}.seo-beleg__kante{display:none}}
