.mb-band{--band-linie:color-mix(in oklab,var(--color-brand-600) 11%,transparent);--band-heute:color-mix(in oklab,var(--color-brand-500) 50%,transparent);background:radial-gradient(44rem 24rem at 100% 100%,color-mix(in oklab,var(--color-brand-500) 13%,transparent),transparent 70%),radial-gradient(40rem 22rem at 0 0,color-mix(in oklab,white 80%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in oklab,var(--color-brand-50) 55%,white) 0,var(--color-brand-50) 45%,var(--color-brand-100) 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-200) 80%,transparent)}.mb-band[data-variante=dunkel]{--band-linie:rgb(255 255 255/0.06);--band-heute:color-mix(in oklab,var(--color-brand-400) 60%,transparent);background:radial-gradient(40rem 26rem at 92% 108%,color-mix(in oklab,var(--color-brand-500) 34%,transparent),transparent 68%),radial-gradient(30rem 16rem at 70% -12%,color-mix(in oklab,var(--color-brand-400) 9%,transparent),transparent 70%),var(--color-surface-inverse);box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),inset 0 1px 0 rgb(255 255 255/.06)}@container band (max-width: 55.98rem){.mb-band{background:radial-gradient(28rem 16rem at 100% 0,color-mix(in oklab,var(--color-brand-500) 12%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in oklab,var(--color-brand-50) 55%,white) 0,var(--color-brand-50) 50%,var(--color-brand-100) 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-200) 80%,transparent)}.mb-band[data-variante=dunkel]{background:radial-gradient(26rem 16rem at 85% -4%,color-mix(in oklab,var(--color-brand-500) 30%,transparent),transparent 70%),var(--color-surface-inverse);box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),inset 0 1px 0 rgb(255 255 255/.06)}}.mb-band-plan{position:relative;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-auto-rows:1.125rem;row-gap:.5rem;padding-block:1.25rem;background-image:linear-gradient(to right,var(--band-linie) 1px,transparent 1px);background-size:calc(100% / 14) 100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}@container band (min-width: 36rem){.mb-band-plan{grid-auto-rows:1.5rem;row-gap:.625rem}}@container band (min-width: 56rem){.mb-band-plan{grid-auto-rows:2rem;row-gap:.75rem;padding-block:2.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}}.mb-band-heute{inset-block:.5rem;left:calc(100% / 14 * 5);width:1px}.mb-band-heute,.mb-band-heute:before{position:absolute;background:var(--band-heute)}.mb-band-heute:before{content:"";top:0;left:-2.5px;width:6px;height:6px;border-radius:9999px}.mb-band-zeitraum{grid-row:1/span 5;margin-block:-.5rem;border-radius:var(--radius-control);background:color-mix(in oklab,var(--color-brand-500) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-500) 32%,transparent)}.mb-band-plan[data-bild=suche] .mb-band-balken[data-neu]{transform-origin:center}.mb-band[data-variante=dunkel] .mb-band-zeitraum{background:color-mix(in oklab,var(--color-brand-400) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-400) 34%,transparent)}.mb-band-balken{margin-inline:2px;border-radius:var(--radius-chip);transform-origin:left center;background:var(--color-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-200) 90%,transparent),0 1px 2px color-mix(in oklab,var(--color-brand-900) 6%,transparent)}.mb-band[data-variante=dunkel] .mb-band-balken{background:rgb(255 255 255/.075);box-shadow:inset 0 0 0 1px rgb(255 255 255/.09)}.mb-band-balken[data-neu]{background:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-500));box-shadow:inset 0 1px 0 rgb(255 255 255/.18),0 6px 16px -6px color-mix(in oklab,var(--color-brand-600) 55%,transparent)}.mb-band[data-variante=dunkel] .mb-band-balken[data-neu]{background:linear-gradient(90deg,var(--color-brand-600),var(--color-brand-400));box-shadow:inset 0 1px 0 rgb(255 255 255/.22),0 0 0 1px color-mix(in oklab,var(--color-brand-400) 30%,transparent),0 8px 28px -6px color-mix(in oklab,var(--color-brand-500) 70%,transparent)}.mb-gruppe[data-zustand=wartet] :is(.mb-band,.mb-band-balken,.mb-band-heute,.mb-band-zeitraum){opacity:0}.mb-gruppe[data-zustand=kommt] .mb-band{animation:mb-band-flaeche .9s cubic-bezier(.16,1,.3,1) backwards}.mb-gruppe[data-zustand=kommt] .mb-band-heute{animation:mb-band-auf .6s var(--ease-enter) .2s backwards}.mb-gruppe[data-zustand=kommt] .mb-band-balken{animation:mb-band-wachsen .68s cubic-bezier(.22,1,.36,1) calc(.24s + var(--b, 0) * 45ms) backwards}.mb-gruppe[data-zustand=kommt] .mb-band-balken[data-neu]{animation:mb-band-neu .76s cubic-bezier(.16,1,.3,1) calc(.24s + var(--b, 0) * 45ms) backwards}.mb-gruppe[data-zustand=kommt] .mb-band-zeitraum{animation:mb-band-auf .64s cubic-bezier(.22,1,.36,1) .22s backwards}.mb-gruppe[data-zustand=kommt] [data-bild=suche] .mb-band-balken[data-neu]{animation:mb-band-leuchten .82s cubic-bezier(.16,1,.3,1) calc(.24s + var(--b, 0) * 70ms) backwards}@keyframes mb-band-flaeche{0%{opacity:0;translate:0 1.5rem;scale:.985}35%{opacity:1}}@keyframes mb-band-auf{0%{opacity:0;scale:1 .4}}@keyframes mb-band-wachsen{0%{opacity:0;scale:0 1}40%{opacity:1}}@keyframes mb-band-leuchten{0%{opacity:0;scale:.92 .7;filter:brightness(1.35)}45%{opacity:1;filter:brightness(1.2)}}@keyframes mb-band-neu{0%{opacity:0;translate:2.5rem 0}}@media (prefers-reduced-motion:reduce){.mb-band,.mb-band-balken,.mb-band-heute,.mb-band-zeitraum{animation:none!important;opacity:1!important}}