:root{--blue:#09374b;--deep:#072c3e;--cream:#faf8f2;--gold:#d6ad67;--ink:#243b42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--cream);line-height:1.65}a{color:inherit}.site-header{background:#fff;position:relative;z-index:2;box-shadow:0 1px 12px #0000000c}.nav-wrap{max-width:1320px;margin:auto;min-height:82px;padding:12px 30px;display:flex;align-items:center;gap:32px}.brand{text-decoration:none;font-weight:700;font-size:17px;color:var(--blue);white-space:nowrap}.brand span{font-weight:400}nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}nav a{text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}nav a:hover,nav a[aria-current]{color:#b37a2e}.social{display:flex;gap:10px}.social a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #a8b6bc;border-radius:50%;text-decoration:none;font-weight:700}.menu-toggle{display:none}.hero{height:clamp(370px,40vw,620px);background:url('assets/luftbild.jpg') center center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0019248c,#0019242c 55%,#00192469)}.hero-content{position:relative;padding:30px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:400;font-size:clamp(85px,12vw,180px);line-height:.77;margin:35px 0 25px;text-shadow:0 4px 18px #0009;transform:rotate(-3deg)}.hero h1 span{display:inline-block;margin-left:110px}.hero-content>p{font-size:19px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 9px #000}.hero-credit{position:absolute;right:16px;bottom:8px;font-size:10px;text-shadow:0 1px 4px #000}.section{max-width:1140px;margin:0 auto;padding:82px 28px}.intro{text-align:center;max-width:850px;padding-top:88px;padding-bottom:95px}.intro-mark{color:#b98c4d;font-size:27px}.overline{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:700;color:#a47736;margin:0 0 16px}.intro h2,.section h2{font-family:Georgia,serif;font-weight:400;color:var(--deep);line-height:1.22}.intro h2{font-size:clamp(28px,3.2vw,43px);margin:0 0 30px}.intro h2 span{font-weight:400}.intro p:not(.overline){font-size:16px}.intro .intro-copy{font-weight:700;font-size:18px!important}.countdown-area{background:#0d4255;color:#fff}.countdown-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.countdown-inner h2,.history h2,.music h2{color:#fff;font-size:clamp(32px,4vw,48px);margin:0 0 18px}.light{color:#f2c981}.note{opacity:.7;font-size:13px}.countdown-box{border:1px solid #ffffff52;border-radius:5px;padding:28px 22px;text-align:center}.countdown-box>p{font-size:13px;letter-spacing:1px}.countdown{display:flex;justify-content:center;gap:22px}.countdown div{display:flex;flex-direction:column;min-width:75px}.countdown strong{font-size:clamp(34px,5vw,62px);line-height:1.3;font-weight:500}.countdown span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.news h2,.partners h2{font-size:40px;margin:0 0 16px}.section-lead{max-width:650px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.news article{background:#fff;border-top:3px solid #c9a16b;padding:28px;min-height:215px;box-shadow:0 5px 24px #00000008}.news h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.25}.news-tag{font-size:11px;color:#99733e;text-transform:uppercase;letter-spacing:1px}.news article p{font-size:14px}.history{background:#16465a;color:#fff}.history-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.history-years{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-years span{border:1px solid #ffffff66;border-radius:3px;padding:18px 26px;font-size:23px;font-family:Georgia,serif}.partners{text-align:center;max-width:720px}.music{background:#12394a;color:#fff}.music-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:35px;padding-bottom:35px}.music h2{font-size:28px;margin:0}.music audio{max-width:100%;width:330px}footer{background:#082735;color:#d6e1e4}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:12px}footer span{opacity:.7}@media(max-width:950px){.nav-wrap{flex-wrap:wrap;gap:16px}.menu-toggle{display:block;margin-left:auto;background:#fff;border:1px solid #a6b4bb;border-radius:4px;padding:8px 12px;font:inherit;cursor:pointer}nav{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 0}nav.open{display:flex}.social{margin-left:0}.hero h1 span{margin-left:50px}}@media(max-width:650px){.nav-wrap{padding:10px 18px;min-height:70px}.hero{height:390px;background-position:53% center}.hero h1{font-size:82px}.hero h1 span{margin-left:28px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-content>p{font-size:14px}.section{padding:58px 20px}.countdown-inner,.news-grid{grid-template-columns:1fr}.history-inner,.music-inner,.footer-inner{flex-direction:column;align-items:flex-start}.history-years{width:100%}.history-years span{text-align:center}.intro{padding-top:60px}.intro h2{font-size:29px}.social a{width:27px;height:27px}.countdown{gap:10px}.countdown div{min-width:65px}}

/* Demo 02: Farbwelt und Rauten aus der vorhandenen Volksfest-CI */
:root{--blue:#07517a;--deep:#092b45;--cream:#f5f8fa;--gold:#2a96bf;--ink:#243b49}
body{background:var(--cream)}
.site-header{border-bottom:3px solid #087eaf}
.brand{color:#07517a}
nav a:hover,nav a[aria-current]{color:#087eaf}
.social a{border-color:#7ca6bc;color:#07517a}
.intro-mark,.overline{color:#087ca8}
.intro h2,.section h2{color:#0b344e}
.countdown-area{background:#071b2d url('assets/rauten-ci.png') left top / cover no-repeat;position:relative}
.countdown-area::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,32,.17),rgba(2,17,32,.4));pointer-events:none}
.countdown-inner{position:relative;z-index:1}
.countdown-inner h2,.history h2,.music h2{color:white}
.countdown-area .overline,.history .overline{color:#a8e0f7}
.countdown-box{background:rgba(2,22,39,.38);border:1px solid rgba(175,226,247,.52);backdrop-filter:blur(2px)}
.news article{border-top-color:#1594c3;box-shadow:0 6px 22px #082f4912}
.news-tag{color:#087ca8}
.history{background:linear-gradient(110deg,rgba(4,34,57,.92),rgba(4,34,57,.77)),url('assets/rauten-ci.png') center 20% / cover no-repeat}
.history-years span{background:rgba(2,25,45,.28);border-color:#a0c8dc91}
.music{background:#0c334c}
footer{background:#071e30}
@media(max-width:650px){.countdown-area{background-position:26% top}.history{background-position:24% center}}

/* Demo 03 – Typografie, Jubiläumsbuch und kleine Korrekturen */
.intro{max-width:960px}
.intro h2{max-width:890px;margin-left:auto;margin-right:auto;text-wrap:balance}
.intro p{max-width:830px;margin-left:auto;margin-right:auto;text-wrap:pretty}
.intro p:last-child{max-width:790px}
.book-section{background:#fff;border-top:1px solid #e0e9ef}
.book-inner{display:grid;grid-template-columns:minmax(210px,330px) minmax(0,1fr);gap:clamp(28px,6vw,85px);align-items:center}
.book-cover img{display:block;width:100%;height:auto;box-shadow:0 18px 42px #0a26372b}
.book-copy h2{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,46px);font-weight:400;line-height:1.2;margin:0 0 12px;color:var(--deep);text-wrap:balance}
.book-copy p{max-width:590px;text-wrap:pretty}
.book-subtitle{font-weight:700;color:#145b7b}
.book-note{padding:13px 16px;border-left:3px solid #1594c3;background:#edf6fa;font-size:14px}
@media(max-width:650px){.book-inner{grid-template-columns:1fr}.book-cover{max-width:260px;margin:0 auto}.intro p:last-child{max-width:100%}}

/* Demo 04: Bildband dezent in den Chronikblock integriert */
.history-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,70px)}
.history-main{min-width:0}
.history-years{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.history-years span{font-size:19px;padding:10px 18px}
.history-book{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:22px;padding:20px;border:1px solid #ffffff40;background:#071e3066;border-radius:6px}
.history-book img{width:100%;height:auto;display:block;box-shadow:0 8px 22px #0004}
.history-book-kicker{color:#a8e0f7;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700;margin:0 0 8px}
.history-book h3{font:normal clamp(19px,2vw,25px)/1.25 Georgia,serif;color:#fff;margin:0 0 9px;text-wrap:balance}
.history-book p:not(.history-book-kicker){font-size:13px;line-height:1.6;margin:0 0 10px}
.history-book-status{font-size:11px;color:#a8e0f7}
@media(max-width:850px){.history-inner{grid-template-columns:1fr}.history-book{max-width:630px}}
@media(max-width:480px){.history-book{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px}.history-years span{font-size:17px;padding:9px 14px}}

/* Demo 05: Neues Panoramamotiv inklusive integriertem Schriftzug */
.hero.hero-demo05{height:auto;min-height:0;display:block;background:none;position:relative;line-height:0}
.hero-demo05 img{display:block;width:100%;height:auto}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-image-note{position:absolute;bottom:8px;right:12px;max-width:48%;font:10px/1.3 Arial,sans-serif;color:#fff;background:#001a2c99;padding:4px 6px;border-radius:3px;text-align:right}
@media(max-width:650px){.hero-image-note{font-size:8px;max-width:62%;bottom:3px;right:4px}}

/* Demo 07: echte Originalfotografie, Text als HTML-Overlay; keine externen Webfonts */
.hero.hero-original{height:clamp(340px,43vw,570px);display:block;position:relative;overflow:hidden;background:#0a344a;line-height:normal;text-align:left}
.hero-original>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-original:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,22,40,.63),rgba(0,22,40,.10) 75%);pointer-events:none}
.hero-original-text{position:absolute;z-index:1;left:clamp(20px,6vw,110px);top:50%;transform:translateY(-50%);max-width:75%;color:white;text-shadow:0 2px 10px #001a2f}
.hero-original-text p{font-size:clamp(9px,1.1vw,14px);letter-spacing:.13em;font-weight:700}
.hero-original-text h1{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:400;font-style:italic;font-size:clamp(55px,9vw,142px);line-height:.94;margin:25px 0 0;transform:none;text-shadow:0 3px 12px #001a2f}
.hero-original-text h1 span{display:block;margin-left:clamp(15px,5vw,95px)}
.hero-original-credit{position:absolute;z-index:1;right:12px;bottom:8px;color:#fff;font:10px Arial,sans-serif;background:#001a2c99;padding:4px 6px;border-radius:3px}
@media(max-width:650px){.hero.hero-original{height:350px}.hero-original>img{object-position:65% center}.hero-original-text{max-width:90%}.hero-original-text h1{font-size:clamp(53px,13vw,85px)}.hero-original-text p{font-size:9px;letter-spacing:.05em}}

/* Demo 08 – Jubiläums-Unterseite */
.festival-banner{background:#042b44;line-height:0}.festival-banner img{width:100%;height:auto;display:block;max-width:1920px;margin:auto}
.festival-intro{text-align:center;max-width:900px}.festival-intro h1{font:normal clamp(36px,5vw,58px)/1.15 Georgia,serif;color:#0b344e;margin:8px 0 22px}.festival-intro p{max-width:800px;margin:12px auto;line-height:1.75}.festival-lead{font-size:clamp(19px,2.1vw,24px);color:#124764}
.festival-facts{background:#eaf3f8;border-top:1px solid #d4e7f1;border-bottom:1px solid #d4e7f1}.festival-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:38px;padding-bottom:38px}.festival-facts article{border-left:3px solid #0b89b5;padding-left:18px}.festival-facts h2{font:normal 23px/1.3 Georgia,serif;margin:8px 0;color:#0b344e}.festival-facts p{margin:0;line-height:1.65}.fact-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#087ca8;font-weight:700}
.festival-content h2{font:normal clamp(30px,3.5vw,43px)/1.2 Georgia,serif;color:#0b344e}.festival-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.festival-cards article{border:1px solid #d8e5ec;border-top:4px solid #1594c3;padding:28px;background:#fff;box-shadow:0 7px 23px #082f490c}.festival-card-icon{font-size:26px;color:#087ca8}.festival-cards h3{font:normal 26px/1.25 Georgia,serif;color:#0b344e;margin:12px 0}.festival-cards p{line-height:1.7}.festival-status{font-size:13px;font-weight:700;color:#0b6d93;margin-top:18px}.festival-outro{background:#071e30 url('assets/rauten-ci.png') center/cover no-repeat;color:white}.festival-outro h2{font:normal clamp(28px,3.4vw,43px)/1.2 Georgia,serif;color:white}.festival-back{display:inline-block;margin-top:16px;color:white;text-decoration:underline;text-underline-offset:4px}
@media(max-width:750px){.festival-facts-grid{grid-template-columns:1fr;gap:24px}.festival-cards{grid-template-columns:1fr}.festival-banner img{width:100%;height:auto}.festival-intro{padding-top:40px;padding-bottom:40px}}

/* Demo 09 – Jubiläumsheader am Desktop bewusst kleiner, mit Luft zum Atmen */
.festival-banner{background:transparent;line-height:normal;padding:clamp(18px,3vw,42px) 24px 0;text-align:center}
.festival-banner img{display:block;width:100%;max-width:900px;height:auto;margin:0 auto;border-radius:4px;box-shadow:0 10px 30px #00233c1a}
.festival-intro{padding-top:46px}
/* Einheitliche Werbepartner-Präsenz auf jeder Seite, ohne erfundene Logos */
.site-partners{background:#f0f5f6;border-top:1px solid #dbe5e7}
.site-partners-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:45px;padding-bottom:45px}
.site-partners h2{font:normal clamp(25px,3vw,34px)/1.2 Georgia,serif;color:var(--deep);margin:0 0 10px}
.site-partners p:not(.overline){font-size:14px;max-width:530px;margin:0}
.site-partners-placeholder{border:1px dashed #aac2cb;border-radius:5px;min-height:92px;display:grid;place-items:center;padding:18px;color:#617d88;font-size:13px;text-align:center;background:#fff8}
@media(max-width:700px){.festival-banner{padding:15px 12px 0}.festival-banner img{max-width:100%;box-shadow:none}.festival-intro{padding-top:32px}.site-partners-inner{grid-template-columns:1fr;gap:18px;padding-top:36px;padding-bottom:36px}}

/* Demo 10 – Original-Logos der Premium-Werbepartner 2026/27 */
.site-partners-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,55px)}
.site-partners-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,30px);align-items:start}
.partner-logo{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.partner-logo img{display:block;width:min(100%,165px);height:165px;object-fit:contain;object-position:center;background:transparent}
.partner-logo figcaption{font-size:13px;line-height:1.4;text-align:center;font-weight:700;color:#17435c}
@media(max-width:700px){.site-partners-inner{grid-template-columns:1fr}.site-partners-logos{max-width:520px;width:100%;margin:0 auto}.partner-logo img{height:135px;width:min(100%,135px)}}
@media(max-width:380px){.partner-logo img{height:110px;width:min(100%,110px)}.partner-logo figcaption{font-size:11px}}

/* Demo 11 – Jahreschronik */
.archive-main{background:#f9fbfb}.archive-top{padding-top:65px;padding-bottom:35px}.archive-top h1{font:normal clamp(38px,5vw,65px)/1.1 Georgia,serif;color:#073d59;margin:10px 0}.archive-top p{max-width:850px}.archive-lead{font-size:clamp(19px,2.5vw,26px);color:#136b91;font-weight:700}.archive-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:36px;align-items:center;margin-top:35px;padding:22px;background:white;border:1px solid #dfe9ee;border-radius:10px}.archive-feature img{display:block;width:100%;height:auto;border-radius:4px}.archive-feature h2,.archive-index h2,.archive-book h2{font:normal 30px/1.2 Georgia,serif;color:#063e5b}.archive-hint{font-size:14px;color:#527180}.archive-back{color:#0079aa;font-weight:700}.archive-index{padding-top:10px;padding-bottom:30px}.archive-jump{display:flex;flex-wrap:wrap;gap:9px}.archive-jump a{background:#e9f4f9;color:#064766;padding:9px 14px;border-radius:100px;text-decoration:none;font-size:14px}.archive-jump a:hover{background:#d2eaf4}.archive-events{padding-bottom:65px}.archive-event{border-top:1px solid #cddfe7;padding:35px 0;scroll-margin-top:90px}.archive-event-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:16px}.archive-event h3{font:normal clamp(25px,3vw,34px)/1.2 Georgia,serif;color:#073d59;margin:0}.archive-event-head span{color:#607b88;font-size:13px}.archive-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.archive-gallery figure{margin:0;min-width:0}.archive-gallery img{width:100%;height:175px;object-fit:cover;border-radius:6px;display:block}.archive-gallery figcaption{font-size:12px;color:#5e7884;margin-top:5px}.archive-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:35px 0}.archive-years>a,.archive-years>div{padding:22px 17px;background:white;border:1px solid #d7e5eb;border-radius:8px;text-decoration:none;display:flex;flex-direction:column;gap:10px;color:#17445a}.archive-years strong{font-size:35px;color:#08648a}.archive-years span{font-size:14px}.archive-book{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center;margin-top:30px;padding:24px;background:#eef5f8;border-radius:8px}.archive-book img{width:100%;max-height:220px;object-fit:contain}@media(max-width:900px){.archive-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-years{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.archive-feature{grid-template-columns:1fr}.archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archive-gallery img{height:140px}.archive-event-head{display:block}.archive-years{grid-template-columns:repeat(2,1fr)}.archive-book{grid-template-columns:100px 1fr;gap:15px}.archive-book h2{font-size:23px}}

/* Demo 12: Einheitliche Jahreskacheln */
.history-years .year-tile{display:inline-flex;align-items:center;justify-content:center;min-width:81px;min-height:54px;padding:10px 18px;border:1px solid #a0c8dc91;border-radius:4px;background:rgba(2,25,45,.28);color:#fff;font:normal 19px Georgia,serif;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.history-years a.year-tile:hover,.history-years a.year-tile:focus-visible{background:#257aa0;border-color:#f4d59c;transform:translateY(-2px);outline-offset:3px}
.history-years .year-pending{opacity:.66;cursor:default}
/* Veranstaltungskarten statt endloser Fotoseite */
.event-overview{padding-top:25px}.event-overview h2{font-size:clamp(30px,4vw,42px)}
.event-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.event-card{background:#fff;border:1px solid #d9e6eb;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#163f50;box-shadow:0 5px 16px #092d3a0a;transition:transform .2s,box-shadow .2s}
.event-card:hover,.event-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px #092d3a20;outline-offset:3px}
.event-card img{width:100%;height:195px;object-fit:cover;display:block}
.event-card-copy{padding:19px;flex:1;display:flex;flex-direction:column}
.event-card h3{font:normal 24px/1.2 Georgia,serif;margin:0 0 10px;color:#093d57}
.event-card p{font-size:13px;color:#637a83;margin:0 0 20px}
.event-card span{font-size:14px;font-weight:700;color:#0878a3;margin-top:auto}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.gallery-grid figure{margin:0}.gallery-grid img{display:block;width:100%;height:175px;object-fit:cover;border-radius:6px;transition:filter .15s}.gallery-grid a:hover img{filter:brightness(.86)}
.photo-dialog{width:min(96vw,1200px);max-width:none;max-height:96vh;border:0;border-radius:10px;padding:14px;background:#0b202b;color:#fff;box-shadow:0 20px 80px #0009}
.photo-dialog::backdrop{background:#000c}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-dialog button{cursor:pointer;color:#fff;background:#ffffff1c;border:1px solid #ffffff55;border-radius:6px;font-size:20px;padding:10px 14px}.photo-dialog button:hover{background:#ffffff42}
.photo-stage{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:150px}.photo-large{display:block;max-width:calc(100% - 110px);max-height:75vh;object-fit:contain;margin:auto}.photo-caption{font-size:13px;text-align:center;color:#d9e8ef;margin:8px 0 0}
@media(max-width:900px){.event-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.event-card-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid img{height:145px}.photo-dialog{width:100vw;max-height:100vh;padding:8px}.photo-large{max-width:calc(100% - 75px);max-height:77vh}.photo-dialog button{padding:9px;font-size:17px}}

/* Demo 15 – Aktuelles */
.news-grid .news-card,.news-list .news-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 6px 22px rgba(4,31,50,.1);display:flex;flex-direction:column}.news-card-top img{width:100%;height:170px;object-fit:cover;display:block}.news-card-content{padding:20px;flex:1}.news-card-content h3{margin:.35em 0}.news-more{display:inline-block;margin-top:12px;font-weight:700;color:#075b8a}.news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.news-detail{max-width:800px;margin:0 auto}.news-detail h1{line-height:1.15}.news-detail p{line-height:1.7}.news-detail-image{max-width:100%;max-height:420px;object-fit:contain;border-radius:12px;margin:20px 0}.news-intro{padding-top:42px;padding-bottom:60px}.news-card .news-tag{font-size:.78rem;letter-spacing:.03em}.news-note{padding:14px 18px;border-left:3px solid #008bbd;background:#eaf6fb;margin:20px 0}.news-editor{max-width:860px;margin:25px auto}.news-editor label{display:block;font-weight:650;margin-top:14px}.news-editor input,.news-editor textarea{display:block;width:100%;padding:10px;border:1px solid #9ab0be;border-radius:6px;font:inherit}.news-editor textarea{min-height:105px}.news-editor button{padding:10px 18px;margin:16px 8px 8px 0;background:#006e9f;color:white;border:0;border-radius:6px;cursor:pointer}.news-editor .editor-entry{border:1px solid #ccdbe2;border-radius:10px;padding:18px;margin:16px 0}.news-editor .delete{background:#7b3840}@media(max-width:760px){.news-list{grid-template-columns:1fr}.news-card-top img{height:200px}}

/* Demo 16: Kontakt */
.contact-intro{padding-top:64px;padding-bottom:90px;min-height:48vh}
.contact-panel{margin-top:28px;padding:clamp(22px,4vw,38px);max-width:720px;border:1px solid #dbe5e7;border-radius:12px;background:#f5f9fa}
.contact-panel h2{font:normal clamp(23px,3vw,31px)/1.2 Georgia,serif;color:var(--deep);margin:0 0 14px}
.contact-mail{font-weight:700;overflow-wrap:anywhere;font-size:clamp(16px,2.3vw,22px)}
.contact-small{color:#50636e;font-size:14px}

.book-open-link{display:inline-block;background:#143c60;color:#fff!important;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none}.book-open-link:hover{background:#21628c}


/* Demo 18 – Historisches Foto 1957 als sehr dezenter Hintergrund, nur Geschichte */
.archive-main.history-photo-bg{position:relative;isolation:isolate;background:#f9fbfb}
.archive-main.history-photo-bg::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("assets/volksfest-1957-hintergrund.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.10}
.archive-main.history-photo-bg > *{position:relative;z-index:1}
@media(max-width:760px){.archive-main.history-photo-bg::before{background-position:46% center}}

/* Demo 20: Schwarz-Weiss-Festzug als 10%-Hintergrund, nur Kontakt */
.contact-photo-bg{position:relative;isolation:isolate;background:#f9fbfb}
.contact-photo-bg::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("assets/kontakt-festzug-hintergrund-sw.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.10}
.contact-photo-bg > *{position:relative;z-index:1}
@media(max-width:760px){.contact-photo-bg::before{background-position:48% center}}

/* Demo 21: Original-Luftbild in Schwarz-Weiss, 10 % Deckkraft auf Aktuelles */
.news-photo-bg{position:relative;isolation:isolate;background:#f9fbfb}
.news-photo-bg::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("assets/aktuelles-luftbild-hintergrund-sw.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.10}
.news-photo-bg > *{position:relative;z-index:1}
@media(max-width:700px){.news-photo-bg::before{background-position:50% center}}

/* Demo 22: historisches Schwarz-Weiss-Motiv (1957) auch auf Volksfest 2027 */
.festival-photo-bg{position:relative;isolation:isolate;background:#f9fbfb}
.festival-photo-bg::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("assets/volksfest-2027-festzug-1957-sw.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.10}
.festival-photo-bg > *{position:relative;z-index:1}
@media(max-width:760px){.festival-photo-bg::before{background-position:46% center}}
.footer-social{display:inline-flex;gap:12px;align-items:center;margin-left:12px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border:1px solid #91afbd;border-radius:50%;text-decoration:none;color:#e5f4fa;font-weight:bold}
.footer-social a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Demo 24: dezente Abdunklung des Werbepartnerblocks auf Unterseiten */
body.subpage .site-partners{background:#d8e0e3;border-top:1px solid #b5c5cc;}
body.subpage .site-partners .overline{color:#6c563c;}


/* Demo 25: eigenstaendige Werbeseite und Formatmuster */
.ads-main{background:#f9fbfb}.ads-intro{padding-top:60px;padding-bottom:35px;max-width:970px}.ads-intro h1{font:normal clamp(35px,5vw,57px)/1.12 Georgia,serif;color:var(--deep);margin:8px 0 20px}.ads-intro p{line-height:1.75}.ads-claim{font-weight:750;color:#006f9e;font-size:clamp(18px,2.5vw,24px);line-height:1.35!important}.ads-offers{padding-top:24px;padding-bottom:76px}.ads-offers h2,.ads-lifetimes h2,.ads-impact h2,.ads-contact h2{font:normal clamp(27px,3.4vw,40px)/1.2 Georgia,serif;color:var(--deep);margin:8px 0 16px}.ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.ads-format-card{background:white;border:1px solid #d2e1e7;border-radius:14px;padding:24px;box-shadow:0 5px 18px rgba(15,54,72,.045);display:flex;flex-direction:column;gap:15px;min-width:0}.ads-format-card:last-child{grid-column:1/-1}.ads-number{font-size:12px;letter-spacing:.1em;color:#007aa6;font-weight:800}.ads-format-card h3{font:normal 27px/1.2 Georgia,serif;color:#143c60;margin:8px 0}.ads-format-card p{margin:7px 0;line-height:1.55}.ads-subtitle{font-weight:700;color:#3b6174}.ads-preview{min-height:195px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ecf3f6;margin-top:auto}.premium-preview{background:#d8e0e3;flex-direction:column;gap:18px;padding:23px;color:#28475a}.premium-preview>span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.ads-logo-row{display:flex;gap:20px;width:100%;justify-content:center}.ads-logo-row b{display:grid;place-items:center;background:#fff;border-radius:8px;width:120px;height:80px;text-align:center;color:#176a93;line-height:1.2}.banner-preview{background:#f6ead9;justify-content:flex-start}.ads-bakery-art{font-size:70px;background:#d6a36c;width:42%;height:195px;display:grid;place-items:center}.banner-preview>div:last-child{display:flex;flex-direction:column;gap:7px;padding:12px}.ads-preview small{font-size:10px;letter-spacing:.07em;color:#55666f;font-weight:750}.ads-preview strong{font-size:20px;color:#153d5a;line-height:1.2}.ads-preview em{font-style:normal;color:#0077a2;font-weight:750;font-size:13px}.article-preview{flex-direction:column;align-items:stretch;justify-content:flex-start}.ads-article-art{background:#b7d2de;text-align:center;padding:19px;font-size:45px}.article-preview>div:last-child{padding:14px;display:flex;flex-direction:column;gap:8px}.article-preview span{font-size:13px}.video-preview{gap:12px;padding:18px;background:#e4eef2;align-items:center}.ads-video-shape{border-radius:8px;background:linear-gradient(145deg,#153c5e,#2581a1);color:white;display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:0 5px 13px #10344b24;min-width:0;padding:9px}.ads-video-shape span{font-size:11px}.ads-video-shape b{font-size:26px}.ads-video-shape small{color:white;font-size:10px;letter-spacing:0}.ads-video-shape.vertical{width:75px;height:152px}.ads-video-shape.landscape{width:136px;height:77px}.ads-video-shape.square{width:94px;height:94px}.social-preview{gap:28px;padding:18px}.ads-phone{border:5px solid #263d4b;border-radius:17px;background:white;width:185px;overflow:hidden;flex-shrink:0}.ads-phone-head{font-size:10px;padding:8px}.ads-phone-photo{height:120px;background:linear-gradient(145deg,#f6d58c,#6ba8bb);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:50px}.ads-phone-photo span{font-size:13px;font-weight:750}.ads-phone-caption{padding:8px;display:flex;flex-direction:column;font-size:10px;gap:5px}.ads-social-copy{display:flex;flex-direction:column;gap:9px;max-width:220px}.ads-social-copy b{font:normal 25px/1.15 Georgia,serif;color:#143c60}.ads-details{border-top:1px solid #d6e4e8;padding-top:14px}.ads-details summary{color:#006f9d;font-weight:750;cursor:pointer;list-style:revert}.ads-details summary:focus-visible{outline:2px solid #006f9d;outline-offset:4px}.ads-details p{font-size:14px}.ads-lifetimes{background:#e8f0f3;padding:55px 0}.ads-table-wrap{overflow-x:auto}.ads-lifetimes table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden}.ads-lifetimes th,.ads-lifetimes td{padding:14px 18px;border-bottom:1px solid #d8e5e9;text-align:left}.ads-lifetimes th{background:#d0e2e9;color:#153e59}.ads-impact{padding-top:60px;padding-bottom:60px}.ads-impact p{max-width:890px}.ads-contact{background:#dceaf0;padding:55px 0}.ads-mail{display:inline-block;background:#0c668e;color:white!important;text-decoration:none;padding:13px 23px;border-radius:7px;font-weight:750;margin-top:10px}.ads-mail:hover{background:#164662}.ads-contact-address{font-size:14px;color:#4d6775}.ads-format-card:last-child .social-preview{min-height:250px}@media(max-width:780px){.ads-grid{grid-template-columns:1fr}.ads-format-card:last-child{grid-column:auto}.ads-intro{padding-top:35px}.ads-format-card{padding:18px}.ads-social-copy b{font-size:21px}}@media(max-width:390px){.ads-video-shape.landscape{width:108px;height:68px}.ads-video-shape.square{width:75px;height:75px}.video-preview{gap:6px}.social-preview{gap:12px}.ads-phone{width:155px}}

/* Demo 26: Originalmotive der Premium-Werbepartner */
.ads-premium-showcase{padding-top:16px;padding-bottom:42px}.ads-premium-motives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.ads-premium-motives figure{margin:0;padding:14px;background:#eef1f5;border:1px solid #d3dce8;border-radius:15px;box-shadow:0 8px 25px rgba(10,34,71,.08);min-width:0}.ads-premium-motives img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:7px;background:#fff}.ads-premium-motives figcaption{padding:14px 5px 5px;display:flex;flex-direction:column;gap:3px;color:#16375f}.ads-premium-motives figcaption strong{font-size:1.05rem}.ads-premium-motives figcaption span{font-size:.88rem;color:#52667c}@media(max-width:660px){.ads-premium-motives{grid-template-columns:1fr;gap:20px}.ads-premium-motives figure{max-width:480px;margin:auto;width:100%}}

/* Demo 27: Premium-Jahrespaket */
.ads-premium-package{padding-top:22px;padding-bottom:58px}.ads-premium-package>h2{font:normal clamp(27px,3.4vw,40px)/1.2 Georgia,serif;color:#153d5d;margin:9px 0 17px}.ads-package-lead{max-width:920px;line-height:1.65}.ads-package-included,.ads-package-extras{margin-top:30px}.ads-package-included h3,.ads-package-extras h3{font:normal 27px/1.25 Georgia,serif;color:#173c5d;margin:0 0 17px}.ads-package-items,.ads-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ads-package-items article{background:#e7f0f3;border:1px solid #cbdfe6;border-radius:13px;padding:22px;min-width:0}.ads-package-items article>span{display:inline-block;font-weight:800;color:#08759c;font-size:14px;letter-spacing:.07em;margin-bottom:9px}.ads-premium-package h4{font-size:19px;line-height:1.3;color:#153d5d;margin:0 0 9px}.ads-premium-package article p{line-height:1.55;margin:0}.ads-extra-grid article{border:1px solid #d5e1e7;background:#fff;border-radius:12px;padding:20px;min-width:0}.ads-planned{display:inline-block;background:#e9edf1;color:#52657a;font-size:12px;font-weight:700;border-radius:20px;padding:4px 10px;margin-bottom:12px}.ads-package-cta{margin-top:27px;background:#e9f0f5;border-left:4px solid #137ba0;border-radius:7px;padding:20px 24px}.ads-package-cta p{margin:0 0 15px;line-height:1.6}.ads-package-cta a{display:inline-block;background:#0c668e;color:white!important;text-decoration:none;border-radius:7px;padding:11px 18px;font-weight:750}.ads-package-cta a:hover{background:#164662}@media(max-width:790px){.ads-package-items,.ads-extra-grid{grid-template-columns:1fr}.ads-package-items article,.ads-extra-grid article{padding:18px}}

/* Demo 28: historische Anzeige und lesbare Zeilenumbrueche */
.historic-banner-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;margin-left:0;margin-right:0;background:#f0f0ed;padding:12px;min-height:0}
.historic-banner-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:370px;object-fit:contain;margin:auto}
.historic-banner-preview figcaption{font-size:12px;color:#4e626e;text-align:center;padding:10px 4px 2px}
.ads-main p,.ads-main h2,.ads-main h3,.ads-main li,.ads-format-card p,.ads-format-card h3,.premium-bundle p,.premium-bundle h3{hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}
@media(max-width:440px){.historic-banner-preview img{max-height:300px}}

/* VS 01: einzelne Nachricht auf der Startseite im Querformat */
@media (min-width: 720px) {
  .news #aktuelles {max-width: none;}
  .news-grid:has(> .news-card:only-child) {grid-template-columns: minmax(0,1fr);}
  .news-grid > .news-card:only-child {display:grid;grid-template-columns:minmax(230px, 38%) minmax(0,1fr);align-items:stretch;min-height:220px;padding:0;}
  .news-grid > .news-card:only-child .news-card-top {min-height:220px;}
  .news-grid > .news-card:only-child .news-card-top img {height:100%;min-height:220px;object-fit:cover;}
  .news-grid > .news-card:only-child .news-card-content {padding:25px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
}

/* VS01: Social links aligned with footer content */
.footer-inner{align-items:center;flex-wrap:wrap}
.footer-inner .footer-social{margin-left:0;opacity:1;flex-shrink:0}
.footer-inner .footer-social a{width:32px;height:32px}
@media(max-width:950px){.footer-inner{align-items:flex-start}.footer-inner .footer-social{margin-top:4px}}