.u-page{padding-top:84px;--dis:#686156}
.u-page :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.u-page .topp{gap:20px}
.u-page .topp nav{gap:clamp(12px,1.7vw,24px);margin-left:auto}
.u-page .topp nav a{min-width:44px;justify-content:center}
.u-page .u-legal a{min-width:44px}
.u-showroom-info dd>a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.u-page .topp>.knapp{min-height:46px;font-size:14px;padding:0 18px;white-space:nowrap}
.u-page .ordmarke{white-space:nowrap}
.u-menu-toggle{display:none;min-height:44px;padding:0 14px;border:1px solid #1c1b1933;background:transparent;font:500 14px Inter,system-ui,sans-serif;color:inherit;border-radius:3px;cursor:pointer}
.u-skip{position:fixed;left:20px;top:8px;transform:translateY(-160%);z-index:100;background:var(--kol);color:#fff;padding:14px 20px}
.u-skip:focus{transform:none}
.u-language{display:flex;justify-content:flex-end;gap:4px;padding:8px var(--kant) 0}
.u-language a,.u-language span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:13px}
.u-language span{font-weight:600;text-decoration:underline;text-underline-offset:6px}
.u-language a:hover{text-decoration:underline;text-underline-offset:6px}
.u-breadcrumb{display:flex;gap:8px 24px;flex-wrap:wrap;padding:8px var(--kant);font-size:13px;color:var(--grafit)}
.u-breadcrumb a,.u-breadcrumb span{min-height:44px;display:inline-flex;align-items:center}
.u-breadcrumb a{min-width:44px;text-decoration:underline;text-underline-offset:5px}
.u-breadcrumb span{color:var(--dis)}
.u-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 8vw;padding:clamp(28px,5vw,80px) var(--kant) clamp(36px,6vw,90px);align-items:end}
.u-intro h1{font-size:clamp(42px,6.4vw,100px);max-width:11ch}
.u-intro-copy{font-size:clamp(17px,1.4vw,21px);max-width:40ch;color:var(--grafit)}
.u-textlink{font-size:15px;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-weight:500;margin-top:14px}
.u-textlink:hover{text-decoration-thickness:2px}
.u-catalog{padding:0 var(--kant) clamp(60px,8vw,120px)}
.u-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-block:1px solid #1c1b192b;padding:18px 0;margin-bottom:32px}
.u-filter button{min-height:44px;border:1px solid #1c1b1933;background:none;color:var(--kol);font:500 14px Inter,system-ui,sans-serif;padding:0 18px;border-radius:3px;cursor:pointer}
.u-filter button[aria-pressed=true]{background:var(--kol);color:var(--papper);border-color:var(--kol)}
.u-count{margin-left:auto;font-size:14px;color:var(--grafit)}
.u-models{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,84px) clamp(20px,3vw,46px)}
.u-model[hidden]{display:none}
.u-model a{display:block;min-width:0}
.u-model img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.u-model-text{padding-top:20px;max-width:50ch}
.u-model .overrad{margin-bottom:10px}
.u-model h2{font-size:clamp(27px,3.1vw,46px);margin-bottom:14px}
.u-model p:not(.overrad){font-size:16px;color:var(--grafit);line-height:1.55}
.u-model .u-textlink{margin-top:10px}
.u-note{background:var(--sten);padding:clamp(40px,7vw,100px) var(--kant);display:grid;grid-template-columns:1fr 1fr;gap:20px 8vw;align-items:start}
.u-note h2{font-size:clamp(30px,4vw,60px)}
.u-note p{max-width:44ch}
.u-note a{grid-column:2}
.u-visit,.u-booking{display:grid;grid-template-columns:1fr 1fr;background:var(--natt);color:var(--papper)}
.u-visit>div,.u-booking>div{padding:clamp(36px,6vw,96px) var(--kant);align-self:center}
.u-visit img,.u-booking img{height:100%;min-height:440px;width:100%;object-fit:cover}
.u-visit h2,.u-booking h2{font-size:clamp(35px,4.3vw,68px);max-width:13ch}
.u-visit p:not(.overrad),.u-booking p:not(.overrad){margin:24px 0 28px;max-width:38ch;color:#f4f1ecdb}
.u-visit .overrad,.u-booking .overrad{color:#d0c4b3}
.u-visit .knapp:not(.ljus),.u-booking .knapp:not(.ljus){background:var(--papper);color:var(--kol)}
.u-visit .knapp.ljus,.u-booking .knapp.ljus{background:transparent;color:var(--papper);box-shadow:inset 0 0 0 1px #f4f1ec70}
.u-brands{padding:0 var(--kant) clamp(50px,8vw,120px);display:grid;gap:clamp(60px,10vw,150px)}
.u-brand{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,96px);align-items:center}
.u-brand:nth-child(even) .u-brand-photo{order:2}
.u-brand-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.u-brand h2{font-size:clamp(34px,4.5vw,72px);overflow-wrap:anywhere}
.u-brand p{max-width:43ch;color:var(--grafit);font-size:17px}
.u-brand .u-lead{font-size:clamp(20px,1.8vw,26px);margin:24px 0}
.u-brand .overrad{font-size:12px}
.u-brand-hero,.u-showroom-hero{position:relative;min-height:600px;height:76svh;color:#fff;background:var(--natt);isolation:isolate;overflow:hidden;margin-top:12px}
.u-brand-hero>img,.u-showroom-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.u-brand-hero:after,.u-showroom-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17140fec,transparent 90%),linear-gradient(90deg,#17140f80,transparent 80%)}
.u-brand-hero>div,.u-showroom-hero>div{position:absolute;bottom:clamp(30px,5vw,80px);left:var(--kant);right:var(--kant);max-width:65ch}
.u-brand-hero h1,.u-showroom-hero h1{font-size:clamp(44px,7vw,108px);line-height:1.02;overflow-wrap:anywhere}
.u-brand-hero p:not(.overrad),.u-showroom-hero p:not(.overrad){margin-top:24px;font-size:clamp(17px,1.8vw,25px);max-width:42ch}
.u-brand-hero .overrad,.u-showroom-hero .overrad{color:#f4f1ec}
.u-showroom-hero .knapp{margin-top:28px}
.u-showroom-hero>img{object-position:50% 35%}
.u-story{display:grid;grid-template-columns:1fr 1fr;gap:32px 8vw;padding:clamp(48px,8vw,120px) var(--kant)}
.u-story h2{font-size:clamp(28px,3.2vw,48px);line-height:1.2;letter-spacing:-.025em}
.u-story>div:last-child>p{max-width:50ch;color:var(--grafit)}
.u-highlights{list-style:none;padding:0;margin:28px 0}
.u-highlights li{border-top:1px solid #1c1b192b;padding:13px 0;font-size:16px;color:var(--grafit)}
.u-highlights li:last-child{border-bottom:1px solid #1c1b192b}
.u-warranty strong{display:block;font-weight:500;color:var(--kol);margin-bottom:8px}
.u-section-head{display:flex;gap:20px;justify-content:space-between;align-items:end;padding:0 0 32px}
.u-section-head h2{font-size:clamp(30px,4vw,60px)}
.u-section-head a{flex-shrink:0}
.u-accessories{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 8vw;margin:12px 0 32px}
.u-accessories h3{font-size:28px;margin-bottom:18px}
.u-accessories p{max-width:45ch;color:var(--grafit)}
.u-bed-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(28px,5vw,80px);padding:32px var(--kant) clamp(48px,7vw,100px)}
.u-bed-hero>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.u-bed-hero h1{font-size:clamp(40px,4.8vw,76px);overflow-wrap:anywhere}
.u-bed-hero .u-lead{font-size:clamp(17px,1.6vw,21px);margin:24px 0 30px;color:var(--grafit);max-width:35ch}
.u-bed-details{padding:clamp(40px,6vw,90px) var(--kant);display:grid;grid-template-columns:1.15fr .85fr;gap:32px 8vw;background:var(--sten)}
.u-bed-details>div{max-width:54ch;font-size:clamp(18px,1.5vw,22px)}
.u-bed-details>div>p+p{margin-top:1.2em}
.u-bed-details aside h2{font-size:30px}
.u-bed-details aside h3{font-size:20px;margin:28px 0 12px}
.u-bed-details aside p{font-size:16px;color:var(--grafit)}
.u-maker{display:grid;grid-template-columns:1fr 1fr;gap:30px 8vw;padding:clamp(48px,8vw,120px) var(--kant);align-items:center}
.u-maker h2{font-size:clamp(34px,4vw,64px);margin-bottom:24px}
.u-maker p{max-width:46ch}
.u-maker img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.u-showroom-info{padding:clamp(48px,8vw,120px) var(--kant);display:grid;grid-template-columns:1fr 1fr;gap:32px 8vw}
.u-showroom-info h2{font-size:clamp(30px,3.7vw,56px);line-height:1.12}
.u-showroom-info dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;border-top:1px solid #1c1b192b;padding:16px 0;font-size:16px}
.u-showroom-info dt{font-weight:500}
.u-showroom-info dd{color:var(--grafit)}
.u-room-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;padding:0 var(--kant)}
.u-room-pair img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.u-team{padding:clamp(48px,8vw,120px) var(--kant)}
.u-team>div{max-width:60ch;margin-bottom:40px}
.u-team h2{font-size:clamp(32px,4.3vw,64px);margin-bottom:24px}
.u-team ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.u-team img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;margin-bottom:20px}
.u-team h3{font-size:25px;margin-bottom:8px}
.u-team li p{font-size:14px;color:var(--grafit)}
.u-booking{scroll-margin-top:84px}
.u-footer{padding:clamp(40px,6vw,80px) var(--kant);display:grid;grid-template-columns:1fr .7fr 1fr;gap:40px;font-size:15px;border-top:1px solid #1c1b191a}
.u-footer>div:first-child a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.u-footer-name{font-size:25px;font-weight:500;margin-bottom:16px}
.u-footer>nav{display:grid;align-content:start;grid-template-columns:1fr 1fr;gap:8px 16px}
.u-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.u-footer>div>.knapp{margin-top:20px}
.u-legal{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:22px;font-size:12px}
.u-menu{position:fixed;inset:0;z-index:90;background:var(--papper);padding:20px var(--kant);overflow:auto;display:flex;flex-direction:column}
.u-menu[hidden]{display:none}
.u-menu>button{align-self:flex-end;min-height:44px;background:none;border:1px solid #1c1b1950;padding:0 18px;font:inherit;cursor:pointer;border-radius:3px;margin-bottom:24px;color:var(--kol)}
.u-menu>a:not(.knapp){display:flex;align-items:center;min-height:56px;font-size:clamp(25px,5vw,40px);padding:8px 0;border-bottom:1px solid #1c1b192b}
.u-menu .knapp{align-self:start;margin-top:24px}
.u-menu>a[href^=tel]{font-size:18px;margin-top:20px;border:0}
@media(min-width:861px) and (prefers-reduced-motion:no-preference){
 @supports(animation-timeline:view()){
  .u-brand-photo img{animation:u-image linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes u-image{from{object-position:50% 30%}to{object-position:50% 70%}}
 }
}
@media(max-width:1200px){.u-page .topp nav{display:none}.u-page .topp>.knapp{margin-left:auto}.u-menu-toggle{display:block}}
@media(max-width:860px){
 .u-page{padding-top:68px}.u-page .topp{padding:10px var(--kant);gap:12px}
 .u-page .ordmarke{font-size:17px}.u-intro{grid-template-columns:1fr;gap:24px;padding-top:26px}.u-intro h1{font-size:clamp(42px,9vw,74px);max-width:14ch}
 .u-models{gap:36px 20px}.u-model h2{font-size:28px}.u-model-text{padding-top:16px}
 .u-brand,.u-story,.u-bed-hero,.u-bed-details,.u-maker,.u-showroom-info{grid-template-columns:1fr}
 .u-brand:nth-child(even) .u-brand-photo{order:0}.u-brand-photo img{aspect-ratio:4/3}
 .u-story h2{font-size:30px}.u-brand-hero,.u-showroom-hero{min-height:540px;height:75svh}
 .u-bed-hero{padding-top:20px}.u-bed-hero h1{font-size:clamp(38px,8vw,66px)}.u-bed-hero .u-lead{max-width:50ch}
 .u-visit,.u-booking{grid-template-columns:1fr}.u-visit img,.u-booking img{min-height:0;height:auto;aspect-ratio:3/2}
 .u-visit>div,.u-booking>div{padding-block:48px}.u-note{grid-template-columns:1fr}.u-note a{grid-column:auto}
 .u-team ul{grid-template-columns:1fr 1fr}.u-footer{grid-template-columns:1fr 1fr}.u-footer>div:last-child{grid-column:1/-1}
 .u-booking{scroll-margin-top:68px}.u-count{font-size:13px}.u-section-head{flex-wrap:wrap}.u-section-head a{margin-top:0}
}
@media(max-width:560px){
 .u-page .topp>.knapp{display:none}.u-menu-toggle{margin-left:auto}.u-models{grid-template-columns:1fr}.u-count{flex-basis:100%;margin:8px 0 0}
 .u-filter button{padding:0 13px;font-size:13px}.u-language{padding-top:0}.u-breadcrumb{gap:4px 14px;font-size:12px}
 .u-brand-hero h1,.u-showroom-hero h1{font-size:clamp(39px,10.5vw,60px)}.u-brand-hero,.u-showroom-hero{height:auto;min-height:570px}
 .u-brand-hero>div,.u-showroom-hero>div{bottom:30px}.u-showroom-hero>img{object-position:68% 50%}
 .u-showroom-info dl>div{grid-template-columns:1fr;gap:5px}.u-room-pair{grid-template-columns:1fr}.u-room-pair img:last-child{aspect-ratio:3/2}
 .u-team ul{gap:30px 16px}.u-team h3{font-size:21px}.u-team li p{font-size:13px}.u-accessories{grid-template-columns:1fr}
 .u-footer{grid-template-columns:1fr}.u-footer>div:last-child{grid-column:auto}.u-footer>nav{grid-template-columns:1fr 1fr}
 .u-bed-hero .knapp{padding:0 18px}.u-model h2{font-size:34px}
}