:root{--blue:#142bff;--cream:#f3f0e5;--lime:#a5e75a;--line:rgba(243,240,229,.45);--ink:#14208c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{width:min(100% - 8vw,1420px);margin-inline:auto}.skip{position:absolute;top:-100px;left:1rem;background:var(--lime);color:#101426;padding:1rem;z-index:5}.skip:focus{top:1rem}.header{min-height:86px;display:flex;align-items:center;gap:3rem;border-bottom:1px solid var(--line)}.logo{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.015em;font-size:1.6rem;white-space:nowrap}.logo span,h2 span{color:var(--lime)}nav{display:flex;gap:2.4rem;margin-left:auto}nav a,.header-link{font-size:.8rem;font-weight:700;letter-spacing:.04em}.header-link{margin-left:auto}.header a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:630px;position:relative;overflow:hidden;padding-block:4rem 5rem}.hero-copy{position:relative;z-index:1}.eyebrow,.project-number,.note-list small{font-size:.69rem;letter-spacing:.2em;font-weight:700}.eyebrow span{color:var(--lime);padding:0 .35rem}h1,h2,h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;margin:0;letter-spacing:-.025em}h1{font-size:clamp(4rem,6.7vw,7rem);line-height:.9;margin:1.8rem 0 1.7rem}h2{font-size:clamp(4rem,7vw,7rem);line-height:.95}.intro{font-size:1.06rem;line-height:1.55;max-width:24rem}.button{background:var(--lime);color:#102215;display:inline-flex;align-items:center;gap:3rem;padding:1.05rem 1.3rem;font-size:.85rem;font-weight:700;margin-top:1rem;min-height:48px}.button:hover{background:var(--cream)}.hero-art{align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:120%;max-width:760px;height:auto;mix-blend-mode:normal}.hero-index{position:absolute;bottom:1.5rem;right:0;font-size:.62rem;letter-spacing:.14em;opacity:.75}.hero-index span{padding:0 1rem;color:var(--lime)}.section{padding-block:4rem 5rem;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.6rem}.section-head>p{max-width:20rem;font-size:.96rem;line-height:1.55;margin:0}.section-head .eyebrow{margin:0 0 1.3rem}.project-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.project{position:relative;min-height:255px;padding:1.5rem;border:1px solid var(--line);border-left:0;display:flex;flex-direction:column;transition:background .2s,color .2s}.project:hover{background:var(--cream);color:var(--blue)}.project h3{font-size:clamp(2.7rem,4vw,4.5rem);line-height:1;margin:2rem 0 .7rem}.project p{font-size:.9rem;line-height:1.5;max-width:17rem;margin:0 2rem 0 0}.project-number{opacity:.8}.arrow{position:absolute;right:1.4rem;bottom:1.2rem;font-size:1.6rem}.notes{background:var(--cream);color:var(--ink);border:0}.notes h2 span{color:var(--blue)}.note-list{border-top:1px solid rgba(20,32,140,.4)}.note-list a{display:grid;grid-template-columns:4rem 1fr 3rem;align-items:center;gap:1rem;padding:1.4rem 0;border-bottom:1px solid rgba(20,32,140,.4);min-height:95px}.note-list a:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.note-num{font-size:.8rem;align-self:start}.note-list small{display:block;margin-bottom:.55rem}.note-list strong{font-size:clamp(1.1rem,2.2vw,1.6rem);line-height:1.2}.note-arrow{justify-self:end;font-size:1.5rem}.archive-note{font-size:.8rem;line-height:1.5;margin-top:1.5rem}.about{padding-block:6rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.about>div:last-child{max-width:29rem;justify-self:end;font-size:1.15rem;line-height:1.6}.text-link{display:inline-block;font-weight:700;font-size:.9rem;margin-top:1rem}.footer{border-top:1px solid var(--line);padding-block:2rem;display:flex;align-items:center;gap:2rem;font-size:.75rem}.footer p{margin-right:auto}.footer>span{opacity:.75}@media(max-width:760px){.wrap{width:calc(100% - 2.5rem)}.header{min-height:75px;flex-wrap:wrap;gap:0;padding-block:1rem}.header .logo{margin-right:auto}.header-link{font-size:.72rem;margin-left:0}nav{width:100%;order:3;gap:1.3rem;overflow-x:auto;padding-top:1.1rem}nav a{white-space:nowrap;font-size:.75rem}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0 3rem}.hero-copy{display:contents}.hero .eyebrow{order:0}.hero h1{order:1;font-size:clamp(4.4rem,14vw,7rem);margin:1.3rem 0}.intro{order:2;margin-top:0}.hero-art{order:3;margin:-1rem -1.25rem}.hero-art img{width:100%;max-width:520px}.button{order:4;justify-self:start;margin-top:0}.hero-index{display:none}.section{padding-block:3.5rem}.section-head{display:block}.section-head>p{margin-top:1.5rem}.project-list{grid-template-columns:1fr}.project{min-height:200px;border-bottom:0}.project:last-child{border-bottom:1px solid var(--line)}.project h3{margin-top:1.5rem}.note-list a{grid-template-columns:2rem 1fr 1.5rem;gap:.5rem}.about{grid-template-columns:1fr;padding-block:4rem}.about>div:last-child{justify-self:start}.footer{align-items:flex-start;flex-wrap:wrap;gap:1rem 2rem}.footer p{width:100%;order:2}.footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project{transition:none}}

/* Zweisprachigkeit und redaktionelle Illustrationen */
.language{display:flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.75rem;font-weight:700;letter-spacing:.08em}.language [aria-current]{color:var(--lime)}.language a{padding:.65rem .1rem}.note-list a{grid-template-columns:3rem 112px 1fr 3rem}.note-image{width:112px;height:112px;object-fit:cover}.about-links{display:flex;flex-wrap:wrap;gap:0 1.5rem}.about-links .text-link{white-space:nowrap}@media(max-width:760px){.header{column-gap:1rem}.header-link{margin-left:auto}.note-list a{grid-template-columns:1.5rem 76px 1fr 1.5rem;gap:.5rem}.note-image{width:76px;height:76px}.note-list strong{font-size:1rem}.note-list small{font-size:.58rem;letter-spacing:.1em}.language{order:0}.header .logo{margin-right:0}.hero .intro{margin-bottom:1rem}.hero-art{order:4}.button{order:3;margin-bottom:1.3rem}}