:root{--green:#163e35;--green2:#2e695b;--gold:#e2b875;--ink:#1a302b;--muted:#6c7b75;--border:#dce5df;--paper:#f7f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 24px}.site-header,header{background:#fff;border-bottom:1px solid var(--border)}.bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:700 26px Georgia,serif;text-decoration:none;color:var(--green);white-space:nowrap}.brand small{display:block;color:#628074;font:10px system-ui;letter-spacing:2.4px;margin-top:3px}.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav a{font-size:14px;font-weight:600;text-decoration:none}.nav a:hover,.small-link:hover{color:#a77633}.hero{background:linear-gradient(115deg,#12372f,#235749);padding:62px 0 70px;color:#fff}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px}.hero h1{font:clamp(42px,5vw,76px)/1.05 Georgia,serif;letter-spacing:-2px;margin:16px 0 20px}.hero p{color:#d9e9de;max-width:510px;font-size:18px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:#f0cb91}.eyebrow.dark{color:#987141}.hero-actions,.connect-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn,button{display:inline-block;background:var(--green);color:white;border:0;border-radius:11px;padding:12px 19px;cursor:pointer;font:600 15px system-ui;text-decoration:none}.btn.gold{background:var(--gold);color:#19362e}.btn.outline-light{background:transparent;border:1px solid #a1c4b5}.btn.secondary{background:#e7ede8;color:var(--green)}.btn:hover,button:hover{filter:brightness(1.08)}.hero-art{height:345px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#e3c99b 0%,#b6c8b5 48%,#416d63 100%);box-shadow:0 22px 55px #0004}.hero-sun{position:absolute;right:20%;top:17%;width:85px;height:85px;border-radius:50%;background:#fff4c9;box-shadow:0 0 45px #fff1c177}.hero-hills{position:absolute;left:-10%;width:120%;height:60%;border-radius:45% 40% 0 0}.hill-back{bottom:16%;transform:rotate(-9deg);background:#5c8c75}.hill-front{bottom:-20%;left:20%;transform:rotate(11deg);background:#294b44}.hero-river{position:absolute;bottom:-15%;left:-10%;width:125%;height:36%;border-radius:60% 30% 0 0;background:linear-gradient(160deg,#b7d6bf,#4a968d);transform:rotate(-6deg)}.hero-art-title{position:absolute;bottom:20px;left:25px;font:26px Georgia,serif;text-shadow:0 2px 8px #0006}.section{padding:44px 0 80px}h1{font:clamp(35px,4.5vw,60px) Georgia,serif;margin:0 0 12px}h2{font:clamp(28px,3vw,40px) Georgia,serif;margin:8px 0 20px}h3{margin:4px 0;font-size:17px;line-height:1.4}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:18px 0}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.album-tile{display:block;background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden;text-decoration:none;box-shadow:0 5px 16px #153c2710;transition:transform .18s,box-shadow .18s}.album-tile:hover{transform:translateY(-4px);box-shadow:0 10px 25px #153c2720}.album-cover{height:160px;background:#dce8df}.album-cover img{height:100%;width:100%;object-fit:cover}.album-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#b3c9b1,#3c7769);color:white;font:30px Georgia,serif}.album-placeholder span{color:#f4d49e}.album-meta{padding:14px}.album-meta strong{display:block;overflow-wrap:anywhere}.album-meta small{color:var(--muted);display:block;margin-top:4px}.gallery-section{margin-top:65px}.small-link{color:var(--green2);font-size:14px}.search-form{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:12px;background:#fff;border:1px solid var(--border);padding:18px;border-radius:15px}.search-form label{display:block;margin:0 0 6px;font-weight:600;font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filters a{padding:9px 15px;border-radius:999px;border:1px solid #bdcec2;text-decoration:none;font-size:14px}.filters a.active{background:var(--green);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 5px 17px #163e2910}.card-media{display:block;position:relative}.thumb{display:block;height:190px;width:100%;object-fit:cover;background:#dce8e0}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#153e36cc;color:#fff;font-size:22px}.video-placeholder{height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:linear-gradient(140deg,#355b52,#132f2a);color:#fff;font-size:32px}.video-placeholder small{color:#dbe9df;font-size:13px}.cardbody{padding:14px}.cardbody small{color:#8e754f;font-size:11px;font-weight:700;letter-spacing:1.5px}.cardbody a{text-decoration:none}.connect-section{margin:80px 0 0;padding:35px;border-radius:22px;background:#e7efe9;display:flex;justify-content:space-between;align-items:center;gap:25px}.connect-section h2{margin-bottom:8px}.connect-section p{max-width:570px}.connect-actions{justify-content:flex-end}.site-footer{background:#173c32;color:#dce9e0;padding:25px 0}.footer-flex{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.chat-fab{position:fixed;right:22px;bottom:22px;z-index:50;background:#1e7354;color:white;text-decoration:none;box-shadow:0 8px 25px #0004;padding:13px 18px;border-radius:99px;font-weight:700}.muted,small{color:var(--muted)}.footnote{font-size:13px}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:20px;margin:20px 0}.cols{display:grid;grid-template-columns:2fr 1fr;gap:20px}.inline{display:flex;align-items:end;gap:10px}.inline>*{flex:1}input,textarea,select{font:inherit;padding:10px;border:1px solid #cbd9cd;border-radius:8px;max-width:100%;width:100%}label{display:block;font-weight:600;margin:12px 0 5px}.chatbox{background:#edf4ee;border-radius:12px;padding:15px;max-height:360px;overflow:auto}.bubble{background:#fff;margin:8px 0;padding:12px;border-radius:12px;max-width:85%;width:max-content;overflow-wrap:anywhere}.bubble.me{background:#d3ebdc;margin-left:auto}.hint{padding:12px;background:#fff2d5;border-radius:9px}.media-preview{display:block;max-width:100%;max-height:75vh;margin:18px auto}@media(max-width:1050px){.album-grid,.grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:22px}}@media(max-width:790px){.album-grid,.grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-art{height:245px}.cols{grid-template-columns:1fr}.search-form{grid-template-columns:1fr}.nav{gap:10px}}@media(max-width:540px){.album-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-cover{height:125px}.thumb,.video-placeholder{height:145px}.bar{align-items:start;flex-direction:column;padding-top:12px;padding-bottom:13px}.brand{font-size:21px}.hero{padding:38px 0}.hero-art{height:195px}.connect-section{flex-direction:column;align-items:start;padding:23px}.connect-actions{justify-content:flex-start}.chat-fab span{display:none}.chat-fab{border-radius:50%;padding:13px 17px}.wrap{padding:0 15px}}


/* Lightbox 3.0: großes Bild mit Album-Filmstreifen, Zoom und Diashow */
body.bl-open{overflow:hidden}
.bergrath-lightbox[hidden]{display:none!important}
.bergrath-lightbox{position:fixed;z-index:10000;inset:0;background:rgba(8,17,15,.97);color:#fff;display:flex;flex-direction:column;gap:8px;padding:12px 18px 10px;box-sizing:border-box;font-family:system-ui,Arial,sans-serif}
.bl-top{display:flex;align-items:center;gap:12px;min-height:44px;flex-wrap:wrap}.bl-top #blAlbum{font-weight:700;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-top #blCounter{font-variant-numeric:tabular-nums;color:#c1c9c4;margin-right:auto}
.bergrath-lightbox button{background:#27352f;color:white;border:1px solid #5f6c63;cursor:pointer;border-radius:8px;font-size:14px;padding:8px 12px;flex-shrink:0}.bergrath-lightbox button:hover,.bergrath-lightbox button:focus-visible{background:#3d5648;outline:2px solid #f2c77e;outline-offset:1px}
.bl-stage{min-height:0;flex:1;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:center}.bergrath-lightbox .bl-prev,.bergrath-lightbox .bl-next{font-size:36px;padding:4px 0;height:65px}
.bl-photo-wrap{height:100%;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.bl-photo-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:3px}.bl-photo-wrap.bl-zoomed{display:block;text-align:center}.bl-photo-wrap.bl-zoomed img{max-width:none;max-height:none;width:160%;height:auto;min-width:100%;cursor:zoom-out}
.bl-title{flex-shrink:0;text-align:center;max-height:2.5em;overflow:hidden;font-size:14px;margin:1px 0;color:#e0e5df}
.bl-filmstrip{flex-shrink:0;display:flex;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;max-width:100%;min-height:82px;padding:5px 0 10px;scrollbar-color:#81948c #202a26}.bergrath-lightbox .bl-thumb{padding:2px;border:2px solid transparent;border-radius:6px;background:#1c2822;height:76px;width:92px;overflow:hidden}.bl-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px}.bergrath-lightbox .bl-thumb.selected{border-color:#edc17c;background:#edc17c}.bl-hint{color:#b0bdb4;font-size:11px;text-align:center;margin:0}
@media(max-width:650px){.bergrath-lightbox{padding:8px;gap:4px}.bl-top{gap:6px}.bl-top #blAlbum{width:100%;max-width:none;font-size:13px}.bl-top #blCounter{margin-right:auto}.bergrath-lightbox .bl-top button{padding:6px;font-size:12px}.bl-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:3px}.bergrath-lightbox .bl-prev,.bergrath-lightbox .bl-next{font-size:27px;padding:0}.bl-filmstrip{min-height:65px;gap:5px}.bergrath-lightbox .bl-thumb{width:72px;height:60px}.bl-hint{display:none}}

/* Album als eigenständige Ansicht am Seitenanfang */
.album-hero{padding:44px 0 55px}.album-hero-grid{display:grid;grid-template-columns:1fr 1.22fr;align-items:center;gap:38px}.album-hero-copy h1{overflow-wrap:anywhere;font-size:clamp(36px,4.4vw,66px)}.album-back{display:inline-block;color:#f9dba8;font-weight:700;text-decoration:none;margin-bottom:26px}.album-back:hover{text-decoration:underline}.album-hero-visual{height:clamp(265px,32vw,460px);position:relative;overflow:hidden;border-radius:18px;background:#1a443b;box-shadow:0 22px 55px #0004}.album-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease-in-out}.album-hero-slide.is-active{opacity:1}.album-hero-count{position:absolute;bottom:16px;right:18px;padding:5px 12px;border-radius:20px;background:#08241dba;color:white;font-size:13px}.album-hero-empty{display:grid;place-items:center;height:100%;padding:24px;text-align:center}.album-hero+.section{padding-top:24px}.album-hero+.section .gallery-section{margin-top:0}.album-hero+.section .gallery-section .section-head{margin-top:0}.gallery-section .card-media{cursor:zoom-in}
@media(max-width:790px){.album-hero-grid{grid-template-columns:1fr;gap:20px}.album-hero{padding:28px 0}.album-hero-visual{height:280px}.album-back{margin-bottom:18px}}
@media(max-width:540px){.album-hero-visual{height:230px}.album-hero-copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.album-hero-slide{transition:none}}
/* Lightbox 4.0: YouTube + MP4/WebM in Filmstreifen und Großansicht */
.bl-photo-wrap #blImage[hidden],.bl-video-host[hidden]{display:none!important}
.bl-video-host{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.bl-video-host video,.bl-video-host iframe{width:100%;height:100%;max-height:100%;aspect-ratio:16/9;object-fit:contain;border:0;background:#000}
.bl-youtube-consent{display:grid;place-content:center;justify-items:center;gap:14px;max-width:480px;width:100%;min-height:190px;padding:20px;background:#192820;border-radius:12px;text-align:center;color:#f1f5ee}
.bl-youtube-consent p{margin:0}
.bergrath-lightbox .bl-youtube-consent button{background:#b72924;color:white;font-weight:700;padding:12px 20px;border:0}
.bl-thumb{position:relative}.bl-video-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#a52325ed;color:white;font-size:17px;box-shadow:0 1px 7px #0009}
.bl-video-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#32564b,#0c2621);color:#e4ebe6;font-size:10px;letter-spacing:1px}

/* Kompakte Galerie, Popup-Chat, Kommentare und Mitgliederupload */
.album-grid.compact-albums{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:11px}.compact-albums .album-cover{height:116px}.compact-albums .album-meta{padding:9px 11px}.compact-albums .album-meta strong{font-size:13px;line-height:1.28}.compact-albums .album-tile{border-radius:11px}
.grid.compact-media{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}.compact-media .thumb,.compact-media .video-placeholder{height:145px}.compact-media .cardbody{padding:9px}.compact-media .cardbody h3{font-size:13px}.compact-media .card{border-radius:11px}.gallery-section{margin-top:24px}
.bg-chat-popup[hidden]{display:none!important}.bg-chat-popup{position:fixed;z-index:9000;bottom:84px;right:20px;width:min(370px,calc(100vw - 24px));height:min(550px,calc(100dvh - 110px));background:#fff;box-shadow:0 12px 45px #0005;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.bg-chat-head{display:flex;justify-content:space-between;align-items:center;background:#176c4e;color:#fff;padding:10px 14px}.bg-chat-head button{background:transparent;border:0;padding:4px 8px;color:#fff}.bg-chat-popup iframe{flex:1;border:0;width:100%;background:#fff}.chat-fab{border:0;font-size:15px}
.bl-comments{background:#17251f;border:1px solid #40534a;border-radius:9px;padding:9px 12px;max-height:170px;overflow:auto;flex-shrink:0}.bl-comments h3{font-size:13px;margin:0 0 4px}.bl-comments p{font-size:12px;margin:4px 0}.bl-comments .comment-row{font-size:12px;margin:7px 0;padding-bottom:5px;border-bottom:1px solid #39463f}.bl-comments textarea{min-height:36px;width:100%;background:#f7fbf8;color:#14251d;padding:6px;font-size:12px}.bl-comments form{display:flex;gap:7px;align-items:center}.bl-comments button{font-size:12px;padding:6px}.bl-comments a{color:#f2ce8f}
.member-card{max-width:750px;margin:20px auto;padding:22px;background:#fff;border-radius:16px;border:1px solid #dce5df}.upload-preview{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.upload-preview img{width:80px;height:60px;object-fit:cover;border-radius:6px}.upload-row{display:grid;grid-template-columns:minmax(120px,1fr) 110px;gap:8px;margin:10px 0}.upload-row progress{width:100%;height:17px}progress{accent-color:#247f5b}@media(max-width:600px){.bg-chat-popup{bottom:0;right:0;width:100vw;height:88dvh;border-radius:16px 16px 0 0}.album-grid.compact-albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compact-albums .album-cover{height:92px}.compact-albums .album-meta{padding:6px}.compact-albums .album-meta strong{font-size:11px}.grid.compact-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bl-comments{max-height:130px}.bl-comments form{flex-direction:column;align-items:stretch}}

/* Video-Center 6.0: bestehende Album- und Community-Layouts bleiben erhalten */
.bg-featured-video{width:100%;height:100%;background:#071510;display:grid;place-items:center;position:relative;overflow:hidden}
.bg-featured-video>video{width:100%;height:100%;object-fit:contain;background:#080f0d;display:block}
.bg-featured-caption{position:absolute;bottom:0;left:0;right:0;margin:0!important;padding:9px 14px;background:#071a14c9;color:#fff!important;font-size:13px!important;pointer-events:none}
.bg-featured-video:has(video:focus) .bg-featured-caption{display:none}
.bg-featured-youtube{position:relative;width:100%;height:100%;background:#08150f}
.bg-featured-youtube>img{width:100%;height:100%;object-fit:cover}
.bg-featured-youtube iframe{width:100%;height:100%;border:0;background:black;display:block}
.bg-yt-consent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(0deg,#04150de0,#04150d44);padding:20px;text-align:center}
.bg-yt-consent small{color:#ecf1ec;font-size:12px;text-shadow:0 1px 5px #000}
.bg-yt-start{background:#b42f2b;color:white;border:0;border-radius:999px;padding:13px 22px;box-shadow:0 4px 15px #0006}
.compact-media .bg-video-thumb{height:145px;object-fit:cover;pointer-events:none;background:#12291e}
.card-media:has(.bg-video-thumb){background:#12291e}
.card-media:has(.bg-video-thumb) .play-mark,.card-media:has(img[src*="ytimg.com"]) .play-mark{box-shadow:0 4px 20px #0009;background:#b32622}
.card-media:hover .play-mark{transform:translate(-50%,-50%) scale(1.10)}
.bl-video-error{color:#ffe2ba;text-align:center;max-width:550px;margin:12px auto;font-size:14px}
.bl-video-error a{color:#f8d28d;text-decoration:underline}
.bl-video-host{min-width:0;min-height:160px}
.bl-video-host video,.bl-video-host iframe{display:block;width:min(100%,1000px);height:auto;aspect-ratio:16/9;background:#000;border:0}
.bl-video-host video{max-height:100%}
@media(max-width:720px){.bg-featured-caption{font-size:11px!important}.bl-video-host{min-height:150px}.bg-yt-consent small{font-size:11px}}