.s-sida{padding-top:84px;overflow-x:hidden}
.s-sida .topp{color:var(--kol)}
.s-korb-knapp{min-width:44px;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(28,27,25,.18);border-radius:3px;background:transparent;font:500 14px/1 Inter,system-ui,sans-serif;color:var(--kol);cursor:pointer;margin-left:auto}
.s-korb-knapp+.topp-knapp{margin-left:0}
.s-korb-knapp b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--kol);color:var(--papper);font-size:12px}
.s-korb-knapp b.hopp{animation:hopp .45s cubic-bezier(.16,1,.3,1)}
@keyframes hopp{0%{transform:scale(1)}40%{transform:scale(1.15)}100%{transform:scale(1)}}
.topp nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}

.s-varianter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px var(--kant) 0;font-size:13px;color:var(--dis)}
.s-varianter a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid rgba(28,27,25,.14);border-radius:22px;color:var(--grafit)}
.s-varianter a[aria-current]{background:var(--kol);color:var(--papper);border-color:var(--kol)}

.s-huvud{padding:clamp(28px,6vh,72px) var(--kant) clamp(20px,4vh,40px);max-width:1100px}
.s-huvud h1{font-size:clamp(38px,6.4vw,92px)}
.s-huvud p{margin-top:18px;max-width:46ch;color:var(--grafit);font-size:clamp(16px,1.4vw,19px)}


