:root{--night:#06152b;--red:#a7192e;--cream:#f7f2e8;--gold:#d9a441;--ink:#10233a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.gallery-header{height:78px;padding:0 6vw;background:var(--night);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-star{font-size:30px;color:var(--gold)}.brand b,.brand small{display:block}.brand b{font:700 19px 'Playfair Display',serif}.brand small{margin-top:4px;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.gallery-header nav{display:flex;gap:25px}.gallery-header nav a{color:#dce3eb;text-decoration:none;font-size:13px}.gallery-hero{padding:105px 8vw 80px;background:linear-gradient(90deg,#06152bf2,#06152b91),url('assets/parade-hero.png') center 55%/cover;color:#fff}.gallery-hero span{color:#ebc976;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.gallery-hero h1{max-width:800px;margin:12px 0 20px;font:600 clamp(52px,7vw,92px)/1 'Playfair Display',serif}.gallery-hero h1 em{color:var(--gold)}.gallery-hero p{max-width:570px;color:#d6dee7;line-height:1.7}.gallery-main{padding:85px 8vw}.gallery-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.gallery-intro h2{margin:0;font:600 clamp(32px,4vw,52px) 'Playfair Display',serif}.gallery-intro p{max-width:420px;margin:0;color:#657181;line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:160px;gap:15px}.photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#102d4b,#07172c);border:1px solid #fff;box-shadow:0 12px 34px #14243b14}.photo:nth-child(1){grid-column:span 7;grid-row:span 3}.photo:nth-child(2){grid-column:span 5;grid-row:span 2}.photo:nth-child(3){grid-column:span 5;grid-row:span 2}.photo:nth-child(4),.photo:nth-child(5),.photo:nth-child(6){grid-column:span 4;grid-row:span 2}.photo:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,#d9a44155,transparent 25%),linear-gradient(135deg,#fff0,#a7192e30)}.photo:after{content:'Foto folgt';position:absolute;left:22px;bottom:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.photo-icon{position:absolute;inset:0;display:grid;place-items:center;color:#d9a441;font-size:55px;opacity:.45}.gallery-note{margin-top:28px;padding:22px;border-left:3px solid var(--red);background:#fff;color:#667381;font-size:13px;line-height:1.7}.year-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px}.year-nav a{flex:1;padding:25px;background:var(--night);color:#fff;text-decoration:none}.year-nav small,.year-nav strong{display:block}.year-nav small{color:#d9a441;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.year-nav strong{margin-top:7px;font:600 21px 'Playfair Display',serif}footer{padding:38px 8vw;background:#030e1e;color:#8794a4;display:flex;justify-content:space-between;font-size:12px}footer a{color:#fff;text-decoration:none}@media(max-width:700px){.gallery-header nav a:not(:last-child){display:none}.gallery-hero{padding:75px 6vw 65px}.gallery-main{padding:65px 6vw}.gallery-intro{display:block}.gallery-intro p{margin-top:18px}.photo-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:250px}.photo:nth-child(n){grid-column:auto;grid-row:auto}.year-nav{flex-direction:column}footer{flex-direction:column;gap:12px}}