@font-face{font-family:Archivo;src:url('../bilder/archivo-black-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Schibsted;src:url('../bilder/schibsted-grotesk-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Syne;src:url('../bilder/syne-800-latin.woff2') format('woff2');font-display:swap}
:root{--blue:#064fe8;--ink:#121212;--paper:#fbfaf6;--booking-accent:#064fe8;--booking-ink:#121212}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Schibsted,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:50}.skip:focus{top:12px}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 3.8%;border-bottom:1px solid #2225;background:var(--paper);position:relative;z-index:5}.wordmark{font:800 30px/1 Syne,Arial,sans-serif;letter-spacing:-.1em;text-decoration:none;transform:scaleX(1.05);transform-origin:left}.nav{display:flex;gap:44px}.nav a{text-decoration:none;font-size:13px}.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}.pill{border:0;border-radius:999px;padding:12px 25px;display:inline-flex;gap:9px;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:translate .2s,filter .2s}.pill:hover{translate:0 -2px;filter:brightness(.92)}.pill-blue{background:var(--blue);color:#fff}.pill-white{background:#fff;color:#151515}.header-cta{padding:9px 20px}.menu-toggle,.mobile-nav{display:none}
.hero{height:min(800px,65vw);min-height:570px;position:relative;overflow:hidden;background:#fcfbf7}.hero-photo{position:absolute;right:0;top:0;width:54%;height:88%;background:#a5c9e7}.hero-photo img{object-position:center 35%}.hero-copy{position:relative;z-index:2;padding:4.5% 0 0 3.8%;max-width:60%}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;margin:0 0 15px}.hero h1{font:900 clamp(68px,9.3vw,150px)/.91 Archivo,Impact,sans-serif;letter-spacing:-.075em;margin:0;transform:scaleX(.81);transform-origin:left;width:122%;max-width:100%;white-space:nowrap}.hero-sub{font-size:clamp(15px,1.65vw,22px);margin:16px 0 17px}.hero-btn{padding:14px 26px}.hero-masthead{font:900 clamp(270px,39vw,630px)/.75 Archivo,Impact,sans-serif;letter-spacing:-.11em;position:absolute;left:-.06em;bottom:-.06em;z-index:3;white-space:nowrap;pointer-events:none;transform:scaleX(1.16);transform-origin:left}.sticker{position:absolute;right:3%;top:47%;z-index:4;background:#fff5b4;width:126px;height:126px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:900 21px/.95 Archivo,Impact,sans-serif;letter-spacing:-.04em;transform:rotate(-12deg)}.scissor{position:absolute;z-index:3;left:38%;top:27%;font-size:clamp(100px,17vw,260px);line-height:1;color:#202020;text-shadow:3px 4px 0 #b3b3b3;transform:rotate(-20deg);font-family:Arial,sans-serif}.ticker{background:var(--blue);color:#fff;overflow:hidden;padding:14px 0;white-space:nowrap}.ticker-track{font:800 15px/1 Schibsted,Arial,sans-serif;letter-spacing:.55em;text-align:center;min-width:max-content}.ticker span{font-size:27px;vertical-align:-4px;margin:0 25px;letter-spacing:0}
.section-pad{padding:48px 3.8% 42px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.salon h2,.services h2,.closing h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.section-heading h2{font-size:clamp(46px,6.5vw,92px);line-height:.94;margin:0 0 18px}.handwritten{color:var(--blue);font-family:'Comic Sans MS',cursive;font-style:italic;font-size:clamp(22px,3vw,40px);line-height:1.05;transform:rotate(-10deg);margin:0 4% 28px 0;position:relative}.scribble{position:absolute;height:2px;width:95%;background:var(--blue);bottom:-11px;right:0;transform:rotate(-15deg)}.filter-row{display:flex;gap:7px;margin:8px 0 18px}.filter{background:transparent;border:1px solid #cacaca;border-radius:999px;padding:6px 13px;font-size:12px}.filter.is-active,.filter:hover{background:var(--ink);border-color:var(--ink);color:white}.look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.look-card[hidden]{display:none}.look-image{display:block;position:relative;border:0;padding:0;width:100%;aspect-ratio:1.08;overflow:hidden;background:#ddd}.look-image img{object-position:left center;transition:transform .5s ease}.look-image.crop-centre img{object-position:center}.look-image.crop-right img{object-position:right}.look-image:hover img{transform:scale(1.055)}.image-arrow{position:absolute;right:17px;bottom:16px;background:var(--blue);color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:21px;opacity:0;transform:translateY(8px);transition:.2s}.look-image:hover .image-arrow,.look-image:focus-visible .image-arrow{opacity:1;transform:none}.look-caption{display:flex;align-items:center;gap:14px;padding-top:10px;font-size:15px}.look-caption i{height:1px;background:#b9b9b9;flex:1}.look-caption button{border:0;background:none;font-size:24px;padding:0 6px}.look-caption button:hover{color:var(--blue)}
.salon{display:grid;grid-template-columns:42% 58%;min-height:440px}.salon-copy{background:var(--blue);color:#fff;padding:42px 9%;position:relative}.star{font-size:38px;line-height:1}.salon h2{font-size:clamp(46px,5.3vw,78px);line-height:.94;margin:9px 0 15px}.salon-copy>p:not(.salon-bottom){font-size:16px;line-height:1.35;margin:0 0 20px}.salon-bottom{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin:30px 0 0}.salon-photo{position:relative;min-height:440px;background:#e7dfd1}.salon-photo-type{position:absolute;right:5%;top:20%;display:flex;flex-direction:column;align-items:center;color:#161616;text-shadow:0 1px 2px #fffa}.salon-photo-type strong{font:800 27px Syne,Arial,sans-serif;letter-spacing:-.08em}.salon-photo-type em{font:italic 24px/1.1 Georgia,serif;transform:rotate(-8deg);margin-top:15px}
.services{display:grid;grid-template-columns:37% 1fr;gap:8%;padding-top:85px;padding-bottom:95px}.services h2{font-size:clamp(50px,6vw,88px);line-height:.95;margin:0 0 20px}.services-heading>p:last-child{max-width:280px;line-height:1.55}.service-list{border-top:1px solid #161616}.service-list details{border-bottom:1px solid #161616}.service-list summary{list-style:none;display:grid;grid-template-columns:45px 1fr 1fr 25px;align-items:center;gap:15px;padding:24px 0;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-size:12px}.service-list summary strong{font:400 clamp(28px,3vw,42px)/1 Georgia,serif;letter-spacing:-.05em}.service-list summary em{font-style:normal;font-size:14px}.service-list summary b{font-size:24px;font-weight:400;transition:transform .2s}.service-list details[open] b{transform:rotate(45deg)}.service-detail{padding:0 40px 23px 60px}.service-detail p{max-width:470px;font-size:14px;line-height:1.6}.service-detail button{background:none;border:0;border-bottom:1px solid var(--blue);color:var(--blue);font-size:13px;font-weight:800;padding:4px 0}.closing{text-align:center;padding:60px 20px 70px;border-top:1px solid #e6e4de}.closing h2{font-size:clamp(58px,8vw,120px);line-height:.91;margin:10px 0 26px}.closing .pill{display:flex;width:max-content;margin:auto}.personal{display:block;background:none;border:0;border-bottom:1px solid #111;margin:14px auto 0;padding:3px 0;font-size:13px}.footer{padding:18px 3.8%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd;font-size:12px}.footer .wordmark{font-size:23px}.footer p{color:#666}.footer div{display:flex;gap:26px}.footer a{text-decoration:none}.footer button{background:none;border:0;padding:0;font-size:12px}.variant-switch{background:#111;color:#fff;display:flex;justify-content:center;gap:18px;align-items:center;padding:10px 15px;font-size:11px}.variant-switch span{opacity:.55;letter-spacing:.13em;text-transform:uppercase}.variant-switch a{text-decoration:none;opacity:.7}.variant-switch a:hover,.variant-switch a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.header{height:62px;padding:0 5%}.nav,.header-cta{display:none}.menu-toggle{display:flex;width:38px;height:38px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:2px;width:25px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:absolute;z-index:10;top:62px;left:0;right:0;padding:20px 5% 25px;background:var(--paper);box-shadow:0 12px 20px #0002;flex-direction:column;gap:17px}.mobile-nav a{text-decoration:none}.mobile-nav button{background:var(--blue);color:#fff;border:0;border-radius:30px;padding:12px}.hero{min-height:740px;height:auto}.hero-photo{top:270px;width:100%;height:410px}.hero-photo img{object-position:center 30%}.hero-copy{padding:28px 5% 0;max-width:100%}.hero h1{font-size:clamp(62px,14vw,100px)}.hero-sub{font-size:15px}.hero-masthead{font-size:clamp(155px,30vw,300px);bottom:0}.scissor{font-size:130px;top:320px;left:5%}.sticker{top:455px;width:100px;height:100px;font-size:17px}.ticker{padding:12px 0}.ticker-track{font-size:12px}.section-pad{padding:44px 5%}.section-heading h2{font-size:clamp(43px,7vw,70px)}.handwritten{font-size:24px;margin:0 2% 20px 0}.look-grid{gap:8px}.look-caption{font-size:12px;gap:5px}.salon{grid-template-columns:1fr}.salon-copy{padding:38px 5%}.salon h2{font-size:60px}.salon-photo{min-height:420px}.services{grid-template-columns:1fr;gap:30px}.services-heading>p:last-child{max-width:500px}.closing h2{font-size:clamp(58px,10vw,90px)}}
@media(max-width:520px){.hero{min-height:625px}.hero-photo{top:255px;height:340px}.hero-copy{padding-top:25px}.hero h1{font-size:clamp(54px,14.2vw,74px)}.hero-sub{max-width:280px;line-height:1.3}.hero-masthead{font-size:34vw;bottom:-.02em}.scissor{font-size:100px;top:300px;left:7%}.sticker{top:390px;right:4%;width:83px;height:83px;font-size:14px}.section-heading{display:block}.section-heading h2{font-size:47px}.handwritten{display:none}.filter-row{overflow:auto;padding-bottom:5px}.filter{flex:none}.look-grid{grid-template-columns:1fr;gap:25px}.look-image{aspect-ratio:1.15}.look-card:nth-child(2) .look-image img{object-position:center}.look-card:nth-child(3) .look-image img{object-position:right}.look-caption{font-size:15px}.salon h2{font-size:54px}.salon-photo{min-height:320px}.salon-photo-type{top:13%}.service-list summary{grid-template-columns:27px 1fr 20px;gap:8px}.service-list summary em{display:none}.service-detail{padding-left:35px}.closing{padding:60px 4%}.closing h2{font-size:57px}.footer{flex-wrap:wrap;padding:24px 5%}.footer p{order:3;width:100%;margin:0}.variant-switch{flex-wrap:wrap;gap:12px}.variant-switch span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Keep the editorial lettering inside the paper panel at every desktop size. */
@media(min-width:761px){.hero-copy{max-width:46%;padding-top:4%}.hero h1{font-size:clamp(68px,8vw,112px);width:max-content;max-width:none;transform:scaleX(.62);letter-spacing:-.075em}.hero-sub{max-width:100%;font-size:clamp(15px,1.35vw,19px)}.hero-masthead{font-size:min(31vw,430px);left:0;letter-spacing:-.1em;transform:scaleX(.93)}.scissor{left:46%;top:25%;z-index:1;width:clamp(180px,21vw,290px);font-size:clamp(110px,16vw,220px);text-shadow:none;transform:rotate(-10deg)}}
.scissor img{width:100%;height:auto;object-fit:contain;display:block}.scissor-glyph{display:block}.scissor-glyph[hidden]{display:none}
@media(max-width:760px){.hero h1{width:max-content;max-width:none;transform:scaleX(.62);font-size:clamp(60px,12.5vw,94px)}.hero-masthead{left:0;letter-spacing:-.1em;transform:scaleX(.93)}.scissor{z-index:1;width:150px;top:350px;left:3%;transform:rotate(-10deg);text-shadow:none}}
@media(max-width:520px){.hero h1{font-size:clamp(54px,14vw,72px)}.scissor{width:115px;top:330px;left:3%}}
@media(max-width:760px){.hero-masthead{font-size:29vw;letter-spacing:-.12em;transform:scaleX(.86)}}

/* The supplied looks image is one equal-width triptych. */
.look-image img{position:absolute;top:0;left:0;width:300%;max-width:none;height:100%;object-fit:cover;object-position:center 12%;transition:filter .25s ease}
.look-image.crop-centre img{left:-100%;object-position:center 12%}
.look-image.crop-right img{left:-200%;object-position:center 12%}
.look-image:hover img{transform:none;filter:brightness(.88)}
@media(max-width:520px){.look-card:nth-child(2) .look-image img,.look-card:nth-child(3) .look-image img{object-position:center 12%}}

/* Ergänzungen 21.09.: Sprunglink, Menü im Kopf, Team, Besuch, Fuß, Bewegung */
.skip{position:fixed;top:10px;left:12px;z-index:60;transform:translateY(-200%);background:#fff;color:var(--ink);padding:10px 14px;border-radius:6px;text-decoration:none;font-weight:800}.skip:focus{top:10px;transform:none}
section[id]{scroll-margin-top:12px}
.nav{gap:34px}.pill svg.pfeil{font-size:15px}
.hero-masthead span{display:inline-block}
.ticker-track{text-align:left;display:inline-block;padding-left:2vw}.ticker .ic{width:22px;height:22px;margin:0 22px;vertical-align:-5px;stroke-width:2}
.image-arrow svg.pfeil{font-size:19px}.look-caption button svg.pfeil{font-size:22px}
.star.ic{width:38px;height:38px;stroke-width:1.6}
.salon-photo{overflow:hidden}.salon-photo img{position:absolute;inset:0}
.hero-photo{overflow:hidden}
.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.service-detail button{display:inline-flex;align-items:center;gap:6px}
.team{border-top:1px solid #e6e4de;display:grid;grid-template-columns:37% 1fr;gap:8%;padding-top:80px;padding-bottom:80px}.team h2,.besuch h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(42px,4.4vw,68px);line-height:.95;margin:0 0 20px}.team-head>p:last-child{max-width:320px;line-height:1.55;color:#555}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-self:end}.team-card{border-top:2px solid var(--ink);padding:18px 0 0}.team-initial{display:block;font:900 clamp(90px,10vw,150px)/.8 Archivo,Impact,sans-serif;letter-spacing:-.08em;color:var(--blue);margin-bottom:18px}.team-card h3{font:400 30px/1 Georgia,serif;letter-spacing:-.04em;margin:0 0 8px}.team-card p{font-size:14px;line-height:1.5;margin:0;color:#444}
.besuch{background:var(--blue);color:#fff;padding-top:70px;padding-bottom:70px}.besuch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0 26px}.besuch-grid div{border-top:1px solid #fff9;padding-top:16px}.besuch dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;margin-bottom:10px}.besuch dd{margin:0;font-size:17px;line-height:1.45}.besuch-hinweis{font-size:13px;opacity:.85;margin:0}
.closing .pill{gap:9px}
.footer{display:block;padding:26px 3.8% 96px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-top>div{display:flex;gap:26px;align-items:center}.footer-top a{display:inline-flex;align-items:center;gap:6px}.footer .demo-hinweis{margin:18px 0 0;color:#555}.footer .demo-hinweis a{color:inherit;text-decoration:underline}
.mobile-varianten{font-size:13px;margin:4px 0 0;color:#555}.mobile-varianten a{text-decoration:underline!important}
@media(max-width:760px){.mobile-nav:not([hidden]){top:100%}.mobile-nav a{font-size:18px}.mobile-nav button{display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:800}.team{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.team-grid{grid-template-columns:1fr;gap:26px}.team-card{display:grid;grid-template-columns:90px 1fr;column-gap:16px;align-items:end}.team-initial{grid-row:span 2;font-size:96px;margin:0}.besuch{padding-top:50px;padding-bottom:50px}.besuch-grid{grid-template-columns:1fr;gap:18px}.footer-top{display:grid;gap:14px}.footer-top>div{flex-wrap:wrap;gap:14px 22px}}
@media(max-width:1020px) and (min-width:761px){.nav{gap:20px}.header-cta{padding:9px 14px}}