
:root{--black:#070604;--ink:#0d0b08;--gold:#d7a84b;--gold2:#f4d58a;--cream:#f4eee2;--muted:#bcb2a2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Georgia,'Times New Roman',serif;line-height:1.6}
a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 5vw;background:linear-gradient(#070604ee,#070604aa,transparent);backdrop-filter:blur(6px)}
.brand{font-size:22px;letter-spacing:2px;color:var(--gold2)}.brand b{font-weight:400}.piano{margin-right:10px;color:var(--gold)}
nav{margin-left:auto;display:flex;gap:28px;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px}nav a:hover{color:var(--gold2)}.menu{display:none;margin-left:auto;background:none;border:0;color:var(--gold2);font-size:25px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 8vw 80px;background:url('assets/modern-piano-gutscheine.png') center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050403f2 0%,#050403c9 45%,#05040355 75%,#05040388 100%)}
.hero-copy{position:relative;max-width:760px}.eyebrow{font:12px Arial,sans-serif;letter-spacing:3px;color:var(--gold);font-weight:bold}.hero h1,.section h2,.gift h2,.contact h2{font-size:clamp(48px,7vw,100px);line-height:.96;margin:18px 0 28px;font-weight:400;letter-spacing:-2px}.hero h1 em,.gift h2 em{color:var(--gold2);font-weight:400}
.lead{font-size:20px;max-width:670px;color:#ddd2c1}.actions{display:flex;gap:14px;margin-top:38px}.btn{display:inline-block;padding:14px 22px;border:1px solid var(--gold);font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px}.btn.gold{background:linear-gradient(120deg,#b47b23,#e3b65a);color:#100c06}.btn.ghost:hover{background:#ffffff0d}
.section{padding:110px 8vw}.intro{background:#0b0907}.section h2{font-size:clamp(42px,6vw,78px)}.wide{max-width:850px;color:var(--muted);font-size:19px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a2b18;margin-top:60px}.cards article{background:#0b0907;padding:40px}.cards span,.locations small{color:var(--gold);font:11px Arial,sans-serif;letter-spacing:2px}.cards h3,.locations h3{font-size:25px;font-weight:400}.cards p{color:var(--muted)}
.teacher{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:linear-gradient(135deg,#eee6d8,#d8c7a8);color:#17120d}.teacher .eyebrow{color:#92651f}.teacher h2{font-size:clamp(40px,5.5vw,74px)}.teacher-heading{align-self:start;position:sticky;top:110px}.teacher-quote{font-size:22px;line-height:1.5;color:#6c573b;font-style:italic;border-left:2px solid #b98635;padding-left:24px}.teacher-copy{font-size:18px}.teacher-copy p{margin:0 0 22px;color:#473d31}.teacher-copy .textlink{color:#8c5b11}
.pricing{background:radial-gradient(circle at 82% 12%,#2a1a08,#090705 48%)}.pricing h2{margin-bottom:24px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:55px 0 28px}.price-card{padding:36px 32px;border:1px solid #4d371c;background:#0d0a07}.price-card.featured{border-color:var(--gold);background:linear-gradient(145deg,#1b1208,#0d0a07)}.price-kicker{font:700 12px Arial,sans-serif;letter-spacing:2.5px;color:var(--gold);margin:0 0 25px}.price-row,.price-special{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0;border-top:1px solid #392913;color:var(--muted)}.price-row strong,.price-special strong{color:var(--gold2);font-size:24px;font-weight:400;white-space:nowrap}.price-special{display:grid;grid-template-columns:1fr auto}.price-special small{grid-column:1/-1;color:#8f8577;font:13px Arial,sans-serif}.price-note{max-width:850px;color:#8f8577;font-size:15px;margin-bottom:32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:linear-gradient(120deg,#050403,#171008)}.copy{font-size:20px;color:#c9bfaf;padding-top:40px}.textlink{color:var(--gold2);display:inline-block;margin-top:20px}
.gift{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;background:#0b0907}.gift-image{background:url('assets/modern-piano-gutscheine.png') 48% 55%/cover no-repeat}.gift-copy{padding:100px 8vw 80px 6vw;align-self:center}.gift-copy p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:540px;margin-bottom:32px}
.concept{background:#eee6d8;color:#17120d}.concept .eyebrow{color:#9a6b20}.concept .two{display:grid;grid-template-columns:1fr 1fr;gap:7vw;font-size:19px;color:#51483d}
.contact{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:radial-gradient(circle at 80% 30%,#2a1a08,#090705 45%)}.contact h2{font-size:clamp(42px,6vw,78px)}.contact>div>p{color:var(--muted);font-size:18px}.contactlinks a{color:var(--gold2);font-size:22px}.locations{display:grid;align-content:center;gap:1px}.locations article{padding:30px;border-top:1px solid #61461f}.locations h3{font-size:28px;margin:8px 0}.locations p{color:var(--muted)}
footer{padding:40px 8vw;border-top:1px solid #3a2b18;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8f8577;font:12px Arial,sans-serif;letter-spacing:1px}footer .brand{font-family:Georgia,serif}
.legal{padding:90px 8vw;background:#0b0907}.legal-alt{background:#100d09}.legal-inner{max-width:900px}.legal h2{font-size:clamp(42px,6vw,72px);line-height:1;margin:16px 0 36px;font-weight:400}.legal h3{margin:34px 0 8px;color:var(--gold2);font-size:22px;font-weight:400}.legal p{color:var(--muted);font-size:16px}.legal strong{color:var(--cream)}.legal a,footer a{color:var(--gold2)}.legal a:hover,footer a:hover{text-decoration:underline}
@media(max-width:800px){.nav{height:68px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:25px 5vw;background:#080604;flex-direction:column;gap:18px;max-height:calc(100vh - 68px);overflow:auto}nav.open{display:flex}.hero{padding-left:7vw;background-position:58% center}.hero-overlay{background:#050403c9}.lead{font-size:17px}.actions{flex-direction:column;align-items:flex-start}.section{padding:80px 7vw}.cards,.split,.gift,.concept .two,.contact,.teacher,.price-grid{grid-template-columns:1fr}.teacher-heading{position:static}.gift-image{min-height:480px}.gift-copy{padding:70px 7vw}.contact{padding:80px 7vw}.cards{gap:0}.cards article{border-bottom:1px solid #332713}.price-special{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}
