:root{--bg:#101010;--panel:#181818;--fg:#f5f4f0;--muted:#b2b2b2;--red:#ff3938}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;color:black;padding:10px}.skip:focus{top:10px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#101010}.brand img{width:100px;height:85px;object-fit:contain}nav{display:flex;gap:34px;font-size:16px;font-weight:bold}nav a:hover{color:var(--red)}.header-note{font-size:12px;letter-spacing:2px;color:var(--muted)}.hero{min-height:700px;height:calc(100svh - 100px);max-height:950px;position:relative;isolation:isolate;display:flex;align-items:center;padding:70px 7% 100px;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 46%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.62) 40%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,#101010,transparent 35%)}.hero-content{max-width:770px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.5px;margin:0 0 26px}.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,8.3vw,126px);letter-spacing:-6px;line-height:.98;margin-bottom:34px;font-weight:900}em{color:var(--red);font-style:normal}h2{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin-bottom:0}h3{font-size:25px;line-height:1.2;margin-bottom:8px}.intro{max-width:490px;color:#dedede;font-size:20px;line-height:1.55;margin-bottom:35px}.button{display:inline-block;background:var(--red);color:white;padding:16px 25px;font-size:16px;font-weight:700;border:1px solid var(--red);transition:background .2s}.button:hover{background:#d32223}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#ddd}.section{padding:100px 7%;max-width:1600px;margin:auto}.farewell{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid #343434}.farewell-copy{color:#bdbdbd}.farewell-copy p:last-child{margin-bottom:0}.signoff{color:white;font-weight:bold}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:45px}.small{font-size:14px;color:var(--muted);margin:0;white-space:nowrap}.dates{padding-bottom:65px}.date{display:flex;align-items:center;gap:40px;padding:30px 0;border-top:1px solid #393939}.date:last-child{border-bottom:1px solid #393939}.calendar{width:100px;flex-shrink:0}.calendar strong{font-size:58px;line-height:1.1;display:block;letter-spacing:-3px}.calendar span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.event{flex:1}.event p{margin-bottom:0;color:#c2c2c2;font-size:16px}.event .detail{font-size:14px;color:#929292;margin-top:6px}.tag{font-size:12px;letter-spacing:1px;border:1px solid #454545;padding:6px 11px;white-space:nowrap}.pending .calendar strong{font-size:34px;color:var(--muted);letter-spacing:-1px}.poster-link{background:transparent;border:0;border-bottom:1px solid var(--red);color:white;padding:7px 0;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.photo{padding:0;border:0;display:block;position:relative;height:360px;background:#222;overflow:hidden;color:white;text-align:left}.photo.wide{grid-column:span 2}.photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.photo:hover img{transform:scale(1.04)}.photo span{position:absolute;bottom:0;left:0;width:100%;padding:40px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:14px}.closing{text-align:center;padding:100px 20px 110px;border-top:1px solid #333;background:#171717}.closing h2{font-size:clamp(42px,6vw,86px);margin-bottom:40px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 7%;font-size:14px;color:var(--muted)}footer img{width:80px}footer p{margin:0}dialog{padding:25px;border:1px solid #555;background:#111;color:white;max-width:95vw;max-height:95svh}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{display:block;max-height:78svh;max-width:85vw;margin:auto}dialog p{margin:15px 0 0;text-align:center;font-size:16px}.close{position:absolute;right:5px;top:0;background:#111;color:white;border:0;font-size:32px;width:40px;height:40px;line-height:1}@media(min-width:1450px){.hero-content{margin-left:calc((100vw - 1450px)/2)}}@media(max-width:900px){.header-note{display:none}.hero{min-height:650px}.farewell{gap:40px}.gallery{grid-template-columns:repeat(2,1fr)}.photo{height:340px}.section{padding:75px 6%}.hero-bottom span:last-child{display:none}}@media(max-width:600px){body{font-size:16px}header{height:82px;padding:0 5%}.brand img{width:75px;height:70px}nav{gap:18px;font-size:14px}.hero{height:auto;min-height:660px;padding:90px 6% 110px}.hero-photo{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.38)),linear-gradient(0deg,#101010,transparent 40%)}h1{font-size:66px;letter-spacing:-3px}.eyebrow{font-size:12px;letter-spacing:1.6px}.intro{font-size:18px}.section{padding:60px 6%}.farewell{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading .small{display:block;margin-top:20px}.date{gap:20px;flex-wrap:wrap;padding:25px 0}.calendar{width:64px}.calendar strong{font-size:45px}.calendar span{font-size:11px}.event{min-width:180px}h3{font-size:22px}.date .tag,.poster-link{margin-left:84px}.gallery{gap:10px}.photo{height:240px}.photo.wide{height:280px}.closing{padding:70px 20px}footer{padding:25px 6%}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Bayerische Gestaltung mit unveränderten Originalfotos */
:root{--bg:#f5f2e9;--fg:#25221e;--muted:#635f58;--red:#c82824;--blue:#17759e}header{background:#12222b;color:#fff;border-bottom:7px solid transparent;}.header-note{color:#d5e6ed}.hero{height:auto;min-height:650px;padding:85px 6% 90px;background:#17242c;display:grid;grid-template-columns:42% 58%;gap:0;overflow:visible}.hero-content{max-width:none;position:relative;z-index:1;padding-right:25px;color:white;grid-column:1;grid-row:1}.hero-photo{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;width:100%;height:auto;object-fit:contain;align-self:center;border:1px solid #6b655d;box-shadow:0 20px 60px #0005}.hero-shade{display:none}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.7vw,86px);line-height:1.1;letter-spacing:-3px;font-weight:700}h1 em{font-style:italic;color:#fff}.hero .eyebrow{color:#92d0e9}.hero .intro{color:#e0e4e6;font-size:18px}.hero-bottom{font-size:12px;letter-spacing:1px;color:#c1d1d9}.button{background:var(--red);border-color:var(--red)}.farewell{border-color:#d0c9bc}.farewell-copy{color:#554e43}.signoff{color:#9d2623;font-family:Georgia,serif;font-style:italic;font-size:24px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-1.5px}.dates{background:#fffdf8;border-top:5px solid var(--blue);max-width:none}.date{border-color:#d7d0c4}.date:last-child{border-color:#d7d0c4}.calendar strong{color:var(--blue)}.event p{color:#514e49}.event .detail{color:#69665e}.tag{border-color:#c9c1b3;color:#655d52}.poster-link{color:#9d2623}.gallery{grid-template-columns:repeat(5,1fr);gap:18px}.photo{height:260px;background:#16262e}.photo img{object-position:center}.photo.wide{grid-column:1/-1;height:auto}.band-photo img{height:auto;display:block;object-fit:contain}.photo span{color:white}.closing{background:#132936;color:white;border-top:8px solid transparent;}.closing em{color:#9dd9f2;font-style:italic}.closing .eyebrow{color:#a9d5e8}footer{background:#101a20;color:#ccc}.small{color:var(--muted)}dialog{background:#17242c}@media(min-width:1450px){.hero-content{margin-left:0}}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-content{grid-row:1;grid-column:1;max-width:700px;padding-right:0}.hero-photo{grid-row:2;grid-column:1;margin-top:40px}.hero h1{font-size:70px}.hero .intro{max-width:560px}.gallery{grid-template-columns:repeat(3,1fr)}.portrait{height:320px}.hero-bottom{position:static;grid-column:1;grid-row:3;gap:20px;margin-top:25px}.hero-bottom span:last-child{display:block}.hero{padding-bottom:40px}}@media(max-width:600px){.hero h1{font-size:53px;letter-spacing:-2px}.hero{min-height:0;padding:48px 6% 30px}.hero-content{max-width:100%}.hero-photo{margin-top:28px}.hero-bottom{font-size:11px;display:block}.hero-bottom span{display:block;margin-top:8px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.portrait{height:260px}.photo.wide{height:auto}.section-heading .small{white-space:normal}.hero .intro{font-size:17px}.brand img{height:65px}.closing h2{font-size:42px}}

header{border-bottom:1px solid #655443}.closing{border-top:1px solid #655443}

:root{--blue:#715542}.hero{background:#211d19}.hero .eyebrow{color:#d4b59b}.hero-bottom{color:#c7bdb1}.closing{background:#26201a}.closing em{color:#ead7ba}.closing .eyebrow{color:#d9bda0}header{background:#211d19}.calendar strong{color:#9f3429}.dates{border-top:1px solid #d0c9bc}footer{background:#211d19}
.portrait{background:#27211c}.portrait img{object-fit:contain;object-position:center}.photo:hover img{transform:none}.hero-photo{box-shadow:0 18px 55px #0006}

header,.closing,footer{background-image:linear-gradient(#0005,#0005),url(assets/wood.webp);background-size:cover;background-position:center}.closing{padding:65px 20px 70px}.closing h2{font-size:clamp(38px,5vw,68px)}

.song{margin-top:28px}.song .button:disabled{cursor:default;background:#795744;border-color:#795744;color:#fff}.song p{font-size:14px;margin:10px 0 0;color:#635f58}

.event-poster{width:150px;flex-shrink:0;padding:0;border:1px solid #b8aa98;background:#fffdf8;color:#6c3025}.event-poster img{display:block;width:100%;height:auto}.event-poster span{display:block;font-size:14px;padding:7px 4px}@media(max-width:600px){.event-poster{margin-left:84px;width:160px}}

.memories{padding-top:20px}.memory-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.memory-photo{height:310px;background:#211d19}.memory-photo img{object-fit:contain}@media(max-width:900px){.memory-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.memory-gallery{grid-template-columns:1fr}.memory-photo{height:330px}}

.featured-memory{grid-column:1/-1;height:auto}.featured-memory img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}

.date.farewell-event{margin-top:32px;padding:34px 28px;border:2px solid #c75a16;border-left:8px solid #c75a16;background:#fff0dc;box-shadow:0 8px 24px #77350e12}.farewell-event .calendar{width:125px}.farewell-event.pending .calendar strong{font-size:76px;letter-spacing:-3px;color:#a33e08}.farewell-event .calendar span{font-size:16px;font-weight:700;color:#913c12}.farewell-event h3{font-size:34px;color:#853406}.farewell-event .tag{background:#a33e08;border-color:#a33e08;color:white;font-weight:700}.farewell-event .event p{color:#50341d}.farewell-event .event .detail{color:#684728;font-size:16px}@media(max-width:600px){.date.farewell-event{padding:24px 18px;gap:18px}.farewell-event .calendar{width:80px}.farewell-event.pending .calendar strong{font-size:64px}.farewell-event h3{font-size:28px}.farewell-event .event{min-width:0;flex-basis:calc(100% - 100px)}.farewell-event .tag{margin-left:0;font-size:13px}.farewell-event .calendar span{font-size:14px}}

/* Rechtliche Unterseiten und Footer-Links */
.legal-footer{display:flex;gap:1.2rem;align-items:center;justify-content:center;flex-wrap:wrap}.legal-footer a{color:inherit;text-decoration:underline;text-underline-offset:4px}.legal-page{max-width:880px;margin:0 auto;padding:6rem 1.5rem 5rem;line-height:1.75}.legal-page h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.1;margin:1rem 0 2rem}.legal-page h2{font-size:1.45rem;margin:2.4rem 0 1rem}.legal-page p{margin:0 0 1.2rem}.legal-page a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legal-page address{font-style:normal}.legal-page .eyebrow{margin-top:1rem}footer .legal-footer{margin-top:1rem}