@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url('fonts/cormorant-garamond.woff') format('woff')}
@font-face{font-family:'Josefin Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url('fonts/josefin-sans.woff') format('woff')}
:root{--ink:#333230;--paper:#f6f5f3;--grey:#e8e7e5;--sand:#e7dfd4;--mauve:#d6cccd;--tone:var(--grey);--line:#bbb7b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Josefin Sans',Arial,sans-serif;font-size:20.4px;line-height:1.7;font-weight:300}.sand,.contact-page{--tone:var(--sand)}.mauve{--tone:var(--mauve)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #65535f;outline-offset:5px}header{min-height:140px;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--paper);position:relative;z-index:5}.wordmark{display:flex;gap:20px;align-items:center;flex-shrink:0}.header-logo{width:64.4px;height:86.8px;object-fit:contain}.brand-name{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.2}.brand-subline,.brand-audience{display:block;font-family:'Josefin Sans',Arial,sans-serif;font-size:14px;line-height:1.5;margin-top:7px;letter-spacing:.01em}nav{display:flex;gap:30px;font-size:18px;font-weight:400;white-space:nowrap}nav a[aria-current]{border-bottom:1px solid var(--ink)}.menu-toggle{display:none}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.07}h1{font-size:clamp(45px,5.5vw,84px);margin:20px 0 28px}h2{font-size:clamp(38px,4vw,62px);margin:20px 0 30px}h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:500;line-height:1.25;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:14px;font-weight:400}.section{padding:95px 8%}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}.copy p{max-width:650px}.photo{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(1) blur(var(--scroll-blur,0px));opacity:var(--scroll-opacity,1);transition:filter .8s ease}.full-photo{height:auto;aspect-ratio:auto;object-fit:contain}.text-link{display:inline-block;margin-top:16px;border-bottom:1px solid;padding-bottom:5px;font-weight:400;font-size:18px}.button{display:inline-block;padding:16px 25px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:400 17px 'Josefin Sans',Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s}.button:hover{background:var(--ink);color:white;text-decoration:none}.hero-scroll{height:150svh;position:relative}.hero{position:sticky;top:0;height:100svh;overflow:hidden;background:#333}.hero-photo{position:absolute;inset:0;overflow:hidden}.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);transition:filter .9s ease}.hero-brand{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;background:transparent}.hero .logo{width:clamp(180px,22vw,330px);height:clamp(200px,25vw,365px);object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));animation:logo-reveal 1.6s ease both}.quote{position:relative;z-index:3;margin-top:-45svh;background:var(--mauve);text-align:center;padding:80px 5%;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,4vw,56px);line-height:1.15}.quote p{margin:0}.wide-image{margin:0 8%;height:480px;overflow:hidden}.wide-image img{height:100%;object-fit:cover}.invitation{text-align:center;background:var(--sand);padding:85px 7%}.invitation p{max-width:720px;margin:22px auto}.small{font-size:16.8px;line-height:1.6}.page-intro{background:var(--tone);padding:85px 8% 90px}.page-intro p{max-width:680px;font-size:24px}.section-links{display:flex;gap:30px;flex-wrap:wrap}.section-links a{font-size:18px;border-bottom:1px solid}.topics{background:var(--tone)}.topic-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 8%}.topic-list>div{border-top:1px solid var(--line);padding-top:25px}.topic-list p{margin:8px 0;line-height:1.6;font-size:19px}.closing{margin:55px 0 0;max-width:900px}.about-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;background:var(--tone);align-items:center}.about-lead p{max-width:560px}.vita{background:var(--tone)}.vita-row{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding:25px 0}.vita-row span{font-weight:400}.vita-row p{margin:0;max-width:700px}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%}address{font-style:normal}.contact address{overflow-wrap:anywhere}.contact-watermark{display:block;width:180px;height:220px;object-fit:contain;margin:45px auto 0;opacity:.18}.contact-picture{max-width:1050px;margin:auto;padding-top:0}.contact-picture .photo{width:100%;height:auto;object-fit:contain}.image-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.image-story figure{margin:0;overflow:hidden}.image-story .photo{aspect-ratio:3/4;object-fit:cover;filter:grayscale(1) saturate(.9) sepia(.025) blur(var(--scroll-blur,0px))}.image-story figure:nth-child(2),.image-story figure:nth-child(3){margin-top:0}form{display:flex;flex-direction:column;align-items:stretch}label{font-size:18px;margin:15px 0 5px}input,textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #999;background:#eeedeb;padding:14px;font:inherit;color:inherit;border-radius:0}textarea{resize:vertical}.form-note{font-size:16.8px;line-height:1.5}form .button{align-self:flex-start}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:50px 5%;font-size:14px}.footer-brand{display:flex;gap:20px;align-items:center}.footer-logo{width:65px;height:90px;object-fit:contain}footer strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500}footer span{display:block;font-size:14px;line-height:1.6}footer address{font-size:14px;margin-top:10px}.legal{display:flex;gap:20px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes logo-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(hover:hover){.photo:hover{filter:grayscale(0) blur(var(--scroll-blur,0px))}.image-story .photo:hover{filter:grayscale(0) saturate(.9) sepia(.025) blur(var(--scroll-blur,0px))}.hero:hover .hero-photo>img{filter:grayscale(0)}}
@media(max-width:1150px){header{padding:25px 4%;gap:20px}.wordmark{gap:14px}.brand-subline{max-width:300px}nav{gap:20px}.brand-name{font-size:27px}footer{flex-wrap:wrap}.footer-brand{flex-basis:100%}}
@media(max-width:980px){header{min-height:130px;flex-wrap:wrap;padding:20px 5%}.menu-toggle{display:block;border:0;background:transparent;font:inherit;font-size:18px}nav{display:none;width:100%;flex-direction:column;gap:16px;padding:16px 0}nav.open{display:flex}.brand-subline,.brand-audience{font-size:14px}.header-logo{width:56px;height:78px}.section{padding:65px 7%}.split,.about-lead,.contact{grid-template-columns:1fr;gap:45px}.split .photo,.about-lead .photo{max-width:650px;margin:auto}.page-intro{padding:60px 7%}.quote{padding:60px 6%}.hero-scroll{height:130svh}.hero{height:85svh}.hero-photo>img{object-position:42% center}.quote{margin-top:-35svh}.hero .logo{width:190px;height:225px}.wide-image{margin:0 7%;height:330px}.topic-list{gap:30px 7%}.image-story{gap:18px;padding-left:5%;padding-right:5%}.vita-row{grid-template-columns:1fr;gap:10px}.invitation{padding:65px 7%}.contact-picture{padding-top:0}.contact-watermark{width:155px;height:190px}footer{align-items:flex-start;gap:25px}.footer-brand{align-items:flex-start}}
@media(max-width:600px){body{font-size:20.4px}.wordmark{gap:10px;max-width:calc(100% - 60px);flex-shrink:1}.header-logo{width:44px;height:65px;flex-shrink:0}.brand-name{font-size:24px}.brand-subline,.brand-audience{font-size:14px;line-height:1.45}.brand-subline{max-width:240px}header{gap:10px}.menu-toggle{font-size:17px;padding:0}.hero-scroll{height:120svh}.hero{height:76svh}.quote{margin-top:-30svh}.hero-photo>img{object-position:43% center}.hero .logo{width:165px;height:195px}.quote{font-size:34px}.topic-list{grid-template-columns:1fr}h1{font-size:46px;overflow-wrap:break-word}.page-intro p{font-size:24px}.image-story{grid-template-columns:1fr;gap:28px;padding:55px 7%}.image-story .photo{aspect-ratio:auto;height:auto}.footer-brand{gap:15px}footer{padding:40px 7%;overflow-wrap:anywhere}.footer-logo{width:52px;height:72px}.legal{gap:25px}.section-links{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .logo{animation:none}.photo,.hero-photo>img{transition:none;opacity:1;filter:grayscale(1)}.hero-scroll{height:auto}.hero{position:relative;height:75svh}.quote{margin-top:0}.photo:hover,.hero:hover .hero-photo>img{filter:grayscale(0)}}

/* Dauerhaft sichtbare Kopfzeile und überlagerungsfreie Inhaltsbereiche. */
:root{--header-height:140px}
header{position:sticky;top:0;z-index:50}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.hero{top:var(--header-height);height:calc(100svh - var(--header-height))}
.hero-scroll{z-index:0}
.home-page main>section{position:relative;z-index:3}
.home-page main>.split{background:var(--paper)}
.home-page .wide-image{background:var(--paper)}
h1,h2{line-height:1.18;padding-block:3px;overflow:visible}
.hero .logo{width:clamp(270px,33vw,495px);height:clamp(300px,37.5vw,547.5px);max-width:80vw;max-height:80%;opacity:.7;animation:logo-watermark 4s ease both}
@keyframes logo-watermark{from{opacity:0;transform:translateY(12px)}to{opacity:.7;transform:none}}
footer{background:var(--mauve)}
.footer-audience{margin-top:10px}.footer-phone{display:inline-block;margin-top:7px}
.service-copy .copy{max-width:1050px}.service-copy .copy p{max-width:950px}
@media(max-width:980px){.hero .logo{width:240px;height:285px}.hero{height:calc(85svh - var(--header-height))}}
@media(max-width:600px){.hero .logo{width:190px;height:225px}.hero{height:max(340px,calc(80svh - var(--header-height)))}}
@media(prefers-reduced-motion:reduce){.hero .logo{animation:none;opacity:.7}.hero{top:auto;position:relative}}

/* Feinere Themenüberschriften und großzügigere Marken-Typografie. */
.topic-list h3{font-size:calc(30px - 2pt)}
#coaching h2,#teams h2{font-size:clamp(calc(38px - 2pt),calc(4vw - 2pt),calc(62px - 2pt))}
.wordmark .brand-name,.wordmark .brand-subline,.wordmark .brand-audience,footer strong,footer .footer-brand span{text-transform:uppercase;letter-spacing:.039em}
.header-logo{width:80.5px;height:108.5px}
.footer-logo{width:81.25px;height:112.5px}
.brand-name{font-size:26px}
footer strong{font-size:26px}
@media(min-width:981px) and (max-width:1400px){header{flex-wrap:wrap}nav{margin-left:auto}.wordmark{flex-shrink:1}}
@media(max-width:980px){.header-logo{width:70px;height:97.5px}.brand-name{font-size:25px}}
@media(max-width:600px){.header-logo{width:55px;height:81.25px}.footer-logo{width:65px;height:90px}.brand-name{font-size:22px}.brand-subline,.brand-audience{font-size:14px}.wordmark{max-width:calc(100% - 60px)}.footer-brand{flex-wrap:wrap}.footer-brand>div{min-width:0}}

/* Leichte, weit gesetzte Navigation. */
nav{gap:40px;font-weight:300;letter-spacing:.085em;text-transform:uppercase}
@media(max-width:1150px){nav{gap:28px}}
@media(max-width:980px){nav{gap:22px}}

/* Footer, abgestimmte Überschriften und klar unterscheidbare Leistungsbereiche. */
.footer-brand strong,.footer-brand span{color:#fff}
nav{font-size:calc(18px - 1pt)}
.page-intro h1,.about-lead h1{font-size:clamp(38px,4vw,62px);line-height:1.18}
.perspective-photo{width:min(100%,350px);justify-self:center;margin:25px auto 0}
#coaching,#coaching+.topics{background:var(--grey)}
#teams,#teams+.topics{background:var(--sand)}
#coaching .eyebrow,#coaching+.topics .eyebrow{color:#686663}
#teams .eyebrow,#teams+.topics .eyebrow{color:#77634e}
#coaching .eyebrow,#teams .eyebrow{display:inline-block;border-bottom:2px solid currentColor;padding-bottom:8px}
@media(max-width:980px){.split .perspective-photo{max-width:350px;margin:0 auto}}

.services-intro{background:#fff}

/* Größere vollständige Hochformatansicht neben dem Perspektiven-Text. */
@media(min-width:981px){.perspective-photo{width:min(100%,560px);max-width:560px;height:auto;object-fit:contain;margin-top:25px}}

/* Originales Logo mit Name und Titel, in den bisherigen Markenfarben. */
.brand-art{display:block;aspect-ratio:415/100;flex-shrink:0;-webkit-mask:url("logo-name-title.png") center/contain no-repeat;mask:url("logo-name-title.png") center/contain no-repeat}
.header-brand-art{width:415px;max-width:100%;height:auto;background:transparent;mask:none;-webkit-mask:none}
.footer-brand-art{width:415px;max-width:100%;height:auto;background:transparent;mask:none;-webkit-mask:none;filter:brightness(0) invert(1)}
.footer-brand{max-width:100%}
.home-image-pair{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:5%;align-items:start}
.home-image-pair figure{margin:0;min-width:0}
.home-image-pair .home-flowers{margin-top:120px}
.home-image-pair .photo{height:auto;object-fit:contain}
@media(max-width:980px){.header-brand-art{width:415px}.home-image-pair .home-flowers{margin-top:70px}}
@media(max-width:600px){.wordmark{width:calc(100% - 65px)}.header-brand-art{width:100%}.footer-brand-art{width:min(415px,100%)}.home-image-pair{grid-template-columns:1fr;gap:30px}.home-image-pair .home-flowers{width:72%;margin-top:0;justify-self:end}}

/* HOME: gesamtes Original-Monogramm mit beiden Punkten mittig. */
.home-page .hero-brand{justify-items:center;align-items:center}
.home-page .hero .logo{display:block;width:auto;height:clamp(300px,37.5vw,547.5px);aspect-ratio:396/619;max-width:80vw;max-height:80%;object-fit:contain;object-position:center;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.2))}
@media(max-width:980px){.home-page .hero .logo{height:285px;width:auto}}
@media(max-width:600px){.home-page .hero .logo{height:225px;width:auto}}

/* Symmetrisches HOME-Logo; vier Sekunden Fade-in bleiben erhalten. */
.home-page .hero .logo{aspect-ratio:396/620}
/* Großes Klavierbild: rechte Bildschirmhälfte, am rechten Rand angeschnitten. */
.piano-photo-frame{margin:0;min-width:0;overflow:hidden}
@media(min-width:981px){
.piano-story{grid-template-columns:minmax(0,1fr) 50vw;gap:0;padding-left:8%;padding-right:0;align-items:start}
.piano-story>.copy{padding-right:8vw;min-width:0}
.piano-story .piano-photo-frame{width:50vw;margin-top:25px}
.piano-story .perspective-photo{display:block;width:max(100%,min(100vw,1120px));max-width:none;height:auto;object-fit:contain;margin:0}
}
@media(max-width:980px){
.piano-story{padding-right:0}
.piano-story>.copy{padding-right:7vw}
.piano-story .piano-photo-frame{width:100%;margin:0}
.piano-story .perspective-photo{width:100%;max-width:none;margin:0;height:auto}
}

/* Über mich: mehr Luft zwischen den drei Fotos und weniger Hochformat. */
.about-image-story{gap:clamp(36px,5vw,80px)}
.about-image-story .photo{aspect-ratio:5/4;object-fit:cover;object-position:center}
@media(max-width:980px){.about-image-story{gap:32px}}
@media(max-width:600px){.about-image-story{gap:44px}.about-image-story .photo{aspect-ratio:5/4;height:auto}}

/* Touchgeräte: Farbe beim Scrollen statt Maus-Hover. */
@media(max-width:980px){.menu-toggle{text-transform:uppercase}}
@media(hover:none),(pointer:coarse){
.photo.touch-in-view{filter:grayscale(0) blur(var(--scroll-blur,0px))}
.image-story .photo.touch-in-view{filter:grayscale(0) saturate(.9) sepia(.025) blur(var(--scroll-blur,0px))}
.hero-photo>img.touch-in-view{filter:grayscale(0)}
}

/* Kompaktes Touch-Menü: feste Markenfarbe und gut treffbare Zeilen. */
@media(max-width:980px){
.menu-toggle,.menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active,.menu-toggle[aria-expanded="true"]{color:var(--ink);-webkit-text-fill-color:var(--ink);appearance:none;-webkit-appearance:none;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
nav,nav.open{gap:0;font-size:15px;line-height:1.4;letter-spacing:.07em;padding:8px 0}
nav a{display:flex;align-items:center;min-height:44px;padding:9px 0;width:100%}
nav a[aria-current]{border-bottom:0;text-decoration:underline;text-underline-offset:6px}
}
/* Zentrierter Link im mauvefarbenen Vita-Bereich. */
.vita-more{text-align:center;margin-top:48px}
.vita-more .small{margin:12px 0 0}
.vita-more .button span{display:inline}
.vita-draft-intro .draft-label{max-width:760px;font-size:16px;line-height:1.5;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.vita-detail{max-width:1120px;margin:0 auto}
.vita-detail-section{margin-bottom:65px}
.vita-detail-section h2{font-size:clamp(32px,3.5vw,48px)}
.vita-detail-row{display:grid;grid-template-columns:1fr 2fr;gap:36px;border-top:1px solid var(--line);padding:24px 0}
.vita-detail-row>span{font-weight:400;font-size:17px}
.vita-detail-row p{margin:0}
@media(max-width:600px){.vita-more{margin-top:35px}.vita-more .button{max-width:100%;padding:14px 18px}.vita-detail-row{grid-template-columns:1fr;gap:12px}.vita-detail-section{margin-bottom:45px}}

/* HOME: weiße SVG-Füllung direkt anzeigen, ohne Farbfilter oder Bewegung. */
.home-page .hero .logo{filter:none;opacity:0;animation:home-logo-light 4s ease both}
@keyframes home-logo-light{from{opacity:0}to{opacity:.7}}
@media(prefers-reduced-motion:reduce){.home-page .hero .logo{animation:none;opacity:.7}}

/* Durchgängiger Über-mich-Text; Vita vollständig auf derselben Seite. */
.about-biography{display:grid;grid-template-columns:minmax(0,1fr) 50vw;gap:0;padding-right:0;background:var(--mauve);align-items:start}
.biography-copy{padding-right:8vw;min-width:0}
.biography-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.18}
.biography-copy p{max-width:650px}
.biography-images{min-width:0;display:flex;flex-direction:column;gap:65px;padding-top:15px}
.biography-images>.photo{width:84%;max-width:560px;align-self:center;height:auto}
.biography-images .piano-photo-frame{width:50vw;margin:0}
.biography-images .perspective-photo{width:max(100%,min(100vw,1120px));max-width:none;margin:0;height:auto}
.vita-row>div p+p{margin-top:14px}
@media(max-width:980px){.about-biography{grid-template-columns:1fr;padding-right:7%}.biography-copy{padding-right:0}.biography-images{gap:40px;margin-top:35px}.biography-images>.photo{width:100%;max-width:560px}.biography-images .piano-photo-frame{width:100%}.biography-images .perspective-photo{width:100%;max-width:none}}

/* Hochauflösendes Original-Logo; Footer direkt weiß, ohne CSS-Farbfilter. */
.brand-art{aspect-ratio:1780/435;object-fit:contain}
.footer-brand-art{filter:none}
/* Vita dezent heller als der obere Mauve-Bereich. */
#vita.vita{background:#e0d8d9}

/* Finales Original-SVG mit reinen Vektorkonturen. */
.brand-art{aspect-ratio:424.68/111.05;height:auto;object-fit:contain;mask:none;-webkit-mask:none}
.header-brand-art,.footer-brand-art{filter:none;background:transparent}

/* Gute Lesbarkeit der vorbereiteten Rechtstexte. */
.legal-copy{max-width:1100px}.legal-copy h2{font-size:clamp(30px,3vw,42px);margin-top:52px}.legal-copy p,.legal-copy address{max-width:900px}

/* Für Sehende und Screenreader verborgenes Prüffeld gegen einfache Spam-Bots. */
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-note a{text-decoration:underline;text-underline-offset:3px}