/*
Theme Name: Zugvögel Eleganz
Theme URI: https://zugvoegel-musik.de
Author: Zugvögel Website Relaunch
Description: Eigenständiges responsives WordPress-Theme für das Mandolinen- und Balalaikaorchester Die Zugvögel.
Version: 6.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zugvoegel
*/
:root{--navy:#101b2a;--navy2:#1c2b3d;--gold:#c9a96b;--cream:#f7f3eb;--ink:#243044;--muted:#647080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{position:relative;z-index:10;background:var(--navy);color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{max-height:64px;width:auto}.brand strong{display:block;font-family:Georgia,serif;font-size:1.6rem;line-height:1.1}.brand small{display:block;font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;color:#d7d5d1}.menu{display:flex;gap:22px;list-style:none;padding:0;margin:0;align-items:center}.menu a{text-decoration:none;font-size:.9rem}.menu a:hover,.footer a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid #637081;color:white;border-radius:5px;padding:8px 12px}.hero{background:linear-gradient(105deg,rgba(12,23,38,.94),rgba(12,23,38,.65)),var(--hero-image,linear-gradient(130deg,#25354b,#111b2a));background-position:center;background-size:cover;color:white;padding:112px 0 120px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font-size:.75rem;font-weight:700}.hero h1,.page-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.1rem,7vw,6rem);line-height:1.06;margin:20px 0}.hero p{font-size:1.18rem;max-width:630px;color:#e0e2e5}.btn{display:inline-block;background:var(--gold);border:1px solid var(--gold);padding:13px 23px;text-decoration:none;color:#152030;font-weight:700;border-radius:3px;margin:12px 12px 0 0}.btn.outline{background:transparent;color:white;border-color:#d3c4a5}.btn:hover{filter:brightness(1.09)}.section{padding:85px 0}.section.white{background:white}.section.dark{background:var(--navy);color:white}.section h2,.content h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);font-weight:400;line-height:1.2;margin:12px 0 24px}.lead{font-size:1.13rem;color:var(--muted);max-width:760px}.dark .lead{color:#cbd1d8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.feature{background:#fff;border:1px solid #e8e3da;padding:32px}.feature h3{font-family:Georgia,serif;font-size:1.5rem;margin:12px 0}.feature p{color:var(--muted)}.feature a{color:#81602e;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visual{background:linear-gradient(140deg,#293e55,#132235);min-height:350px;display:flex;align-items:center;justify-content:center;color:#e6d3ae;font:italic 2rem Georgia,serif;text-align:center;padding:30px}.visual img{width:100%;height:400px;object-fit:cover}.stat{display:flex;gap:40px;margin-top:26px}.stat strong{font:2.5rem Georgia,serif;color:var(--gold);display:block}.stat span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.page-hero{background:var(--navy);color:white;padding:65px 0}.page-hero h1{font-size:clamp(2.6rem,5vw,4.5rem);margin-bottom:0}.content{max-width:820px;margin:0 auto;padding:60px 0 90px}.content p{margin-bottom:1.3em}.events{list-style:none;padding:0}.events li{border-bottom:1px solid #d7d1c7;padding:19px 0}.events time{font-weight:700;color:#84632d;margin-right:20px}.footer{background:#0b1420;color:#d7dce4;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{text-decoration:none}.footer small{color:#a5afbb}.foot-bottom{border-top:1px solid #33404e;margin-top:35px;padding-top:20px;font-size:.8rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid img{aspect-ratio:4/3;object-fit:cover}.wp-block-image img{height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:99}@media(max-width:850px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--navy);padding:15px 20px 25px}.site-nav.open{display:block}.menu{flex-direction:column;align-items:flex-start;gap:15px}.split,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero{padding:75px 0}}@media(max-width:550px){.grid,.gallery-grid{grid-template-columns:1fr}.brand strong{font-size:1.3rem}.brand small{font-size:.6rem}.stat{gap:20px}.section{padding:60px 0}}
/* Zugvögel Relaunch Ergänzungen */
.zv-board{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.zv-board article{background:#fff;border:1px solid #e9e1d3;padding:25px;text-align:center}.zv-board h3{font-family:Georgia,serif;margin:5px 0}.zv-board small{color:#98743c}.zv-board p{font-size:.8rem;color:#7a8490}.zv-avatar{margin:auto auto 14px;background:#f1e7d5;color:#a7854e;border-radius:50%;height:72px;width:72px;display:grid;place-items:center;font-size:2rem}.zv-note,.zv-schedule{background:#fff;border:1px solid #e8dfce;padding:28px;margin:25px 0}.zv-schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.zv-slot{background:#f6f0e6;padding:15px;border-left:4px solid #c9a96b;display:flex;flex-direction:column}.zv-slot span{font-weight:600}.zv-slot small{color:#667}.zv-map{height:440px;margin:22px 0;border-radius:8px}.brand small{letter-spacing:.02em;text-transform:none}.hero{--hero-image:url('assets/musik.jpg')}.zv-photo{width:100%;max-height:420px;object-fit:cover;border-radius:4px}@media(max-width:600px){.zv-board,.zv-schedule-grid{grid-template-columns:1fr}}

/* Hero: Mandoline und Jubiläums-Signet, Design 2027 */
.hero{position:relative;min-height:630px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(9,20,35,.97) 0%,rgba(9,20,35,.87) 34%,rgba(9,20,35,.36) 72%,rgba(9,20,35,.2) 100%),url('assets/mandoline-hero.jpg')!important;background-size:cover;background-position:center 49%;overflow:hidden}
.hero .wrap{position:relative;padding-right:240px}
.hero h1{font-size:clamp(3.5rem,7vw,6.4rem);max-width:700px}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero p{max-width:560px}
.zv-anniversary{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:194px;height:194px;border:3px double #d6b26b;border-radius:50%;background:rgba(14,27,43,.85);box-shadow:0 0 0 7px rgba(201,169,107,.17),0 12px 32px #0006;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e7c77f;text-align:center;font-family:Georgia,serif}
.zv-anniversary-number{font-size:5rem;line-height:.95}
.zv-anniversary-years{font-size:1.35rem;letter-spacing:.18em}
.zv-anniversary-range{font:600 .8rem system-ui,sans-serif;letter-spacing:.12em;margin-top:8px}
@media(max-width:760px){.hero{min-height:620px;background-position:60% center}.hero .wrap{padding-right:0;padding-bottom:125px}.hero h1{font-size:clamp(3.2rem,12vw,5rem)}.zv-anniversary{width:120px;height:120px;top:auto;bottom:-45px;right:10px;transform:none}.zv-anniversary-number{font-size:3rem}.zv-anniversary-years{font-size:.9rem}.zv-anniversary-range{font-size:.58rem}}

/* Vollständiger Relaunch */
.zv-logo{height:62px;max-width:70px;object-fit:contain}.site-nav .menu{gap:12px;flex-wrap:wrap;justify-content:flex-end}.site-nav .menu a{font-size:.78rem}.nav-inner{min-height:92px}.zv-board{grid-template-columns:repeat(3,minmax(0,1fr))}.zv-avatar{width:120px;height:120px;overflow:hidden;background:#e8d7b7}.zv-avatar img{width:100%;height:100%;object-fit:cover}.zv-disabled{display:inline-block;padding:12px 18px;border:1px solid #d3c4a5;color:#8c8170;background:#f4f0e9;cursor:not-allowed}.zv-cal{border:1px solid #d9c9aa;background:white;padding:22px;margin:25px 0}.zv-cal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.zv-cal-toolbar h3{font:normal 1.6rem Georgia,serif;margin:0}.zv-cal-toolbar button{border:1px solid #d1b77d;background:#15253b;color:#e9c781;padding:6px 18px;font-size:1.5rem;cursor:pointer}.zv-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:16px 0}.zv-cal-dayname{text-align:center;font-size:.8rem;color:#78664b;font-weight:bold}.zv-cal-day{min-height:73px;border:1px solid #ece4d7;background:#f8f5ef;padding:7px 4px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;color:#26334a;cursor:pointer}.zv-cal-day:disabled{opacity:.25;cursor:default}.zv-cal-day.is-today{outline:2px solid #ba995a}.zv-cal-day.has-event{background:#f0e3c9;border-color:#c5a76d}.zv-cal-day.is-selected{background:#1a2c44;color:white}.zv-cal-day small{font-size:.64rem;line-height:1.2}.zv-cal-details{padding:15px;background:#f8f3ea;border-left:4px solid #c9a96b;min-height:60px}.zv-cal-details p{margin:0}.zv-cal-details a{color:#7d5820}.hero{background-image:linear-gradient(90deg,rgba(9,20,35,.94) 0%,rgba(9,20,35,.7) 38%,rgba(9,20,35,.2) 85%),url('assets/mandoline-hero.jpg')!important;background-position:center center}.hero .wrap{padding-right:215px}@media(max-width:1050px){.nav-inner{align-items:flex-start;padding:12px 0}.site-nav .menu{gap:9px}.site-nav .menu a{font-size:.73rem}}@media(max-width:850px){.nav-inner{align-items:center}.zv-board{grid-template-columns:repeat(2,1fr)}.site-nav .menu{flex-direction:column}.hero .wrap{padding-right:0}}@media(max-width:550px){.zv-board{grid-template-columns:1fr}.zv-cal{padding:10px}.zv-cal-day{min-height:57px;font-size:.8rem}.zv-cal-day small{font-size:.55rem}.zv-cal-toolbar h3{font-size:1.2rem}.zv-cal-grid{gap:2px}}

/* 4.1: Offizielles Beitrittsformular */
.zv-join-card{padding:clamp(1.3rem,4vw,2.5rem);margin:2rem 0;border:1px solid #c7a768;border-radius:14px;background:linear-gradient(130deg,#13263b,#233c53);color:#f8f4e9;box-shadow:0 12px 25px #06192b19}
.zv-join-card h2{color:#e4c27e;margin:.3rem 0 1rem}.zv-join-card a:not(.btn){color:#e4c27e}.zv-join-eyebrow{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#d8b36c}.zv-join-card .zv-join-button{display:inline-block;background:#c7a768;color:#0e243a;text-decoration:none;padding:.85rem 1.3rem;border-radius:6px;font-weight:700}.zv-join-hint{font-size:.9rem;opacity:.9}
/* v4.4: prevent newly restored navigation links from overflowing */
.site-nav .menu {flex-wrap:wrap;row-gap:8px}


/* v4.8: event calendar on the existing Termine page */
.zv48-events{margin:2rem 0 3rem}.zv48-events>h2{margin-bottom:.5rem}.zv48-events>.zv-cal{margin-top:1.5rem}

/* Version 5 – Historisches Bildarchiv */
.zv-v5-archive{margin:2rem 0}.zv-v5-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:1.5rem 0}.zv-v5-grid a{display:block;border-radius:12px;overflow:hidden;background:#182638}.zv-v5-grid img{width:100%;height:180px;object-fit:cover;display:block;transition:transform .25s}.zv-v5-grid a:hover img{transform:scale(1.035)}.zv-v5-foreign{margin:2rem 0;padding:1.5rem;border:1px solid #a98b56;border-radius:12px}

/* Gründerseite 5.2 */
.zv-founder figure{margin:0 0 32px}.zv-founder figure img{width:100%;max-height:420px;object-fit:cover;border-radius:8px}.zv-founder figcaption{font-size:.8rem;color:#647080}.zv-founder-lead{font:italic 1.5rem Georgia,serif;color:#84632d}.zv-founder-audio{background:#f2ede4;border-left:5px solid #c9a96b;padding:25px;margin:30px 0;border-radius:4px}.zv-founder-audio h3{margin-top:0}.zv-audio-placeholder{border:1px dashed #b9aa8e;padding:15px;color:#6a6356;border-radius:5px}.zv-founder-audio audio{width:100%}