:root{--ink:#121212;--cream:#f2eee6;--paper:#fbf9f5;--gold:#b59a67;--line:#d8d1c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.topbar{height:34px;background:#0b0b0b;color:#ddd;display:flex;justify-content:center;gap:40px;align-items:center;font-size:10px;letter-spacing:2px}.topbar span{color:#9c9c9c}header{height:92px;display:flex;align-items:center;padding:0 5vw;gap:40px;background:rgba(251,249,245,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e2d8}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;line-height:.9}.brand b{font:700 32px/1 'Cormorant Garamond',serif;letter-spacing:4px}.brand small{font-size:8px;letter-spacing:2.6px;margin-top:7px}nav{margin-left:auto;display:flex;gap:34px}nav a,footer a{color:inherit;text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;text-decoration:none;font-size:10px;letter-spacing:1.7px;font-weight:700;border:1px solid transparent}.gold{background:var(--gold);color:#fff}.ghost{border-color:rgba(255,255,255,.55);color:#fff}.dark{background:#151515;color:white}.menu{display:none}.hero{height:calc(100vh - 126px);min-height:650px;position:relative;background:#1b1b1b;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.64) 43%,rgba(0,0,0,.15) 75%),radial-gradient(circle at 78% 40%,#665f54 0,#302d29 27%,#111 62%)}.hero-bg:after{content:'✂';position:absolute;right:11%;top:20%;font-size:310px;opacity:.08;transform:rotate(-20deg)}.hero-inner{position:relative;z-index:2;padding:11vh 8vw;max-width:950px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold)}h1,h2,blockquote{font-family:'Cormorant Garamond',serif}h1{font-size:clamp(55px,6.3vw,102px);line-height:.82;letter-spacing:-2px;margin:28px 0}h1 i,h2 i,blockquote i{font-weight:500;color:var(--gold)}.lead{max-width:570px;line-height:1.8;color:#d0d0d0;font-size:15px}.actions{display:flex;gap:12px;margin-top:35px}.scroll{position:absolute;right:4vw;bottom:40px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6vw;border-bottom:1px solid var(--line);background:#f6f2ea}.trust div{padding:3px 25px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust strong,.trust small{display:block}.trust strong{font:600 23px 'Cormorant Garamond',serif}.trust strong span,.reviews span{color:var(--gold);font:14px Inter}.trust small{margin-top:6px;font-size:9px;letter-spacing:1.4px;color:#777}.intro{padding:120px 8vw;display:grid;grid-template-columns:30% 70%;max-width:1500px;margin:auto}.kicker{font-size:10px;letter-spacing:3px;color:#777;padding-top:14px}.intro h2,.services h2,.gallery h2,.contact h2{font-size:clamp(48px,6vw,88px);line-height:.88;margin:0 0 35px}.intro>div:last-child{max-width:800px}.intro p,.feature-copy p,.section-head p,.gallery-head>p,.reviews>p{line-height:1.9;color:#666;max-width:600px}.textlink{display:inline-block;margin-top:25px;color:#111;text-decoration:none;font-size:10px;letter-spacing:2px;border-bottom:1px solid #111;padding-bottom:7px}.feature{display:grid;grid-template-columns:58% 42%;min-height:700px;background:#171717;color:white}.photo{min-height:650px;background-size:cover;background-position:center;position:relative}.photo span{position:absolute;left:35px;top:30px;font:italic 70px 'Cormorant Garamond';color:rgba(255,255,255,.3)}.p1{background:linear-gradient(135deg,#49443e,#171717 70%)}.p1:after{content:'FORMEN';position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(70px,10vw,160px) 'Cormorant Garamond';letter-spacing:10px;color:rgba(255,255,255,.055);transform:rotate(-90deg)}.feature-copy{padding:12% 10%;align-self:center}.feature-copy h2{font-size:clamp(50px,5vw,80px);line-height:.9}.feature-copy p{color:#aaa}.services{padding:120px 8vw;background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head p{max-width:400px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfb6a7;margin-top:60px}.service-grid article{padding:45px 35px;border-right:1px solid #bfb6a7}.service-grid article:last-child{border:0}.service-grid b{color:var(--gold);font:italic 30px 'Cormorant Garamond'}.service-grid h3{font:600 27px 'Cormorant Garamond';margin:50px 0 18px}.service-grid p{color:#69635b;line-height:1.8;font-size:13px;min-height:72px}.service-grid span{font-size:9px;letter-spacing:2px}.quote{padding:110px 6vw;text-align:center;background:#111;color:white}.quote>p{font-size:9px;letter-spacing:5px;color:#777}.quote blockquote{font-size:clamp(45px,6vw,86px);line-height:1;margin:35px auto 0}.gallery{padding:120px 6vw}.gallery-head{display:flex;align-items:end;justify-content:space-between}.gallery-grid{height:580px;display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:14px;margin-top:50px}.g{background:#242424;position:relative;overflow:hidden}.g:after{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.13);font:600 40px 'Cormorant Garamond';letter-spacing:5px}.g1{background:linear-gradient(140deg,#776e61,#24221f)}.g1:after{content:'SALON'}.g2{background:linear-gradient(30deg,#151515,#5c554c)}.g2:after{content:'CUT'}.g3{background:linear-gradient(150deg,#393530,#171717)}.g3:after{content:'DETAIL'}.reviews{text-align:center;padding:110px 6vw;background:#ede7dc}.reviews h2{font:600 clamp(65px,8vw,120px) 'Cormorant Garamond';margin:15px 0 0}.reviews h2 span{vertical-align:middle}.reviews .big{font:600 24px 'Cormorant Garamond';margin:auto}.reviews>p:last-child{margin:18px auto}.contact{background:#171717;color:white;padding:110px 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:12vw}.contact .address{font:500 20px/1.7 'Cormorant Garamond';color:#bbb}.phone{display:inline-block;color:white;font:600 32px 'Cormorant Garamond';margin:12px 0;text-decoration:none}.hours{padding-top:35px}.hours h3{font:600 25px 'Cormorant Garamond';margin-bottom:28px}.hours p{display:flex;justify-content:space-between;border-bottom:1px solid #343434;padding:13px 0;margin:0;font-size:12px;color:#aaa}.hours b{color:white;font-weight:500}footer{min-height:140px;background:#0b0b0b;color:#999;display:flex;align-items:center;gap:60px;padding:30px 6vw}footer .brand{color:white}footer p{margin-left:auto;font-size:10px}footer div{display:flex;gap:20px}.mobilebar{display:none}@media(max-width:850px){.topbar span,nav,header>.btn{display:none}.topbar{font-size:8px}.menu{display:block;margin-left:auto;border:0;background:none;font-size:22px}.hero{height:auto;min-height:680px}.hero-inner{padding:100px 7vw}.hero-bg:after{font-size:180px;right:-30px}.trust{grid-template-columns:1fr 1fr;padding:20px}.trust div{padding:16px}.trust div:nth-child(2){border-right:0}.intro{grid-template-columns:1fr;padding:80px 7vw;gap:35px}.feature{grid-template-columns:1fr}.photo{min-height:430px}.feature-copy{padding:70px 7vw}.services,.gallery{padding:80px 7vw}.section-head,.gallery-head{display:block}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #bfb6a7;padding:35px 0}.gallery-grid{height:auto;grid-template-columns:1fr}.g{height:340px}.contact{grid-template-columns:1fr;padding:80px 7vw}.actions{flex-wrap:wrap}footer{padding-bottom:85px;flex-direction:column;align-items:flex-start;gap:20px}footer p{margin:0}.mobilebar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:40;background:#b59a67}.mobilebar a{text-align:center;color:white;text-decoration:none;padding:17px 5px;font-size:10px;font-weight:700;letter-spacing:1.4px;border-right:1px solid rgba(255,255,255,.3)}}
/* Premium image integration */
.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.63) 42%,rgba(0,0,0,.18) 72%),url('assets/aussenansicht.png');background-size:cover;background-position:center 48%}.hero-bg:after{display:none}.p1{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.25)),url('assets/barber-arbeit.png');background-size:cover;background-position:center}.p1:after{display:none}.g{background-size:cover;background-position:center;transition:transform .55s ease,filter .55s ease}.g:after{display:none}.g1{background-image:linear-gradient(0deg,rgba(0,0,0,.18),transparent 50%),url('assets/salon-premium.png')}.g2{background-image:linear-gradient(0deg,rgba(0,0,0,.12),transparent 55%),url('assets/barber-arbeit.png');background-position:40% center}.g3{background-image:linear-gradient(0deg,rgba(0,0,0,.12),transparent 55%),url('assets/aussenansicht.png');background-position:67% center}.gallery-grid{overflow:hidden}.g:hover{transform:scale(1.018)}
@media(max-width:850px){.hero-bg{background-position:62% center}.hero-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.82) 78%)}.hero-inner{padding-top:85px}.p1{background-position:46% center}}
/* Hero update: premium salon image */
.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 29%,rgba(0,0,0,.48) 50%,rgba(0,0,0,.08) 78%),url('assets/hero-salon.png');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-bg:after{display:none}.hero-inner{max-width:920px}.hero .lead{max-width:600px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
@media(max-width:850px){.hero-bg{background-position:58% center}.hero-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.88) 80%)} }
/* v4 image integration */
.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.24) 60%,rgba(0,0,0,.03) 100%),url('assets/salon-premium.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.p1{background-image:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.15)),url('assets/barber-arbeit.png')!important;background-size:cover!important;background-position:center!important}
.g1{background-image:url('assets/aussenansicht.png')!important}.g2{background-image:url('assets/barber-arbeit.png')!important}.g3{background-image:url('assets/salon-premium.png')!important}
@media(max-width:850px){.hero-bg{background-position:58% center!important}.hero-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.84) 80%)}}
/* v5 hero height fix - prevents headline/buttons from being clipped */
.hero{height:auto!important;min-height:780px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.hero-inner{width:100%;padding:70px 8vw 78px!important;max-width:950px!important}
.hero h1{margin:24px 0 26px!important}
.hero .actions{margin-top:30px!important}
@media (max-height:820px) and (min-width:851px){
  .hero{min-height:700px!important}
  .hero-inner{padding-top:48px!important;padding-bottom:52px!important}
  .hero h1{font-size:clamp(58px,5.4vw,88px)!important;line-height:.84!important;margin:20px 0 22px!important}
  .hero .lead{line-height:1.65!important}
  .hero .actions{margin-top:24px!important}
}
@media(max-width:850px){
  .hero{min-height:720px!important;display:flex!important;align-items:flex-end!important}
  .hero-inner{padding:88px 7vw 72px!important}
  .hero h1{font-size:clamp(50px,15vw,76px)!important;line-height:.86!important}
}

/* Feature image v6: vollständige Arbeitsszene statt starkem Crop */
.feature .p1{
  background-image:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/barber-arbeit.png')!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#161616!important;
}
@media (min-width:851px){
  .feature{grid-template-columns:58% 42%;}
  .feature .p1{min-height:700px;}
}
@media (max-width:850px){
  .feature .p1{min-height:560px;background-size:contain!important;background-position:center top!important;}
}