.hp-ladebild{background-color:var(--hf-surface);background-image:linear-gradient(var(--hf-brand-50) 1px, transparent 1px), linear-gradient(90deg, var(--hf-brand-50) 1px, transparent 1px);width:100%;min-height:min(100dvh,720px);color:var(--hf-fg);font-family:var(--hf-font-ui);background-size:24px 24px;place-items:center;display:grid;position:relative}.hp-ladebild--ueber{z-index:40;min-height:0;transition:opacity .42s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.hp-ladebild--fertig{opacity:0;pointer-events:none}.hp-ladebild__inhalt{text-align:center;background:var(--hf-surface);border:1px solid var(--hf-border);border-radius:var(--hf-radius-lg);max-width:340px;box-shadow:var(--hf-shadow);justify-items:center;gap:10px;padding:32px 28px;display:grid}.hp-ladebild__haus{width:48px;height:48px;margin-bottom:4px}.hp-ladebild__linie{fill:none;stroke:var(--hf-brand-600);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:150px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite hp-ladebild-zeichnen}.hp-ladebild__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hf-brand-600);font-size:11px;font-weight:600}.hp-ladebild strong{letter-spacing:-.01em;font-size:18px;font-weight:600}.hp-ladebild small{color:var(--hf-fg-muted);min-height:2.6em;font-size:13px;line-height:1.5}.hp-ladebild__balken{background:var(--hf-brand-100);border-radius:2px;width:180px;height:2px;margin:8px 0 2px;position:relative;overflow:hidden}.hp-ladebild__balken i{background:var(--hf-brand-600);width:40%;animation:1.4s cubic-bezier(.65,0,.35,1) infinite hp-ladebild-balken;position:absolute;inset:0 auto 0 0}@keyframes hp-ladebild-zeichnen{0%{stroke-dashoffset:150px}55%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes hp-ladebild-balken{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.hp-ladebild__linie{stroke-dashoffset:0;animation:none}.hp-ladebild__balken i{animation-duration:3s}}