@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--bg:#0b0a09;--panel:#161410;--ink:#efebe4;--muted:#beb8ae;--gold:#b99768;--gold2:#e0c59b;--line:#ffffff1d;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}img{max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 34px}.gold{color:var(--gold)}.label{text-transform:uppercase;letter-spacing:.34em;color:var(--gold);font-size:11px;font-weight:700}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #b58f5d;padding:17px 29px;background:#7c481e;color:#f8eede;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:700;min-height:54px;transition:.25s}.btn:hover{background:#a06f41}.btn.outline{background:#0006}.btn.outline:hover{background:#5e451e88}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px 5.4%;border-bottom:1px solid #fff3}.brand{font-size:18px;letter-spacing:.34em;font-weight:700;line-height:1.1}.brand small{display:block;font:500 8px var(--sans);letter-spacing:.49em;margin-top:8px;color:#d2bb9d}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.94}.nav a:hover{color:var(--gold2)}.nav .btn{padding:12px 18px;min-height:auto}.menubutton{display:none;background:none;border:1px solid #ffffff44;color:#fff;padding:8px 12px}.hero{min-height:850px;height:100svh;max-height:1080px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;background-color:#312c25;background-image:linear-gradient(90deg,#070605d9 4%,#0c0a09ac 45%,#08080849 100%),linear-gradient(0deg,#080706d6,transparent 25%,transparent 70%,#0807069c),url('assets/salon-original-ausschnitt.jpg');background-position:center,center,center 46%;background-size:cover;filter:saturate(.72)}.hero-content{position:relative;z-index:2;margin:50px auto 0;width:100%}.hero h1{font:400 clamp(67px,9vw,142px)/.98 var(--serif);letter-spacing:-.06em;margin:32px 0}.hero h1 i{font-weight:400;color:var(--gold);white-space:nowrap}.hero p{font-size:18px;max-width:550px;line-height:1.7;color:#f0ebe4}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}.hero-bottom{position:absolute;left:0;right:0;bottom:40px;display:flex;justify-content:space-between;z-index:5;color:#e6e0d7;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.stripe{border-top:1px solid #624c31;border-bottom:1px solid #624c31;background:#17130e;padding:19px 0;overflow:hidden;text-align:center;color:#bd9d76;font-size:11px;letter-spacing:.4em}.stripe b{margin:0 3.2vw;font-weight:500}.section{padding:112px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:44px}.section h2{font:400 clamp(42px,5.5vw,76px)/1.13 var(--serif);letter-spacing:-.045em;margin:12px 0}.section-head p{max-width:390px;color:#bfb9af}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro h2{max-width:680px}.intro .lead{font-size:19px;color:#ddd4c6;max-width:520px}.intro .detail{color:#a9a298}.rule{border-top:1px solid var(--line);padding:28px 0;margin-top:25px;display:flex;justify-content:space-between;gap:25px;color:#e9dccb}.rule span{color:var(--gold)}.prices{background:radial-gradient(circle at 80% 0,#38251138,transparent 30%),#12100e}.price-nav{display:flex;gap:10px;overflow:auto;padding-bottom:13px;margin-bottom:25px}.price-nav button{flex:none;color:#b8b0a5;letter-spacing:.12em;font-size:10px;text-transform:uppercase;border:1px solid #b59b6f4d;background:transparent;padding:13px 17px}.price-nav button.active,.price-nav button:hover{color:#1d1710;background:var(--gold2)}.price-card{border:1px solid #63523f8a;background:#0c0b0ad1;padding:25px 42px 18px}.price-labels{display:grid;grid-template-columns:minmax(0,1fr) 95px 80px;gap:20px;padding:0 0 16px;border-bottom:1px solid #bfa47d72;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.service{display:grid;grid-template-columns:minmax(0,1fr) 95px 80px;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.service h3{font:400 21px/1.25 var(--serif);margin:0 0 4px}.service p{font-size:12px;color:#9c968e;margin:2px 0 0}.service time{font-size:13px;color:#c4b8a5}.service strong{font:500 20px var(--serif);color:#d1b084;text-align:right}.packages{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.pack{border:1px solid #816c4b;background:#1c1712;padding:38px;min-height:320px}.pack:before{content:'TRIM HAUS PAKET';color:#a9977d;letter-spacing:.25em;font-size:9px}.pack-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pack h3{font:400 30px var(--serif);margin:16px 0}.pack .price{font:400 32px var(--serif);color:var(--gold)}.pack .duration{color:#a9a39b;font-size:12px}.pack ul{padding:0 0 0 18px;color:#d1c8bb;font-size:13px}.prices .footnote{font-size:12px;color:#8f8980;margin-top:22px}.gallery{background:#090807}.gallery-grid{display:grid;grid-template-columns:1fr .65fr;gap:8%;align-items:center}.photo-frame{height:570px;border:1px solid #564734;position:relative;overflow:hidden;background:#222}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-controls{position:absolute;bottom:13px;right:13px;display:flex;gap:8px}.photo-controls button{border:1px solid #ccaa75a6;background:#100e0cbb;color:#fff;width:42px;height:42px;font-size:20px}.gallery-copy h2{font-size:64px}.gallery-copy p{color:#b5aaa0}.gallery-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.gallery-note{font-size:12px;letter-spacing:.02em;color:#8c877f}.about{border-top:1px solid var(--line);background:#16120e}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about p{font-size:18px;color:#bcb3aa}.quote{font:italic 30px/1.4 var(--serif);color:#ded2c2;align-self:end;border-left:1px solid var(--gold);padding-left:27px}.contact{background:#0b0a09}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.contact-card{border:1px solid #604e37;padding:36px;background:#18140f}.contact-card h3{font:400 29px var(--serif);margin-top:0}.contact-card dl div{padding:18px 0;border-top:1px solid #ffffff17}.contact-card dt{color:var(--gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}.contact-card dd{margin:0;color:#ded4c6}.contact-card small{color:#aaa295}.footer{padding:28px 0;border-top:1px solid #ffffff23;font-size:11px;color:#898279;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{text-decoration:underline}.fixed-cta{display:none}.hidden{display:none!important}
@media(max-width:950px){.nav a:not(.btn){display:none}.menubutton{display:inline-block}.nav.show{position:absolute;top:73px;left:0;right:0;padding:20px 6%;display:flex;flex-direction:column;background:#0d0b0b;align-items:stretch}.nav.show a{display:block}.intro,.gallery-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.gallery-copy{order:-1}.hero h1{font-size:clamp(66px,11vw,110px)}.gallery-copy h2{font-size:54px}}
@media(max-width:600px){.wrap{padding:0 23px}.topbar{padding:18px 23px}.brand{font-size:14px;letter-spacing:.21em}.brand small{font-size:7px}.nav .btn{display:none}.hero{height:92svh;min-height:680px}.hero-img{background-position:center,center,55% 52%;background-image:linear-gradient(90deg,#090807d9,#0908076e),linear-gradient(0deg,#090807ee,transparent 40%),url('assets/salon-original-ausschnitt.jpg')}.hero-content{margin-top:20px}.hero h1{font-size:clamp(59px,15vw,89px);margin:23px 0}.hero h1 i{white-space:normal}.hero p{font-size:15px}.hero .actions{margin:26px 0}.btn{padding:15px 18px}.hero-bottom{bottom:22px;font-size:8px;letter-spacing:.07em}.hero-bottom span:last-child{display:none}.stripe b{font-size:9px}.section{padding:76px 0}.section-head{display:block}.section h2{font-size:49px}.price-nav{margin-right:-23px}.price-card{padding:20px 15px}.price-labels,.service{grid-template-columns:minmax(0,1fr) 60px 53px;gap:6px}.price-labels{font-size:9px}.service{padding:16px 0}.service h3{font-size:18px}.service p{font-size:11px}.service time{font-size:11px}.service strong{font-size:16px}.packages{grid-template-columns:1fr}.pack{padding:25px;min-height:auto}.pack h3{font-size:25px}.pack .price{font-size:27px}.photo-frame{height:390px}.gallery-copy h2{font-size:49px}.quote{font-size:25px}.contact-card{padding:26px}.fixed-cta{display:grid;position:fixed;z-index:50;bottom:0;left:0;right:0;grid-template-columns:1fr 1fr;gap:8px;padding:9px;background:#0b0a09f3;border-top:1px solid #7b6849}.fixed-cta .btn{font-size:10px;padding:11px 7px;min-height:42px}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.detailsprices{border-top:1px solid #fff2;margin-top:15px}.detailsprices details{border-bottom:1px solid #fff2;padding:7px 4px}.detailsprices summary{font-size:13px;color:#cab08d;letter-spacing:.09em;padding:12px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.detailsprices details>div{display:grid;grid-template-columns:minmax(0,1fr) 80px 60px;gap:10px;padding:9px 0;color:#cfc6ba;font-size:13px;border-top:1px solid #ffffff0a}.detailsprices small{color:#938b80}.detailsprices b{text-align:right;color:#d9bc94;font-weight:500}
