/* Gemeinsames Design für alle Projektseiten (passt zu index.html) */
:root{--ink:#4a4540;--soft:#8a837b;--line:#e6e2dc;--bg:#fff;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
#lang{position:fixed;top:14px;right:var(--pad);z-index:20;font-size:14px}
#lang button{background:none;border:0;font:inherit;color:var(--soft);cursor:pointer;padding:4px 6px}
#lang button.on{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
#nav{padding:20px var(--pad);padding-right:150px;font-size:18px}
#nav a{text-decoration:none;letter-spacing:.03em}
main{width:100%;max-width:1280px;margin:0 auto;padding:20px var(--pad) 70px;line-height:1.7;font-size:17px}
h1{font-weight:normal;font-size:clamp(26px,3.4vw,38px);margin:0 0 clamp(24px,4vw,48px)}
h3{font-weight:normal;font-size:clamp(18px,2vw,22px);margin:0 0 6px}
p{margin:0 0 1em;max-width:68ch}
.sub{color:var(--soft);font-size:15px}

/* Sprachen: data-lang="de|en|es" wird nur in der gewählten Sprache gezeigt, "all" immer */
[data-lang]:not([data-lang="all"]){display:none}
html[lang="de"] [data-lang="de"],html[lang="en"] [data-lang="en"],html[lang="es"] [data-lang="es"]{display:block}

/* Medien */
img,video{display:block;max-width:100%;height:auto;margin:0 0 28px}
main img{max-height:88vh}
video{width:100%}
audio{display:block;width:100%;max-width:640px;margin:0 0 28px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin-bottom:28px}
.gallery img{width:100%;margin:0;max-height:none}
.gallery .wide{grid-column:1/-1}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;background:#f2efeb;color:var(--soft);border:1px dashed #d4cfc8;font-size:14px;margin:0 0 28px;padding:12px;line-height:1.5;width:100%}
.ph small{display:block;font-size:12px;word-break:break-all}
.ph-photo{aspect-ratio:3/2;max-width:900px}
.ph-portrait{aspect-ratio:3/4;max-width:none}
.ph-video{aspect-ratio:16/9}
.ph-audio{height:64px;max-width:640px}
.gallery .ph{margin:0;max-width:none;aspect-ratio:3/2}

/* Anordnungen */
.cols2{column-count:2;column-gap:clamp(24px,5vw,72px);margin-bottom:28px}
.cols2 p{max-width:none}
.narrow{max-width:760px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.sticky{position:sticky;top:20px}
.hero video{margin:0;max-height:80vh;background:#000}
.hero .ph{margin:0;max-width:none}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;margin-bottom:clamp(32px,6vw,80px)}
.row2 img,.row2 .ph{margin:0}
.row2.rev>:first-child{order:2}

footer{max-width:1280px;margin:0 auto;padding:10px var(--pad) 50px;font-size:14px;color:var(--soft)}
footer a{text-decoration:none}
@media(max-width:800px){.cols2{column-count:1}.split,.row2{grid-template-columns:1fr}.row2.rev>:first-child{order:0}.sticky{position:static}}