:root{--blue:#253888;--blue-dark:#17245f;--ink:#1d1d1f;--muted:#666a73;--paper:#fff;--soft:#f4f5f8;--line:#e4e6eb;--shadow:0 20px 60px rgba(22,30,65,.10);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;padding:.8rem 1rem;border:2px solid var(--blue)}.container{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand img{width:155px;max-height:58px;object-fit:contain}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem .8rem;font:inherit}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{padding:.65rem .8rem;text-decoration:none;border-radius:10px;font-weight:700;font-size:.93rem}.nav-links a:hover,.nav-links a:focus-visible{background:var(--soft)}.nav-links .cta{background:var(--blue);color:#fff;margin-left:.4rem}.hero{min-height:670px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(10,15,35,.78),rgba(10,15,35,.48) 45%,rgba(10,15,35,.08)),url('assets/salon-aussen.jpg') center/cover no-repeat;color:#fff}.hero-inner{padding:6rem 0 5rem;max-width:720px}.kicker,.eyebrow{display:inline-block;letter-spacing:.16em;text-transform:uppercase;font-weight:800;font-size:.78rem}.hero h1{font-size:clamp(2.8rem,7vw,6.2rem);line-height:.98;margin:.1rem 0 1.3rem;letter-spacing:-.045em}.hero p{font-size:clamp(1.08rem,2vw,1.35rem);max-width:640px;margin:0 0 2rem;color:#f1f3f8}.actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent}.button.primary{background:#fff;color:var(--ink)}.button.secondary{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.06)}.section{padding:6rem 0}.section.soft{background:var(--soft)}.eyebrow{color:var(--blue);margin-bottom:.7rem}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.035em;margin:.2rem 0 1rem}.lead{font-size:1.16rem;color:var(--muted);max-width:760px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.1rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:0 10px 30px rgba(22,30,65,.04)}.card h3{margin:.2rem 0 .5rem;font-size:1.25rem}.card p{margin:0;color:var(--muted)}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef0fa;color:var(--blue);font-weight:900;margin-bottom:1rem}.split{display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center}.photo-card{overflow:hidden;border-radius:28px;box-shadow:var(--shadow);background:#ddd}.photo-card img{width:100%;height:100%;min-height:440px;object-fit:cover}.fact-list{display:grid;gap:.9rem;margin-top:1.5rem}.fact{display:flex;gap:.8rem;align-items:flex-start}.fact strong{display:block}.fact span{color:var(--muted)}.hours{width:100%;border-collapse:collapse;margin-top:1.5rem}.hours th,.hours td{padding:.85rem .2rem;border-bottom:1px solid var(--line);text-align:left}.hours td{text-align:right}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;background:var(--blue);color:#fff;border-radius:30px;padding:clamp(1.4rem,4vw,3rem)}.contact-panel p{color:#e8ebff}.contact-details{display:grid;gap:.75rem;align-content:center}.contact-details a{font-size:1.12rem;font-weight:800;text-decoration:none}.note{font-size:.88rem;color:var(--muted)}footer{padding:2.5rem 0;border-top:1px solid var(--line)}.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-links a{text-decoration:none}.legal{padding:4rem 0 6rem}.legal article{max-width:850px}.legal h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;margin-bottom:2rem}.legal h2{font-size:1.55rem;letter-spacing:-.01em;margin-top:2.4rem}.legal p,.legal li{color:#373a42}.error-page{min-height:72vh;display:grid;place-items:center;text-align:center;padding:4rem 1rem}.error-code{font-size:clamp(5rem,20vw,12rem);line-height:.85;font-weight:900;color:var(--blue);letter-spacing:-.08em}.badge{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:#eef0fa;color:var(--blue);font-weight:800;font-size:.82rem}@media(max-width:850px){.nav-toggle{display:block}.nav-links{position:absolute;display:none;top:78px;left:1rem;right:1rem;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.6rem;box-shadow:var(--shadow)}.nav-links.open{display:flex}.grid-3,.split,.contact-panel{grid-template-columns:1fr}.hero{min-height:620px;background-position:42% center}.section{padding:4.5rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
