@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--brown:#38271f;--brown2:#5b4030;--beige:#eee2cd;--cream:#fbf7ef;--blue:#bfe1f0;--blue2:#eaf6fb;--gold:#e5a64b;--orange:#d77a37;--ink:#2f2c28;--muted:#6c675f;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.68}a{color:#6b482b;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#a05b23}.topbar{background:var(--brown);color:#fff;padding:.8rem 5vw;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:'Playfair Display',serif;color:#fff;text-decoration:none;font-size:1.45rem;letter-spacing:.03em}.brand span{color:#f0bd70}.nav{display:flex;flex-wrap:wrap;gap:.25rem .95rem}.nav a{color:#f8efe2;text-decoration:none;font-size:.92rem}.nav a:hover{color:#ffd28a}.hero{min-height:410px;display:flex;align-items:end;padding:clamp(2rem,7vw,6rem) 6vw 3rem;background:linear-gradient(90deg,rgba(38,27,21,.82),rgba(38,27,21,.25)),url('images/banner_abendstimmung_2000px-474px.jpg') center 52%/cover no-repeat,#8ab7cc;color:#fff}.hero-inner{max-width:800px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:700;color:#ffcf83}.hero h1{font:600 clamp(2.4rem,6vw,4.9rem)/1.08 'Playfair Display',Georgia,serif;margin:.45rem 0 1rem}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);max-width:690px;margin:0 0 1.5rem}.button{display:inline-block;background:var(--gold);color:#2e2119;text-decoration:none;padding:.75rem 1.15rem;border-radius:5px;font-weight:700}.button:hover{background:#ffd17d;color:#2e2119}.wrap{width:min(1120px,90vw);margin:auto}.section{padding:3.5rem 0}.section.blue{background:var(--blue2)}.section.beige{background:var(--beige)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--brown);margin:.2rem 0 1rem}h3{color:var(--brown);font-size:1.35rem}.lead{font-size:1.15rem;max-width:790px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.tile,.video-card{background:#fff;border:1px solid #e8ddcd;border-radius:9px;overflow:hidden;box-shadow:0 6px 22px #4d35200c}.tile img{width:100%;height:190px;object-fit:cover;display:block;background:linear-gradient(140deg,var(--blue),#fff0c9)}.tile-body{padding:1.2rem}.tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#94622d;font-weight:700}.text-link{font-weight:700;text-decoration:none}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.video-card{display:flex;flex-direction:column}.video-thumb{position:relative;border:0;padding:0;cursor:pointer;background:#ddd;display:block;width:100%;aspect-ratio:16/9;overflow:hidden}.video-thumb img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:41px;border-radius:12px;background:#d92929;color:white;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 2px 8px #0004}.video-body{padding:1rem;display:flex;flex-direction:column;flex:1}.video-body h3{font:600 1.12rem/1.35 'DM Sans',Arial,sans-serif;margin:.45rem 0 .6rem}.video-body p{font-size:.92rem;color:#625d55;margin:0 0 1rem}.video-body .text-link{margin-top:auto}.player{aspect-ratio:16/9;width:100%;background:#111}.player iframe{width:100%;height:100%;border:0}.filterbar{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.filterbar button{border:1px solid #cbb89d;background:#fff8ed;padding:.5rem .85rem;border-radius:99px;cursor:pointer;color:var(--brown)}.filterbar button.active{background:var(--brown);color:#fff}.article{max-width:800px;margin:auto}.article p{margin:0 0 1.15rem}.article h2{margin-top:2rem}.article img{max-width:100%;border-radius:8px}.notice{padding:1rem 1.2rem;background:#fff4d9;border-left:4px solid var(--orange);border-radius:3px}.footer{background:var(--brown);color:#e9ddcd;padding:2rem 5vw}.footer-inner{width:min(1120px,100%);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:#ffe0a5;margin-right:1rem}.small{font-size:.86rem;color:var(--muted)}.page-head{padding:3rem 0;background:linear-gradient(115deg,var(--blue2),var(--beige))}.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:.2rem 0 .8rem;color:var(--brown)}.logo{max-width:145px;max-height:145px;object-fit:contain}.cookie-note{font-size:.85rem;background:#f2e8d7;padding:1rem;border-radius:6px}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:360px}}@media(max-width:540px){.grid,.video-grid{grid-template-columns:1fr}.nav{gap:.4rem .8rem}.hero{min-height:340px}.section{padding:2.5rem 0}}

