/* Mut zum ersten Strich: Poster-Startseite */
@font-face{font-family:"Staatliches";font-weight:400;font-display:swap;src:url("../fonts/staatliches-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Marck Script";font-weight:400;font-display:swap;src:url("../fonts/marck-script-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:400;font-display:swap;src:url("../fonts/nunito-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:600;font-display:swap;src:url("../fonts/nunito-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:700;font-display:swap;src:url("../fonts/nunito-sans-latin-700-normal.woff2") format("woff2")}
:root{--display:"Staatliches","Bebas Neue",Impact,"Arial Narrow",sans-serif;--script:"Marck Script","Segoe Script","Brush Script MT",cursive;--body:"Nunito Sans","Segoe UI",system-ui,sans-serif;
--ink:#2f2a33;--muted:#5b5560;--accent:#8a4a92;--claim:#b472ba;--beige:#e4d6b4;--line:#e3d6e7;--paper:#f2e9d3}
*,*::before,*::after{box-sizing:border-box;min-width:0}
h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}img{max-width:100%;display:block}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:1.0625rem/1.65 var(--body)}
a{color:inherit}:focus-visible{outline:3px solid var(--beige);outline-offset:3px}
.top{background:transparent;padding:28px 16px 16px}
.hero{width:100%;max-width:820px;height:auto;margin:0 auto}
.blk{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:64px max(6vw,16px)}
.blk h2{font:400 clamp(2.8rem,8vw,6.5rem)/.92 var(--display);letter-spacing:.02em}
.sub{font:1.5rem/1.3 var(--script);margin:.6rem 0 1rem}
.blk img{width:100%;aspect-ratio:4/3;object-fit:cover;transform:rotate(2deg);box-shadow:0 10px 30px #0004}
.placeholder{width:100%;aspect-ratio:4/3;border:3px dashed rgba(255,255,255,.7);display:grid;place-items:center;transform:rotate(2deg);font:1.6rem var(--script);color:rgba(255,255,255,.9)}
.tier{object-position:50% 62%}
.b1{background:var(--claim);color:#fff}
.b2{background:var(--beige);color:var(--ink)}.b2 img{transform:rotate(-2deg)}
.b3{background:#fff;color:var(--accent)}.b3 .sub{color:var(--muted)}.b3 p:not(.sub){color:var(--ink)}
.b4{background:var(--accent);color:#fff}.b4 img{transform:rotate(-2deg)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .4rem}.chips li{font-size:.85rem;background:var(--paper);color:var(--ink);padding:.1rem .8rem;border-radius:20px}
.pull{color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .4rem}
.tags li{font-size:.82rem;border:2px solid currentColor;padding:0 .7rem;border-radius:20px}
.b3 .tags li{color:var(--accent)}
summary{cursor:pointer;font-weight:700;margin-top:.6rem}details ul{margin:.6rem 0 0 1.1rem;list-style:disc}
.inner{max-width:1000px;margin:0 auto;padding:56px max(6vw,16px) 8px}
.inner h2{font:400 2.8rem/1 var(--display);color:var(--accent);letter-spacing:.03em;margin-bottom:22px}
.about{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.about img{width:100%;aspect-ratio:4/5;object-fit:cover;}
.who{font:400 2rem/1 var(--display);color:var(--accent)}.about .sub{color:var(--muted);font-size:1.3rem;margin:.3rem 0 1rem}
.about h3{font:.8rem var(--body);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:1.4rem 0 .6rem;font-weight:700}
.cv div{display:grid;grid-template-columns:6.2rem 1fr;gap:12px;padding:3px 0}.cv dt{font:1.1rem var(--display);color:var(--claim);letter-spacing:.04em}.cv dd{margin:0;color:var(--ink)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cols h3{font:400 1.4rem var(--display);color:var(--accent);letter-spacing:.03em}
.invite{font:2rem/1.3 var(--script);margin:34px 0 14px;color:var(--accent)}
.contact{margin-top:22px;line-height:1.9}
footer{padding:56px 16px 36px;text-align:center;color:var(--muted);font-size:.92rem}.copy{margin-top:.3rem;font-size:.82rem}
@media(max-width:800px){.blk,.about,.cols{grid-template-columns:1fr}.blk{padding:48px 20px}.blk img{order:-1;transform:rotate(1deg)!important}.cv div{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.intro{margin:12px 0 0;padding:16px 20px;text-align:center;border-top:3px solid var(--claim);border-bottom:3px solid var(--claim);font-family:var(--display);font-size:clamp(1.15rem,3.2vw,1.8rem);letter-spacing:.08em;line-height:1.3;color:var(--accent)}