:root{--bg:#101113;--panel:#1a1b1d;--gold:#d8b65f;--fg:#f4f0e6;--muted:#b6b5ae;--line:#393a38}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(50px,6.7vw,100px)}h2{font-size:clamp(38px,4.6vw,66px)}h3{font-size:24px;line-height:1.3}p{color:var(--muted)}em{color:var(--gold);font-weight:400}header{position:sticky;top:0;z-index:20;background:#101113f5;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 5vw}.brand{display:flex;align-items:center;gap:14px}.brand img{width:64px;height:64px;object-fit:contain;background:white}.brand-name{font-size:21px;letter-spacing:.2em;font-weight:700;line-height:1.25}.brand-name small{display:block;font-size:9px;letter-spacing:.55em;color:var(--gold);margin-top:5px}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--gold);color:#111;padding:15px 23px;border:1px solid var(--gold);font-size:13px;font-weight:700;min-height:48px;transition:background .2s}.btn:hover{background:#ebcd87;color:#111}.btn.outline{color:var(--fg);background:transparent;border-color:#666}.btn.outline:hover{background:#292a28}.menu-toggle{display:none;color:var(--fg);border:1px solid var(--line);background:transparent;padding:10px 16px}.wrap{max-width:1440px;margin:auto;padding:100px 5vw}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:25px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:670px}.hero-copy{padding:94px 5vw 70px}.hero h1{margin-bottom:26px}.hero .intro{max-width:440px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-photo{position:relative;margin:28px 28px 28px 0;min-height:570px;background:var(--panel)}.hero-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 45%}.photo-note{position:absolute;bottom:20px;left:20px;right:20px;background:#101113e6;padding:16px 20px;font-size:12px;display:flex;justify-content:space-between;gap:10px}.hero-small{margin-top:28px;font-size:12px;letter-spacing:.07em}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1440px;margin:auto;display:flex;justify-content:space-between;padding:24px 5vw;gap:20px;flex-wrap:wrap;font-size:13px}.stars{color:var(--gold);letter-spacing:.15em}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head p{max-width:380px;margin-bottom:0}.salon-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.salon-layout figure{margin:0}.salon-layout img{width:100%;height:440px;object-fit:cover}.salon-layout .secondary img{object-position:center 55%}figcaption{padding-top:14px;color:var(--muted);font-size:12px}.salon-bottom{display:flex;gap:26px;align-items:center;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.salon-bottom img{width:90px;height:90px;object-fit:cover}.salon-bottom p{margin:0;max-width:680px}.subtle{background:var(--panel)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison{border:1px solid var(--line);background:var(--bg)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:2px}.pair figure{position:relative;margin:0;min-width:0}.pair img{width:100%;height:350px;object-fit:cover;object-position:center 36%}.tag{position:absolute;top:14px;left:14px;background:#101113df;padding:6px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.comparison-caption{padding:20px;display:flex;justify-content:space-between;gap:16px;font-size:12px}.comparison-caption span{color:var(--muted)}.empty-pair{height:350px;display:grid;grid-template-columns:1fr 1fr;background:#202122;position:relative}.empty-pair>div{display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid var(--line);color:#aaa99f;font-size:11px;letter-spacing:.1em;gap:20px}.empty-pair>div:last-child{border:0}.outline-head{width:60px;height:76px;border:1px solid #69695f;border-radius:48% 48% 42% 42%;position:relative}.outline-head:after{content:'';position:absolute;bottom:-24px;left:-15px;width:90px;height:26px;border:1px solid #69695f;border-bottom:0;border-radius:50% 50% 0 0}.empty-label{font-size:10px;border:1px solid #55554d;color:#c6c4b8;padding:3px 7px;letter-spacing:.08em}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.blog-card{display:block}.blog-card img{width:100%;height:220px;object-fit:cover;transition:filter .2s}.blog-card:hover img{filter:brightness(1.15)}.blog-card .category{font-size:10px;color:var(--gold);letter-spacing:.15em;margin:22px 0 12px}.blog-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400}.blog-card p{font-size:14px}.read{display:block;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--fg)}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{padding:34px;border:1px solid #54544b}.service .num{font-size:12px;color:var(--gold);margin-bottom:30px;display:block}.service h3{font:36px Georgia,serif}.service p{margin-bottom:0}.service small{display:block;color:var(--muted);margin-top:20px;font-size:12px}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.rating{font:100px/1 Georgia,serif;letter-spacing:-.07em}.rating-block{text-align:right}.rating-block p{font-size:12px;margin:14px 0}.review-window{overflow:hidden;margin:35px 0 20px}.review-track{display:flex;width:max-content;animation:marquee 34s linear infinite;gap:20px}.review-card{width:350px;flex-shrink:0;border:1px solid var(--line);padding:28px;min-height:220px;background:var(--panel)}blockquote{font:24px/1.4 Georgia,serif;margin:18px 0;color:var(--fg)}.review-card small{color:var(--muted);font-size:11px}.review-window:hover .review-track,.review-window:focus-within .review-track,.review-window.paused .review-track{animation-play-state:paused}.review-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.text-button{background:transparent;color:var(--fg);border:1px solid var(--line);padding:10px 16px;font-size:12px;min-height:44px}.fine{font-size:12px;color:var(--muted)}@keyframes marquee{to{transform:translateX(-50%)}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.address{font-size:24px;color:var(--fg);font-style:normal;line-height:1.6}.map-panel{background:#242624;border:1px solid var(--line);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:start;min-height:400px;position:relative}.map-panel .map-pin{font:48px Georgia,serif;color:var(--gold);margin-bottom:18px}.map-panel p{font-size:14px;max-width:350px}.map-panel iframe{width:100%;height:400px;border:0}.map-panel.loaded{padding:0}.map-panel.loaded .map-reset{margin:12px}.faq{max-width:900px;margin:auto;padding-top:0}.faq h2{font-size:40px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px}details p{margin:16px 0 0}footer{padding:35px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{text-decoration:underline;text-underline-offset:4px}.skip{position:fixed;left:10px;top:-100px;z-index:100;padding:12px;background:var(--gold);color:black}.skip:focus{top:10px}.article{max-width:820px;padding:70px 24px 100px;margin:auto}.article h1{font-size:clamp(40px,5.5vw,66px)}.article h2{font-size:32px;margin-top:42px}.article .lead{font-size:21px;color:var(--fg)}.article p,.article li{line-height:1.8}.article a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.article>img{width:100%;max-height:420px;object-fit:cover;margin:32px 0}.article .meta{font-size:12px;color:var(--muted)}.article ul{padding-left:22px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:14px;min-width:470px}td,th{text-align:left;padding:14px;border:1px solid var(--line)}th{color:var(--gold)}.table-wrap{overflow:auto}.article-end{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.article-end a{display:block;margin:10px 0}.preview-note{font-size:11px;letter-spacing:.04em;color:#b6b5ae}.portable-article{display:none}.portable-article:target{display:block}.mobile-cta{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1500px){.wrap{padding-left:72px;padding-right:72px}}@media(max-width:1050px){nav{gap:16px}.brand-name{display:none}.blog-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:68px}.hero-copy{padding-top:75px}.hero{min-height:610px}.hero-photo{min-height:530px}.pair img,.empty-pair{height:300px}}@media(max-width:760px){html{scroll-padding-top:90px}.header-inner{min-height:80px;padding:10px 5vw}.brand img{width:52px;height:52px}.brand-name{display:block;font-size:18px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:24px 5vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0}nav a.btn{margin-top:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:54px 6vw 38px}.hero h1{font-size:clamp(50px,12vw,78px);margin-bottom:22px}.hero .intro{font-size:17px}.hero-photo{margin:0 6vw 34px;min-height:410px;height:410px}.hero-photo>img{object-position:center 43%}.trust{padding:22px 6vw;font-size:12px;gap:12px}.wrap{padding:65px 6vw}.section-head{display:block}.section-head p{margin-top:25px}.salon-layout{grid-template-columns:1fr 1fr;gap:12px}.salon-layout img{height:290px}.salon-bottom{align-items:start}.salon-bottom p{font-size:14px}.work-grid{grid-template-columns:1fr}.pair img,.empty-pair{height:350px}.blog-grid{gap:26px 16px}.blog-card img{height:180px}.blog-card h3{font-size:23px}.services-grid{grid-template-columns:1fr}.review-heading{align-items:start;gap:20px}.review-heading h2{font-size:37px}.rating{font-size:65px}.rating-block{min-width:100px}.review-bottom{align-items:start}.review-card{width:290px}.contact-grid{grid-template-columns:1fr;gap:35px}.map-panel{padding:28px;min-height:340px}.faq{padding-top:0}footer{padding-bottom:90px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;background:#101113f5;border-top:1px solid var(--line);padding:10px 6vw;z-index:15;justify-content:space-between;align-items:center;font-size:12px}.mobile-cta .btn{padding:10px 18px;min-height:42px}.article{padding-top:45px}.article h2{font-size:29px}}@media(max-width:380px){.brand-name{font-size:16px}.brand img{width:44px;height:44px}.blog-grid{grid-template-columns:1fr}.blog-card img{height:240px}.pair img,.empty-pair{height:280px}.comparison-caption{padding:16px;flex-wrap:wrap}.review-heading{flex-direction:column}.rating-block{text-align:left}.salon-layout img{height:230px}}

/* Preisliste und Anschrift */
.price-list{margin:0;max-width:900px}.price-list>div{display:flex;justify-content:space-between;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.price-list dt{font:28px Georgia,serif}.price-list dd{margin:0;color:var(--gold);font-size:16px;white-space:nowrap}.footer-address strong{display:block;color:var(--fg);font:26px Georgia,serif;margin-bottom:15px}.footer-address address{font-style:normal;font-size:16px;line-height:1.7;color:var(--fg);margin-bottom:22px}footer{padding-top:48px;padding-bottom:48px}.map-pin:empty{display:none}

/* Compact mobile entry: sentence, salon, appointment action */
.mobile-title{display:none}
@media(max-width:760px){
 html{scroll-padding-top:72px}
 .header-inner{min-height:60px;padding:8px 20px;gap:16px}
 .brand{gap:9px}.brand img{width:36px;height:36px}.brand-name{font-size:14px;letter-spacing:.13em}.brand-name small{font-size:7px;margin-top:3px;letter-spacing:.35em}
 .menu-toggle{border:0;padding:8px 0 8px 12px;min-height:44px;font-size:14px}
 nav{padding:12px 20px 20px;max-height:calc(100dvh - 64px);overflow:auto}
 .hero{display:flex;min-height:0;padding:0 20px;gap:0}
 .hero-copy{display:contents}
 .hero-copy>.eyebrow,.hero .intro,.hero-small,.hero .photo-note,.hero .actions .outline{display:none}
 .hero h1{order:0;font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.25;margin:22px 0 18px;max-width:330px}
 .desktop-title{display:none}.mobile-title{display:inline}
 .hero-photo{order:1;min-height:0;height:250px;width:100%;margin:0;overflow:hidden}
 .hero-photo>img{object-position:center 42%}
 .hero .actions{order:2;margin:14px 0 22px;display:block}
 .hero .actions .btn{width:100%;min-height:48px;padding:12px 20px;font-size:14px}
 .trust{padding:14px 20px;font-size:11px;gap:8px;justify-content:center;text-align:center}
 .trust>span:nth-child(2),.trust>a{display:none}
 .wrap{padding:42px 20px}
 h2,.review-heading h2{font-size:32px;line-height:1.12;letter-spacing:-.035em}
 .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:14px}
 .section-head{margin-bottom:24px}.section-head p{font-size:15px;line-height:1.6;margin-top:16px}
 .salon-layout img{height:210px}.salon-layout{gap:12px}.salon-layout figcaption{font-size:11px}
 .salon-bottom{margin-top:22px;padding-top:20px;gap:16px}.salon-bottom img{width:60px;height:70px}
 .pair img,.empty-pair{height:240px}.work-grid{gap:16px}.comparison-caption{font-size:11px;padding:14px;flex-wrap:wrap}
 .blog-grid{grid-template-columns:1fr;gap:28px}.blog-card img{height:auto;aspect-ratio:3/2;object-fit:cover}.blog-card .category{margin:14px 0 8px}.blog-card h3{font-size:25px;margin-bottom:10px}.blog-card p{margin-bottom:14px}.read{padding-top:10px}
 .service{padding:24px}.service .num{margin-bottom:16px}.service h3{font-size:29px}.service p{font-size:15px}
 .review-heading{flex-direction:row;gap:18px}.rating{font-size:57px}.rating-block{min-width:85px}.review-card{min-height:195px;width:275px;padding:22px}.review-window{margin-top:24px}.review-bottom{flex-direction:column;gap:8px;margin-bottom:18px}
 .price-list>div{padding:20px 0}.price-list dt{font-size:25px}.price-list dd{font-size:14px}
 .contact-grid{gap:26px}.address{font-size:21px}.contact-grid .actions{margin-top:22px}.contact-grid .actions .btn{width:100%}
 .map-panel{min-height:270px;padding:24px}.faq{padding-top:0}.faq h2{font-size:30px}summary{font-size:16px}details{padding:18px 0}
 footer{padding:30px 20px;gap:22px}.article{padding:32px 20px 50px}.article h1{font-size:34px}.article h2{font-size:27px}.article .lead{font-size:18px}
}
@media(max-width:360px){.hero h1{font-size:21px}.hero-photo{height:220px}.salon-layout img{height:180px}.pair img,.empty-pair{height:210px}}

.salon-grade{filter:brightness(1.06) contrast(1.035) saturate(.92) sepia(.075)}
.salon-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.salon-gallery figure{margin:0;min-width:0}.salon-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.salon-zoom{display:block;overflow:hidden;cursor:zoom-in}.salon-gallery figcaption{font-size:13px;padding-top:12px}.hero-photo>img.salon-grade{object-position:52% center}
.photo-dialog{padding:16px;border:1px solid #555;background:#101113;color:#f4f0e6;max-width:95vw;max-height:94dvh;width:1100px}.photo-dialog::backdrop{background:#000d}.photo-dialog img{display:block;width:100%;max-height:76dvh;object-fit:contain}.photo-dialog button{display:block;margin:0 0 12px auto;background:transparent;color:inherit;border:1px solid #777;padding:10px 18px;min-height:44px}.photo-dialog p{margin:12px 0 0;font-size:14px}
@media(min-width:761px){.hero{grid-template-columns:.85fr 1.15fr}.hero-photo{min-height:550px}.hero h1{font-size:clamp(52px,5.5vw,84px)}}
@media(max-width:760px){.salon-gallery{grid-template-columns:1fr;gap:22px}.salon-gallery img{aspect-ratio:4/3}.hero-photo{height:auto;aspect-ratio:4/3;min-height:0}.hero-photo>img.salon-grade{object-position:center}.salon-gallery figcaption{font-size:12px}.photo-dialog{padding:12px}}

/* Real salon results and complete price menu */
.comparison-grade{filter:brightness(1.035) contrast(1.025) saturate(.94)}
.natural-pair img{object-position:50% 46%}
.prices-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:64px;align-items:start}
.price-list dt{font:18px/1.45 Arial,Helvetica,sans-serif}.price-list>div{padding:17px 0;gap:18px}.price-list dd{font-size:17px}
.price-aside{padding:28px;border:1px solid var(--line)}.price-aside h3{font:28px Georgia,serif}.price-aside a{text-decoration:underline;text-underline-offset:4px}.price-qr{width:160px;height:160px;background:white;margin:24px 0 12px}.price-aside .fine{margin-top:24px}
@media(max-width:760px){.prices-layout{grid-template-columns:1fr;gap:28px}.price-list dt{font-size:15px}.price-list dd{font-size:15px}.natural-pair img{height:270px}.price-aside{padding:24px}.price-list>div{gap:12px}}
@media(max-width:360px){.natural-pair img{height:230px}}

/* Editorial alignment and quiet customer quotes */
header{background:var(--bg)}
.section-head h2,.review-heading h2{font-size:clamp(32px,3.5vw,50px);max-width:680px;letter-spacing:-.035em}
.blog-card{display:flex;flex-direction:column;position:relative;min-width:0}
.blog-card .category{margin-top:22px}.blog-card .read{margin-top:auto}
.image-credit{position:absolute;top:194px;right:8px;padding:2px 6px;background:#101113dd;color:#e5e2da;font-size:10px;line-height:18px}
.customer-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 20px}
.customer-quotes .review-card{width:auto;min-height:0;padding:24px 0;border:0;border-top:1px solid var(--line);background:transparent;display:flex;flex-direction:column}
.customer-quotes blockquote{font-size:23px;margin:0 0 24px}.customer-quotes small{margin-top:auto}
.rating{font-size:76px}.review-bottom{margin-bottom:18px}
@media(max-width:760px){
 .section-head h2,.review-heading h2{font-size:32px}.customer-quotes{grid-template-columns:1fr;gap:0;margin:24px 0 10px}.customer-quotes .review-card{padding:22px 0}.customer-quotes blockquote{font-size:22px;margin-bottom:14px}
 .review-heading{align-items:center}.rating{font-size:52px}.rating-block p{font-size:10px}.image-credit{top:auto;bottom:auto;position:static;align-self:flex-end;margin-top:-25px;margin-right:8px;z-index:1}.blog-card .category{margin-top:22px}
}