/* Version 4: bessere Lesbarkeit, Galerien und mobile Navigation */
:root { scroll-behavior:smooth; }
.nav { gap:.85rem; }
.menu-toggle { display:none; }
.article { max-width:980px; }
.article p { line-height:1.8; }
.article h2 { margin-top:2.6rem; }
.article h3 { margin-top:2rem; }
.hero { background-size:cover; background-position:center; }
.hero-inner { max-width:760px; }
.button-ghost { background:transparent; border:1px solid rgba(255,255,255,.78); color:#fff; margin-left:.35rem; }
.feature-image { width:100%; max-height:580px; object-fit:cover; border-radius:14px; margin:0 0 1.4rem; }
.topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }
.topic { display:flex; flex-direction:column; gap:.6rem; padding:1.2rem; border:1px solid rgba(22,74,112,.15); border-radius:14px; color:inherit; text-decoration:none; background:rgba(255,255,255,.64); }
.topic strong { color:#164a70; }
.topic span { line-height:1.55; }
.center { text-align:center; margin-top:1.5rem; }
.restoration-step { margin:2.8rem 0; padding-top:1rem; border-top:1px solid rgba(74,48,37,.15); }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.25rem 0 2rem; }
.photo-card { margin:0; min-width:0; }
.photo-open { position:relative; display:block; width:100%; padding:0; border:0; background:#e9e2d8; cursor:zoom-in; overflow:hidden; border-radius:12px; aspect-ratio:4/3; }
.photo-open img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.photo-open:hover img { transform:scale(1.035); }
.zoom-hint { position:absolute; right:.5rem; bottom:.5rem; background:rgba(35,29,25,.76); color:white; border-radius:999px; padding:.35rem .65rem; font-size:.78rem; }
.photo-card figcaption { font-size:.9rem; line-height:1.45; padding:.5rem .15rem; color:#51473f; }
.lightbox { display:none; position:fixed; z-index:9999; inset:0; background:rgba(12,15,18,.94); color:#fff; align-items:center; justify-content:center; padding:3.5rem 4rem 4rem; }
.lightbox.open { display:flex; }
.lightbox figure { margin:0; display:flex; flex-direction:column; align-items:center; max-width:100%; max-height:100%; }
.lightbox img { display:block; max-width:min(88vw,1600px); max-height:78vh; width:auto; height:auto; object-fit:contain; }
.lightbox figcaption { margin-top:.7rem; text-align:center; line-height:1.45; max-width:900px; }
.lightbox button { position:absolute; border:0; color:#fff; background:rgba(255,255,255,.13); cursor:pointer; border-radius:999px; }
.lightbox-close { top:1rem; right:1.2rem; font-size:2.2rem; width:3rem; height:3rem; }
.lightbox-prev,.lightbox-next { top:50%; transform:translateY(-50%); font-size:3rem; width:3.3rem; height:4.2rem; }
.lightbox-prev { left:.8rem; } .lightbox-next { right:.8rem; }
.lightbox-help { position:absolute; bottom:.7rem; left:0; right:0; text-align:center; color:#d7d7d7; font-size:.82rem; }
.footer-note { max-width:1100px; margin:0 auto; padding:0 1.5rem 1.2rem; color:#d8cec6; font-size:.86rem; }
.small { font-size:.88rem; line-height:1.65; color:#65584e; }
.video-card { min-width:0; }
.video-body p { white-space:pre-line; line-height:1.65; }
.video-thumb img { width:100%; height:auto; display:block; }
@media (max-width:850px) {
 .topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .menu-toggle { display:block; margin-left:auto; border:1px solid rgba(255,255,255,.25); background:transparent; color:inherit; padding:.5rem .7rem; border-radius:8px; }
 .topbar { position:relative; flex-wrap:wrap; }
 .nav { display:none; width:100%; flex-direction:column; align-items:flex-start; padding:.8rem 0 .3rem; }
 .nav.open { display:flex; }
}
@media (max-width:560px) {
 .photo-grid { grid-template-columns:1fr 1fr; gap:.55rem; }
 .lightbox { padding:3.5rem .5rem 3.5rem; }
 .lightbox img { max-width:96vw; max-height:75vh; }
 .lightbox-prev { left:.2rem; } .lightbox-next { right:.2rem; }
 .lightbox-prev,.lightbox-next { width:2.4rem; font-size:2.4rem; }
 .topic-grid { grid-template-columns:1fr; }
 .button-ghost { margin-left:0; margin-top:.5rem; }
}