@layer components{.vm-hub{-webkit-hyphens:manual;hyphens:manual;flex-direction:column;display:flex;overflow-x:clip}.vm-hub-wrap{box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--layout-max-width,1280px) + 2 * var(--gutter,16px));padding-inline:var(--gutter,16px);margin-inline:auto}.vm-hub-section{padding-block:72px}@media (min-width:1024px){.vm-hub-section{padding-block:120px}}.vm-hub-panel-wrap{padding-inline:8px}@media (min-width:768px){.vm-hub-panel-wrap{padding-inline:var(--gutter,24px)}}.vm-hub-panel{box-sizing:border-box;border-radius:32px;max-inline-size:1360px;margin-inline:auto;padding-block:64px 72px}@media (min-width:1024px){.vm-hub-panel{border-radius:56px;padding-block:104px 120px}}.vm-hub-panel--lilac{background:var(--pastel-lilac)}.vm-hub-panel--sky{background:var(--pastel-sky)}.vm-hub-panel--mint{background:var(--pastel-mint)}.vm-hub-eyebrow{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:inline-flex}.vm-hub-dot{background:var(--accent);border-radius:50%;block-size:7px;inline-size:7px}.vm-hub-head{flex-direction:column;gap:14px;margin-block-end:40px;display:flex}@media (min-width:1024px){.vm-hub-head{margin-block-end:56px}}.vm-hub-head .vm-hub-head{margin:0}.vm-hub-head--row{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}.vm-hub-head--center{text-align:center;align-items:center}.vm-hub-h2{letter-spacing:-.045em;text-wrap:balance;max-inline-size:18ch;margin:0;font-size:clamp(38px,5.2vw,76px);font-weight:630;line-height:1}.vm-hub-lead{max-inline-size:44ch;color:var(--ink-2);margin:0;font-size:clamp(18px,1.5vw,20px);line-height:1.45}.vm-hub-h3{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:630;line-height:1.2}.vm-hub-note{max-inline-size:90ch;color:var(--ink-3);margin:24px 0 0;font-size:14px;line-height:1.5}.vm-hub-textlink{min-block-size:48px;color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.vm-hub-textlink:hover{color:var(--accent)}.vm-hub-tag{border-radius:var(--radius-pill,999px);background:var(--accent-soft);color:var(--ink);align-items:center;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.vm-hub-tag--customer{background:var(--accent);color:var(--on-accent)}.vm-hub-badge{border-radius:var(--radius-pill,999px);color:#fff;background:#111113b8;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:14px;left:16px}.vm-hub-hero{padding-block:24px 64px}@media (min-width:1024px){.vm-hub-hero{padding-block:32px 96px}}.vm-hub-crumbs ol{color:var(--ink-3);flex-wrap:wrap;gap:4px 8px;margin:0 0 40px;padding:0;font-size:14px;list-style:none;display:flex}.vm-hub-crumbs li+li:before{content:"/";color:var(--ink-3);margin-inline-end:8px}.vm-hub-crumbs a{min-block-size:32px;color:var(--ink-2);align-items:center;text-decoration:none;display:inline-flex}.vm-hub-crumbs a:hover{color:var(--accent)}.vm-hub-crumbs [aria-current=page]{min-block-size:32px;color:var(--ink);align-items:center;display:inline-flex}.vm-hub-hero__h1{letter-spacing:-.055em;text-wrap:balance;max-inline-size:16ch;margin:22px 0 0;font-size:clamp(46px,7.4vw,112px);font-weight:640;line-height:.96}.vm-hub-hero__h1--long{letter-spacing:-.045em;max-inline-size:20ch;font-size:clamp(36px,5vw,72px);line-height:1.02}.vm-hub-hero__mark{color:var(--ink-3);letter-spacing:0;vertical-align:super;font-size:.45em;text-decoration:none}.vm-hub-hero__sub{max-inline-size:46ch;color:var(--ink-2);margin:24px 0 0;font-size:clamp(19px,1.7vw,24px);line-height:1.45}.vm-hub-hero__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.vm-hub-hero__price{color:var(--ink-2);flex-direction:column;margin:0;font-size:15px;line-height:1.3;display:flex}.vm-hub-hero__price strong{color:var(--ink);font-size:17px;font-weight:640}.vm-hub-hero__media{box-sizing:border-box;max-inline-size:1280px;padding-inline:var(--gutter,16px);margin:56px auto 0}@media (min-width:1024px){.vm-hub-hero__media{margin-top:72px}}.vm-hub-hero__figure{margin:0;position:relative}.vm-hub-hero__figure .vm-hub-loop{border-radius:28px;box-shadow:0 30px 60px -28px #11111352}@media (min-width:1024px){.vm-hub-hero__figure .vm-hub-loop{border-radius:40px}}:root[data-motion=on] .vm-hub-rise{animation:.7s cubic-bezier(.2,.8,.2,1) both vm-hub-rise}:root[data-motion=on] .vm-hub-hero__h1.vm-hub-rise{animation-delay:70ms}:root[data-motion=on] .vm-hub-hero__sub.vm-hub-rise{animation-delay:.14s}:root[data-motion=on] .vm-hub-hero__actions.vm-hub-rise{animation-delay:.21s}:root[data-motion=on] .vm-hub-hero__figure{animation:.9s cubic-bezier(.2,.9,.25,1) .16s both vm-hub-grow}:root[data-motion=off] .vm-hub-hero{animation:.18s both vm-hub-fade}.vm-hub-loop{background:var(--canvas-deep);inline-size:100%;position:relative;overflow:hidden}.vm-hub-loop__poster,.vm-hub-loop__poster img,.vm-hub-loop__video{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.vm-hub-loop__video{opacity:0;transition:opacity var(--motion-crossfade,.18s) ease}.vm-hub-loop[data-laeuft=true] .vm-hub-loop__video{opacity:1}.vm-hub-works{margin:0 calc(-1 * var(--gutter,16px));padding:4px var(--gutter,16px) 16px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter,16px);scrollbar-width:none;grid-auto-columns:82%;grid-auto-flow:column;gap:14px;list-style:none;display:grid;position:relative;overflow-x:auto}.vm-hub-works::-webkit-scrollbar{display:none}@media (min-width:768px){.vm-hub-works{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:24px;margin:0;padding:0;overflow:visible}}.vm-hub-work{scroll-snap-align:start;position:relative}.vm-hub-work__link{color:var(--ink);flex-direction:column;gap:12px;text-decoration:none;display:flex}.vm-hub-work__media{aspect-ratio:16/9;background:var(--canvas-deep);border-radius:24px;display:block;position:relative;overflow:hidden}.vm-hub-work__media img{object-fit:cover;block-size:100%;inline-size:100%;transition:scale var(--dur-soft,.4s) var(--ease-soft,ease);display:block}:root[data-motion=on] .vm-hub-work__link:hover .vm-hub-work__media img{scale:1.03}.vm-hub-work__play{block-size:48px;inline-size:48px;color:var(--ink);background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:14px;right:14px}.vm-hub-work__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vm-hub-work__kind{color:var(--ink-3);font-size:14px}.vm-hub-work__title{letter-spacing:-.02em;font-size:20px;font-weight:630;line-height:1.2}.vm-hub-work__link:hover .vm-hub-work__title{color:var(--accent)}@supports (animation-timeline:view()){@media (min-width:768px){:root[data-motion=on] .vm-hub-fly{animation:linear both vm-hub-fly;animation-timeline:view();animation-range:entry entry 70%}}@media (max-width:767px){:root[data-motion=on] .vm-hub-works{animation:linear both vm-hub-fly-s;animation-timeline:view();animation-range:entry entry 60%}}}.vm-hub-fokus{align-items:center;gap:32px;display:grid}@media (min-width:1024px){.vm-hub-fokus--media{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}}.vm-hub-fokus .vm-hub-head{margin:0}.vm-hub-fokus__figure{margin:0;position:relative}.vm-hub-fokus__figure .vm-hub-loop{border-radius:28px}.vm-hub-fokus+*{margin-top:48px}.vm-hub-cards{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.vm-hub-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1024px){.vm-hub-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:1200px){.vm-hub-cards--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.vm-hub-card{background:var(--card);border-radius:28px;flex-direction:column;gap:12px;padding:28px;display:flex;box-shadow:0 18px 40px -22px #11111347}.vm-hub-card--plain{background:var(--canvas-deep);box-shadow:none}.vm-hub-card__n{background:var(--ink);block-size:40px;inline-size:40px;color:var(--canvas);border-radius:50%;justify-content:center;align-items:center;font-weight:640;display:flex}.vm-hub-card__text{color:var(--ink-2);margin:0;font-size:17px;line-height:1.5}@supports (animation-timeline:view()){@media (min-width:1024px){:root[data-motion=on] .vm-hub-step{animation:linear both vm-hub-fan;animation-timeline:view();animation-range:entry 10% cover 40%}}}.vm-hub-formats__frame{border:2px solid var(--ink);border-radius:14px;justify-content:center;align-items:center;block-size:96px;margin-block-end:4px;font-size:15px;font-weight:640;display:flex}.vm-hub-card[data-format="16:9"] .vm-hub-formats__frame{inline-size:171px}.vm-hub-card[data-format="9:16"] .vm-hub-formats__frame{inline-size:54px}.vm-hub-card[data-format="1:1"] .vm-hub-formats__frame{inline-size:96px}.vm-hub-compare{background:var(--card);border-radius:28px;overflow:hidden}.vm-hub-compare table{border-collapse:collapse;inline-size:100%;font-size:17px;line-height:1.45}.vm-hub-compare th,.vm-hub-compare td{text-align:start;vertical-align:top;padding:18px 24px}.vm-hub-compare thead th{color:var(--ink-3);font-size:14px;font-weight:600}.vm-hub-compare tbody tr{border-top:1px solid var(--hairline)}.vm-hub-compare tbody th{font-weight:630}.vm-hub-compare td{color:var(--ink-2)}.vm-hub-compare td.vm-hub-compare__ours{color:var(--ink);font-weight:550}.vm-hub-compare thead th.vm-hub-compare__ours{color:var(--accent)}@media (max-width:767px){.vm-hub-compare thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.vm-hub-compare table,.vm-hub-compare tbody,.vm-hub-compare tr,.vm-hub-compare th,.vm-hub-compare td{display:block}.vm-hub-compare tbody tr{padding:18px 20px}.vm-hub-compare tbody tr:first-child{border-top:0}.vm-hub-compare th,.vm-hub-compare td{padding:0}.vm-hub-compare td{margin-top:8px}.vm-hub-compare td:before{content:attr(data-col);color:var(--ink-3);font-size:13px;font-weight:600;display:block}}.vm-hub-rechner{margin-top:32px}.vm-hub-calcs{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.vm-hub-calcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.vm-hub-calc{background:var(--card);border-radius:28px;flex-direction:column;gap:10px;padding:28px;display:flex;box-shadow:0 18px 40px -22px #11111338}.vm-hub-calc__lines{flex-direction:column;margin:8px 0 0;font-size:15px;display:flex}.vm-hub-calc__lines>div{border-top:1px solid var(--hairline);justify-content:space-between;gap:12px;padding-block:8px;display:flex}.vm-hub-calc__lines dt{color:var(--ink-2)}.vm-hub-calc__lines dd{white-space:nowrap;margin:0}.vm-hub-calc__total{font-size:18px;font-weight:640}.vm-hub-calc__total dt{color:var(--ink)}.vm-hub-proof{border-block:1px solid color-mix(in srgb, var(--ink) 12%, transparent);margin:72px 0 0;display:grid}@media (min-width:900px){.vm-hub-proof{grid-template-columns:repeat(3,minmax(0,1fr))}}.vm-hub-proof>div{flex-direction:column;gap:6px;padding:24px 0;display:flex}.vm-hub-proof>div+div{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}@media (min-width:900px){.vm-hub-proof>div{padding:28px}.vm-hub-proof>div:first-child{padding-inline-start:0}.vm-hub-proof>div+div{border-top:0;border-inline-start:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.vm-hub-proof dt{letter-spacing:-.045em;font-size:clamp(30px,3vw,40px);font-weight:640}.vm-hub-proof dd{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.vm-hub-faq{gap:32px;display:grid}@media (min-width:1024px){.vm-hub-faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px}.vm-hub-faq .vm-hub-head{position:sticky;top:112px}}.vm-hub-faq .vm-hub-head{margin:0}.vm-hub-faq__list{border-top:1px solid var(--hairline)}.vm-hub-faq__item{border-bottom:1px solid var(--hairline)}.vm-hub-faq__item summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-block-size:64px;padding-block:14px;font-size:19px;font-weight:600;line-height:1.35;list-style:none;display:flex}.vm-hub-faq__item summary::-webkit-details-marker{display:none}.vm-hub-faq__item summary:hover{color:var(--accent)}.vm-hub-faq__icon{background:var(--canvas-deep);border-radius:50%;flex:none;block-size:28px;inline-size:28px;position:relative}.vm-hub-faq__icon:before,.vm-hub-faq__icon:after{content:"";background:var(--ink);block-size:2px;inline-size:12px;transition:transform var(--dur-snap,.24s) var(--ease-snap,ease);border-radius:1px;margin:-1px 0 0 -6px;position:absolute;top:50%;left:50%}.vm-hub-faq__icon:after{transform:rotate(90deg)}.vm-hub-faq__item[open] .vm-hub-faq__icon:after{transform:rotate(0)}.vm-hub-faq__item p{max-inline-size:62ch;color:var(--ink-2);margin:0 0 22px;font-size:17px;line-height:1.55}.vm-hub-panel-wrap--end{margin-top:24px}.vm-hub-end{text-align:center;padding:64px 20px}@media (min-width:1024px){.vm-hub-end{padding:128px 40px}}.vm-hub-end__title{letter-spacing:-.05em;text-wrap:balance;max-inline-size:15ch;margin:0 auto;font-size:clamp(40px,6vw,96px);font-weight:640;line-height:.98}.vm-hub-end__text{max-inline-size:40ch;color:var(--ink-2);margin:22px auto 0;font-size:clamp(18px,1.5vw,20px);line-height:1.45}.vm-hub-end__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}@media (max-width:479px){.vm-hub-end__actions>*{inline-size:100%}}.vm-hub-end__note{color:var(--ink-2);margin:20px 0 0;font-size:15px}.vm-hub-related{padding-block:56px 24px}.vm-hub-related__title{color:var(--ink-3);margin:0 0 12px;font-size:14px;font-weight:600}.vm-hub-related ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vm-hub-related a{border-radius:var(--radius-pill,999px);background:var(--canvas-deep);min-block-size:44px;color:var(--ink);align-items:center;gap:6px;padding-inline:18px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.vm-hub-related a:hover{color:var(--accent)}.vm-hub-related__reviewed{color:var(--ink-3);margin:24px 0 0;font-size:14px}}@keyframes vm-hub-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes vm-hub-grow{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes vm-hub-fade{0%{opacity:0}to{opacity:1}}@keyframes vm-hub-fly{0%{opacity:0;transform:translateY(120px) rotate(var(--r,0deg))}to{opacity:1;transform:none}}@keyframes vm-hub-fly-s{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes vm-hub-fan{0%{transform:translateY(24px)rotate(0)}to{transform:rotate(var(--fr,0deg))}}