/* Kundenstil: warmer Salon, Gold, Creme, klassische Serifenschrift. */
body.client-theme{--black:#201c17;--paper:#f8f5ef;--grey-bg:#eee8de;--grey:#716a60;--grey-dark:#908371;--line:#ddd3c3;--red:#ab824b;--gold:#ba925b;--gold-light:#e0bf89;--serif:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--black);font-size:16px}
.client-theme h1,.client-theme h2,.client-theme h3,.client-theme .display,.client-theme .card-name,.client-theme .rev blockquote,.client-theme .inst-quote blockquote{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.client-theme h1 em,.client-theme h2 em,.client-theme .display em{font-style:normal;color:#ac8854}
.client-theme .eyebrow,.client-theme .kicker{font-size:10px;font-weight:500;letter-spacing:.18em;line-height:1.7}
.client-theme .light,.client-theme .tint,.client-theme .premium-steps,.client-theme .lesson-process{background:var(--paper)}
.client-theme .dark{background:#211d18}.client-theme .dark .display em{color:#c9a46c}
.client-theme .btn,.client-theme .campaign-actions .btn,.client-theme .lesson-cta,.client-theme .contact-end .btns .btn{background:linear-gradient(120deg,#d1aa72,#b3864c);color:#fff9ef;border:1px solid #d3ad78;border-radius:99px;font:400 14px/1.4 var(--sans);padding:15px 25px;min-height:50px;text-decoration:none;box-shadow:inset 0 1px #fff3,0 3px 12px #0000000a;transition:background .2s,transform .2s}
.client-theme .btn:hover,.client-theme .campaign-actions .btn:hover{background:linear-gradient(120deg,#ddb982,#a67a40);transform:translateY(-1px);border-color:#d3ad78}
.client-theme .btn span{margin-left:20px;font-size:19px;line-height:1}
.client-theme .btn.line,.client-theme .btn.ghost,.client-theme .contact-end .btns .btn.ghost{background:transparent;color:inherit;border-color:#c1a77d;box-shadow:none}
.client-theme .more{font-size:14px;color:#8c693c}.client-theme .more::after{background-color:#e9decc;border:1px solid #d9c8ad}
.client-theme a:focus-visible,.client-theme button:focus-visible,.client-theme summary:focus-visible{outline-color:#be9c65}
/* MS-Logo und horizontale Navigation. Auf Unterseiten ist die Marke kleiner. */
.client-theme .brand{display:block;letter-spacing:normal;margin:0;width:146px;line-height:0;white-space:normal;color:inherit}
.client-theme .brand svg{display:block;width:100%;height:auto;overflow:visible}
.client-theme .bar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px var(--pad);min-height:104px;background:linear-gradient(#17130f99,transparent);color:#f3ece0}
.client-theme.home-page .bar{min-height:135px;padding-top:16px;padding-bottom:16px}
.client-theme.home-page .bar>.brand{width:174px;flex-shrink:0}
.client-theme .bar>.brand{flex-shrink:0;width:136px}
.client-theme .bar.solid,.client-theme.plain .bar{background:#f8f5ef;color:#30281c;box-shadow:0 1px 0 #cdbb9b44;min-height:85px;padding-top:9px;padding-bottom:9px}
.client-theme .bar.solid>.brand{width:112px}
.client-theme .desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-left:auto}
.desktop-nav a{color:inherit;text-decoration:none;font-size:13px;white-space:nowrap;padding:9px 0;border-bottom:1px solid transparent}
.desktop-nav a:hover,.desktop-nav a[aria-current]{border-color:#b99157;color:#d6b37e}
.client-theme .bar.solid .desktop-nav a:hover,.client-theme .bar.solid .desktop-nav a[aria-current],.client-theme.plain .desktop-nav a[aria-current]{color:#95713f}
.client-theme .bar-cta,.client-theme .bar.solid .bar-cta,.client-theme.plain .bar-cta{background:linear-gradient(120deg,#d1aa72,#aa7d45);color:#fff8ec;border:1px solid #c4a06c;border-radius:99px;padding:13px 21px;font-size:12px;white-space:nowrap;backdrop-filter:none;flex-shrink:0}
.client-theme .bar-cta span{margin-left:12px;font-size:17px}
.client-theme .burger{display:none}
.client-theme .links{background:#f8f5ef;color:#352b20}.client-theme .links a[aria-current]{color:#9e753e}
.client-theme .links-foot{line-height:1.8}
/* Große Startseite mit Goldakzenten und ruhigem Flügelmotiv. */
.client-theme .salon-hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;background:#191610}
.client-theme .salon-hero .hero-bg{object-position:62% center}
.client-theme .salon-hero::after{background:linear-gradient(90deg,#18140fde 0%,#18140fb8 28%,#18140f44 58%,#18140f00 85%),linear-gradient(0deg,#140e0799,transparent 45%)}
.client-theme .salon-hero .hero-in{padding-top:185px;padding-bottom:85px;max-width:1440px;width:100%;margin:auto}
.client-theme .salon-hero .kicker{color:#d5c5ac;font-size:10px;margin-bottom:30px;letter-spacing:.21em}
.client-theme .salon-hero .hero-title{font-family:var(--serif);font-size:clamp(64px,6.1vw,94px);line-height:1.05;letter-spacing:-.045em;max-width:700px;margin:0 0 28px;color:#f8f3e8;font-weight:400}
.client-theme .salon-hero .hero-title em{color:#d0ac75;font-weight:400;font-style:normal}
.hero-specialties{font-size:12px;line-height:1.9;letter-spacing:.22em;margin:0;color:#e7decd}
.gold-rule{display:block;width:44px;height:1px;background:#c7a46c;margin:25px 0}
.client-theme .salon-hero .hero-sub{font-size:12px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:0 0 28px;color:#ded0bb;max-width:47ch}
.hero-direct{display:flex;gap:12px;flex-wrap:wrap;font-size:15px;margin-top:22px;line-height:1.2}
.hero-direct a{display:inline-flex;align-items:center;gap:9px;color:#f3ece0;text-decoration:none;border:1px solid #c9a46c99;border-radius:99px;padding:11px 19px;background:#17130f66;transition:border-color .2s,background .2s}
.hero-direct a:hover{border-color:#d8b77f;background:#17130fa6}
.hero-direct svg{width:18px;height:18px;fill:#d8b77f;flex-shrink:0}
.client-theme .hero-trust{font-size:11px;color:#cbbda6;margin-top:24px;letter-spacing:.01em}
.hero-trust span{color:#d3b077;letter-spacing:.11em;margin-right:6px}
.client-theme .hero-down{border-color:#d0b18177;color:#dfc397}
/* Drei redaktionelle Bildfelder wie in der Kundenvorlage. */
.signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#f8f5ef;padding:3px 0}
.signature-card{position:relative;isolation:isolate;overflow:hidden;color:#f6eedf;min-height:420px;background:#261e15;display:flex;align-items:flex-start}
.signature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.signature-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160e06de,#21180f88 58%,#21180f33)}
.signature-card>div{padding:38px clamp(25px,3.5vw,56px);width:100%;display:flex;flex-direction:column;align-items:flex-start;height:100%}
.signature-card .eyebrow{color:#d8c4a3;font-size:9px;letter-spacing:.17em;max-width:26ch;margin:0;min-height:30px}
.signature-card .gold-rule{margin:24px 0}
.signature-card h2{font-family:var(--serif);font-size:clamp(29px,2.8vw,42px);line-height:1.12;letter-spacing:-.025em;max-width:13ch;margin:0 0 20px}
.signature-card p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:27ch;color:#e3d7c5;margin:0 0 27px}
.signature-card .btn{margin-top:auto;font-size:12px;padding:12px 21px;min-height:44px}
.signature-location>img{object-position:70% 65%}.signature-location::after{background:linear-gradient(90deg,#31220de8,#3b2c17aa)}
/* Warme Inhaltsflächen und elegante Lesetypografie. */
.client-theme .display{font-size:clamp(39px,4.4vw,65px);line-height:1.12;letter-spacing:-.04em}
.client-theme .intro-grid{grid-template-columns:.5fr 1fr}.client-theme .intro-text{font-size:18px;line-height:1.75;color:#71675a}
.client-theme .all-instruments{gap:22px}.client-theme .all-instruments .card{border-radius:22px;aspect-ratio:1.1;padding:30px;min-height:310px;background:#30271d}
.client-theme .all-instruments .card .card-name{font-size:clamp(28px,3vw,42px);font-family:var(--serif);line-height:1.1;letter-spacing:-.02em;font-weight:400}
.client-theme .all-instruments .card .card-foot p{font-size:13px;color:#e2d7c7;max-width:23ch}
.client-theme .card .arrow{border:1px solid #d0ad70aa;background-color:#c5a26d33;color:#e5c693;transition:background-color .25s}
.client-theme .card:hover .arrow{background-color:#b08a4a}
.client-theme .all-instruments .card:has(img)::after{background:linear-gradient(180deg,#191006a6,transparent 55%,#1a1009d9)}
.client-theme .school-story h2{font-size:clamp(40px,4vw,58px);font-family:var(--serif);line-height:1.12}
.client-theme .school-story .story-image img{border-radius:3px}.client-theme .school-story .eyebrow{color:#9f7e4c}
.client-theme .reviews{background:#eee7dc;border-color:#d9cbb6}
.client-theme .rev{border:1px solid #dbccb4;background:#f9f5ed;border-radius:3px;box-shadow:none}
.client-theme .stars{color:#b78b4e}.client-theme .rev blockquote{font-size:21px;line-height:1.45;letter-spacing:-.01em}
.client-theme .rev-score b{font-family:var(--serif);font-weight:400}.client-theme .av{background:#e8dcc7;color:#987343}
.client-theme .tint{background:#f2ece2;border-color:#ddd0bb}.client-theme .place-list b{font-family:var(--serif);font-size:34px;font-weight:400}
.client-theme .place-list li{border-color:#d9cbb4}.client-theme .place-photo{border-radius:3px}
.client-theme .finder{background:#e8dfcf}.client-theme .finder h2{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.15}.client-theme .finder h2 em{color:#a27d48}
.client-theme .foot{background:#211c15;color:#e6ddce;border-top:1px solid #a785502f;padding-top:65px}
.client-theme .foot .brand{width:155px;margin-bottom:28px;color:#e8ded0}.client-theme .foot-in p{font-size:13px;line-height:1.85;color:#b9ad99}
.client-theme .foot h2{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d2af77;margin-bottom:21px}
.client-theme .foot-legal{border-color:#b39a6f2a;color:#ab9d87;font-size:11px}
.client-theme .cta.contact-end{background:#30271c;border-color:#ae8d5a44}
.client-theme .contact-end h2{font-family:var(--serif);font-size:clamp(36px,3.8vw,54px);line-height:1.15;max-width:27ch}
.client-theme .contact-end h2 em{color:#c7a267}.client-theme .contact-end p{color:#d2c3ac;font-size:15px}
.client-theme .wa{background:#39866a;border:1px solid #ffffff88;box-shadow:0 3px 15px #0002}
.client-theme .mobile-trial{background:linear-gradient(120deg,#c39a60,#a67a40);border-radius:99px;border-color:#dfc394;color:#fff8ec;box-shadow:0 4px 15px #3a281f2a}
/* Unterseiten: derselbe Markenstil, aber kleinere Titel und eigener Bildinhalt. */
.client-theme.premium-page .campaign-hero{background:#201a13}
.client-theme.premium-page .campaign-hero h1{font:400 clamp(40px,4vw,58px)/1.08 var(--serif);letter-spacing:-.035em;color:#f8f1e4}
.client-theme.premium-page .campaign-hero .kicker{font-size:10px;letter-spacing:.19em;color:#d5bd96;line-height:1.7;margin-bottom:19px}
.client-theme.premium-page .campaign-hero .lead{font-size:17px;line-height:1.6;color:#e7dcc9}
.client-theme.premium-page .campaign-hero .ph-in{padding-top:150px;padding-bottom:60px}
.client-theme.instrument-page .campaign-hero{min-height:510px}
.client-theme.instrument-page .campaign-hero::after{background:linear-gradient(90deg,#20180fed 0%,#20180f99 37%,#20180f22 80%)}
.client-theme .campaign-secondary{color:#e2c89f;border-color:#b6986866}
.client-theme .instrument-heading h2{font-size:clamp(34px,3.3vw,48px);line-height:1.15;letter-spacing:-.035em}
.client-theme .instrument-heading .eyebrow{color:#9f7e4d}.client-theme .instrument-description p{color:#736857;font-size:17px;line-height:1.8}
.client-theme .premium-steps{background:#eee6d8;border-color:#d9cbb6}.client-theme .steps b{font-family:var(--serif);font-weight:400;font-size:25px;color:#493925}
.client-theme .steps li::before{color:#a5824e}.client-theme .premium-steps h2{font-family:var(--serif)}
.client-theme .inst-quote blockquote{font:400 clamp(27px,3vw,39px)/1.4 var(--serif);letter-spacing:-.02em;color:#6c5330}
.client-theme .inst-quote figcaption{color:#91816a}
.client-theme .lesson-intro h2,.client-theme .lesson-process h2{font-family:var(--serif);line-height:1.14}
.client-theme .lesson-caption h2{font-family:var(--serif);font-size:39px}.client-theme .lesson-caption h2 a{text-decoration:none}
.client-theme .lesson-photo{border-radius:3px}.client-theme .lesson-caption .eyebrow{color:#9b7846}
.client-theme .lesson-process{background:#eee5d6}.client-theme .lesson-process .btn{margin-top:10px}
.client-theme .faq details{border-color:#d5c6ad}.client-theme .faq summary{font-size:18px;color:#59452c}.client-theme .faq summary::after{color:#b18b52}
.client-theme.about-page .campaign-hero{background:#292218}.client-theme.about-page .campaign-hero .lead{max-width:30ch}
.client-theme .about-intro h2{font-size:clamp(38px,4vw,56px);font-family:var(--serif)}
.client-theme .about-intro>p{font-size:20px;color:#6f6351;line-height:1.7}.client-theme .team{border-color:#d9ccb6}
.client-theme .team li{border-color:#c4ae89}.client-theme .team li b{font-family:var(--serif);font-size:30px;color:#5e482b}
.client-theme .rooms-grid figure{border-radius:3px}.client-theme .voices{border-color:#d5c4a6}
.client-theme.locations-page .location-campaign{background:#282116;min-height:100dvh}
.client-theme.locations-page .location-campaign::after{background:linear-gradient(90deg,#282116 0%,#282116 40%,#282116bf 55%,#28211600 80%)}
.client-theme.locations-page .location-campaign .ph-in{padding-top:155px;padding-bottom:75px}
.client-theme.locations-page .location-campaign h1{font-size:clamp(44px,4.6vw,66px);max-width:13ch}
.client-theme.locations-page .location-campaign .campaign-location{color:#c8b48f}
.client-theme .loc h2{font-family:var(--serif);line-height:1.1}.client-theme .loc .addr{color:#6b5130;font-size:25px}
.client-theme .location-text-only{border-color:#d4c3a4}.client-theme .location-text-only>div{margin-left:0;max-width:750px}
.client-theme.contact-page .premium-contact{background:#2a2318;min-height:405px}
.client-theme.contact-page .premium-contact::after{background:linear-gradient(90deg,#2a2318 0%,#2a2318 40%,#2a2318aa 62%,transparent 100%)}
.client-theme.contact-page .premium-contact h1{font-size:clamp(39px,3.6vw,54px)}
.client-theme.contact-page .form{background:#f0e8dc;border-color:#dfd0b7;border-radius:4px}
.client-theme.contact-page .form input,.client-theme.contact-page .form textarea,.client-theme.contact-page .form select{background:#fcfaf6;border-color:#d5c5aa;border-radius:4px;color:#3b3021}
.client-theme.contact-page .contact-info h2{font-family:var(--serif);font-size:42px}.client-theme .contact-info .big{font-family:var(--serif);font-weight:400}
.client-theme .legal h1{font:400 clamp(40px,4vw,60px)/1.1 var(--serif)}
@media(min-width:1051px){.client-theme.menu-open .bar .brand,.client-theme.menu-open .bar .bar-cta{visibility:visible}}
@media(max-width:1150px) and (min-width:1051px){.client-theme .desktop-nav{gap:16px}.client-theme .bar{gap:22px}.client-theme.home-page .bar>.brand{width:145px}.desktop-nav a{font-size:12px}}
@media(max-width:1050px){
.client-theme .desktop-nav{display:none}.client-theme .burger{display:flex;order:3;flex-shrink:0;font-size:13px}.client-theme .bar>.brand{order:1;width:118px}.client-theme .bar-cta{order:2;margin-left:auto}.client-theme .bar{gap:22px;min-height:100px}.client-theme.home-page .bar{min-height:115px}.client-theme.home-page .bar>.brand{width:140px}.client-theme .bar.solid>.brand{width:100px}.client-theme .links{z-index:31}.client-theme .burger{z-index:32}.client-theme .links a{font:400 33px/1.3 var(--serif);padding:6px 0}.client-theme .links-foot a{font:400 14px/1.6 var(--sans)}
.client-theme .signature-card>div{padding:30px 27px}.signature-card h2{font-size:31px}.signature-card{min-height:410px}.client-theme .salon-hero .hero-title{font-size:76px}.client-theme .salon-hero .hero-in{padding-top:180px}.client-theme .intro-grid{grid-template-columns:1fr;gap:10px}.client-theme .intro-grid .eyebrow{margin-bottom:10px}
}
@media(max-width:760px){
.signature-grid{grid-template-columns:1fr;gap:3px}.signature-card{min-height:330px}.signature-card>div{padding:33px var(--pad);min-height:330px}.signature-card .eyebrow{min-height:0;max-width:100%}.signature-card .gold-rule{margin:19px 0}.signature-card h2{font-size:36px;max-width:18ch}.signature-card p:not(.eyebrow){max-width:30ch;margin-bottom:23px}.signature-card .btn{margin-top:0}.signature-card>img{object-position:70% center}.signature-location>img{object-position:65% 60%}
.client-theme .all-instruments{grid-template-columns:1fr 1fr}.client-theme .all-instruments .card{aspect-ratio:.9;padding:25px;min-height:290px}.client-theme .all-instruments .card .card-name{font-size:31px}.client-theme .all-instruments .card .card-foot p{font-size:12px}.client-theme .card .arrow{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:640px){
.client-theme .bar,.client-theme.home-page .bar{padding:12px 22px;gap:14px;min-height:93px}.client-theme .bar>.brand,.client-theme.home-page .bar>.brand{width:112px}.client-theme .bar.solid{padding:8px 22px;min-height:75px}.client-theme .bar.solid>.brand{width:94px}.client-theme .bar-cta{font-size:11px;padding:11px 13px}.client-theme .bar-cta span{margin-left:5px}.client-theme .burger{font-size:0}.client-theme .burger-i span{width:22px}.client-theme .links{width:min(380px,100%)}
.client-theme .salon-hero{align-items:flex-end;min-height:100dvh}.client-theme .salon-hero .hero-bg{object-position:65% center}.client-theme .salon-hero::after{background:linear-gradient(90deg,#171009c9,#17100955),linear-gradient(0deg,#171009e6,transparent 90%)}
.client-theme .salon-hero .hero-in{padding-top:155px;padding-bottom:96px}.client-theme .salon-hero .kicker{font-size:8px;letter-spacing:.16em;max-width:100%;margin-bottom:23px}
.client-theme .salon-hero .hero-title{font-size:clamp(46px,11.9vw,68px);max-width:100%;margin-bottom:23px;letter-spacing:-.045em;line-height:1.07}
.client-theme .hero-specialties{font-size:10px;line-height:1.9;letter-spacing:.18em}.client-theme .salon-hero .hero-sub{font-size:9px;letter-spacing:.12em;margin-bottom:25px}.client-theme .gold-rule{margin-top:21px;margin-bottom:21px}
.client-theme .salon-hero .btn{font-size:12px;padding:15px 20px}.client-theme .salon-hero .btn span{margin-left:10px;font-size:16px}.hero-direct{font-size:14px;gap:10px;margin-top:20px}.client-theme .hero-trust{font-size:10px;margin-top:23px}.client-theme .hero-down{display:none}
.client-theme .display{font-size:40px}.client-theme .intro-text{font-size:17px}.client-theme .all-instruments{grid-template-columns:1fr;gap:18px}.client-theme .all-instruments .card{aspect-ratio:1.15;min-height:280px;padding:27px}.client-theme .all-instruments .card .card-name{font-size:36px;max-width:90%}.client-theme .all-instruments .card .card-foot p{font-size:14px}
.client-theme .school-story h2{font-size:40px}.client-theme .school-story .story-image img{height:400px}.client-theme .contact-end h2{font-size:36px}.client-theme .finder h2{font-size:39px}.client-theme .place-list b{font-size:29px}.client-theme .foot{padding-top:50px}.client-theme .foot .brand{width:140px}
.client-theme.premium-page .campaign-hero .ph-in{padding-top:135px;padding-bottom:50px}
.client-theme.premium-page .campaign-hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.13;overflow-wrap:break-word;hyphens:manual}
.client-theme.premium-page .campaign-hero .kicker{font-size:8px;letter-spacing:.15em;max-width:100%;margin-bottom:19px}
.client-theme.premium-page .campaign-hero .lead{font-size:16px;max-width:29ch}
.client-theme.instrument-page .campaign-hero{min-height:440px}.client-theme .campaign-actions .btn{font-size:13px;padding:14px 20px;min-height:47px}
.client-theme .instrument-heading h2{font-size:36px}.client-theme .instrument-description p{font-size:16px}.client-theme .premium-steps h2{font-size:37px}.client-theme .steps b{font-size:24px}
.client-theme .lesson-intro h2{font-size:39px}.client-theme .lesson-caption h2{font-size:35px}.client-theme .lesson-process h2{font-size:38px}
.client-theme.about-page .campaign-hero .ph-in{padding-bottom:28px}.client-theme.about-page .campaign-hero .ph-bg{height:180px}.client-theme .about-intro>p{font-size:18px}.client-theme .about-intro h2{font-size:38px}.client-theme .team li b{font-size:28px}
.client-theme.locations-page .location-campaign h1{font-size:43px;max-width:100%}.client-theme.locations-page .location-campaign::after{background:linear-gradient(0deg,#241b11ed,#241b1166)}.client-theme.locations-page .location-campaign .ph-in{padding-top:150px;padding-bottom:95px}.client-theme.locations-page .location-campaign .campaign-location{font-size:11px}.client-theme .loc h2{font-size:38px}
.client-theme.contact-page .premium-contact{min-height:365px}.client-theme.contact-page .premium-contact::after{background:linear-gradient(90deg,#2a2116ed,#2a211699)}.client-theme.contact-page .contact-info h2{font-size:37px}.client-theme.contact-page .form{padding:23px}.client-theme .form .btn{font-size:13px}
}
@media(max-width:360px){.client-theme .bar,.client-theme.home-page .bar{gap:10px;padding-left:19px;padding-right:19px}.client-theme .bar>.brand,.client-theme.home-page .bar>.brand{width:95px}.client-theme .bar-cta,.client-theme .bar.solid .bar-cta{font-size:10px;padding:10px 11px}.client-theme .bar-cta span{display:none}.client-theme .salon-hero .hero-title{font-size:46px}.client-theme .salon-hero .btn{font-size:11px;padding:14px 17px}.client-theme .hero-direct{font-size:13px;gap:8px}.client-theme .hero-direct a{padding:10px 14px}.client-theme .display{font-size:36px}.client-theme.premium-page .campaign-hero h1{font-size:32px}.client-theme.contact-page .form{padding:20px}.client-theme .mobile-trial{font-size:12px}}
@media(max-height:700px) and (min-width:641px){.client-theme .salon-hero .hero-in{padding-top:155px;padding-bottom:50px}.client-theme .salon-hero .hero-title{font-size:64px;margin-bottom:22px}.client-theme .salon-hero .kicker{margin-bottom:20px}.client-theme .gold-rule{margin-top:18px;margin-bottom:18px}.client-theme .salon-hero .hero-sub{margin-bottom:20px}.client-theme .hero-trust{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.client-theme .btn{transition:none}}
.client-theme.menu-open .bar{color:#352b20;background:transparent;box-shadow:none}
@media(min-width:1051px){.client-theme .bar .desktop-nav{visibility:visible}}
/* Neue Raumaufnahmen: Querformat erhalten, Galerie ohne enge Ausschnitte. */
.client-theme.about-page .rooms-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px}
.client-theme.about-page .rooms-grid figure{aspect-ratio:4/3;margin:0}
.client-theme.about-page .rooms-grid img{object-fit:cover;object-position:center}
.client-theme.home-page .story-image img{height:auto;aspect-ratio:4/3;object-fit:cover}
.client-theme.home-page .finder>img{object-position:50% 60%}
.client-theme.lesson-overview .campaign-hero .ph-bg{object-position:70% 48%}
.client-theme.lesson-overview .campaign-hero::after{background:linear-gradient(90deg,#20180feb,#20180f99 42%,#20180f22 85%)}
.client-theme.contact-page .premium-contact .ph-bg{object-position:50% 60%}
.client-theme.about-page .campaign-hero .ph-bg{object-position:54% 58%}
@media(max-width:640px){.client-theme.about-page .rooms-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);gap:18px}.client-theme.about-page .campaign-hero .ph-bg{height:auto;aspect-ratio:4/3}.client-theme.lesson-overview .campaign-hero .ph-bg{object-position:65% center}.client-theme.contact-page .premium-contact .ph-bg{object-position:50% center}}
.client-theme.about-page .rooms-grid>figure{grid-column:auto;grid-row:auto;width:100%;min-width:0}
/* Persönlicher Videoeinblick: echtes Hochformat, bedienbar und ohne Autoplay. */
.client-theme .school-tour-section{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:10%;padding-top:100px;padding-bottom:100px;scroll-margin-top:100px;align-items:center}
.tour-media{width:100%;max-width:350px;justify-self:center;min-width:0}
.tour-player{position:relative;overflow:hidden;isolation:isolate;border-radius:10px;background:#201a13;border:1px solid #b9955e70;box-shadow:0 24px 60px #4d351e26}
.tour-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#201a13}
.tour-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:14px;width:max-content;max-width:90%;border:0;padding:20px;background:transparent;color:#fff8eb;font:400 13px/1.4 var(--sans);cursor:pointer;text-shadow:0 1px 8px #000}
.tour-start[hidden]{display:none}
.tour-play-circle{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1px solid #f1d7ac;background:linear-gradient(130deg,#d3ac73,#a97c43);box-shadow:0 5px 28px #1e120d66;text-shadow:none;transition:transform .2s}
.tour-play-circle svg{width:25px;height:25px;fill:#fff8ed;margin-left:2px}
.tour-start:hover .tour-play-circle{transform:scale(1.06)}
.client-theme .tour-caption{font-size:11px;line-height:1.5;color:#8a795f;text-align:center;margin:17px 0 0;letter-spacing:.02em}
.client-theme .school-tour-section h2{font-size:clamp(38px,4vw,58px);line-height:1.13;max-width:18ch;margin-bottom:30px}
.client-theme .tour-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#736857;max-width:46ch;margin-bottom:22px}
.tour-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.tour-room-link{margin-top:25px}
@media(max-width:900px){.client-theme .school-tour-section{gap:7%;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.client-theme .school-tour-section h2{font-size:40px}.client-theme .tour-copy>p:not(.eyebrow){font-size:16px}.tour-links .btn{font-size:12px;padding:14px 20px}.tour-links .btn span{margin-left:9px}}
@media(max-width:640px){.client-theme .school-tour-section{display:flex;flex-direction:column;gap:35px;padding-top:60px;padding-bottom:60px}.tour-media{max-width:320px;order:2}.tour-copy{order:1;width:100%}.client-theme .school-tour-section h2{font-size:38px;max-width:100%;margin-bottom:25px}.client-theme .tour-copy>p:not(.eyebrow){font-size:16px;max-width:none}.tour-links{margin-top:22px}.tour-play-circle{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.tour-play-circle{transition:none}}

/* mehrere Absätze im Über-uns-Intro */
.client-theme .about-copy{align-self:center;max-width:52ch}
.client-theme .about-copy p{font-size:19px;line-height:1.7;color:#6f6351;margin:0 0 18px}
@media(max-width:640px){.client-theme .about-copy p{font-size:17px}}

/* Instrumente: dunkleres Braun, Porsche-Look */
.client-theme #instrumente{background:#15110d}
@media(max-width:640px){.client-theme .all-instruments .card{border-radius:18px}}

/* Instrumentseiten im Porsche-Stil: dunkler Einstieg, runde Bildkarten, wischbare Angebote */
.client-theme .inst-dark{background:#15110d;color:#efe6d8;padding-bottom:clamp(60px,8vw,110px);scroll-margin-top:90px}
.client-theme .inst-dark .instrument-heading h2{color:#f3ece0}
.client-theme .inst-dark .instrument-heading .eyebrow{color:#c9a46c}
.client-theme .inst-dark .instrument-description p{color:#cbbfae}
.client-theme .inst-dark .more{color:#d8b77f}
.client-theme .inst-dark .more::after{background-color:#c5a26d22;border-color:#c9a46c88}
.client-theme .inst-highlights{grid-template-columns:repeat(3,1fr)}
.client-theme .inst-more{background:#15110d;color:#f3ece0;padding:clamp(70px,9vw,120px) 0;border-top:1px solid #2a231b}
.client-theme .inst-more .eyebrow{color:#c9a46c}
.client-theme .inst-more .display{color:#f3ece0;margin-bottom:34px}
.client-theme .inst-more .display em{color:#c9a46c}
.client-theme .more-row{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(280px,31%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#c9a46c66 transparent}
.client-theme .more-row .card{scroll-snap-align:start}
@media(max-width:900px){.client-theme .inst-highlights{grid-template-columns:1fr 1fr}.client-theme .more-row{grid-auto-columns:70%}}
@media(max-width:640px){.client-theme .inst-highlights{grid-template-columns:1fr}.client-theme .more-row{grid-auto-columns:84%}}

/* Startseite: größeres Logo, Kopftext bündig mit dem Logo statt in einer 1440-px-Box */
.client-theme.home-page .bar>.brand{width:clamp(190px,12vw,230px)}
.client-theme.home-page .bar.solid>.brand{width:118px}
.client-theme .salon-hero .hero-in{max-width:none}
@media(max-width:1150px){.client-theme.home-page .bar>.brand{width:165px}}
@media(max-width:1050px){.client-theme.home-page .bar>.brand{width:150px}}
@media(max-width:640px){.client-theme.home-page .bar>.brand{width:124px}.client-theme.home-page .bar.solid>.brand{width:94px}}
@media(max-width:360px){.client-theme.home-page .bar>.brand{width:104px}}

/* Startseite ruhiger: eine Zeile unter der Überschrift, Knöpfe in einer Reihe, Standorte im Abschluss */
.client-theme .salon-hero .hero-lead{font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:#e6dbc8;max-width:34ch;margin:0 0 34px}
.client-theme .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.client-theme .hero-actions .hero-direct{margin-top:0}
.client-theme .finder-places{list-style:none;padding:0;margin:26px 0 22px;display:grid;gap:14px}
.client-theme .finder-places a{display:block;text-decoration:none;color:#736857;font-size:16px;border-top:1px solid #d9cbb4;padding-top:12px}
.client-theme .finder-places b{display:block;font:400 26px/1.2 var(--serif);color:#30281c}
@media(max-width:640px){.client-theme .salon-hero .hero-lead{font-size:16px;margin-bottom:26px}.client-theme .hero-actions .btn{width:100%;justify-content:center}}

/* Schwaig-Fassade: Ausschnitt so, dass das Music-School-Schild sichtbar bleibt */
.client-theme img[src*="schwaig-fassade"]{object-position:82% 60% !important}

/* Über uns: Kopf wie auf den anderen Seiten, Foto über die ganze Breite statt kleinem Kasten */
.client-theme.about-page .campaign-hero{display:flex;align-items:flex-end;min-height:100vh;min-height:100dvh;padding:0;background:#15110d}
.client-theme.about-page .campaign-hero .ph-bg{position:absolute;inset:0;top:0;left:0;right:0;width:100%;height:100%;margin:0;border-radius:0;aspect-ratio:auto;object-fit:cover;object-position:center 60%;z-index:0}
.client-theme.about-page .campaign-hero::after{display:block;z-index:0;background:linear-gradient(90deg,#15110de6 0%,#15110d99 38%,#15110d22 70%),linear-gradient(0deg,#15110dcc,transparent 55%)}
.client-theme.about-page .campaign-hero .ph-in{position:relative;z-index:1;padding-bottom:72px}
@media(max-width:640px){.client-theme.about-page .campaign-hero .ph-in{padding-bottom:96px}.client-theme.about-page .campaign-hero::after{background:linear-gradient(0deg,#15110def 0%,#15110d99 50%,#15110d33 100%)}}

/* Über uns: dunkles Band statt zweitem Textblock */
.client-theme .about-band{background:#15110d;color:#efe6d8;padding:clamp(80px,10vw,140px) 0;scroll-margin-top:90px}
.client-theme .about-band .eyebrow{color:#c9a46c;margin-bottom:24px}
.client-theme .about-band h2{font:400 clamp(40px,5.2vw,76px)/1.08 var(--serif);letter-spacing:-.04em;color:#f3ece0;margin:0 0 30px}
.client-theme .about-band h2 em{font-style:normal;color:#c9a46c}
.client-theme .about-band p:not(.eyebrow){font-size:19px;line-height:1.7;color:#cbbfae;max-width:54ch;margin:0}
.client-theme.about-page .team{padding-bottom:clamp(70px,8vw,110px)}
@media(max-width:640px){.client-theme .about-band p:not(.eyebrow){font-size:17px}}
.client-theme.about-page .campaign-hero .ph-bg[src*="ueber-uns-musikraum"]{object-position:68% center}
@media(max-width:640px){.client-theme.about-page .campaign-hero .ph-bg[src*="ueber-uns-musikraum"]{object-position:60% center}}
/* Über uns: Kopf so hoch wie das breite Bild, damit man den ganzen Raum sieht */
.client-theme.about-page .campaign-hero{min-height:clamp(560px,42vw,820px);height:auto}
.client-theme.about-page .campaign-hero .ph-bg[src*="ueber-uns-musikraum"]{object-position:62% 40%}
.client-theme.about-page .campaign-hero::after{background:linear-gradient(90deg,#15110dd9 0%,#15110d80 30%,#15110d00 55%),linear-gradient(0deg,#15110d99,transparent 40%)}
@media(max-width:640px){.client-theme.about-page .campaign-hero{min-height:72svh}.client-theme.about-page .campaign-hero .ph-bg[src*="ueber-uns-musikraum"]{object-position:58% center}}

/* Über uns: Lehrkräfte als dunkle Karten mit Instrument-Symbol */
.client-theme .team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.client-theme .team-card{display:flex;flex-direction:column;align-items:flex-start;min-height:320px;padding:34px 32px 30px;border-radius:22px;background:#15110d;border:1px solid #15110d;color:#efe6d8;text-decoration:none;transition:border-color .25s}
.client-theme .team-card:hover{border-color:#c9a46c}
.client-theme .team-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #c9a46c88;color:#d8b77f;margin-bottom:auto}
.client-theme .team-icon svg{width:40px;height:40px}
.client-theme .team-card b{margin-top:56px;font:400 clamp(28px,2.4vw,36px)/1.15 var(--serif);letter-spacing:-.03em;color:#f3ece0}
.client-theme .team-role{margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c9a46c}
.client-theme .team-more{margin-top:26px;padding-top:16px;border-top:1px solid #3a3025;width:100%;font-size:14px;color:#cbbfae}
.client-theme .team-more::after{content:" →";color:#d8b77f}
@media(max-width:900px){.client-theme .team-cards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.client-theme .team-cards{grid-template-columns:1fr;gap:16px}.client-theme .team-card{min-height:0;padding:28px 26px 24px}.client-theme .team-card b{margin-top:30px}}

/* Unterricht: Kopf wie Über uns, Angebote dunkel in drei Spalten mit runden Bildern */
.client-theme.lesson-overview .campaign-hero{min-height:clamp(540px,40vw,780px)}
.client-theme .lesson-dark{background:#15110d;color:#efe6d8;padding:clamp(80px,9vw,120px) 0 clamp(70px,8vw,110px);scroll-margin-top:90px}
.client-theme .lesson-head .eyebrow{color:#c9a46c}
.client-theme .lesson-head .display{color:#f3ece0;margin-bottom:44px}
.client-theme .lesson-head .display em{color:#c9a46c}
.client-theme .lesson-dark .lesson-catalog{grid-template-columns:repeat(3,1fr);gap:52px 24px;padding-bottom:0}
.client-theme .lesson-dark .lesson-photo{border-radius:22px;aspect-ratio:4/3}
.client-theme .lesson-dark .lesson-number{display:none}
.client-theme .lesson-dark .lesson-photo-arrow{border-color:#d0ad70aa;background:#15110d66;color:#e5c693}
.client-theme .lesson-dark .lesson-caption .eyebrow{color:#c9a46c}
.client-theme .lesson-dark .lesson-caption h2{font-size:clamp(26px,2.2vw,32px);margin-bottom:12px}
.client-theme .lesson-dark .lesson-caption h2 a{color:#f3ece0}
.client-theme .lesson-dark .lesson-caption>p:not(.eyebrow){color:#cbbfae;font-size:16px;min-height:0;margin-bottom:18px}
.client-theme .lesson-dark .lesson-actions a{color:#d8b77f}
.client-theme .lesson-dark .lesson-actions>a:last-child{text-decoration-color:#c9a46c66}
.client-theme .lesson-dark .more::after{background-color:#c5a26d22;border-color:#c9a46c88}
@media(max-width:900px){.client-theme .lesson-dark .lesson-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.client-theme .lesson-dark .lesson-catalog{grid-template-columns:1fr;gap:40px}.client-theme .lesson-dark .lesson-photo{border-radius:18px}}
.client-theme.lesson-overview .campaign-hero .ph-bg[src*="unterricht-instrumente"]{object-position:62% 45%}
.client-theme.lesson-overview .campaign-hero::after{background:linear-gradient(90deg,#15110dd9 0%,#15110d80 30%,#15110d00 55%),linear-gradient(0deg,#15110d99,transparent 40%)}
@media(max-width:640px){.client-theme.lesson-overview .campaign-hero .ph-bg[src*="unterricht-instrumente"]{object-position:60% center}.client-theme.lesson-overview .campaign-hero::after{background:linear-gradient(0deg,#15110def 0%,#15110d99 50%,#15110d33 100%)}}

/* FAQ-Seite: großer Titel, Fragen nach Themen gruppiert */
.client-theme .faq-top{padding-top:clamp(150px,16vw,210px);padding-bottom:clamp(40px,5vw,70px)}
.client-theme .faq-top .eyebrow{color:#9f7e4d}
.client-theme .faq-top h1{font:400 clamp(52px,7vw,104px)/1.02 var(--serif);letter-spacing:-.045em;margin:18px 0 24px}
.client-theme .faq-top .lead{font-size:19px;line-height:1.6;color:#736857;max-width:52ch}
.client-theme .faq-groups{padding-bottom:clamp(80px,10vw,130px)}
.client-theme .faq-group{display:grid;grid-template-columns:.32fr 1fr;gap:6%;padding:34px 0;border-top:1px solid #d9cbb4}
.client-theme .faq-group h2{font:400 clamp(26px,2.4vw,34px)/1.2 var(--serif);color:#9f7e4d;margin:20px 0 0}
.client-theme .faq-list{padding:0}
.client-theme .faq-list details:first-of-type{border-top:0}
.client-theme .faq-list details:last-of-type{border-bottom:0}
.client-theme .faq-list p a{color:#8c693c}
@media(max-width:800px){.client-theme .faq-group{grid-template-columns:1fr;gap:4px}.client-theme .faq-group h2{margin-top:0}}

/* FAQ: Kopf mit Bild wie Über uns und Unterricht */
.client-theme .faq-hero{min-height:clamp(540px,40vw,780px)}
.client-theme .faq-hero .ph-bg{object-position:62% 45%}
.client-theme .faq-hero::after{background:linear-gradient(90deg,#15110de0 0%,#15110d8c 32%,#15110d00 56%),linear-gradient(0deg,#15110d99,transparent 40%)}
.client-theme .faq-hero .lead{max-width:44ch}
.client-theme .faq-spacer{height:clamp(30px,5vw,60px)}
@media(max-width:640px){.client-theme .faq-hero{min-height:72svh}.client-theme .faq-hero .ph-bg{object-position:58% center}.client-theme .faq-hero::after{background:linear-gradient(0deg,#15110def 0%,#15110d99 50%,#15110d33 100%)}}

/* Standorte (auch Nürnberg-/Schwaig-Seite): Kopf so hoch wie die anderen Unterseiten, Fotos quer und rund statt hoher Hochkant-Bilder */
.client-theme.locations-page .campaign-hero{min-height:clamp(540px,40vw,780px)}
.client-theme.locations-page .loc{padding-top:clamp(50px,6vw,90px)}
.client-theme.locations-page .loc figure img{aspect-ratio:4/3;height:auto;width:100%;object-fit:cover;border-radius:22px}
.client-theme.locations-page .loc img[src*="card-johannis"],.client-theme.locations-page .loc img[src*="laden-retusche"]{object-position:center 30%}
.client-theme.locations-page .loc h2{font-size:clamp(34px,3.4vw,50px)}
.client-theme.locations-page .loc p:not(.addr):not(.kicker){font-size:17px;line-height:1.7}
@media(max-width:640px){.client-theme.locations-page .campaign-hero{min-height:72svh}.client-theme.locations-page .loc figure img{border-radius:18px}}

/* Standorte: Kopf mit breitem Ladenfoto wie Über uns, Unterricht und FAQ */
.client-theme .standorte-hero .ph-bg{object-position:70% 40%}
.client-theme .standorte-hero::after{background:linear-gradient(90deg,#15110dcc 0%,#15110d66 30%,#15110d00 52%),linear-gradient(0deg,#15110d99,transparent 40%)}
@media(max-width:640px){.client-theme .standorte-hero .ph-bg{object-position:72% center}.client-theme .standorte-hero::after{background:linear-gradient(0deg,#15110def 0%,#15110d99 50%,#15110d33 100%)}}
/* Abstand nach dem letzten Standort-Block, damit das Bild nicht am dunklen Abschluss klebt */
.client-theme.locations-page .loc:not(:has(+ .loc)){padding-bottom:clamp(70px,8vw,120px)}

/* WhatsApp-Logo im Knopf */
.client-theme .icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.client-theme .icon-btn svg{width:18px;height:18px;flex-shrink:0;fill:#d8b77f}
/* Telefon + WhatsApp im Abschluss: Rahmen-Knöpfe mit goldenem Symbol wie im Startseiten-Kopf */
.client-theme .contact-end .btn.icon-btn{background:#17130f66;border:1px solid #c9a46c99;color:#f3ece0;backdrop-filter:none;transition:border-color .2s,background .2s}
.client-theme .contact-end .btn.icon-btn:hover{border-color:#d8b77f;background:#17130fa6}

/* Instrumentseiten: einheitlicher Kopf wie Keyboard (Bild über die ganze Breite), Sonderregeln für Klavier/Gesang aufgehoben */
.client-theme.instrument-page .campaign-hero{min-height:clamp(540px,40vw,780px);background:#15110d}
.client-theme.instrument-page .campaign-hero .ph-bg{position:absolute;inset:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;-webkit-mask-image:none;mask-image:none}
.client-theme.instrument-page .campaign-hero::after{background:linear-gradient(90deg,#15110de6 0%,#15110d8c 34%,#15110d00 60%),linear-gradient(0deg,#15110d99,transparent 40%)}
@media(max-width:640px){.client-theme.instrument-page .campaign-hero{min-height:72svh}.client-theme.instrument-page .campaign-hero .ph-bg{object-position:68% center}.client-theme.instrument-page .campaign-hero::after{background:linear-gradient(0deg,#15110def 0%,#15110d99 50%,#15110d33 100%)}}

/* Instrumentseiten: eigene Lehrkraft-Karte statt der drei gleichen Karten */
.client-theme .inst-teacher .team-card{display:grid;grid-template-columns:auto 1fr;gap:24px 40px;align-items:center;min-height:0;padding:38px 44px;background:#1f1913;border-color:#2e261d}
.client-theme .inst-teacher .team-card:hover{border-color:#c9a46c}
.client-theme .inst-teacher .team-icon{width:96px;height:96px;margin:0}
.client-theme .inst-teacher .team-icon svg{width:50px;height:50px}
.client-theme .inst-teacher .teacher-copy b{display:block;margin:8px 0 12px}
.client-theme .inst-teacher .teacher-copy p{color:#cbbfae;font-size:16px;line-height:1.7;max-width:62ch;margin:0}
.client-theme .inst-teacher .team-more{display:block;width:auto;margin-top:20px}
@media(max-width:640px){.client-theme .inst-teacher .team-card{grid-template-columns:1fr;padding:28px 26px}.client-theme .inst-teacher .team-icon{width:76px;height:76px}.client-theme .inst-teacher .team-icon svg{width:40px;height:40px}}

/* Bewertungen am Handy: Pfeile sichtbar lassen und die nächste Karte anschneiden, damit klar ist, dass man wischen kann */
@media(max-width:640px){.client-theme .rev-nav{display:flex}.client-theme .rev-nav button{width:40px;height:40px}.client-theme .rev-row{grid-auto-columns:82%}}

/* Kontakt: fester Zeilenabstand statt 8% (Prozent-Abstand ließ das Formular am Handy in den Footer ragen) */
.client-theme.contact-page .contact{row-gap:40px}

/* Fester WhatsApp-Knopf im Gold der Website statt Grün */
.client-theme .wa{width:54px;height:54px;background:linear-gradient(135deg,#d8b77f,#aa7d45);border:1px solid #f3e3c4aa;box-shadow:0 6px 22px #15110d55,0 0 0 4px #15110d1f;transition:transform .2s,box-shadow .2s}
.client-theme .wa:hover{transform:scale(1.06);box-shadow:0 8px 26px #15110d77,0 0 0 4px #15110d2e}
.client-theme .wa svg{width:27px;height:27px;fill:#fffaf1}
@media(max-width:640px){.client-theme .wa{width:50px;height:50px}}

/* Standorte: zweiter Bildblock Schwaig, Überschrift wie h1 im Kopf */
.client-theme.locations-page .schwaig-hero h2{font:400 clamp(40px,4vw,58px)/1.08 var(--serif);letter-spacing:-.035em;color:#f8f1e4;max-width:13ch;margin:0 0 19px}
.client-theme.locations-page .schwaig-hero .ph-in{padding-top:clamp(70px,8vw,120px)}
@media(max-width:640px){.client-theme.locations-page .schwaig-hero h2{font-size:32px;line-height:1.13}.client-theme.locations-page .schwaig-hero .ph-in{padding-top:90px}}
.client-theme .schwaig-hero::after{background:linear-gradient(90deg,#15110deb 0%,#15110dbf 38%,#15110d00 68%),linear-gradient(0deg,#15110d99,transparent 40%)}
@media(max-width:640px){.client-theme .schwaig-hero::after{background:linear-gradient(0deg,#15110df2 0%,#15110db3 55%,#15110d40 100%)}}
/* Startseite: vier Raumfotos unter der Einleitung */
.client-theme .room-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(50px,6vw,80px)}
.client-theme .room-gallery figure{margin:0}
.client-theme .room-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
@media(max-width:800px){.client-theme .room-gallery{grid-template-columns:1fr 1fr;gap:12px}.client-theme .room-gallery img{aspect-ratio:1;border-radius:16px}}
.client-theme .room-gallery a{display:block;cursor:zoom-in}
.lightbox{border:0;padding:0;margin:0;background:transparent;width:100vw;height:100dvh;max-width:none;max-height:none;cursor:zoom-out}
.lightbox[open]{display:grid;place-items:center}
.lightbox::backdrop{background:#15110de6}
.lightbox img{max-width:92vw;max-height:86dvh;width:auto;height:auto;border-radius:16px;object-fit:contain}
.lightbox button{position:fixed;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid #d8b77f;background:#15110d;color:#d8b77f;font-size:26px;line-height:1;cursor:pointer}
html:has(.lightbox[open]){overflow:hidden}
/* Instrumentseiten: ausführliche Texte, Titel links, Text rechts */
.client-theme .inst-detail{padding-top:clamp(80px,9vw,130px);padding-bottom:clamp(30px,4vw,50px)}
.client-theme .inst-detail .eyebrow{color:#9f7e4d}
.client-theme .inst-detail-row{display:grid;grid-template-columns:.42fr 1fr;gap:6%;padding:38px 0;border-top:1px solid #d9cbb4}
.client-theme .inst-detail-row h2{font:400 clamp(26px,2.4vw,34px)/1.2 var(--serif);letter-spacing:-.02em;color:#30281c;margin:0}
.client-theme .inst-detail-row p{font-size:18px;line-height:1.7;color:#71675a;max-width:62ch;margin:0 0 16px}
.client-theme .inst-detail-row p:last-child{margin-bottom:0}
.client-theme .inst-detail-row p a{color:#8c693c}
@media(max-width:800px){.client-theme .inst-detail-row{grid-template-columns:1fr;gap:16px;padding:30px 0}.client-theme .inst-detail-row p{font-size:17px}}
/* Instrumenttexte aufklappbar: Titel als Zeile mit Plus, Text darunter */
.client-theme .inst-detail-row{display:block;padding:0}
.client-theme .inst-detail-row summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0}
.client-theme .inst-detail-row summary::-webkit-details-marker{display:none}
.client-theme .inst-detail-row summary::after{content:"+";font-size:30px;font-weight:300;line-height:1;color:#b18b52;transition:transform .2s}
.client-theme .inst-detail-row[open] summary::after{transform:rotate(45deg)}
.client-theme .inst-detail-row>div{padding:0 0 36px;max-width:62ch}
.client-theme .inst-detail-row:last-of-type{border-bottom:1px solid #d9cbb4}
@media(max-width:800px){.client-theme .inst-detail-row{padding:0}.client-theme .inst-detail-row summary{padding:24px 0}.client-theme .inst-detail-row>div{padding-bottom:28px}}
.client-theme .inst-detail:has(+ .inst-more){padding-bottom:clamp(70px,8vw,120px)}
/* Startseiten-Kopf: Probestunde größer, WhatsApp grün, Telefon mit Zeiten (Wunsch Metin) */
.client-theme .salon-hero .hero-primary{font-size:clamp(16px,1.15vw,18px);font-weight:600;letter-spacing:.01em;padding:19px 32px;min-height:60px}
.client-theme .salon-hero .hero-direct{font-size:16px;gap:12px;align-items:center}
.client-theme .salon-hero .hero-direct a{padding:14px 22px;font-weight:500}
.client-theme .salon-hero .hero-direct svg{width:22px;height:22px}
.client-theme .salon-hero .hero-direct .hero-wa{background:#25d366;border-color:#25d366;color:#fff}
.client-theme .salon-hero .hero-direct .hero-wa:hover{background:#1ebe5a;border-color:#1ebe5a}
.client-theme .salon-hero .hero-direct .hero-wa svg{fill:#fff}
.client-theme .salon-hero .hero-hours{font-size:13px;line-height:1.4;color:#e6dbc8}
@media(max-width:640px){.client-theme .salon-hero .hero-primary{font-size:16px;padding:17px 22px}.client-theme .salon-hero .hero-direct{font-size:15px}.client-theme .salon-hero .hero-direct a{padding:13px 18px}.client-theme .salon-hero .hero-hours{flex-basis:100%}}
@media(max-width:640px){.client-theme .salon-hero .hero-primary{white-space:nowrap;padding:17px 14px;font-size:15px;gap:8px}}
.client-theme .wa{background:#25d366;border-color:#25d366}.client-theme .wa svg{fill:#fff}
.client-theme .salon-hero .hero-direct a{min-width:14em;justify-content:center}
.client-theme .salon-hero .hero-direct a{justify-content:flex-start;gap:12px}.client-theme .salon-hero .hero-direct a[href^="tel:"]{font-size:18px;font-weight:600;letter-spacing:.02em}
.client-theme .salon-hero .hero-direct a{min-width:0;width:236px;padding-left:20px;padding-right:20px}.client-theme .salon-hero .hero-direct a[href^="tel:"]{font-size:17px;font-weight:500}
.client-theme .salon-hero .hero-trust{font-size:14px;margin-top:20px}.client-theme .salon-hero .hero-trust span{font-size:17px;letter-spacing:.08em;color:#d8b77f;margin-right:6px}
.client-theme .salon-hero .hero-hours{font-size:15px}
/* Großansicht als Galerie: Pfeile links/rechts, Zähler unten */
.lightbox{cursor:default}
.lightbox .lb-prev,.lightbox .lb-next{top:50%;transform:translateY(-50%);font-size:34px;padding-bottom:4px}
.lightbox .lb-prev{left:18px;right:auto}
.lightbox .lb-next{right:18px}
.lightbox .lb-count{position:fixed;bottom:22px;left:0;right:0;margin:0;text-align:center;font-size:14px;letter-spacing:.12em;color:#d8b77f}
@media(max-width:640px){.lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:12px;transform:none}.lightbox img{max-height:76dvh}}
@media(min-width:641px){.lightbox img{max-width:calc(100vw - 180px);max-height:82dvh}}
.client-theme.home-page .finder>img[src*="standorte-johannis-header"]{object-position:96% 55%}
/* Abschluss der Unterseiten wie Startseiten-Kopf: WhatsApp grün, Telefon gleich groß, Zeiten */
.client-theme .contact-end .btns .btn.wa-btn,.client-theme .contact .btn.wa-btn{background:#25d366;border-color:#25d366;color:#fff}
.client-theme .contact-end .btns .btn.wa-btn:hover,.client-theme .contact .btn.wa-btn:hover{background:#1ebe5a;border-color:#1ebe5a}
.client-theme .contact-end .btns .wa-btn svg,.client-theme .contact .wa-btn svg{fill:#fff}
.client-theme .contact-end .btns .icon-btn,.client-theme .contact .wa-btn{justify-content:flex-start;gap:12px;font-size:16px;font-weight:500;padding:14px 20px}
.client-theme .contact-end .btns .icon-btn svg,.client-theme .contact .wa-btn svg{width:22px;height:22px}
.client-theme .contact-end .btns .tel-btn{font-size:17px}
.client-theme .contact-end .cta-hours{font-size:15px;line-height:1.4;color:#e6dbc8}
.client-theme .contact .contact-hours{font-size:15px;color:#736857;margin-top:-6px}
.client-theme .contact-end .btns .btn:not(.icon-btn){font-size:17px;font-weight:600;letter-spacing:.01em}@media(max-width:640px){.client-theme .contact-end .btns .btn:not(.icon-btn){font-size:16px}}
@media(min-width:801px){.client-theme .contact-end .btns{min-width:320px}}
.client-theme .contact-end .btns .btn:not(.icon-btn){justify-content:flex-start;text-align:left;padding-left:20px;padding-right:20px}
/* Alle Kontakt-Knöpfe mittig (Wunsch Tim) */
.client-theme .contact-end .btns .btn,.client-theme .salon-hero .hero-direct a,.client-theme .contact .btn.wa-btn{justify-content:center;text-align:center}
.client-theme .contact-end .btns .btn:not(.icon-btn){justify-content:center;text-align:center}
.client-theme .contact-end .cta-hours{text-align:center;align-self:stretch}
/* Telefonzeiten mittig unter dem Telefonknopf */
.client-theme .salon-hero .hero-direct{align-items:flex-start}
.client-theme .salon-hero .hero-tel{display:flex;flex-direction:column;align-items:center;gap:8px}
.client-theme .salon-hero .hero-tel .hero-hours{text-align:center;flex-basis:auto}
/* Bildschirmanpassung 25.10.2026: Kopfbilder der Unterseiten an die Fensterhöhe koppeln statt flacher Streifen auf Breitbild */
@media(min-width:641px){
.client-theme .ph.campaign-hero{min-height:clamp(540px,min(70svh,56vw),1000px)}
.client-theme.contact-page .ph.premium-contact{min-height:clamp(405px,min(45svh,30vw),640px)}
}
@media(min-width:641px) and (min-aspect-ratio:5/2){.client-theme .standorte-hero:not(.schwaig-hero) .ph-bg{object-position:70% 15%}}
/* Große Bildschirme (zoom.js vergrößert die Seite): Vollbild-Höhen ohne Zoom-Faktor rechnen */
.gross .client-theme .salon-hero{min-height:calc(var(--vh)*100)}
.gross .client-theme .ph.campaign-hero{min-height:clamp(540px,min(calc(var(--vh)*70),calc(var(--vw)*56)),1000px)}
.gross .client-theme.contact-page .ph.premium-contact{min-height:clamp(405px,min(calc(var(--vh)*45),calc(var(--vw)*30)),640px)}
.gross .lightbox{width:calc(var(--vw)*100);height:calc(var(--vh)*100)}
.gross .lightbox img{max-width:calc(var(--vw)*100 - 180px);max-height:calc(var(--vh)*82)}
/* vergrößert, aber flaches Fenster: kompakter Startseiten-Kopf wie bei max-height:700px */
.flach .client-theme .salon-hero .hero-in{padding-top:155px;padding-bottom:50px}.flach .client-theme .salon-hero .hero-title{font-size:64px;margin-bottom:22px}.flach .client-theme .salon-hero .kicker{margin-bottom:20px}.flach .client-theme .gold-rule{margin-top:18px;margin-bottom:18px}.flach .client-theme .salon-hero .hero-sub,.flach .client-theme .salon-hero .hero-lead{margin-bottom:20px}.flach .client-theme .salon-hero .hero-trust{margin-top:18px}
/* Startseiten-Logo und Kopfleiste wie auf den Unterseiten (Tim, 25.10.2026) */
.client-theme.home-page .bar:not(.solid){min-height:104px;padding-top:15px;padding-bottom:15px}
.client-theme.home-page .bar>.brand{width:136px}.client-theme.home-page .bar.solid>.brand{width:112px}
@media(max-width:1050px){.client-theme.home-page .bar:not(.solid){min-height:100px}.client-theme.home-page .bar>.brand{width:118px}.client-theme.home-page .bar.solid>.brand{width:100px}}
@media(max-width:640px){.client-theme.home-page .bar:not(.solid){min-height:93px;padding-top:12px;padding-bottom:12px}.client-theme.home-page .bar>.brand{width:112px}.client-theme.home-page .bar.solid>.brand{width:94px}}
@media(max-width:360px){.client-theme.home-page .bar>.brand{width:95px}}
@media(max-width:1050px) and (min-width:641px){.client-theme.home-page .bar.solid{min-height:85px}}
@media(max-width:360px){.client-theme.home-page .bar.solid{padding-left:22px;padding-right:22px}}
/* Überschrift über der Raum-Galerie (Startseite) */
.client-theme .room-title{font-size:clamp(26px,2.4vw,34px);line-height:1.2;color:#30281c;margin:clamp(50px,6vw,80px) 0 0}
.client-theme .room-title+.room-gallery{margin-top:24px}
@media(max-width:640px){.client-theme .room-title{font-size:26px}.client-theme .room-title+.room-gallery{margin-top:18px}}
/* Routenplaner auf den Standortseiten (öffnet Google Maps) */
.client-theme .route{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(70px,8vw,120px)}
.client-theme .route h2{font:400 clamp(34px,3.4vw,50px)/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 12px}
.client-theme .route .addr{color:#6b5130;font-size:22px;margin:0 0 28px}
.client-theme .route-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:16px;align-items:end;background:#efe7da;border-radius:22px;padding:28px}
.client-theme .route-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#5b4f3f}
.client-theme .route-form input,.client-theme .route-form select{font:400 16px/1.4 var(--sans);padding:14px 16px;border:1px solid #d5c5aa;border-radius:4px;background:#fcfaf6;color:#3b3021;width:100%}
.client-theme .route-form input:focus,.client-theme .route-form select:focus{outline:2px solid #b3864c;outline-offset:0}
.client-theme .route-form .btn{cursor:pointer;justify-content:center}
.client-theme .route-note{font-size:13px;color:#8a7d6a;margin:14px 0 0}
@media(max-width:760px){.client-theme .route-form{grid-template-columns:1fr;padding:22px}.client-theme .route .addr{font-size:19px}}
/* Startseite: Zeile „MUSIC SCHOOL · JOHANNIS & SCHWAIG“ größer, damit beide Standorte sofort auffallen */
.client-theme .salon-hero .kicker{font-size:18px;letter-spacing:.18em}
@media(max-width:640px){.client-theme .salon-hero .kicker{font-size:13px;letter-spacing:.08em}}
@media(max-width:360px){.client-theme .salon-hero .kicker{font-size:11px;letter-spacing:.1em}}
/* Startseite: zwei Standorte – Foto oben (Überblendung per main.js), Text darunter, Routenplaner */
.client-theme .place-eyebrow{display:flex;align-items:center;gap:18px;color:#a27d48}
.client-theme .place-eyebrow::after{content:'';width:50px;height:1px;background:#c7a46c}
.client-theme .places-home .display{margin-bottom:0}
.client-theme .place-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(30px,4vw,48px)}
.client-theme .place-slides{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:#e8dfcf}
.client-theme .place-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.client-theme .place-slides img.is-on{opacity:1}
.client-theme .place-slides img[src*="card-johannis"]{object-position:center 40%}
.client-theme .place-body{border-top:1px solid #d9cbb4;margin-top:24px;padding-top:26px}
.client-theme .place-kicker{font-size:12px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:#a27d48;margin:0 0 12px}
.client-theme .place-card h3{font-size:clamp(36px,3.4vw,52px);line-height:1.05;margin:0 0 12px}
.client-theme .place-card h3 a{color:#20190f;text-decoration:none}
.client-theme .place-addr{font-size:18px;color:#30281c;margin:0 0 26px}
.client-theme .place-more{display:inline-flex;align-items:center;gap:22px;font-size:17px;color:#30281c;text-decoration:none;padding-bottom:8px;border-bottom:1px solid #b3864c}
.client-theme .place-more span{color:#b3864c}
.client-theme .place-more:hover{color:#a27d48}
.client-theme .place-route{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.client-theme .place-route input,.client-theme .place-route select{font:400 15px/1.3 var(--sans);padding:11px 14px;border:1px solid #d5c5aa;border-radius:4px;background:#fcfaf6;color:#3b3021}
.client-theme .place-route input{flex:1 1 180px;min-width:0}
.client-theme .place-route select{flex:0 0 auto}
.client-theme .place-route button{flex:0 0 auto;font:500 14px/1 var(--sans);padding:11px 20px;border:1px solid #b3864c;border-radius:99px;background:transparent;color:#30281c;cursor:pointer}
.client-theme .place-route button:hover{background:#b3864c1f}
.client-theme .place-route input:focus,.client-theme .place-route select:focus,.client-theme .place-route button:focus-visible,.client-theme .place-more:focus-visible{outline:2px solid #b3864c;outline-offset:2px}
@media(max-width:760px){.client-theme .place-cards{grid-template-columns:1fr;gap:48px}.client-theme .place-route input{flex-basis:100%}.client-theme .place-route select{flex:1 1 auto}.client-theme .place-addr{font-size:16px}}
@media(prefers-reduced-motion:reduce){.client-theme .place-slides img{transition:none}}

/* Startseite: Standorte direkt nach Einleitung, Räume eigener Abschnitt */
#entdecken + #standorte{padding-top:0}
#raeume .room-title{margin-top:0}

/* Schwaig: zweite Bildreihe unter dem Raum-Raster */
.client-theme .rooms-grid+.room-gallery{margin-top:16px;gap:16px}
.client-theme .rooms-grid+.room-gallery img{border-radius:3px;aspect-ratio:4/3}
/* Standorte: Johannis-Fassade rechts, damit das Ladenschild nicht unter dem Text liegt */
@media(min-width:641px){.client-theme .standorte-hero:not(.schwaig-hero){background:#4a3519}.client-theme .standorte-hero:not(.schwaig-hero) .ph-bg{left:auto;right:0;width:76%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);mask-image:linear-gradient(90deg,transparent,#000 12%)}}
@media(min-width:1700px){.client-theme .standorte-hero:not(.schwaig-hero) .ph-bg{width:68%}}

/* Bewertungen: gleich hohe Karten, lange Texte aufklappbar, weicher Rand beim Durchlaufen */
.client-theme .rev{padding:28px 28px 24px;gap:16px}
.client-theme .rev blockquote{font-size:18px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;flex:none}
.client-theme .rev figcaption{margin-top:auto}
.client-theme .rev.open blockquote{display:block}
.client-theme .rev-more{align-self:flex-start;margin-top:-6px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:#987343;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.client-theme .rev-row.rev-auto{scroll-snap-type:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
@media(max-width:640px){.client-theme .rev blockquote{font-size:16.5px;-webkit-line-clamp:7}.client-theme .rev-row.rev-auto{-webkit-mask-image:none;mask-image:none}}

/* Standortseiten: Orte in der Umgebung unter „Ihr Weg zu uns“ */
.client-theme .route-areas{max-width:68ch;font-size:17px;line-height:1.7;color:#5b4f3f;margin:-8px 0 30px}
/* Cookie-Hinweis (consent.js), erscheint nur mit Google-Ads-ID */
.cookie{position:fixed;left:20px;bottom:20px;z-index:40;width:min(470px,calc(100% - 40px));background:#211d18;color:#f3ebdd;border:1px solid #ba925b66;border-radius:18px;padding:22px 22px 20px;box-shadow:0 12px 40px #0000004d;font-size:14px;line-height:1.55}
.cookie p{margin:0 0 16px}.cookie a{color:#e0bf89}
.cookie div{display:flex;gap:10px}
.cookie button{flex:1;min-height:46px;border-radius:99px;border:1px solid #d3ad78;background:transparent;color:#f3ebdd;font:400 14px/1.2 var(--sans);cursor:pointer;transition:background .2s}
.cookie button:hover,.cookie button:focus-visible{background:#ba925b33}
@media(max-width:640px){.cookie{left:12px;right:12px;bottom:12px;width:auto;padding:18px}}