.s-ktrl{display:grid;gap:12px;min-width:0}
.s-ktrl[hidden]{display:none}
.s-ktrl h3{font-size:clamp(22px,2.2vw,30px)}
.s-marke{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dis)}
.s-chips{display:flex;flex-wrap:wrap;gap:8px}
.s-chips button{min-height:44px;padding:0 14px;border:1px solid rgba(28,27,25,.18);border-radius:3px;background:#fff;font:500 14px/1 Inter,system-ui,sans-serif;color:var(--kol);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,transform .15s}
.s-chips button:active{transform:scale(.96)}
.s-chips button.vald{background:var(--kol);color:var(--papper);border-color:var(--kol)}
.s-antal{display:inline-flex;align-items:center;border:1px solid rgba(28,27,25,.18);border-radius:3px;background:#fff}
.s-antal button{width:44px;height:44px;border:0;background:none;font:500 18px/1 Inter,system-ui,sans-serif;color:var(--kol);cursor:pointer}
.s-antal button:active{transform:scale(.92)}
.s-antal span{min-width:22px;text-align:center;font-variant-numeric:tabular-nums;font-weight:500}
.prick{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.prick.hellblau{background:#a9bfd8}.prick.beerenfarben{background:#8e3b57}.prick.champagner{background:#e7d6b8}
.s-rad{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:4px}
.s-preis{font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:6ch}
.knapp.drin{animation:drin .5s cubic-bezier(.16,1,.3,1)}
@keyframes drin{0%{transform:scale(1)}35%{transform:scale(.95)}100%{transform:scale(1)}}
.s-ktrl-bild{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:4px}


.s-korb{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(420px,100%);background:var(--papper);box-shadow:-20px 0 60px rgba(0,0,0,.18);display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 24px calc(18px + env(safe-area-inset-bottom));transform:translateX(105%);visibility:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}
.s-korb.offen{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.16,1,.3,1),visibility 0s}
.s-korb-topp{display:flex;align-items:center;justify-content:space-between;gap:12px}
.s-korb h2{font-size:28px}
.s-zu{min-height:44px;padding:0 14px;border:1px solid rgba(28,27,25,.18);border-radius:3px;background:transparent;font:500 14px Inter,system-ui,sans-serif;cursor:pointer}
.s-korb ul{list-style:none;padding:0;margin:20px 0;overflow:auto;flex:1;display:grid;align-content:start;gap:2px}
.s-korb li{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:4px 14px;padding:14px 0;border-bottom:1px solid rgba(28,27,25,.1);font-size:15px;animation:korbIn .5s cubic-bezier(.16,1,.3,1)}
.s-korb-bild{grid-row:span 2;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(23,20,15,.14))}
@keyframes korbIn{from{opacity:0;transform:translateY(8px)}}
.s-korb li small{display:block;color:var(--dis);font-size:13px}
.s-korb li button{grid-column:2/-1;justify-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--dis);font:13px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline}
.s-korb li.leer{display:block;color:var(--dis);border:0}
.s-korb-fot p{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;margin-bottom:14px}
.s-korb-fot strong{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}
.s-korb-fot .knapp{width:100%;justify-content:center}
.s-korb-fot .knapp:disabled{opacity:.4;cursor:not-allowed}
.s-versand{display:block;margin:-4px 0 14px;font-size:13px;line-height:1.5;color:var(--dis)}
.s-danke{position:fixed;inset:0;z-index:95;background:rgba(23,20,15,.55);display:grid;place-items:center;padding:24px}
.s-danke[hidden]{display:none}
.s-danke>div{background:var(--papper);padding:clamp(28px,5vw,56px);max-width:520px;border-radius:6px;display:grid;gap:18px;animation:upp .5s cubic-bezier(.2,.8,.2,1)}
.s-danke h2{font-size:clamp(28px,4vw,40px)}
@keyframes upp{from{transform:translateY(24px) scale(.97);opacity:0}}


.s-betten{padding:clamp(56px,10vh,120px) var(--kant);background:var(--sten)}
.s-betten h2{font-size:clamp(32px,4.4vw,60px);max-width:16ch}
.s-betten-text{margin:18px 0 36px;max-width:52ch;color:var(--grafit)}
.s-betten-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media (max-width:1000px){.s-betten-rad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.s-betten-rad{grid-template-columns:1fr}}
.s-bett{background:var(--papper);border-radius:4px;overflow:hidden;display:grid;gap:8px;padding-bottom:18px;min-width:0}
.s-bett img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.s-bett:hover img{transform:scale(1.04)}
.s-bett h3,.s-bett p,.s-bett .knapp{margin:0 18px}
.s-bett h3{font-size:22px;margin-top:8px}
.s-bett p{color:var(--grafit);font-size:15px}
.s-bett-preis{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.s-bett-preis s{color:var(--dis)}
.s-bett-preis strong{font-size:20px;font-weight:500;color:var(--kol)}
.s-bett .knapp{justify-self:start;margin-top:8px}

.s-bett .s-bett-marke{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--dis)}
.s-rabatt{font-size:13px;font-weight:500;color:var(--kol);border:1px solid rgba(28,27,25,.22);border-radius:20px;padding:2px 9px}
.s-bett{grid-template-rows:repeat(4,auto) 1fr auto auto}
.s-bett-u{margin:4px 18px 6px;display:grid;align-content:start;gap:5px;font-size:14px;line-height:1.4;border-top:1px solid rgba(28,27,25,.12);padding-top:12px}
.s-bett-u div{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:10px}
.s-bett-u dt{color:var(--dis)}
.s-bett-u dd{margin:0;color:var(--grafit);overflow-wrap:anywhere}

.s-betten-bed{margin-top:clamp(28px,4vw,48px);max-width:72ch;border-top:1px solid rgba(28,27,25,.14)}
.s-betten-bed summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;cursor:pointer;font-size:17px;font-weight:500;color:var(--kol)}
.s-betten-bed summary::-webkit-details-marker{display:none}
.s-betten-bed summary::after{content:'+';font-size:26px;font-weight:300;line-height:1;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.s-betten-bed[open] summary::after{transform:rotate(45deg)}
.s-betten-bed-text{display:grid;gap:6px;padding:14px 0 10px;color:var(--grafit);font-size:15px;line-height:1.6}
.s-betten-bed[open] .s-betten-bed-text{animation:korbIn .5s cubic-bezier(.16,1,.3,1)}
.s-betten-bed-text h3{font:500 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-top:18px;color:var(--dis)}
.s-betten-bed-text h3:first-child{margin-top:0}

.s-bett-ohne{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:clamp(18px,2.2vw,30px);background:var(--natt);color:var(--varm);overflow:hidden}
.s-bett-ohne b{font-size:clamp(34px,4vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1}

.s-fot{padding:40px var(--kant);font-size:14px;color:var(--grafit);display:flex;flex-wrap:wrap;gap:8px 24px}
.s-fot a{display:inline-flex;align-items:center;min-height:44px}

@media (max-width:860px){
  .s-sida{padding-top:68px}
  .s-korb-knapp{padding:0 12px}
}
@media (max-width:384px){
  .s-korb-knapp span{display:none}
}
@media (prefers-reduced-motion:reduce){.s-korb li{animation:none}.s-korb,.s-bett img{transition:none}.s-danke>div,.knapp.drin,.s-korb-knapp b.hopp{animation:none}}
.s-sida .s-korb-knapp+.topp-knapp{margin-left:0}
@media (max-width:384px){.s-sida .ordmarke{font-size:17px;gap:8px}.s-sida .topp{gap:8px}.s-korb-knapp{padding:0 10px}}
@media (max-width:560px){.s-sida .topp-knapp{display:none}.s-korb-knapp span{display:none}.s-sida .s-korb-knapp{margin-left:auto}}

.s-bildhinweis{font-size:13px;line-height:1.5;color:var(--grafit);margin:0 0 14px}
.s-bildhinweis b{font-weight:500}


.s-danke>div{max-height:calc(100dvh - 48px);overflow:auto}
.s-shop-links{list-style:none;padding:0;display:grid;gap:16px}
.s-shop-links li{display:grid;gap:4px}
.s-shop-links a{text-decoration:underline;text-underline-offset:3px}
.s-shop-links small{display:block}
.s-bedingungen{padding-block:clamp(8px,2vh,24px) 0}
.s-bedingungen .s-betten-bed{margin-top:0}