.hb-slot{aspect-ratio:300/580;width:100%;max-width:300px}.hb-slot--mitte{max-width:240px;margin:0 auto}.hb-slot--hero{justify-self:center}@media (max-width:700px){.hb-slot--klein{max-width:210px;margin:0 auto}}.hb{transform-origin:0 0;z-index:4;pointer-events:none;opacity:0;width:300px;height:580px;transition:transform .95s cubic-bezier(.3,.9,.2,1),opacity .45s;position:fixed;top:0;left:0}.hb.an{opacity:1}.hb.sofort{transition:opacity .45s}.hb-rahmen{background:#22302f;border-radius:42px;width:100%;height:100%;padding:12px;box-shadow:0 30px 60px #22302f33}.hb-screen{color:#22302f;height:100%;font-family:var(--schrift-text),system-ui,sans-serif;background:#fffdf9;border-radius:31px;position:relative;overflow:hidden}.hb-lage{opacity:0;flex-direction:column;transition:opacity .55s;display:flex;position:absolute;inset:0}.hb-lage.on{opacity:1}.hb-top{justify-content:space-between;align-items:center;padding:18px 18px 10px;font-size:15px;display:flex}.hb-top b{font-family:var(--schrift-titel),serif;white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:19px;overflow:hidden}.hb-prog{gap:4px;padding:0 18px;display:flex}.hb-prog i{background:#22302f1f;border-radius:2px;flex:1;height:4px}.hb-prog i.on{background:#1f4e4a}.hb-foto{background:linear-gradient(160deg,#b9c6b0,#6f8a73 60%,#4e6a57);border-radius:12px;height:150px;margin:14px 18px 0}.hb-body{flex:1;padding:14px 18px}.hb-rub{letter-spacing:.08em;text-transform:uppercase;color:#1f4e4a;font-size:12px;font-weight:700}.hb-body h4{font-family:var(--schrift-titel),serif;margin:6px 0 8px;font-size:23px;font-weight:700;line-height:1.15}.hb-body p{margin:0;font-size:15px;line-height:1.45}.hb-copy{background:#f5efe4;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;font-size:14px;display:flex}.hb-copy span{color:#1f4e4a;font-weight:700}.hb-fuss{gap:8px;padding:0 18px 10px;display:flex}.hb-fuss span{border-radius:12px;place-items:center;height:48px;font-size:16px;font-weight:700;display:grid}.hb-fuss .zu{background:#f5efe4;width:48px}.hb-fuss .weiter{color:#fff;background:#1f4e4a;flex:1}.hb-ki{text-align:center;color:#4c5857;padding:0 18px 14px;font-size:12px}.hb-karten{flex:1;position:relative}.hb-karte{text-align:left;opacity:0;background:#f5efe4;border-radius:16px;flex-direction:column;gap:8px;padding:16px;animation:10s infinite hb-karte;display:flex;position:absolute;top:30px;left:16px;right:16px}.hb-karte small{letter-spacing:.08em;text-transform:uppercase;color:#1f4e4a;font-size:12px;font-weight:700}.hb-karte b{font-family:var(--schrift-titel),serif;font-size:21px;line-height:1.2}.hb-zeile{background:#22302f1a;border-radius:5px;height:10px;display:block}.hb-zeile.kurz{width:60%}.hb-lauf i{animation:10s infinite hb-leiste}.hb-lauf i:nth-child(2){animation-delay:2s}.hb-lauf i:nth-child(3){animation-delay:4s}.hb-lauf i:nth-child(4){animation-delay:6s}.hb-lauf i:nth-child(5){animation-delay:8s}.hb-fertig{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 24px;display:flex}.hb-haken{color:#22302f;background:#e3b65b;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:10px;font-size:32px;font-weight:700;display:grid}.hb-fertig h4{font-family:var(--schrift-titel),serif;margin:0;font-size:24px;line-height:1.15}.hb-fertig p{color:#4c5857;margin:0;font-size:15px}@keyframes hb-karte{0%{opacity:0;transform:translateY(70px)scale(.95)}8%{opacity:1;transform:none}30%{opacity:1;transform:none}38%{opacity:0;transform:translateY(-36px)scale(.97)}to{opacity:0;transform:translateY(-36px)}}@keyframes hb-leiste{0%,2%{background:#22302f1f}6%,20%{background:#1f4e4a}30%,to{background:#22302f1f}}@media (prefers-reduced-motion:reduce){.hb,.hb.sofort{transition:opacity .2s}.hb-karte,.hb-lauf i{animation:none}.hb-karten .hb-karte:first-child{opacity:1}}.hb-ueberlagerung{z-index:3;background:var(--grund,#f5efe4);animation:.7s ease-out both hb-ein;position:fixed;inset:0;overflow:auto}@keyframes hb-ein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hb-ueberlagerung{animation:none}}