.shopify-section.tpro-rollup-section{margin:0;padding:0}.tpro-rollups{--tpro-bg: #101419;--tpro-ink: #f4f3ee;--tpro-header-height: 0px;display:block;width:100%;max-width:none;position:relative;overflow:hidden;isolation:isolate;color:var(--tpro-ink);background:var(--tpro-bg);font-family:var(--font-body-family, Arial, sans-serif);line-height:1.4;text-align:left}.tpro-rollups *,.tpro-rollups *:before,.tpro-rollups *:after{box-sizing:border-box}.tpro-rollups__stage{display:block;position:relative;width:100%}.tpro-rollups__surface{position:relative;height:calc(100vh - var(--tpro-header-height));height:calc(100svh - var(--tpro-header-height));width:100%;background:radial-gradient(ellipse at 50% 43%,rgba(173,184,194,.07),transparent 65%);touch-action:pan-y}.tpro-rollups__surface canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s}.tpro-rollups__poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .35s;pointer-events:none}.tpro-rollups__stage[data-state=ready] canvas{opacity:1}.tpro-rollups__stage[data-state=ready] .tpro-rollups__poster{opacity:0}.tpro-rollups .tpro-rollups__target{position:absolute;z-index:2;display:block;appearance:none;margin:0;padding:0;min-width:44px;min-height:44px;background:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tpro-rollups .tpro-rollups__target:before,.tpro-rollups .tpro-rollups__target:after{display:none}.tpro-rollups__target:disabled{visibility:hidden}.tpro-rollups .tpro-rollups__target:focus{outline:none}.tpro-rollups .tpro-rollups__target:focus-visible{outline:1px solid var(--tpro-ink);outline-offset:5px}.tpro-rollups__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:has(>.dr-head) .tpro-rollups{--tpro-header-height: 85px}@media(max-width:760px){body:has(>.dr-head) .tpro-rollups{--tpro-header-height: 69px}}@media(prefers-reduced-motion:reduce){.tpro-rollups *,.tpro-rollups *:before,.tpro-rollups *:after{transition:none!important}}

/* Überschrift über den Rollups: Die 3D-Fläche wird um ihre Höhe kleiner, damit beides zusammen in einen Bildschirm passt */
.tpro-rollups--titled{--tpro-fs: clamp(40px, min(9vw, 11vh), 132px);--tpro-pt: clamp(20px, 5vh, 56px)}
.tpro-rollups__title{margin:0;font-family:Inter,system-ui,sans-serif;padding:var(--tpro-pt) 16px 0;text-align:center;white-space:nowrap;font-size:var(--tpro-fs);font-weight:800;line-height:.95;letter-spacing:-.05em;color:var(--tpro-ink)}
.tpro-rollups--titled .tpro-rollups__surface{height:max(380px, calc(100vh - var(--tpro-header-height) - var(--tpro-pt) - var(--tpro-fs) * .95));height:max(380px, calc(100svh - var(--tpro-header-height) - var(--tpro-pt) - var(--tpro-fs) * .95))}
@media(max-width:760px){.tpro-rollups--titled{--tpro-fs: 11vw;--tpro-pt: 28px}}