*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0%,#57314c 0,transparent 35%),#1a1b30;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#302435}a{color:inherit}.wrap{max-width:1050px;margin:auto;padding:30px 20px 65px}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:auto;padding:18px 22px}.sitehead{background:#16182b;color:#fff;border-bottom:1px solid #ffffff22}.logo{font-weight:800;text-decoration:none;letter-spacing:.05em}.logo span{color:#efc66d}nav{display:flex;gap:7px;flex-wrap:wrap}nav a{font-size:13px;padding:9px 11px;text-decoration:none;border-radius:9px;color:#eee2f0}nav a:hover,nav a[aria-current]{background:#ffffff22}.intro{color:#fff;margin:30px 0 26px}.intro h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 10px}.intro p{font-size:17px;line-height:1.65;max-width:780px;color:#e8dae9}.eyebrow{font-size:12px;letter-spacing:.16em;color:#f4cb75;font-weight:800;text-transform:uppercase;margin:0 0 14px}.card{background:#fffaf4;border-radius:22px;padding:clamp(22px,4vw,38px);box-shadow:0 20px 55px #09091b55}.card h2{font-size:25px;margin:0 0 13px;color:#682e52}.card p,.card li{line-height:1.75}.two{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.btn{display:inline-flex;justify-content:center;align-items:center;background:#f1c76d;color:#2b1d29;border:0;border-radius:12px;padding:13px 22px;text-decoration:none;font-weight:800;cursor:pointer;min-height:46px}.btn.alt{background:#fff;color:#6a2a52;border:1px solid #dfc0ca}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.field{margin:0 0 20px}.field label{display:block;font-weight:750;margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid #d1bec9;border-radius:12px;padding:13px;background:white;font:inherit}.field input:focus,.field textarea:focus{outline:3px solid #f1c76d88}.check{display:flex;align-items:flex-start;gap:11px;background:#f5eaf0;padding:15px;border-radius:12px;margin-bottom:22px}.check input{width:19px;height:19px;accent-color:#812d5c;flex:none}.small{font-size:13px;color:#746d77}.footer{border-top:1px solid #ffffff29;color:#e8dbe8;padding:25px;text-align:center;font-size:13px}.footer a{color:#f1d498}.links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.poster{display:block;width:100%;max-width:560px;height:auto;margin:20px auto 0;border-radius:16px;box-shadow:0 22px 50px #0008}.homepage{text-align:center;color:#fff}.homepage h1{font-size:clamp(2.3rem,6vw,4.3rem);margin:0}.homepage .intro{margin:20px auto;max-width:730px}.homepage .actions{justify-content:center}.pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pills span{border:1px solid #ffffff55;padding:8px 14px;border-radius:99px;background:#ffffff15;color:#fff}.homepage .card{margin:25px auto;color:#302435;max-width:760px}.info dt{font-size:12px;color:#6e6272;text-transform:uppercase;font-weight:800;margin:18px 0 3px}.info dd{margin:0;line-height:1.7}.mail{color:#812d5c;font-weight:750}.mobile-menu{display:none;background:#ffffff1c;color:white;border:1px solid #ffffff44;padding:9px 14px;border-radius:10px;font:inherit}@media(max-width:780px){.two{grid-template-columns:1fr}.head{flex-wrap:wrap}.mobile-menu{display:block}nav{display:none;width:100%;flex-direction:column}nav.open{display:flex}nav a{font-size:15px}.wrap{padding:20px 15px 45px}.actions .btn{flex:1 1 auto}}
/* Lichterfest 2026: Startseite mit atmosphärischem Motiv */
.home-2026{background:#101b2a;color:#fff}
.home-2026 .sitehead{background:rgba(10,19,34,.98);position:relative;z-index:10}
.home-2026 .event-hero{isolation:isolate;position:relative;min-height:690px;display:flex;align-items:center;background:#0b1828 url('lichterfest-hintergrund.png') center 56%/cover no-repeat;overflow:hidden}
.home-2026 .event-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,27,.91) 0%,rgba(5,13,27,.77) 35%,rgba(5,13,27,.32) 70%,rgba(5,13,27,.1) 100%),linear-gradient(0deg,rgba(5,13,27,.8) 0%,transparent 26%)}
.home-2026 .event-hero__content{position:relative;width:100%;padding-block:95px 110px;text-align:left}
.home-2026 .event-hero__pretitle{font-size:clamp(1rem,2vw,1.35rem);font-weight:850;letter-spacing:.16em;color:#f7c65f;margin:0 0 14px}
.home-2026 .event-hero h1{font-size:clamp(3.8rem,8.8vw,7.6rem);line-height:.96;letter-spacing:-.065em;font-weight:900;margin:0 0 24px;color:#fff;max-width:900px;text-shadow:0 5px 38px #0008}
.home-2026 .event-hero h1 em{font-style:normal;color:#f9ca64}
.home-2026 .event-hero__lead{font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.7;color:#f9f0e3;max-width:650px;margin:0 0 26px;text-shadow:0 3px 18px #000b}
.home-2026 .event-meta{display:flex;gap:9px;flex-wrap:wrap;max-width:760px}
.home-2026 .event-meta span{border:1px solid #fff5;background:#0b1b2bab;backdrop-filter:blur(6px);color:#fff;padding:11px 15px;border-radius:99px;font-size:.92rem}
.home-2026 .event-hero__actions{justify-content:flex-start;margin-top:28px}
.home-2026 .btn{transition:transform .18s,box-shadow .18s}
.home-2026 .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004}
.home-2026 .btn-ghost{background:#10243bc2;color:#fff;border:1px solid #ffffff91}
.home-2026 .home-sections{max-width:1150px;padding-top:12px}
.home-2026 .home-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:25px;align-items:center;padding-top:28px}
.home-2026 .card{background:#fffaf2;color:#242030;border-radius:22px}
.home-2026 .home-program{padding:clamp(24px,4vw,44px)}
.home-2026 .home-program h2,.home-2026 .help-section h2{font-size:clamp(1.8rem,3vw,2.35rem);color:#702b4c;margin-bottom:24px}
.home-2026 .home-program .eyebrow,.home-2026 .help-section .eyebrow{color:#945c16}
.home-2026 .program-items>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:15px 0;border-top:1px solid #d7c7b7}
.home-2026 .program-items p{margin:0;line-height:1.55}
.home-2026 .program-time{font-size:.89rem;font-weight:850;color:#8d3757}
.home-2026 .program-footnote{color:#715d63;font-size:.9rem;margin:24px 0 0}
.home-2026 .poster-panel{text-align:center}
.home-2026 .poster{max-width:420px;width:100%;height:auto;margin:0 auto;box-shadow:0 22px 46px #0008;border:1px solid #fff5;transform:rotate(1deg)}
.home-2026 .poster-caption{display:inline-block;color:#f2cd82;margin-top:14px;text-decoration:underline;text-underline-offset:4px}
.home-2026 .poster-panel.poster-missing{display:none}
.home-2026 .help-section{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:45px 0 35px;padding:clamp(22px,4vw,40px);background:linear-gradient(130deg,#fffaf2,#f6e6d8)}
.home-2026 .help-section__symbol{font-size:4rem;color:#c58b31;line-height:1}
.home-2026 .help-section p{max-width:680px;line-height:1.75;margin-top:0}
.home-2026 .help-section .actions{justify-content:flex-start;margin-bottom:0}
.home-2026 .button-note{font-size:.81rem;font-weight:500;margin-left:4px}
.home-2026 .footer{background:#0a1525;border-top:1px solid #ffffff29}
@media(max-width:800px){.home-2026 .event-hero{min-height:620px;background-position:64% 50%}.home-2026 .event-hero__shade{background:linear-gradient(90deg,#071224ed,#071224b8 70%,#07122473),linear-gradient(0deg,#071224c9,transparent 38%)}.home-2026 .event-hero__content{padding-block:65px 85px}.home-2026 .home-grid{grid-template-columns:1fr}.home-2026 .poster{max-width:320px}.home-2026 .help-section{grid-template-columns:1fr}.home-2026 .help-section__symbol{display:none}}
@media(max-width:530px){.home-2026 .event-hero{min-height:630px;background-position:72% 50%}.home-2026 .event-hero__content{padding-block:58px 72px}.home-2026 .event-hero h1{font-size:clamp(3.2rem,13vw,5rem)}.home-2026 .event-meta span{padding:9px 12px;font-size:.82rem}.home-2026 .event-hero__actions .btn{width:100%}.home-2026 .program-items>div{grid-template-columns:1fr;gap:3px}.home-2026 .home-grid{padding-top:20px}}

/* Startseite 2026 – prominenter Helferaufruf und großformatiger Flyer */
.home-2026 .event-hero{min-height:740px}
.home-2026 .event-hero__content{padding-block:72px 76px}
.home-2026 .hero-help{margin-top:38px;max-width:910px;border:1px solid rgba(247,201,107,.47);border-radius:24px;background:linear-gradient(110deg,rgba(21,30,47,.94),rgba(75,36,53,.92));box-shadow:0 20px 56px rgba(0,0,0,.25);padding:28px 30px;backdrop-filter:blur(8px)}
.home-2026 .hero-help__label{color:#f8d58d;font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}
.home-2026 .hero-help h2{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.15;margin:0 0 9px;color:#fff}
.home-2026 .hero-help p:not(.hero-help__label){font-size:1.03rem;color:#f4e7e2;line-height:1.55;margin:0}
.home-2026 .hero-help__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:21px}
.home-2026 .hero-help__primary{background:#f6c75e;color:#261823;font-size:1.1rem;padding:16px 25px;box-shadow:0 8px 24px #0003}
.home-2026 .hero-help__secondary{background:transparent;color:#fff;border:1px solid #fff9;box-shadow:none}
.home-2026 .poster-feature{text-align:center;padding:44px 0 56px;max-width:920px;margin:auto}
.home-2026 .poster-feature__heading{margin:0 auto 26px}
.home-2026 .poster-feature__heading h2{font-size:clamp(1.9rem,4vw,3rem);margin:0 0 10px;color:#fff}
.home-2026 .poster-feature__heading>p:last-child{color:#e2d5d4;font-size:1.05rem;line-height:1.6;margin:0}
.home-2026 .poster-feature__image{max-width:700px;margin:auto}
.home-2026 .poster-feature .poster{width:100%;max-width:700px;height:auto;transform:none;border-radius:12px;margin:0 auto;border:1px solid #ffffff55;box-shadow:0 24px 70px #000a}
.home-2026 .poster-feature__link{margin-top:24px}
.home-2026 .poster-feature__image.poster-missing{display:none}
@media(max-width:800px){.home-2026 .event-hero{min-height:auto}.home-2026 .hero-help{margin-top:29px;padding:24px}.home-2026 .poster-feature{padding:36px 0 50px}.home-2026 .poster-feature__image{max-width:610px}}
@media(max-width:530px){.home-2026 .event-hero__content{padding-block:48px 55px}.home-2026 .hero-help{padding:20px;margin-top:26px}.home-2026 .hero-help__buttons{flex-direction:column;align-items:stretch}.home-2026 .hero-help__buttons .btn{width:100%;text-align:center}.home-2026 .poster-feature{padding:24px 0 44px}}


/* ==========================================================
   IGS LICHTERFEST 2026 — EINHEITLICHER HINTERGRUND
   Ein zentraler Bildpfad für ALLE Seiten auf dieser Domain.
   Keine Aenderung an Formularen oder PHP-Funktionen.
   ========================================================== */
html { min-height: 100%; }
body {
  min-height: 100vh;
  background-color: #10192d;
  background-image:
    linear-gradient(180deg, rgba(7,15,30,.47), rgba(7,15,30,.67)),
    url('/lichterfest-hintergrund.png?v=20261031-global');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width:780px) {
  body { background-attachment: scroll; background-position: 58% top; }
}
@media print {
  body { background: #fff !important; }
}

/* Helle Inhaltskarten bleiben lesbar; Startseiten-Hero behaelt sein eigenes Bild. */
.card { position:relative; }
.sitehead { background:rgba(9,17,32,.92); }
.footer { background:rgba(9,17,32,.88); }
.home-2026 .event-hero { background-color:#0b1828; }
