.bath-intro{--bath-ink:#282e2b;--bath-muted:#737871;--bath-paper:#eeeae2;--bath-line:#2a322327;--bath-sans:var(--heading-font-family,"Helvetica Neue",Arial,sans-serif);display:block;background:var(--bath-paper);color:var(--bath-ink);font:400 14px/1.5 var(--bath-sans);text-align:left}.bath-intro *{box-sizing:border-box}.bath-intro [hidden]{display:none!important}.bath-intro h1,.bath-intro h2,.bath-intro p{margin:0;color:inherit}.bath-intro h1,.bath-intro h2{font-family:var(--bath-sans);font-weight:400;font-style:normal;text-transform:none;letter-spacing:-.055em}.bath-intro a{color:inherit;text-decoration:none}.bath-intro button{font:inherit;cursor:pointer;color:inherit}.bath-intro a:focus-visible,.bath-intro button:focus-visible,.bath-model-rail:focus-visible{outline:2px solid currentColor;outline-offset:5px}.bath-kicker{font-size:10px;font-weight:500;letter-spacing:.12em;display:block}.bath-line-link{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px}.bath-line-link span{transition:transform .3s}.bath-line-link:hover span{transform:translate(3px,-3px)}.bath-cinema{position:relative;height:100svh;min-height:540px}.bath-intro.is-enhanced .bath-cinema{height:590svh}.bath-cinema-pin{--intro-opacity:1;--detail-opacity:0;--alpine-opacity:0;--cinema-progress:0;position:sticky;top:calc(var(--header-height,0px)*var(--header-is-sticky,0));height:calc(100svh - var(--header-height,0px)*var(--header-is-sticky,0));min-height:460px;overflow:hidden;isolation:isolate;background:#b7af9d;color:#fffdf5}.bath-cinema-object,.bath-cinema-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bath-cinema-object{z-index:-2}.bath-cinema-canvas canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.bath-cinema-poster{display:block;width:100%;height:100%;object-fit:contain;padding:24% 20% 4%}.bath-intro.is-enhanced .bath-cinema-poster{display:none}.bath-intro.is-3d-ready .bath-cinema-canvas canvas{opacity:1}.bath-room-plates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;transform-origin:50% 68%}.bath-room-plates img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bath-room-alpine,.bath-intro.is-alpine .bath-room-spa{opacity:0}.bath-intro.is-alpine .bath-room-alpine{opacity:1}.bath-intro.is-3d-ready .bath-room-plates{visibility:hidden}.bath-cinema-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#1e241c50,transparent 60%),linear-gradient(0deg,#19241c9c,transparent 25%,transparent 75%,#1b221930);pointer-events:none}.bath-cinema-topline{position:absolute;top:24px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:9px;letter-spacing:.12em}.bath-cinema-topline a{font-size:12px;letter-spacing:0}.bath-cinema-topline a span{margin-left:25px}.bath-cinema-pause{position:absolute;top:56px;right:5%;background:none;border:0;padding:8px 0;font-size:10px!important;opacity:.85;text-decoration:underline;text-underline-offset:4px}.bath-scene-copy{position:absolute;top:17%;left:5%;right:5%;pointer-events:none;max-width:670px}.bath-intro .bath-scene-copy h1{font-size:clamp(64px,7.3vw,124px);line-height:.95}.bath-scene-copy p{font-size:13px;line-height:1.65;margin-top:22px;max-width:270px}.bath-scene-intro{opacity:var(--intro-opacity);transform:translateY(calc((1 - var(--intro-opacity))*-24px))}.bath-scene-detail{opacity:var(--detail-opacity);transform:translateY(calc((1 - var(--detail-opacity))*20px));top:20%;left:6%;right:auto;max-width:380px}.bath-intro .bath-scene-detail h2{font-size:clamp(40px,4.2vw,68px);line-height:1.02;margin-top:16px}.bath-scene-alpine{opacity:var(--alpine-opacity);transform:translateY(calc((1 - var(--alpine-opacity))*20px));max-width:690px}.bath-intro .bath-scene-alpine h2{font-size:clamp(45px,5.1vw,83px);line-height:1.01}.bath-intro.is-detail .bath-cinema-pin{color:#293b36}.bath-intro.is-detail .bath-cinema-shade{opacity:0}.bath-cinema-bottom{position:absolute;bottom:132px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;gap:20px}.bath-cinema-model{font-size:11px;letter-spacing:.1em}.bath-cinema-model span{display:block;margin-top:7px;font-size:10px;letter-spacing:0;opacity:.8}.bath-cinema-bottom .bath-line-link{min-width:170px}.bath-intro.is-detail .bath-cinema-bottom{visibility:hidden}.bath-cinema-track{position:absolute;bottom:92px;left:5%;right:5%;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.07em}.bath-cinema-track>span:first-child{min-width:130px}.bath-cinema-track>div{height:1px;flex:1;max-width:320px;background:#ffffff50}.bath-cinema-track i{display:block;height:1px;background:currentColor;transform:scaleX(max(.025,var(--cinema-progress)));transform-origin:left}.bath-cinema-track>span:last-child{margin-left:auto}.bath-intro.is-detail .bath-cinema-track>div{background:#293b3650}.bath-collection{position:relative;scroll-margin-top:85px;background:#eeeae2}.bath-collection-pin{position:relative;overflow:hidden;display:flex;flex-direction:column;height:calc(100svh - var(--header-height,0px)*var(--header-is-sticky,0));min-height:560px;padding:31px 0 45px}.bath-collection-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 5% 28px;position:relative;z-index:4;pointer-events:none}.bath-intro .bath-collection h2{font-size:clamp(40px,4.8vw,76px);line-height:1.01;margin-top:14px}.bath-collection-aside{display:flex;align-items:end;gap:32px}.bath-collection-aside p{font-size:12px;line-height:1.8;color:var(--bath-muted)}.bath-rail-controls{display:flex;gap:8px;pointer-events:auto}.bath-rail-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--bath-line);background:transparent;font-size:20px}.bath-rail-controls button:hover{background:#dcded2}.bath-rail-controls button:disabled{opacity:.3;cursor:default}.bath-model-rail{display:flex;gap:26px;overflow-x:hidden;touch-action:pan-y pinch-zoom;flex:1;scroll-padding:5vw;padding:0 5% 12px;scrollbar-width:none;min-height:0}.bath-model-rail::-webkit-scrollbar{display:none}.bath-model-card{display:flex;flex-direction:column;flex:0 0 43vw;min-width:0;scroll-snap-align:start}.bath-model-image{position:relative;display:block;aspect-ratio:1.55;min-height:160px;background:#deded3;overflow:hidden;flex:1}.bath-model-card:nth-child(3n+2) .bath-model-image{background:#d5dbd5}.bath-model-card:nth-child(3n) .bath-model-image{background:#ddd2c4}.bath-model-image>span{position:absolute;top:20px;left:23px;font-size:10px;letter-spacing:.08em;z-index:3}.bath-model-image>i{position:absolute;bottom:18px;right:23px;font-size:22px;font-style:normal;z-index:3}.bath-model-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px 12px;transform:rotate(-3deg);transition:transform .8s}.bath-model-card:hover img{transform:rotate(0) scale(1.03)}.bath-model-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:15px 0 0;position:relative;z-index:3}.bath-model-label strong{font:400 clamp(25px,2.4vw,38px)/1.15 var(--bath-sans);letter-spacing:-.045em;display:block}.bath-model-label small{display:block;color:var(--bath-muted);font-size:10px;margin-top:5px}.bath-model-label>span:last-child{font-size:12px;white-space:nowrap}.bath-collection-foot{margin:20px 5% 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--bath-muted)}.bath-selection-status{margin:6px 5% 0!important;font-size:11px}.bath-selection-status:empty{display:none}.bath-gallery-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.bath-model-card.is-model-ready .bath-model-image img{visibility:hidden}.bath-model-card.is-model-ready .bath-model-image{background-image:radial-gradient(ellipse 30% 4% at 50% 76%,#47443a24,transparent 100%)}.bath-showroom{position:relative;height:100svh;min-height:580px;isolation:isolate;overflow:hidden;color:#fff}.bath-showroom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#13221ed0,transparent 85%),linear-gradient(0deg,#18271c70,transparent)}.bath-showroom>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:115%;object-fit:cover;object-position:55% 50%;will-change:transform}.bath-showroom-copy{position:absolute;left:5%;bottom:16%;right:5%}.bath-intro .bath-showroom h2{font-size:clamp(65px,8vw,128px);line-height:.98;margin:25px 0}.bath-showroom-copy p{font-size:14px;line-height:1.8;margin-bottom:22px}.bath-showroom .bath-line-link{min-width:230px}.bath-intro-configure{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:85px clamp(20px,4vw,70px) 40px;max-width:1940px;margin:auto;scroll-margin-top:95px;background:#f6f3ed}.bath-intro-configure:focus{outline:none}.bath-intro .bath-intro-configure h2{font-size:clamp(44px,5.5vw,80px);line-height:1.03;margin-top:20px}.bath-intro-configure p{font-size:13px;line-height:1.8;color:var(--bath-muted)}@media(max-width:900px){.bath-collection-aside p{display:none}.bath-model-card{flex-basis:54vw}.bath-scene-detail{max-width:290px}}@media(max-width:700px){.bath-intro.is-enhanced .bath-cinema{height:520svh}.bath-cinema-topline{top:22px;font-size:8px}.bath-cinema-topline a{font-size:10px}.bath-cinema-topline a span{margin-left:6px}.bath-cinema-pause{top:46px;font-size:9px!important}.bath-scene-copy{top:17%;left:6%;right:6%}.bath-intro .bath-scene-copy h1{font-size:clamp(55px,15vw,83px)}.bath-scene-copy p{font-size:11px;margin-top:17px;max-width:230px}.bath-scene-detail{top:15%;max-width:300px}.bath-intro .bath-scene-detail h2{font-size:40px}.bath-intro .bath-scene-alpine h2{font-size:clamp(39px,10.3vw,64px)}.bath-cinema-shade{background:linear-gradient(180deg,#171f225c,transparent 65%,#19241c88)}.bath-cinema-bottom{bottom:130px;left:6%;right:6%;gap:12px}.bath-cinema-model{font-size:10px}.bath-cinema-model span{font-size:9px;max-width:125px}.bath-cinema-bottom .bath-line-link{min-width:132px;font-size:11px}.bath-cinema-track{bottom:92px;left:6%;right:6%;gap:12px;font-size:7px}.bath-cinema-track>span:first-child{min-width:100px}.bath-cinema-track>div{max-width:66px}.bath-cinema-track>span:last-child{letter-spacing:0}.bath-cinema-poster{padding:45% 5% 15%}.bath-collection{scroll-margin-top:70px}.bath-collection-head{padding:0 6% 25px;align-items:start}.bath-intro .bath-collection h2{font-size:37px;margin-top:18px}.bath-collection-head .bath-kicker{font-size:9px}.bath-collection-aside{position:absolute;top:-5px;right:6%}.bath-rail-controls{gap:5px}.bath-rail-controls button{width:32px;height:32px;font-size:17px}.bath-model-card{flex-basis:83vw}.bath-model-rail{gap:17px;padding:0 6% 10px;scroll-padding:6vw}.bath-model-image{aspect-ratio:1;min-height:230px}.bath-model-image>span{top:18px;left:19px;font-size:9px}.bath-model-label{padding-top:17px}.bath-model-label strong{font-size:29px}.bath-model-label>span:last-child{font-size:11px}.bath-collection-foot{margin:20px 6% 0;font-size:9px}.bath-showroom{height:85svh;min-height:580px}.bath-showroom>img{object-position:50% 50%}.bath-showroom-copy{bottom:16%;left:6%}.bath-intro .bath-showroom h2{font-size:62px}.bath-showroom-copy p{font-size:12px}.bath-intro-configure{display:block;padding-top:55px;padding-bottom:26px;scroll-margin-top:78px}.bath-intro .bath-intro-configure h2{font-size:44px;margin-top:18px}.bath-intro-configure p{font-size:12px;margin-top:22px}}@media(prefers-reduced-motion:reduce){.bath-intro *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bath-intro.is-enhanced .bath-cinema{height:100svh}.bath-cinema-pause{display:none!important}.bath-cinema-track>span:last-child{display:none}.bath-showroom>img{transform:none!important}.bath-model-image{min-height:320px}}.bath-collection,.bath-intro-configure{scroll-margin-top:0}.bath-cinema-pin{--cut-opacity:0;background:#a59b86}.bath-cinema-canvas canvas{transition:opacity .4s}.bath-cinema-shade{background:linear-gradient(90deg,#171c1838,transparent 48%),linear-gradient(0deg,#0f181e75,transparent 26%,transparent 82%,#141a1824)}.bath-cinema-cut{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#111a1b;opacity:var(--cut-opacity);pointer-events:none}.bath-cinema-topline,.bath-cinema-track,.bath-cinema-pause{z-index:3}.bath-cinema-topline>span{display:none}.bath-cinema-topline{justify-content:flex-end}.bath-scene-copy{top:15%;max-width:490px}.bath-intro .bath-scene-copy h1{font-size:clamp(58px,6.2vw,108px);line-height:.98}.bath-scene-copy p{font-size:12px;margin-top:18px}.bath-intro .bath-scene-alpine h2{font-size:clamp(53px,5.8vw,96px);line-height:.98}.bath-scene-detail{top:21%;left:6%;max-width:320px}.bath-intro .bath-scene-detail h2{font-size:clamp(37px,4.2vw,67px);line-height:1.04}.bath-intro.is-detail .bath-cinema-pin{color:#fbfaf5}.bath-intro.is-detail .bath-cinema-shade{opacity:1;background:linear-gradient(90deg,#10252250,transparent 60%)}.bath-cinema-model b{font-weight:500}.bath-intro.is-cut .bath-cinema-track,.bath-intro.is-cut .bath-cinema-topline,.bath-intro.is-cut .bath-cinema-pause{opacity:.4}.bath-collection-head{padding-bottom:8px;align-items:center}.bath-intro .bath-collection h2{font-size:clamp(30px,3vw,48px);margin-top:8px;letter-spacing:-.045em}.bath-collection-aside p{display:none}.bath-rail-controls button{border-radius:50%;width:43px;height:43px}.bath-model-rail{gap:6vw;padding:0 5% 8px}.bath-model-card{flex-basis:90vw}.bath-model-image,.bath-model-card:nth-child(n) .bath-model-image{background:transparent;aspect-ratio:auto;min-height:275px}.bath-model-image>span{top:12px;left:0;opacity:.55}.bath-model-image>i{bottom:12px;right:0}.bath-model-word{position:absolute;top:5%;inset-inline:0;text-align:center;font:400 clamp(75px,13.5vw,230px)/1 var(--bath-sans);letter-spacing:-.065em;white-space:nowrap;color:#c8c6b8;z-index:0;pointer-events:none}.bath-model-card[data-configure-model=riviera-linea] .bath-model-word,.bath-model-card[data-configure-model=golf-grande] .bath-model-word{font-size:clamp(70px,11.5vw,185px)}.bath-model-label{padding-top:6px}.bath-model-label strong{font-size:28px;letter-spacing:-.04em}.bath-model-label small{font-size:10px;margin-top:3px}.bath-model-label>span:last-child{font-size:13px}.bath-collection-index{display:flex;justify-content:center;gap:25px;margin:20px 5% 0;position:relative;z-index:4}.bath-collection-index button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:11px;white-space:nowrap;color:#777a71}.bath-collection-index button[aria-pressed=true]{color:var(--bath-ink);border-bottom-color:currentColor}.bath-collection-foot{margin-top:10px;font-size:9px}.bath-model-card.is-model-ready .bath-model-image{background-image:radial-gradient(ellipse 29% 5% at 50% 82%,#383a312c,transparent 100%)}@media(max-width:700px){.bath-intro.is-enhanced .bath-cinema{height:560svh}.bath-scene-copy{top:16%;left:6%;right:6%}.bath-intro .bath-scene-copy h1{font-size:clamp(52px,14vw,75px)}.bath-intro .bath-scene-alpine h2{font-size:clamp(48px,12.5vw,68px)}.bath-scene-detail{top:17%;max-width:220px}.bath-intro .bath-scene-detail h2{font-size:39px}.bath-cinema-shade{background:linear-gradient(180deg,#141c1f4d,transparent 53%,#19221f80)}.bath-collection-head{padding:0 6% 8px}.bath-intro .bath-collection h2{font-size:32px;margin-top:10px}.bath-collection-aside{top:5px}.bath-rail-controls button{width:33px;height:33px}.bath-model-rail{gap:8vw;padding:0 6% 8px}.bath-model-card{flex-basis:88vw}.bath-model-image{min-height:245px}.bath-model-word{font-size:20vw;top:12%}.bath-model-card[data-configure-model=riviera-linea] .bath-model-word,.bath-model-card[data-configure-model=golf-grande] .bath-model-word{font-size:15vw;top:15%}.bath-model-label strong{font-size:26px}.bath-model-label>span:last-child{font-size:11px}.bath-collection-index{gap:0;justify-content:space-between;margin:15px 6% 0;overflow-x:auto;scrollbar-width:none}.bath-collection-index button{font-size:8px;letter-spacing:-.02em;padding:6px 3px}.bath-collection-index button:first-child{padding-left:0}.bath-collection-index button:last-child{padding-right:0}.bath-collection-foot{margin:10px 6% 0;font-size:8px}}@media(prefers-reduced-motion:reduce){.bath-intro.is-enhanced .bath-cinema{height:100svh}.bath-model-image{height:55svh}.bath-cinema-cut{display:none}}@media(max-width:700px){.bath-collection-pin{padding:30px 0 35px;min-height:610px}.bath-collection-index{justify-content:flex-start;gap:17px;margin-top:9px}.bath-collection-index button{font-size:10px;min-height:39px;flex-shrink:0;padding:7px 0}.bath-collection-foot{margin-top:7px}}.bath-cinema-object{z-index:-3}.bath-room-plates.bath-penthouse{z-index:-2;visibility:visible;transform:none!important;pointer-events:none}.bath-penthouse picture,.bath-penthouse .bath-opening-sequence,.bath-penthouse picture img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0}.bath-penthouse .bath-opening-sequence{opacity:1}.bath-penthouse picture{opacity:1;z-index:1;transform-origin:50% 50%;will-change:transform}@media(prefers-reduced-motion:reduce){.bath-penthouse .bath-opening-sequence{display:none}.bath-penthouse picture{opacity:1}}@media(max-width:700px){.bath-scene-intro{top:7%}.bath-scene-intro p{margin-top:12px}}.bath-photo-water{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;transform-origin:50% 50%}.bath-cinema-canvas canvas{transition:none}.bath-room-plates[data-photo-room]{z-index:-2;transform:none!important;pointer-events:none}.bath-room-plates[data-photo-room] picture,.bath-room-plates[data-photo-room] picture img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0;transform-origin:50% 50%}.bath-room-plates[data-photo-room] picture{will-change:transform;z-index:1}.bath-chalet{visibility:hidden;opacity:0}.bath-water-passage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#a8bcac,#66857f)}.bath-water-passage canvas{display:block;width:100%;height:100%}.bath-scene-copy,.bath-cinema-bottom{z-index:2}.bath-scene-alpine{max-width:520px}@media(max-width:700px){.bath-scene-alpine{top:7%}}@media(prefers-reduced-motion:reduce){.bath-water-passage{display:none}.bath-chalet{visibility:hidden!important}}.bath-intro.is-3d-ready .bath-room-plates[data-photo-room]{visibility:hidden!important;opacity:0!important}.bath-cinema-object{z-index:-1}@media(min-width:701px){.bath-cinema-track{right:calc(5% + 150px)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/obermaier-badewannen-intro.css.map */