.umd-page--stadt .umd-page-head{padding-bottom:var(--umd-space-l)}.umd-page--stadt .umd-stadt-product{padding-bottom:var(--umd-space)}.umd-page--stadt .umd-stadt-product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--umd-space-l);align-items:start}@media (min-width:1000px){.umd-page--stadt .umd-stadt-product-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,0.85fr);gap:clamp(32px,5vw,80px)}.umd-page--stadt .umd-stadt-buy{position:sticky;top:calc(var(--umd-header-offset) + 24px)}}.umd-page--stadt .umd-stadt-gallery-desktop{display:none}.umd-page--stadt .umd-stadt-gallery-mobile{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--umd-sand)}.umd-page--stadt .umd-stadt-slider{display:flex;width:100%}.umd-page--stadt .umd-stadt-slider img{flex:0 0 100vw;width:100vw;max-width:100vw;height:auto;aspect-ratio:1;object-fit:cover}.umd-page--stadt .umd-stadt-slider-nav{position:absolute;inset:0;display:flex;z-index:2}.umd-page--stadt .umd-stadt-slider-half{flex:1;padding:0;border:0;background:0 0;cursor:pointer}.umd-page--stadt .umd-stadt-slider-half:focus-visible{outline:var(--umd-focus);outline-offset:-6px}.umd-page--stadt .umd-stadt-slider-arrow{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translateY(-50%);background:var(--umd-paper);color:var(--umd-ink);pointer-events:none}.umd-page--stadt .umd-stadt-slider-arrow .umd-icon{width:20px;height:20px}.umd-page--stadt .umd-stadt-slider-arrow--prev{left:var(--umd-gutter)}.umd-page--stadt .umd-stadt-slider-arrow--next{right:var(--umd-gutter)}.umd-page--stadt .umd-stadt-slider-count{position:absolute;right:var(--umd-gutter);bottom:var(--umd-space-s);z-index:1;margin:0;padding:4px 10px;background:var(--umd-paper);color:var(--umd-ink);font-size:var(--umd-type-meta);font-weight:500;line-height:1.45}@media (min-width:800px){.umd-page--stadt .umd-stadt-gallery-mobile{display:none}.umd-page--stadt .umd-stadt-gallery-desktop{display:grid;gap:var(--umd-space-xs)}}.umd-page--stadt .umd-stadt-shot{display:block;overflow:hidden;background:var(--umd-sand)}.umd-page--stadt .umd-stadt-shot img{display:block;width:100%;height:100%;object-fit:cover}.umd-page--stadt .umd-stadt-shot--square{aspect-ratio:1}.umd-page--stadt .umd-stadt-shot--wide{aspect-ratio:3/2}.umd-page--stadt .umd-stadt-shot--tall{aspect-ratio:3/5}.umd-page--stadt .umd-stadt-gallery-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--umd-space-xs)}.umd-page--stadt .umd-stadt-gallery-col{display:grid;gap:var(--umd-space-xs)}.umd-page--stadt .umd-stadt-shot:focus-visible{outline:var(--umd-focus);outline-offset:3px}.umd-page--stadt .umd-stadt-buy{display:grid;gap:var(--umd-space-m)}.umd-page--stadt .umd-stadt-rating{margin:0}.umd-page--stadt .umd-stadt-rating a{display:inline-flex;align-items:center;gap:8px;color:var(--umd-ink);font-size:var(--umd-type-meta);font-weight:500;text-decoration:none}.umd-page--stadt .umd-stadt-rating a:hover{color:var(--umd-sage)}.umd-page--stadt .umd-stadt-rating .umd-icon{width:18px;height:18px;color:var(--umd-gold)}.umd-page--stadt .umd-stadt-price-row{display:grid;gap:var(--umd-space-2xs)}.umd-page--stadt .umd-stadt-price{margin:0;color:var(--umd-ink);font-family:var(--umd-serif);font-size:var(--umd-type-sub);line-height:1.2}.umd-page--stadt .umd-stadt-summary{margin:0;color:var(--umd-muted);font-size:var(--umd-type-meta);line-height:1.45}.umd-page--stadt .umd-stadt-features{margin:0}.umd-page--stadt .umd-stadt-option{display:grid;gap:var(--umd-space-s)}.umd-page--stadt .umd-stadt-option-label{margin:0;color:var(--umd-ink);font-size:var(--umd-type-ui);font-weight:500;line-height:1.35}.umd-page--stadt .umd-stadt-designs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:8px;margin:-5px;padding:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--umd-line) transparent}.umd-page--stadt .umd-stadt-design{position:relative;display:block;aspect-ratio:1;width:100%;padding:0;overflow:hidden;border:2px solid transparent;background:var(--umd-sand);line-height:0;cursor:pointer}.umd-page--stadt .umd-stadt-design img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.umd-page--stadt .umd-stadt-design.shadow{border-color:var(--umd-ink);box-shadow:none;opacity:1}.umd-page--stadt .umd-stadt-design.opacity-25{opacity:.45}.umd-page--stadt .umd-stadt-design:hover{opacity:1}.umd-page--stadt .umd-stadt-design:focus-visible{outline:var(--umd-focus);outline-offset:3px}.umd-page--stadt .umd-stadt-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;container-type:inline-size}.umd-page--stadt .umd-stadt-size{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:10px 6px;border:1px solid var(--umd-line);border-radius:0;background:var(--umd-white);color:var(--umd-ink);font:inherit;text-align:center;box-shadow:none;cursor:pointer}.umd-page--stadt .umd-stadt-size.btn-outline-primary,.umd-page--stadt .umd-stadt-size.btn-outline-primary:focus,.umd-page--stadt .umd-stadt-size.btn-outline-primary:hover{border-color:var(--umd-line);background:var(--umd-white);color:var(--umd-ink);box-shadow:none}.umd-page--stadt .umd-stadt-size.btn-primary,.umd-page--stadt .umd-stadt-size.btn-primary:active,.umd-page--stadt .umd-stadt-size.btn-primary:focus,.umd-page--stadt .umd-stadt-size.btn-primary:hover{border-color:var(--umd-ink);background:var(--umd-sage-light);color:var(--umd-ink);box-shadow:none}.umd-page--stadt .umd-stadt-size:hover{border-color:var(--umd-ink)}.umd-page--stadt .umd-stadt-size:focus-visible{outline:var(--umd-focus);outline-offset:3px}.umd-page--stadt .umd-stadt-size-dim{max-width:100%;font-size:var(--umd-type-ui);font-weight:500;line-height:1.35;white-space:nowrap}.umd-page--stadt .umd-stadt-size-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 4px;max-width:100%;color:var(--umd-muted);font-size:var(--umd-type-meta);line-height:1.45;white-space:nowrap}@container (max-width:380px){.umd-page--stadt .umd-stadt-size{padding-right:2px;padding-left:2px}}.umd-page--stadt .umd-stadt-actions{display:grid;gap:var(--umd-space-s)}.umd-page--stadt .umd-stadt-atc{width:100%}.umd-page--stadt .umd-stadt-atc.disabled{opacity:.7;pointer-events:none}.umd-page--stadt .umd-stadt-delivery{display:flex;align-items:flex-start;gap:12px;margin:0;color:var(--umd-muted);font-size:var(--umd-type-meta);line-height:1.45}.umd-page--stadt .umd-stadt-delivery .umd-icon{flex-shrink:0;width:28px;height:28px;color:var(--umd-ink)}.umd-page--stadt .umd-stadt-customize{display:grid;gap:var(--umd-space-2xs);padding-top:var(--umd-space-s);border-top:1px solid var(--umd-line)}@media (prefers-reduced-motion:reduce){.umd-page--stadt .umd-stadt-slider img{transition:none}}