:root{--ink:#11182c;--text:#45495d;--purple:#9461b9;--border:#eef0f5;--rainbow:linear-gradient(110deg,#97e5f0,#e6b0ee 35%,#fde7aa 62%,#b7eeec);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8052a5;outline-offset:5px}a:hover{color:#754c95}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.header{min-height:94px;display:flex;align-items:center;gap:30px}.brand{display:block;flex-shrink:0}.brand img{width:280px}.header nav{display:flex;gap:25px;margin-left:auto;font-size:.9rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 25px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:11px;font-weight:700;font-size:1rem;line-height:1.3;box-shadow:0 5px 14px #11182c0d;transition:transform .2s,background .2s}.button:hover{color:white;background:#2b2545;transform:translateY(-2px)}.header-button{font-size:.88rem;padding:13px 19px;white-space:nowrap}.music{font-size:1.8rem;line-height:1;color:#fff;text-shadow:-2px 0 #39dfda,2px 1px #f562a6}.hero{display:grid;grid-template-columns:.95fr 1.2fr;gap:32px;align-items:center;padding:0 0 22px}.hero-copy{padding:35px 0 35px 28px}.eyebrow{font-size:.76rem;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--purple);margin:0 0 20px}.hero .eyebrow{background:linear-gradient(90deg,#ad55c9,#257f9a,#485fb1);background-clip:text;color:transparent}h1,h2,h3{font-family:var(--serif);margin:0;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(3rem,5.25vw,4.8rem);font-weight:700}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.22rem;letter-spacing:-.025em}.heart{color:#b571d0;font-weight:400;display:inline-block;margin-left:.13em}.intro{font-size:1.18rem;max-width:420px;margin:23px 0 25px}.text-link{display:table;margin-top:20px;border-bottom:2px solid #d9b5e5;padding-bottom:4px;font-size:1.04rem}.hero-picture{border-radius:65px 65px 60px 100px;overflow:hidden;align-self:stretch;background:#fbf5fc}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}.about{padding:40px 35px;border-radius:25px;background:linear-gradient(110deg,#fafafa,#f8f9fb);display:grid;grid-template-columns:1fr 1.3fr;gap:38px;align-items:center;scroll-margin-top:20px}.about .eyebrow{margin-bottom:18px}.about-copy>p:last-child{color:var(--text);margin:18px 0 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;text-align:center}.value-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:3rem;margin:0 auto 17px}.lilac{background:#eee4fb}.aqua{background:#dff8fb}.pink{background:#fbe5f1}.values h3{font-size:1.12rem;letter-spacing:-.02em}.values p{margin:10px 0 0;color:var(--text);font-size:.98rem;line-height:1.45}.works{padding-top:36px}.section-heading{text-align:center;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:11px}.section-heading>p:last-child{font-size:1.1rem;margin:12px 0 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 9px 24px #17234505}.card>img{width:100%;aspect-ratio:1.55;object-fit:cover}.card-copy{padding:18px 19px 20px}.card-copy p{color:var(--text);font-size:.96rem;line-height:1.5;margin:12px 0 0}.gallery-note{font-size:.82rem;color:#666b79;text-align:center;margin:15px 0 25px}.community{border:3px solid #d3d6ec;background:linear-gradient(110deg,#e6f9fc,#f8edfb 28%,#fff9ed 65%,#e5f9fa);border-radius:25px;padding:28px 25px;display:grid;grid-template-columns:190px 1fr 160px;gap:24px;align-items:center;position:relative;isolation:isolate}.community:before{content:'';position:absolute;inset:-3px;border-radius:25px;background:var(--rainbow);z-index:-2}.community:after{content:'';position:absolute;inset:3px;border:1px solid white;border-radius:19px;z-index:-1}.community>img{border-radius:18px;width:190px;mix-blend-mode:multiply}.community>div{text-align:center}.community h2{font-size:clamp(1.9rem,2.8vw,2.6rem)}.community p{margin:14px 0 19px}.community-note{font-family:var(--serif);font-style:italic;font-size:1.1rem;transform:rotate(-8deg);text-align:center}.footer{display:flex;align-items:center;gap:35px;padding-block:35px 28px}.footer .brand img{width:210px}.footer nav{display:flex;gap:24px;font-size:.86rem;margin-left:auto}.footer small{font-size:.83rem}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:15px}.legal{max-width:780px;margin:35px auto 70px;min-height:60vh}.legal h1{font-size:3rem}.legal h2{font-size:1.5rem;margin-top:32px}.legal p{color:var(--text)}.notice{padding:18px 22px;background:#faf1db;border-left:4px solid #be8124;border-radius:8px;margin:25px 0}
@media(min-width:1450px){.hero{gap:42px}.hero-picture{min-height:565px}}
@media(max-width:1050px){.wrap{width:calc(100% - 40px)}.header{gap:20px}.brand img{width:220px}.header nav{gap:15px;font-size:.84rem}.header nav a:first-child{max-width:110px}.hero-copy{padding-left:10px}h1{font-size:3.7rem}.about{gap:25px;padding:30px 25px;grid-template-columns:.85fr 1.2fr}.values{gap:16px}.value-icon{width:65px;height:65px}.community{grid-template-columns:145px 1fr;gap:18px}.community>img{width:145px}.community-note{display:none}.footer{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header{flex-wrap:wrap;gap:10px;padding:18px 0 15px;min-height:0}.brand img{width:218px}.header-button{margin-left:auto;padding:10px 14px}.header nav{order:3;width:100%;margin:8px 0 0;justify-content:space-between;gap:12px;font-size:.85rem}.header nav a:first-child{max-width:none}.hero{grid-template-columns:1fr;gap:20px;padding:20px 0 24px}.hero-copy{padding:8px 5px 0}.hero .eyebrow{font-size:.68rem;letter-spacing:.12em;margin-bottom:16px}h1{font-size:clamp(2.8rem,9vw,4.6rem)}.intro{font-size:1.08rem;max-width:100%;margin:20px 0}.hero-picture{border-radius:35px 35px 35px 60px;aspect-ratio:1.28}.hero-picture img{object-position:center}.about{grid-template-columns:1fr;padding:28px 22px;gap:30px}.about h2{font-size:2.4rem}.values{gap:15px}.values h3{font-size:1rem;line-height:1.2}.values p{font-size:.9rem}.value-icon{width:57px;height:57px;font-size:2.3rem}.works{padding-top:30px}.section-heading{padding:0 8px}.section-heading h2{font-size:2.25rem}.section-heading>p:last-child{font-size:1rem}.gallery{grid-template-columns:1fr;gap:20px}.card>img{aspect-ratio:1.6}.card-copy{padding:19px 21px 23px}.card h3{font-size:1.3rem}.card-copy p{font-size:1rem}.community{grid-template-columns:1fr;padding:24px 20px;gap:12px}.community>img{width:160px;margin:auto}.community h2{font-size:2.1rem}.community p{font-size:1rem}.footer{flex-wrap:wrap;justify-content:center;gap:20px;padding-block:30px}.footer .brand{width:100%;display:flex;justify-content:center}.footer nav{margin:0;gap:22px}.footer small{width:100%;text-align:center}.legal{margin-top:25px}.legal h1{font-size:2.4rem}}
@media(max-width:380px){.brand img{width:183px}.header-button{font-size:.8rem;padding:9px 10px}.header nav{font-size:.78rem}.values{grid-template-columns:1fr;text-align:left;gap:20px}.values>div{display:grid;grid-template-columns:55px 1fr;column-gap:14px}.value-icon{grid-row:span 2;margin:0}.values h3{align-self:end}.values p{margin-top:6px}.button{padding:14px 17px;font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Seitenrahmen: auf großen Bildschirmen zentriert mit sichtbarer Schattenkante. */
body{background:#f0f1f6;padding:32px 24px}
.site-shell{width:min(1340px,100%);margin-inline:auto;background:#fff;border:1px solid #e1e3ed;border-radius:28px;box-shadow:0 24px 70px #20243b15,0 3px 16px #20243b0d;overflow:hidden}
.header nav{gap:19px;font-size:.86rem}
.own-content{margin-top:34px;padding:36px 40px;border:1px solid #eae7f0;border-radius:23px;background:linear-gradient(115deg,#fff,#fcfaff);position:relative}
.own-content:before{content:'';position:absolute;top:35px;bottom:35px;left:0;width:4px;border-radius:4px;background:var(--rainbow)}
.own-content h2{font-size:clamp(1.9rem,2.7vw,2.6rem)}
.own-content .eyebrow{margin-bottom:15px}.prose{width:100%;max-width:none;font-size:1.08rem;color:var(--text);line-height:1.75}.prose p{margin:19px 0 0}.prose h3{margin:25px 0 12px;color:var(--ink)}.prose a{text-decoration:underline;text-underline-offset:4px}.prose ul,.prose ol{padding-left:25px}
.partners{padding:24px 0 36px}.partners .section-heading{margin-bottom:25px}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.partner-logo{min-height:130px;padding:24px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e6ed;border-radius:16px;background:#fff;box-shadow:0 5px 18px #11182c04}.partner-logo img{width:100%;height:85px;object-fit:contain}.partner-placeholder{border-style:dashed;color:#73748a;font-size:.93rem;background:#fcfcfe;letter-spacing:.02em}.partner-logo[href]:hover{border-color:#b38dc7;background:#fdfbff}
@media(max-width:1120px){.header{flex-wrap:wrap;gap:14px;padding-block:18px}.header nav{order:3;width:100%;margin:0;justify-content:center;gap:27px}.header nav a:first-child{max-width:none}.header-button{margin-left:auto}}
@media(max-width:760px){body{padding:12px 8px}.site-shell{border-radius:19px}.wrap{width:calc(100% - 32px)}.header nav{justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:.8rem}.header nav a:first-child{max-width:110px}.own-content{margin-top:24px;padding:28px 23px}.prose{font-size:1rem;line-height:1.65}.partners{padding-top:20px}.partner-grid{grid-template-columns:repeat(2,1fr);gap:12px}.partner-logo{min-height:100px;padding:16px}.partner-logo img{height:65px}.partner-placeholder{font-size:.82rem}}
@media(max-width:380px){.header .brand img{width:170px}.header-button{gap:8px}.header nav{font-size:.75rem}.header nav a:first-child{max-width:95px}.partner-logo{padding:12px}}

/* Vollständiges Titelbild: natürliche Proportionen, kein Cover-Zuschnitt. */
.hero-picture{align-self:center;min-height:0;aspect-ratio:auto;border-radius:36px;overflow:hidden;background:transparent}
.hero-picture img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;border-radius:inherit}
/* Gleiche Schriftgröße, Schriftfarbe und Zeilenhöhe wie die Hero-Einleitung. */
.intro,.prose{font-family:Arial,Helvetica,sans-serif;font-size:1.18rem;font-weight:400;color:var(--ink);line-height:1.55;letter-spacing:normal}
.partner-item{display:block;min-width:0;text-align:center}.partner-item .partner-logo{border-style:solid;background:white}.partner-name{margin:13px 0 0;font-size:1rem;line-height:1.4;font-weight:600;color:var(--ink)}.partner-demo-note{font-size:.82rem;color:#666b79;text-align:center;margin:20px 0 0}.partner-item[href]:hover .partner-logo{border-color:#b38dc7;background:#fdfbff}
@media(max-width:760px){.intro,.prose{font-size:1.08rem;line-height:1.55}.partner-name{font-size:.92rem}.partner-logo img{height:65px}}

@media(max-width:760px){.hero-picture{border-radius:24px}}

/* Einladung für neue Partner und Kooperationen. */
.partner-contact{margin-top:26px;padding:27px 30px;display:flex;align-items:center;gap:30px;border:1px solid #ddd6ea;border-radius:20px;background:linear-gradient(110deg,#f5fbfd,#fbf5fc 65%,#fffaf0);box-shadow:0 6px 20px #11182c04}
.partner-contact>div{flex:1;min-width:0}.partner-contact .eyebrow{margin:0 0 11px;font-size:.72rem}.partner-contact h3{font-size:1.6rem;line-height:1.18;letter-spacing:-.025em}.partner-contact p:last-child{font-size:1rem;line-height:1.55;margin:13px 0 0;color:var(--text);max-width:700px}
.partner-mail{display:inline-block;padding:15px 20px;border-radius:11px;background:var(--ink);color:#fff;font-size:1rem;font-weight:700;white-space:nowrap;box-shadow:0 5px 14px #11182c0d}.partner-mail:hover{background:#2b2545;color:#fff}
@media(max-width:1050px){.partner-contact{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:760px){.partner-contact{padding:24px 21px}.partner-contact h3{font-size:1.4rem}.partner-mail{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:14px 16px;font-size:.95rem}}