/* Event-Preislisten – Themes. Basis kommt aus preise.css, hier nur Farb-Overrides. */

/* Angebote-Chart (Sonderangebote groß hervorgehoben) */
.angebote { flex:1; display:grid; grid-template-columns:1fr 1fr; gap:3vh 4vw; align-content:start; margin-top:2vh; }
.angebot { background:rgba(0,0,0,.06); border:3px solid var(--rot); border-radius:18px; padding:2.5vh 2.5vw; }
.angebot .an { font-size:2.4vw; font-weight:900; }
.angebot .ap { font-size:2.4vw; font-weight:900; color:var(--rot); float:right; }
.angebot .ad { font-size:1.4vw; font-weight:600; opacity:.8; margin-top:.6vh; clear:both; }
.badge { display:inline-block; font-size:1.3vw; font-weight:900; text-transform:uppercase; letter-spacing:.05em;
  background:var(--rot); color:#fff; padding:.4vh 1.2vw; border-radius:99px; margin-bottom:1.2vh; }

/* ===== Theme: Oktoberfest (blau-weiß) ===== */
body.theme-oktoberfest { background:linear-gradient(180deg,#1667b0 0%, #1258a0 60%, #0e4a86 100%); color:#fff; }
body.theme-oktoberfest .kopf { border-bottom-color:#fff; }
body.theme-oktoberfest .titel { color:#fff; text-shadow:2px 2px 0 #0e4a86, 4px 4px 0 rgba(0,0,0,.3); }
body.theme-oktoberfest .titel small { color:#ffe100; }
body.theme-oktoberfest .kopfzeile { color:#cfe0f2; }
body.theme-oktoberfest .zeile { border-bottom-color:rgba(255,255,255,.18); }
body.theme-oktoberfest .zeile .menge { color:#cfe0f2; }
body.theme-oktoberfest .zeile .pfand { color:#b9cde3; }
body.theme-oktoberfest .gruppe { color:#ffe100; }
body.theme-oktoberfest .fuss { color:#cfe0f2; }
body.theme-oktoberfest .angebot { background:rgba(255,255,255,.10); border-color:#ffe100; }
body.theme-oktoberfest .angebot .ap { color:#ffe100; }
body.theme-oktoberfest .badge { background:#ffe100; color:#0e4a86; }

/* ===== Theme: Fasching (bunt) ===== */
body.theme-fasching { background:linear-gradient(135deg,#7b1fa2 0%, #c2185b 45%, #f57f17 100%); color:#fff; }
body.theme-fasching .kopf { border-bottom-color:#ffe100; }
body.theme-fasching .titel { color:#ffe100; text-shadow:2px 2px 0 #7b1fa2, 4px 4px 0 rgba(0,0,0,.3); }
body.theme-fasching .titel small { color:#fff; }
body.theme-fasching .kopfzeile { color:#f6d9ec; }
body.theme-fasching .zeile { border-bottom-color:rgba(255,255,255,.2); }
body.theme-fasching .zeile .menge { color:#f6d9ec; }
body.theme-fasching .zeile .pfand { color:#f1c9e2; }
body.theme-fasching .gruppe { color:#ffe100; }
body.theme-fasching .fuss { color:#f6d9ec; }
body.theme-fasching .angebot { background:rgba(0,0,0,.18); border-color:#ffe100; }
body.theme-fasching .angebot .ap { color:#ffe100; }
body.theme-fasching .badge { background:#ffe100; color:#7b1fa2; }