:root{--paper:#f5f1e8;--ink:#192f3a;--red:#aa382c;--muted:#5c635f;--line:#d3d0c5;--white:#fffcf5;--blue:#dbe5e5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--red)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(3.4rem,6.6vw,6.5rem);margin-bottom:1.7rem}h2{font-size:clamp(2.5rem,4.5vw,4.6rem);margin-bottom:1.8rem}h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.025em}em{color:var(--red);font-weight:400}p{margin-bottom:1.4rem}strong{font-weight:700}header,.section,.page-head,.hero,footer,.values{max-width:1440px;margin-inline:auto}header{padding:31px 5%;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{font:3rem/.85 var(--serif);letter-spacing:-.07em;text-decoration:none;display:inline-block}.brand span{display:block;letter-spacing:.17em;font:9px/1.5 var(--sans);margin-top:13px}nav{display:flex;align-items:center;gap:2rem;font-size:.9rem}nav a{text-decoration:none}nav .nav-contact{border:1px solid var(--ink);padding:11px 20px}.draft{font-size:11px;letter-spacing:.1em;text-align:center;background:var(--ink);color:var(--white);padding:9px 18px}.skip{position:fixed;top:-100px;left:1rem;z-index:99;background:var(--white);padding:10px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.08fr 1fr;padding:60px 5% 70px;gap:4%;align-items:center}.hero-copy{padding:25px 0}.eyebrow{font:700 11px/1.6 var(--sans);letter-spacing:.17em;display:block;margin-bottom:25px}.lead{font-size:1.16rem;line-height:1.7;max-width:580px;color:#485a61}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;background:var(--red);color:#fff;padding:16px 25px;text-decoration:none;font-weight:700;font-size:.88rem;border:1px solid transparent;transition:background .2s}.button:hover{background:var(--ink);color:#fff}.text-link{font-size:.88rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-tags{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:46px;font-size:.75rem;color:var(--muted)}.hero-tags span:before{content:'✳';color:var(--red);margin-right:9px}.hero-art{position:relative;min-height:570px;overflow:hidden;background:#d9dfd7;border-radius:48% 48% 0 0}.sun{width:260px;height:260px;background:#b64632;border-radius:50%;position:absolute;left:21%;top:15%}.strings{position:absolute;height:130%;width:42%;top:-15%;right:4%;transform:rotate(24deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,#192f3a 26px,#192f3a 28px,transparent 29px)}.keys{position:absolute;bottom:-35px;left:-35px;width:120%;height:200px;display:flex;transform:rotate(-13deg);background:#192f3a;border:9px solid #192f3a}.keys i{display:block;flex:1;background:#fffaf0;border:1px solid #192f3a;position:relative}.keys i:nth-child(7n+1):after,.keys i:nth-child(7n+2):after,.keys i:nth-child(7n+4):after,.keys i:nth-child(7n+5):after,.keys i:nth-child(7n+6):after{content:'';position:absolute;top:0;right:-10px;width:19px;height:110px;background:#192f3a;z-index:1}.art-word{position:absolute;left:10%;top:28%;font:italic 5rem/.88 var(--serif);color:#fffaf0;letter-spacing:-.07em}.art-word em{color:#fffaf0}.art-note{position:absolute;left:11%;top:64%;font-size:10px;letter-spacing:.2em}.values{display:flex;justify-content:space-around;align-items:center;padding:23px 5%;border-block:1px solid var(--line);font-family:var(--serif);font-size:1.5rem}.star{font-family:var(--sans);color:var(--red)}.section{padding:95px 5%}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.split>div{padding-top:10px}.large{font:1.65rem/1.4 var(--serif);letter-spacing:-.02em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:7%;margin-bottom:35px}.section-heading>p{max-width:420px}.section-heading>.text-link{flex-shrink:0;margin-bottom:30px}.lessons{background:#e9e9df}.lesson-list{border-top:1px solid #b6bcb6}.lesson-list>a{display:grid;grid-template-columns:55px 1fr 1.4fr 25px;align-items:center;gap:20px;text-decoration:none;padding:25px 0;border-bottom:1px solid #b6bcb6}.lesson-list h3,.lesson-list p{margin:0}.lesson-list h3{font:2rem var(--serif)}.lesson-list p{font-size:.88rem}.number{font-size:.72rem;color:var(--muted)}.lesson-foot{display:flex;gap:10%;align-items:center;justify-content:space-between;margin-top:33px}.lesson-foot p{font-size:.82rem;max-width:600px;margin:0}.lesson-foot .button{flex-shrink:0}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 25px}.people-grid.featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.person{min-width:0}.person[hidden]{display:none}.portrait{height:300px;position:relative;overflow:hidden;background:#d9dfd7;display:flex;align-items:center;justify-content:center}.portrait:before{content:'';position:absolute;width:80%;aspect-ratio:1;background:#b9c7c3;border-radius:50%;top:16%;left:25%}.portrait:after{content:'';position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(112deg,transparent 0,transparent 37px,#192f3a 38px,#192f3a 39px)}.portrait span{z-index:1;font:italic 5rem var(--serif);color:var(--ink);letter-spacing:-.08em}.portrait small{position:absolute;bottom:13px;font-size:10px;color:#344e50;z-index:2;background:var(--paper);padding:4px 8px}.art-Violine{background:#ead7ce}.art-Violine:before{background:#d8b7a8}.art-Klarinette{background:#cbd7dc}.art-Klarinette:before{background:#aec1cb}.art-Violoncello{background:#e4dfcb}.art-Violoncello:before{background:#cfc6a9}.portrait-link{text-decoration:none}.person-text{padding-top:22px}.person-text .eyebrow{font-size:9px;margin-bottom:7px}.person-text h3{font-family:var(--serif);font-size:1.6rem;font-weight:400;margin-bottom:12px}.person-text h3 a{text-decoration:none}.person-text h3 span{font-family:var(--sans);font-size:1rem;float:right}.person-text p{font-size:.88rem;line-height:1.6;color:#526068;margin-bottom:16px}.person-text>.text-link{font-size:.75rem}.concert{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--ink);color:var(--paper);align-items:center}.concert em{color:#e8ac92}.concert .fine{color:#cad5d6}.concert-art{background:#c0cbbe;min-height:410px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:40px;color:var(--ink)}.concert-art:after{content:'';width:220px;height:220px;border:45px solid #b54231;border-radius:50%;position:absolute;right:-100px;bottom:-80px}.concert-art>span{font:4.5rem/.95 var(--serif);letter-spacing:-.055em;z-index:1}.concert-art>div{font-size:10px;letter-spacing:.18em;margin-top:30px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.step-grid>div{border-top:1px solid var(--line);padding-top:22px}.step-grid span{font:2.2rem var(--serif);color:var(--red);display:block;margin-bottom:30px}.step-grid h3{font-size:1.1rem}.step-grid p{font-size:.92rem}.cta{padding:85px 5%;text-align:center;background:var(--red);color:var(--paper)}.cta em{color:var(--paper)}.light{color:var(--ink);background:var(--white)}footer{padding:60px 5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer p{font-size:.8rem;margin-top:25px}footer>div:nth-child(2){display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:25px}footer a:not(.brand){font-size:.8rem}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:.65rem;color:var(--muted)}.page-head{padding:75px 5% 45px}.page-head h1{max-width:1000px}.page-head .notice{max-width:900px;margin-top:30px}.notice{border-left:3px solid var(--red);background:#eaded2;padding:18px 24px;font-size:.85rem;line-height:1.65;margin-bottom:40px}.team-section{padding-top:15px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}.filters[hidden]{display:none}.filters button{background:transparent;border:1px solid #9aaba9;padding:8px 20px;cursor:pointer;font-size:.8rem;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{border-color:var(--red)}.back{display:inline-block;margin-bottom:40px;font-size:.8rem}.profile-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:start}.profile-grid .portrait{height:490px}.profile h1{font-size:clamp(3rem,5vw,5rem);line-height:1.08}.profile h2{font-size:2rem;letter-spacing:-.03em;margin-top:40px}.bio p{font-size:1rem;line-height:1.85}.profile .button{margin-top:15px}.source{margin-top:35px;font-size:.8rem;border-top:1px solid var(--line);padding-top:18px}.source summary{cursor:pointer}.source p{margin-top:20px}.fine{font-size:.75rem;color:var(--muted);margin-top:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:25px}.contact-link{display:block;font-size:clamp(.9rem,2vw,1.5rem);margin:20px 0;overflow-wrap:anywhere}.contact-grid address{font-style:normal;margin-top:35px}.contact-note{padding:40px;background:var(--blue)}.contact-note a{overflow-wrap:anywhere}.contact-note p{font-size:.9rem}.contact-note hr{border:0;border-top:1px solid #acbcba;margin:35px 0}.legal{max-width:920px}.legal.wide{max-width:1260px}.legal h1{font-size:clamp(2.4rem,6vw,5rem);overflow-wrap:anywhere}.legal h2{font:1.5rem var(--serif);letter-spacing:-.02em;margin-top:35px;margin-bottom:15px}.legal p{font-size:.95rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--line)}thead{background:var(--ink);color:var(--white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){body{border-inline:1px solid var(--line);max-width:1600px;margin:auto}}
@media(max-width:1100px){nav{gap:18px}.hero-art{min-height:490px}.hero h1{font-size:5rem}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concert-art>span{font-size:3.7rem}.profile-grid{gap:6%}.profile-grid .portrait{height:400px}}
@media(max-width:800px){header{align-items:start;gap:20px}.brand{font-size:2.5rem}.brand span{font-size:7px}nav{gap:14px;font-size:.75rem;flex-wrap:wrap;justify-content:flex-end;max-width:310px}nav .nav-contact{padding:6px 12px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:35px}.hero h1{font-size:3.6rem}.hero-art{min-height:420px}.sun{width:180px;height:180px;left:8%}.art-word{font-size:3.7rem}.lead{font-size:1rem}.hero-tags{margin-top:25px}.section{padding:65px 5%}.split{gap:7%}.section-heading{gap:6%}.section-heading>p{font-size:.9rem}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid.featured{gap:20px}.portrait{height:260px}.featured .portrait{height:220px}.person-text h3{font-size:1.35rem}.lesson-list>a{grid-template-columns:30px 1fr 1.2fr 20px;gap:12px}.lesson-list h3{font-size:1.6rem}.lesson-foot{align-items:start;gap:25px}.concert{gap:6%}.concert-art{min-height:370px;padding:25px}.concert-art>span{font-size:3rem}.step-grid{gap:25px}.contact-note{padding:28px}.profile-grid .portrait{height:330px}.profile h1{font-size:3rem}.profile h2{font-size:1.8rem}}
@media(max-width:580px){body{font-size:16px}.draft{font-size:9px;letter-spacing:.04em;padding:7px 14px}header{display:block;padding-block:24px}nav{max-width:none;margin-top:24px;justify-content:space-between;gap:10px;font-size:.74rem}nav .nav-contact{padding:5px 10px}.brand{font-size:2.7rem}.hero{grid-template-columns:1fr;padding-top:20px;padding-bottom:40px;gap:20px}.hero-copy{padding:10px 0}.hero h1{font-size:4.2rem}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero .lead{font-size:1.05rem}.hero-art{min-height:390px;max-width:440px;width:100%;margin:auto;border-radius:45% 45% 0 0}.sun{width:210px;height:210px;left:22%;top:10%}.art-word{font-size:4.4rem;top:22%}.art-note{top:60%}.keys{height:150px;bottom:-30px}.keys i:after{height:85px!important}.hero-tags{font-size:.68rem;gap:15px}.values{font-size:1.05rem;padding-block:18px;gap:8px}.values .star{font-size:.85rem}.section{padding:55px 6%}.split,.concert,.contact-grid,.profile-grid{grid-template-columns:1fr;gap:35px}.split h2{margin-bottom:0}.section-heading{display:block;margin-bottom:25px}.section-heading>.text-link{display:inline-block;margin-bottom:0}.section-heading h2{margin-bottom:25px}.section-heading>p{max-width:none}.lesson-list>a{grid-template-columns:25px 1fr 20px;gap:10px;padding:20px 0}.lesson-list p{grid-column:2;grid-row:2;font-size:.75rem}.lesson-list>a>span:last-child{grid-column:3;grid-row:1}.lesson-list h3{font-size:1.8rem}.lesson-foot{display:block}.lesson-foot .button{margin-top:24px}.people-grid,.people-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.people-grid.featured .person:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.portrait,.featured .portrait{height:210px}.portrait span{font-size:3.7rem}.portrait small{font-size:8px;padding:3px 5px;bottom:10px}.person-text h3{font-size:1.35rem}.person-text h3 span{display:none}.person-text p{font-size:.77rem}.person-text>.text-link{font-size:.7rem}.person-text .eyebrow{font-size:8px}.concert-art{min-height:290px}.concert-art>span{font-size:3.6rem}.step-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.step-grid span{font-size:1.8rem;margin-bottom:16px}.step-grid p{margin-bottom:0}.cta{padding:65px 6%}footer{grid-template-columns:1fr;padding:45px 6% 25px;gap:20px}footer>div:nth-child(2){justify-content:flex-start;gap:15px 22px}footer small{font-size:.6rem}.page-head{padding:45px 6% 25px}.page-head h1{font-size:3.7rem}.filters{gap:8px;margin-bottom:30px}.filters button{font-size:.72rem;padding:7px 13px}.profile{padding-top:30px}.profile-grid .portrait{height:350px;max-width:380px}.profile h1{font-size:3.2rem}.contact-grid{padding-top:15px}.contact-link{font-size:1rem}.contact-note{padding:25px}.contact-note p{font-size:.85rem}.legal h1{font-size:2.8rem}.legal p{font-size:.88rem}th,td{padding:12px 9px}.legal table{font-size:.73rem}.legal table td{min-width:130px}.notice{font-size:.78rem;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.draft,nav,.filters,.button,.hero-art,.concert-art,footer,.skip{display:none}body{background:white;color:black}.section,.hero,.page-head{padding:20px 0}.hero,.split,.profile-grid{display:block}.people-grid{grid-template-columns:repeat(2,1fr)}.portrait{height:120px}a{text-decoration:none}h1,h2{font-size:28pt}.person{break-inside:avoid}details>p{display:block}}
/* Version 2: Originalbilder, weitere Inhaltsseiten und moderiertes Gästebuch. */
.brand{display:flex;align-items:center;gap:13px}.brand>img{width:57px;height:55px;object-fit:contain}.brand .brand-name{display:block;font:2.25rem/1 Georgia,serif;letter-spacing:-.06em;margin:0}.brand .brand-name small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-top:9px}header{gap:20px}header nav{gap:19px;font-size:.8rem;flex-wrap:wrap;justify-content:flex-end}.real-photo{margin:0;position:relative}.real-photo img{width:100%;height:auto;display:block;object-fit:cover}.real-photo figcaption{font:10px/1.5 Arial,sans-serif;background:#eaded2;color:#442b22;padding:7px 10px}.person .real-photo img{height:300px;object-position:center 25%}.featured .real-photo img{height:320px}.hero-photo{min-width:0}.hero-photo img{height:540px;object-fit:cover;object-position:35% center;border-radius:44% 44% 0 0}.concert-photo img{max-height:450px;object-fit:contain}.profile-grid .real-photo img{max-height:620px;object-fit:contain;background:#e9e5dd}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:40px}.document-grid article{background:#e5e8dd;padding:35px}.document-grid h2{font-size:2.5rem;overflow-wrap:anywhere}.event{border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 140px;gap:25px;padding:30px 0}.event time{font-size:.9rem;color:var(--red);font-weight:bold}.event h2{font-size:2rem;margin-bottom:15px}.event>a{font-size:.8rem}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.photo-gallery img{height:280px;object-fit:contain;background:#e7e4dc}.photo-gallery h3{font-size:1rem;margin-top:18px;overflow-wrap:anywhere}.guest-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:15px}.guest-layout h2{font-size:2.6rem}.guest-form{display:flex;flex-direction:column;gap:14px;margin:25px 0}.guest-form input:not([type=checkbox]):not([type=hidden]),.guest-form textarea{width:100%;padding:13px;border:1px solid #85928f;background:#fffcf5;font:inherit;color:var(--ink)}.guest-form .consent{font-size:.83rem;line-height:1.6}.guest-form input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:7px}.guest-form button{align-self:start;cursor:pointer}.guest-entry{padding:25px 0;border-block:1px solid var(--line);margin-bottom:25px;overflow-wrap:anywhere}.guest-entry h3{margin-bottom:5px}.guest-entry time{font-size:.75rem;color:var(--muted)}.guest-entry>p{margin-top:20px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:3px}.guest-entry .actions button{cursor:pointer}body{overflow-wrap:break-word}
@media(max-width:1000px){header{align-items:start}.brand .brand-name{font-size:1.8rem}header nav{max-width:580px;gap:12px 18px}.person .real-photo img,.featured .real-photo img{height:240px}.hero-photo img{height:430px}.event{grid-template-columns:145px 1fr}.event>a{grid-column:2}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){header nav{justify-content:flex-start;gap:12px 19px}.brand .brand-name{font-size:2.1rem}.hero-photo img{height:340px;border-radius:0}.person .real-photo img,.featured .real-photo img{height:210px}.real-photo figcaption{font-size:9px}.document-grid,.guest-layout{grid-template-columns:1fr;gap:25px}.document-grid article{padding:25px}.document-grid h2{font-size:2rem}.event{display:block;padding:25px 0}.event h2{margin-top:15px}.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:auto;max-height:420px}.guest-layout h2{font-size:2.2rem}.brand>img{width:50px;height:50px}}

@media(max-width:900px){.document-grid{grid-template-columns:1fr}.document-grid h2{font-size:2.2rem}}
