@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#20201e;--paper:#f4f1eb;--gold:#c68a42;--muted:#77736d;--dark:#191b1c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#f8f6f1;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6e0d6}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em;font-size:12px}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--gold);letter-spacing:.28em;margin-top:5px}.brand-mark{font-size:30px;color:var(--gold)}.brand-logo{width:52px;height:58px;object-fit:contain;border-radius:5px}.footer-logo{width:46px;height:52px}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.main-nav a{transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{border:1px solid #c9bba8;padding:12px 18px}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{min-height:650px;height:78vh;max-height:850px;position:relative;display:flex;align-items:center;padding:0 10vw;color:white;background:linear-gradient(90deg,rgba(9,12,14,.86),rgba(9,12,14,.38)),url('https://images.unsplash.com/photo-1475738198235-4b30fc4b1c0e?auto=format&fit=crop&w=2000&q=85') center 48%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 30%)}.hero-content{position:relative;max-width:680px}.eyebrow,.section-kicker,.news-meta{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(56px,8vw,108px);line-height:.98;margin:22px 0}h1 span,h2 em{color:var(--gold);font-style:italic}.hero-copy{max-width:480px;color:#e0dfdc;line-height:1.8;font-size:15px;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:24px;padding:16px 20px;border:0;font:700 11px 'DM Sans';letter-spacing:.04em;cursor:pointer}.button-gold{background:var(--gold);color:#181715}.button-gold:hover{background:#d49c57}.hero-bottom{position:absolute;bottom:28px;left:10vw;right:10vw;display:flex;justify-content:space-between;color:#d0ccc4;font-size:9px;letter-spacing:.18em}.section{padding:105px 10vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:22px 0 70px}h2{font-size:clamp(36px,4.5vw,58px);line-height:1.12;margin:15px 0 0}.intro-text{padding-top:10px;line-height:1.9;color:#55514c;font-size:14px}.muted,.heading-note{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d2c7}.values article{padding:28px 25px 0 0}.values article+article{border-left:1px solid #d9d2c7;padding-left:28px}.values span{color:var(--gold);font-size:11px}.values h3{font-family:'Playfair Display';font-size:24px;margin:18px 0 8px}.values p,.news-card p{font-size:13px;line-height:1.7;color:var(--muted)}.news{background:#eae5dc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2{font-size:clamp(34px,4vw,48px)}.text-link{font-size:11px;font-weight:700;letter-spacing:.04em}.text-link span{color:var(--gold);margin-left:8px}.news-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.news-card h3{font-family:'Playfair Display';font-size:24px;font-weight:500;margin:12px 0}.photo-placeholder,.gallery-tile{position:relative;background:#34312d;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:end}.photo-placeholder{height:220px;margin-bottom:22px}.photo-placeholder span,.gallery-tile span{background:rgba(0,0,0,.48);color:white;padding:10px 13px;font-size:9px;letter-spacing:.18em}.photo-fire{background-image:linear-gradient(0deg,rgba(0,0,0,.25),transparent),url('https://images.unsplash.com/photo-1475738198235-4b30fc4b1c0e?auto=format&fit=crop&w=900&q=80')}.photo-wood{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent),url('https://images.unsplash.com/photo-1518709594023-6eab9bab7b23?auto=format&fit=crop&w=900&q=80')}.photo-group{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent),url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=900&q=80')}.photo-night{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=900&q=80')}.news-meta{font-size:9px}.news-card .text-link{display:inline-block;margin-top:10px}.gallery{background:#202222;color:#f7f3ec}.gallery .heading-note{max-width:260px;color:#aaa69f;font-size:13px;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:210px 210px;gap:14px}.gallery-tile{min-height:180px}.tile-large{grid-row:span 2}.archive{background:#f4f1eb}.archive .section-heading{margin-top:18px}.archive .heading-note{max-width:300px;font-size:13px;line-height:1.7}.year-list{border-top:1px solid #d8d0c4}.year-list details{border-bottom:1px solid #d8d0c4;padding:22px 4px}.year-list summary{list-style:none;cursor:pointer;font-family:'Playfair Display';font-size:27px;display:flex;justify-content:space-between}.year-list summary::-webkit-details-marker{display:none}.year-list summary span{font:20px 'DM Sans';color:var(--gold)}.year-list details p{color:var(--muted);font-size:13px;margin:15px 0 0}.contact{background:#242626;color:#f5f1e9;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font-size:clamp(36px,4vw,52px);margin:18px 0 25px}.contact-copy>p{max-width:390px;color:#c1bdb5;line-height:1.8;font-size:14px}.small{font-size:11px!important}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-form label{font-size:10px;letter-spacing:.12em;color:#d2c8b8;margin-top:8px}.contact-form input,.contact-form textarea{width:100%;background:#303333;border:1px solid #4b4e4d;padding:14px;color:white;font:13px 'DM Sans';outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.contact-form button{align-self:flex-start;margin-top:10px}.form-note{font-size:12px;color:#e0b777}.site-footer{background:#171919;color:#d8d3ca;padding:40px 10vw;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{color:white}.site-footer p,.site-footer small{font-size:10px;color:#99958e}.footer-links{display:flex;gap:20px;font-size:10px}.footer-links a:hover{color:var(--gold)}
@media(max-width:850px){.main-nav{gap:15px}.section{padding:75px 7vw}.hero{padding:0 7vw}.hero-bottom{left:7vw;right:7vw}.news-grid{grid-template-columns:1fr 1fr}.featured{grid-column:span 2}.contact{gap:5vw}.site-footer{padding:35px 7vw}}
@media(max-width:650px){.site-header{height:70px;padding:0 6vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#f8f6f1;padding:18px 6vw 24px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.nav-contact{text-align:center}.hero{height:680px;min-height:580px;background-position:58% center}.hero-bottom{font-size:8px;gap:15px}.intro-grid,.contact{grid-template-columns:1fr}.intro-grid{gap:15px}.values{grid-template-columns:1fr}.values article,.values article+article{border-left:0;padding:22px 0;border-bottom:1px solid #d9d2c7}.section-heading{align-items:start;flex-direction:column}.news-grid{grid-template-columns:1fr}.featured{grid-column:auto}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.tile-large{grid-row:span 2}.contact{gap:35px}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Vereinsfoto als Titelbild: Personen möglichst vollständig sichtbar lassen */
.hero {
  background-image: linear-gradient(90deg, rgba(10, 14, 12, .78) 0%, rgba(10, 14, 12, .26) 62%, rgba(10, 14, 12, .12) 100%), url('titelbild.jpg');
  background-position: center 43%;
}
@media (max-width: 650px) {
  .hero { background-position: center center; }
  .hero-content { background: rgba(14, 16, 14, .28); padding: 12px; border-radius: 6px; }
}

/* Originalaufnahme des Funkenfeuers in der Galerie */
.gallery-tile.photo-fire { background-image: url("funkenfeuer.jpg"); background-position: center; }

/* Eigenes Foto für den Bereich Vorbereitungen */
.gallery-tile.photo-wood { background-image: url("vorbereitungen.jpg"); background-position: center; }

/* Vereinsfoto Gemeinschaft in der Galerie */
.gallery-tile.photo-group { background-image: url("gemeinschaft.jpg"); background-position: center; }

/* Originalfoto für Funkenabend */
.photo-night{background-image:linear-gradient(0deg,rgba(0,0,0,.25),transparent),url('funkenabend.jpg');background-position:center center;}

/* Funken 2026: automatische Vorschau und klickbares Fotoarchiv */
.recap-slideshow{height:220px;position:relative;overflow:hidden;background:#222;margin-bottom:22px}.recap-slideshow>img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}.slide-label{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;padding:10px 13px;font-size:10px;letter-spacing:.1em}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.5);color:#fff;font-size:32px;width:38px;height:48px;cursor:pointer}.slide-prev{left:0}.slide-next{right:0}.slide-arrow:hover{background:rgba(0,0,0,.8)}.archive-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 8px}.archive-photo{border:0;background:#ddd;padding:0;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}.archive-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.archive-photo:hover img{transform:scale(1.05)}.photo-lightbox[hidden]{display:none}.photo-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:60px 65px}.photo-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.photo-lightbox button{position:absolute;color:white;background:rgba(40,40,40,.7);border:0;cursor:pointer}.lightbox-close{top:15px;right:20px;font-size:38px;width:50px;height:50px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);font-size:48px;width:50px;height:70px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:white;font-size:13px}@media(max-width:800px){.archive-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.archive-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-lightbox{padding:55px 32px}.lightbox-prev,.lightbox-next{width:30px;font-size:35px}}