.moduleRefGeraete{--ref-pin:130px}@media(max-width:1199.98px){.moduleRefGeraete{--ref-pin:122px}}@media(max-width:767.98px){.moduleRefGeraete{--ref-pin:120px}}.moduleRefGeraete .refGeraete__track{height:260vh;position:relative}.moduleRefGeraete .refGeraete__track--touch .refGeraete__buehne{touch-action:pan-x}.moduleRefGeraete .refGeraete__track--rad{height:auto}@media(min-width:1200px)and (max-width:1399.98px){.moduleRefGeraete .refGeraete__track--rad{--ref-pin:170px}}.moduleRefGeraete .refGeraete__track--rad .refGeraete__buehne{position:relative;top:auto}.moduleRefGeraete .refGeraete__buehne{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px);isolation:isolate;padding:clamp(4px,.6vw,10px) clamp(4px,.6vw,10px) clamp(14px,2vw,32px);position:sticky;top:var(--ref-pin)}.moduleRefGeraete .refGeraete__buehne:before{background-color:var(--ref-buehne,#acb599);content:"";inset:0;position:absolute;z-index:-1}.moduleRefGeraete .refGeraete__track[data-reveal-bg] .refGeraete__buehne:before{opacity:0;transform:translateY(52px)}.moduleRefGeraete .refGeraete__track[data-reveal-bg].is-in .refGeraete__buehne:before{opacity:1;transform:none;transition:opacity .95s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1)}.moduleRefGeraete .refGeraete__buehne .refMarker{left:-96px;top:0;z-index:2}@media(max-width:991.98px){.moduleRefGeraete .refGeraete__buehne .refMarker{left:-44px}}.moduleRefGeraete .refGeraete__flaeche{align-items:center;aspect-ratio:4496/2804;display:flex;justify-content:center;width:min(100%,(100vh - var(--ref-pin) - 90px)/.6237)}@supports(height:100svh){.moduleRefGeraete .refGeraete__flaeche{width:min(100%,(100svh - var(--ref-pin) - 90px)/.6237)}}.moduleRefGeraete .refGeraete__geraet{aspect-ratio:4496/2804;height:100%;position:relative;transition:opacity .14s ease-in-out}.moduleRefGeraete .refGeraete__geraet.is-fade{opacity:0}.moduleRefGeraete .refGeraete__geraet[data-geraet=tablet]{aspect-ratio:4096/3196;height:84%;margin-top:2.5%}.moduleRefGeraete .refGeraete__geraet[data-geraet=phone]{aspect-ratio:1994/4096;height:86%}.moduleRefGeraete .refGeraete__display{background:#fff;border-radius:.6% .6% 0 0/1% 1% 0 0;height:71.29%;left:15.28%;overflow:hidden;position:absolute;top:10.7%;width:69.44%}.moduleRefGeraete [data-geraet=tablet] .refGeraete__display{border-radius:3.6%/4.7%;height:88.86%;left:2.1%;top:2.66%;width:91.87%}.moduleRefGeraete [data-geraet=phone] .refGeraete__display{border-radius:0;height:96.51%;left:4.26%;-webkit-mask-image:var(--ref-mask);mask-image:var(--ref-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;top:1.71%;width:91.47%}.moduleRefGeraete .refGeraete__shot{height:auto;left:0;position:absolute;top:0;transition:opacity .14s ease-in-out;width:100%;will-change:transform}.moduleRefGeraete .refGeraete__shot.is-fade{opacity:0}.moduleRefGeraete .refGeraete__navi{height:auto;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.moduleRefGeraete .refGeraete__platzhalter{align-items:center;background:#f3f3f3;box-sizing:border-box;color:rgba(0,0,0,.5);display:flex;font-size:12px;inset:0;justify-content:center;line-height:18px;padding:20px;position:absolute;text-align:center;z-index:3}.moduleRefGeraete .refGeraete__platzhalter[hidden]{display:none}.moduleRefGeraete .refGeraete__rahmen{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.moduleRefGeraete .refGeraete__steuerung{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.moduleRefGeraete .refGeraete__leiste{background:rgba(0,0,0,.08);border-radius:999px;display:flex;gap:2px;padding:2px;position:relative}.moduleRefGeraete .refGeraete__indikator{background:hsla(0,0%,100%,.85);border-radius:999px;bottom:2px;left:2px;opacity:0;position:absolute;top:2px;transition:left .45s cubic-bezier(.22,.61,.36,1),width .45s cubic-bezier(.22,.61,.36,1);width:0}.moduleRefGeraete .refGeraete__indikator.is-ready{opacity:1}.moduleRefGeraete .refGeraete__btn{background:transparent;border:0;border-radius:999px;color:rgba(0,0,0,.55);cursor:pointer;font-family:inherit;margin:0;position:relative;transition:color .25s ease-in-out,background-color .25s ease-in-out;z-index:1}.moduleRefGeraete .refGeraete__btn:hover,.moduleRefGeraete .refGeraete__btn[aria-selected=true]{color:#000}.moduleRefGeraete .refGeraete__btn:not([aria-selected=true]):hover{background-color:hsla(0,0%,100%,.4)}.moduleRefGeraete .refGeraete__btn:focus{outline:none}.moduleRefGeraete .refGeraete__btn:focus-visible{outline:2px solid currentColor;outline-offset:1px}.moduleRefGeraete .refGeraete__btn--icon{align-items:center;display:flex;height:24px;justify-content:center;padding:0;width:40px}.moduleRefGeraete .refGeraete__btn--icon svg{display:block}.moduleRefGeraete .refGeraete__btn--text{font-size:10px;font-weight:500;letter-spacing:.12em;line-height:14px;padding:5px 12px;text-transform:uppercase;white-space:nowrap}.moduleRefGeraete.refGeraete--dunkel .refGeraete__leiste{background:hsla(0,0%,100%,.1)}.moduleRefGeraete.refGeraete--dunkel .refGeraete__indikator{background:hsla(0,0%,100%,.2)}.moduleRefGeraete.refGeraete--dunkel .refGeraete__btn{color:hsla(0,0%,100%,.6)}.moduleRefGeraete.refGeraete--dunkel .refGeraete__btn:hover,.moduleRefGeraete.refGeraete--dunkel .refGeraete__btn[aria-selected=true]{color:#fff}.moduleRefGeraete.refGeraete--dunkel .refGeraete__btn:not([aria-selected=true]):hover{background-color:hsla(0,0%,100%,.1)}.moduleRefGeraete .refGeraete__pager{display:none}@media(max-width:767.98px){.moduleRefGeraete .refGeraete__steuerung{flex-wrap:nowrap;gap:8px;justify-content:space-between;width:100%}.moduleRefGeraete [data-leiste=seite]{display:none}.moduleRefGeraete .refGeraete__pager{align-items:center;background:rgba(0,0,0,.08);border-radius:999px;display:flex;flex:1 1 auto;gap:4px;justify-content:space-between;max-width:220px;min-width:0;padding:2px}.moduleRefGeraete .refGeraete__pfeil{align-items:center;background:hsla(0,0%,100%,.85);border:0;border-radius:999px;color:#000;cursor:pointer;display:flex;flex:0 0 auto;height:24px;justify-content:center;margin:0;padding:0;width:28px}.moduleRefGeraete .refGeraete__pfeil:focus{outline:none}.moduleRefGeraete .refGeraete__pfeil:focus-visible{outline:2px solid currentColor;outline-offset:1px}.moduleRefGeraete .refGeraete__pagerName{color:#000;flex:1 1 auto;font-size:10px;font-weight:500;letter-spacing:.12em;line-height:14px;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.moduleRefGeraete .refGeraete__pagerZahl{color:rgba(0,0,0,.45);flex:0 0 auto;font-size:10px}.moduleRefGeraete.refGeraete--dunkel .refGeraete__pager{background:hsla(0,0%,100%,.1)}.moduleRefGeraete.refGeraete--dunkel .refGeraete__pfeil{background:hsla(0,0%,100%,.2);color:#fff}.moduleRefGeraete.refGeraete--dunkel .refGeraete__pagerName{color:#fff}.moduleRefGeraete.refGeraete--dunkel .refGeraete__pagerZahl{color:hsla(0,0%,100%,.6)}}