/**
 * Farbschema-Modi
 * - eyecancer: Original (keine Überschreibungen, definiert in colors.css)
 * - spicy: Ähnliche Farben mit besserer Lesbarkeit (Standard)
 * - mild: Pastellisierte Versionen
 *
 * WICHTIG: Einige Header haben fixe Farben wegen Logo-Hintergründen:
 * - Bahnhof Pauli, Nochtspeicher, Hafenbahnhof, Hafenklang: weiß
 */

/* ========================================
   EYECANCER MODE (Original)
   Border-image für Aalhaus muss hier gesetzt werden,
   da components.css border: shorthand die border-image zurücksetzt
   ======================================== */

.Aalhaus,
.location-konzerte > a.Aalhaus,
.location-header.Aalhaus,
.location-spalten-header.Aalhaus,
#mobile-konzerte a.Aalhaus {
  box-sizing: border-box;
  border-image-source: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M10 10 Q 50 0 90 12 T 190 8 T 290 20" stroke="black" fill="none" stroke-width="12"/><path d="M290 20 Q 300 60 288 110 T 300 210 T 285 280" stroke="black" fill="none" stroke-width="12"/><path d="M285 280 Q 240 300 190 288 T 95 295 T 10 285" stroke="black" fill="none" stroke-width="12"/><path d="M10 285 Q 0 240 12 190 T 8 95 T 10 10" stroke="black" fill="none" stroke-width="12"/></svg>');
  border-image-slice: 20;
  border-image-repeat: round;
}

/* ========================================
   SPICY MODE (Standard - bessere Lesbarkeit)
   Farben bleiben ähnlich, aber mit kontrastreichen Textfarben
   ======================================== */

[data-color-scheme="spicy"] .Knust,
[data-color-scheme="spicy"] .location-header.Knust,
[data-color-scheme="spicy"] .location-spalten-header.Knust {
  --location-bg: #ff6600;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .Molotow,
[data-color-scheme="spicy"] .location-header.Molotow,
[data-color-scheme="spicy"] .location-spalten-header.Molotow {
  --location-bg: #e32320;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .MSStubnitz,
[data-color-scheme="spicy"] .location-header.MSStubnitz,
[data-color-scheme="spicy"] .location-spalten-header.MSStubnitz {
  --location-bg: #899977;
  --location-color: #000000;
}

/* Nochtspeicher */
[data-color-scheme="spicy"] .Nochtspeicher {
  --location-bg: #a60f43;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .location-header.Nochtspeicher,
[data-color-scheme="spicy"] .location-spalten-header.Nochtspeicher {
  --location-bg: #ffffff;
  --location-color: #a60f43;
  --location-border: 1px solid #a60f43;
}

[data-color-scheme="spicy"] .NicaJazzClub,
[data-color-scheme="spicy"] .location-header.NicaJazzClub,
[data-color-scheme="spicy"] .location-spalten-header.NicaJazzClub {
  --location-bg: #3b70d6;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Prinzenbar,
[data-color-scheme="spicy"] .location-header.Prinzenbar,
[data-color-scheme="spicy"] .location-spalten-header.Prinzenbar {
  --location-bg: #ffb1d5;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .Docks,
[data-color-scheme="spicy"] .location-header.Docks,
[data-color-scheme="spicy"] .location-spalten-header.Docks {
  --location-bg: #d92d41;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .GroßeFreiheit36,
[data-color-scheme="spicy"] .location-header.GroßeFreiheit36,
[data-color-scheme="spicy"] .location-spalten-header.GroßeFreiheit36 {
  --location-bg: #0048ff;
  --location-color: #ffffff;
}

/* Hafenbahnhof */
[data-color-scheme="spicy"] .Hafenbahnhof {
  --location-bg: #0ead69;
  --location-color: #ffffff;
}

/* Hafenklang */
[data-color-scheme="spicy"] .Hafenklang {
  --location-bg: #daa521;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .Kaiserkeller,
[data-color-scheme="spicy"] .location-header.Kaiserkeller,
[data-color-scheme="spicy"] .location-spalten-header.Kaiserkeller {
  --location-bg: #a7ffff;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .Hebebühne,
[data-color-scheme="spicy"] .location-header.Hebebühne,
[data-color-scheme="spicy"] .location-spalten-header.Hebebühne {
  --location-bg: #000000;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Betty,
[data-color-scheme="spicy"] .location-header.Betty,
[data-color-scheme="spicy"] .location-spalten-header.Betty {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

/* Bahnhof Pauli - Header immer weiß (Logo) */
[data-color-scheme="spicy"] .BahnhofPauli {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .location-header.BahnhofPauli,
[data-color-scheme="spicy"] .location-spalten-header.BahnhofPauli {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .Aalhaus,
[data-color-scheme="spicy"] .location-header.Aalhaus,
[data-color-scheme="spicy"] .location-spalten-header.Aalhaus,
[data-color-scheme="spicy"] .location-konzerte > a.Aalhaus,
[data-color-scheme="spicy"] #mobile-konzerte a.Aalhaus {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 12px solid transparent;
  border-image-source: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M10 10 Q 50 0 90 12 T 190 8 T 290 20" stroke="black" fill="none" stroke-width="12"/><path d="M290 20 Q 300 60 288 110 T 300 210 T 285 280" stroke="black" fill="none" stroke-width="12"/><path d="M285 280 Q 240 300 190 288 T 95 295 T 10 285" stroke="black" fill="none" stroke-width="12"/><path d="M10 285 Q 0 240 12 190 T 8 95 T 10 10" stroke="black" fill="none" stroke-width="12"/></svg>');
  border-image-slice: 20;
  border-image-repeat: round;
}

[data-color-scheme="spicy"] .MojoClub,
[data-color-scheme="spicy"] .location-header.MojoClub,
[data-color-scheme="spicy"] .location-spalten-header.MojoClub {
  --location-bg: #000000;
  --location-color: #ffffff;
}

/* Kent Club - Header immer weiß (Logo) */
[data-color-scheme="spicy"] .KentClub {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .location-header.KentClub,
[data-color-scheme="spicy"] .location-spalten-header.KentClub {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .ÜbelundGefährlich,
[data-color-scheme="spicy"] .location-header.ÜbelundGefährlich,
[data-color-scheme="spicy"] .location-spalten-header.ÜbelundGefährlich {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .Kampnagel {
  --location-bg: #fff200;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .location-header.Kampnagel,
[data-color-scheme="spicy"] .location-spalten-header.Kampnagel {
  --location-bg: #fff200;
  --location-color: #000000;
}

[data-color-scheme="spicy"] .Logo,
[data-color-scheme="spicy"] .location-header.Logo,
[data-color-scheme="spicy"] .location-spalten-header.Logo {
  --location-bg: #653797;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Markthalle,
[data-color-scheme="spicy"] .location-header.Markthalle,
[data-color-scheme="spicy"] .location-spalten-header.Markthalle {
  --location-bg: #080808;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .MonkeysMusicClub,
[data-color-scheme="spicy"] .location-header.MonkeysMusicClub,
[data-color-scheme="spicy"] .location-spalten-header.MonkeysMusicClub {
  --location-bg: #000000;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Fabrik,
[data-color-scheme="spicy"] .location-header.Fabrik,
[data-color-scheme="spicy"] .location-spalten-header.Fabrik {
  --location-bg: #ffffff;
  --location-color: #009fd6;
  --location-border: 1px solid #009fd6;
}

[data-color-scheme="spicy"] .GeorgElserHalle,
[data-color-scheme="spicy"] .location-header.GeorgElserHalle,
[data-color-scheme="spicy"] .location-spalten-header.GeorgElserHalle {
  --location-bg: #2f619f;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Grünspan,
[data-color-scheme="spicy"] .location-header.Grünspan,
[data-color-scheme="spicy"] .location-spalten-header.Grünspan {
  --location-bg: #ffffff;
  --location-color: #45B8AC;
  --location-border: 1px solid #45B8AC;
}

[data-color-scheme="spicy"] .Indra,
[data-color-scheme="spicy"] .location-header.Indra,
[data-color-scheme="spicy"] .location-spalten-header.Indra {
  --location-bg: #990000;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] header.Nochtspeicher #mobile-location-select {
  background: #a60f43;
  color: #ffffff;
}

[data-color-scheme="spicy"] header.Hafenbahnhof #mobile-location-select {
  background: #0ead69;
  color: #ffffff;
}

[data-color-scheme="spicy"] header.Hafenklang #mobile-location-select {
  background: #daa521;
  color: #000000;
}

[data-color-scheme="spicy"] .Komet,
[data-color-scheme="spicy"] .location-header.Komet,
[data-color-scheme="spicy"] .location-spalten-header.Komet {
  --location-bg: #000000;
  --location-color: #ffffff;
}

[data-color-scheme="spicy"] .Stellwerk,
[data-color-scheme="spicy"] .location-header.Stellwerk,
[data-color-scheme="spicy"] .location-spalten-header.Stellwerk {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid black;
}

[data-color-scheme="spicy"] .Trabrennbahn,
[data-color-scheme="spicy"] .location-header.Trabrennbahn,
[data-color-scheme="spicy"] .location-spalten-header.Trabrennbahn {
  --location-bg: #ffffff;
  --location-color: #56c5c8;
  --location-border: 1px solid #56c5c8;
}

[data-color-scheme="spicy"] .Club73,
[data-color-scheme="spicy"] .location-header.Club73,
[data-color-scheme="spicy"] .location-spalten-header.Club73 {
  --location-bg: #000000;
  --location-color: #ffffff;
}

/* ========================================
   MILD MODE (Pastell-Farben)
   Sanfte, pastellisierte Versionen der Originalfarben
   ======================================== */

[data-color-scheme="mild"] .Knust,
[data-color-scheme="mild"] .location-header.Knust,
[data-color-scheme="mild"] .location-spalten-header.Knust {
  --location-bg: #ffc899;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Molotow,
[data-color-scheme="mild"] .location-header.Molotow,
[data-color-scheme="mild"] .location-spalten-header.Molotow {
  --location-bg: #ff9999;
  --location-color: #333333;
}

[data-color-scheme="mild"] .MSStubnitz,
[data-color-scheme="mild"] .location-header.MSStubnitz,
[data-color-scheme="mild"] .location-spalten-header.MSStubnitz {
  --location-bg: #c4ccb8;
  --location-color: #444444;
}

/* Nochtspeicher */
[data-color-scheme="mild"] .Nochtspeicher {
  --location-bg: #d98bb3;
  --location-color: #333333;
}

[data-color-scheme="mild"] .location-header.Nochtspeicher,
[data-color-scheme="mild"] .location-spalten-header.Nochtspeicher {
  --location-bg: #ffffff;
  --location-color: #b3456d;
  --location-border: 1px solid #d98bb3;
}

[data-color-scheme="mild"] .NicaJazzClub,
[data-color-scheme="mild"] .location-header.NicaJazzClub,
[data-color-scheme="mild"] .location-spalten-header.NicaJazzClub {
  --location-bg: #a0c0f0;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Prinzenbar,
[data-color-scheme="mild"] .location-header.Prinzenbar,
[data-color-scheme="mild"] .location-spalten-header.Prinzenbar {
  --location-bg: #ffddf0;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Docks,
[data-color-scheme="mild"] .location-header.Docks,
[data-color-scheme="mild"] .location-spalten-header.Docks {
  --location-bg: #ffb3bf;
  --location-color: #333333;
}

[data-color-scheme="mild"] .GroßeFreiheit36,
[data-color-scheme="mild"] .location-header.GroßeFreiheit36,
[data-color-scheme="mild"] .location-spalten-header.GroßeFreiheit36 {
  --location-bg: #99bbff;
  --location-color: #333333;
}

/* Hafenbahnhof */
[data-color-scheme="mild"] .Hafenbahnhof {
  --location-bg: #a8e6c8;
  --location-color: #333333;
}

/* Hafenklang */
[data-color-scheme="mild"] .Hafenklang {
  --location-bg: #f0d999;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Kaiserkeller,
[data-color-scheme="mild"] .location-header.Kaiserkeller,
[data-color-scheme="mild"] .location-spalten-header.Kaiserkeller {
  --location-bg: #d9ffff;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Hebebühne,
[data-color-scheme="mild"] .location-header.Hebebühne,
[data-color-scheme="mild"] .location-spalten-header.Hebebühne {
  --location-bg: #666666;
  --location-color: #ffffff;
}

[data-color-scheme="mild"] .Betty,
[data-color-scheme="mild"] .location-header.Betty,
[data-color-scheme="mild"] .location-spalten-header.Betty {
  --location-bg: #f5f5f5;
  --location-color: #333333;
  --location-border: 1px solid #ccc;
}

[data-color-scheme="mild"] .BahnhofPauli,
[data-color-scheme="mild"] .location-header.BahnhofPauli,
[data-color-scheme="mild"] .location-spalten-header.BahnhofPauli {
  --location-bg: #f5f5f5;
  --location-color: #333333;
  --location-border: 1px solid #ccc;
}

[data-color-scheme="mild"] .Aalhaus,
[data-color-scheme="mild"] .location-header.Aalhaus,
[data-color-scheme="mild"] .location-spalten-header.Aalhaus,
[data-color-scheme="mild"] .location-konzerte > a.Aalhaus,
[data-color-scheme="mild"] #mobile-konzerte a.Aalhaus {
  --location-bg: #ffffff;
  --location-color: #333333;
  --location-border: 12px solid transparent;
  border-image-source: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M10 10 Q 50 0 90 12 T 190 8 T 290 20" stroke="%23333333" fill="none" stroke-width="12"/><path d="M290 20 Q 300 60 288 110 T 300 210 T 285 280" stroke="%23333333" fill="none" stroke-width="12"/><path d="M285 280 Q 240 300 190 288 T 95 295 T 10 285" stroke="%23333333" fill="none" stroke-width="12"/><path d="M10 285 Q 0 240 12 190 T 8 95 T 10 10" stroke="%23333333" fill="none" stroke-width="12"/></svg>');
  border-image-slice: 20;
  border-image-repeat: round;
}

[data-color-scheme="mild"] .MojoClub,
[data-color-scheme="mild"] .location-header.MojoClub,
[data-color-scheme="mild"] .location-spalten-header.MojoClub {
  --location-bg: #666666;
  --location-color: #ffffff;
}

[data-color-scheme="mild"] .KentClub,
[data-color-scheme="mild"] .location-header.KentClub,
[data-color-scheme="mild"] .location-spalten-header.KentClub {
  --location-bg: #f5f5f5;
  --location-color: #333333;
  --location-border: 1px solid #ccc;
}

[data-color-scheme="mild"] .ÜbelundGefährlich,
[data-color-scheme="mild"] .location-header.ÜbelundGefährlich,
[data-color-scheme="mild"] .location-spalten-header.ÜbelundGefährlich {
  --location-bg: #f5f5f5;
  --location-color: #333333;
  --location-border: 1px solid #ccc;
}

[data-color-scheme="mild"] .Kampnagel,
[data-color-scheme="mild"] .location-header.Kampnagel,
[data-color-scheme="mild"] .location-spalten-header.Kampnagel {
  --location-bg: #fff9b3;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Logo,
[data-color-scheme="mild"] .location-header.Logo,
[data-color-scheme="mild"] .location-spalten-header.Logo {
  --location-bg: #a992c2;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Markthalle,
[data-color-scheme="mild"] .location-header.Markthalle,
[data-color-scheme="mild"] .location-spalten-header.Markthalle {
  --location-bg: #d0d0d0;
  --location-color: #333333;
}

[data-color-scheme="mild"] .MonkeysMusicClub,
[data-color-scheme="mild"] .location-header.MonkeysMusicClub,
[data-color-scheme="mild"] .location-spalten-header.MonkeysMusicClub {
  --location-bg: #4a4a4a;
  --location-color: #ffffff;
}

[data-color-scheme="mild"] .Fabrik,
[data-color-scheme="mild"] .location-header.Fabrik,
[data-color-scheme="mild"] .location-spalten-header.Fabrik {
  --location-bg: #e0f4f8;
  --location-color: #333333;
  --location-border: 1px solid #9dd4e0;
}

[data-color-scheme="mild"] .GeorgElserHalle,
[data-color-scheme="mild"] .location-header.GeorgElserHalle,
[data-color-scheme="mild"] .location-spalten-header.GeorgElserHalle {
  --location-bg: #9bbde0;
  --location-color: #333333;
}

[data-color-scheme="mild"] .Grünspan,
[data-color-scheme="mild"] .location-header.Grünspan,
[data-color-scheme="mild"] .location-spalten-header.Grünspan {
  --location-bg: #d4e5dd;
  --location-color: #4a6b5a;
  --location-border: 1px solid #b8d4c5;
}

[data-color-scheme="mild"] .Indra,
[data-color-scheme="mild"] .location-header.Indra,
[data-color-scheme="mild"] .location-spalten-header.Indra {
  --location-bg: #d4a5a5;
  --location-color: #4a2020;
}

[data-color-scheme="mild"] header.Nochtspeicher #mobile-location-select {
  background: #d98bb3;
  color: #333333;
}

[data-color-scheme="mild"] header.Hafenbahnhof #mobile-location-select {
  background: #a8e6c8;
  color: #333333;
}

[data-color-scheme="mild"] header.Hafenklang #mobile-location-select {
  background: #f0d999;
  color: #333333;
}

[data-color-scheme="mild"] .Komet,
[data-color-scheme="mild"] .location-header.Komet,
[data-color-scheme="mild"] .location-spalten-header.Komet {
  --location-bg: #4a4a4a;
  --location-color: #e0e0e0;
}

[data-color-scheme="mild"] .Stellwerk,
[data-color-scheme="mild"] .location-header.Stellwerk,
[data-color-scheme="mild"] .location-spalten-header.Stellwerk {
  --location-bg: #f5f5f5;
  --location-color: #333333;
  --location-border: 1px solid #ccc;
}

[data-color-scheme="mild"] .Trabrennbahn,
[data-color-scheme="mild"] .location-header.Trabrennbahn,
[data-color-scheme="mild"] .location-spalten-header.Trabrennbahn {
  --location-bg: #ffffff;
  --location-color: #7dd4d6;
  --location-border: 1px solid #7dd4d6;
}

[data-color-scheme="mild"] .Club73,
[data-color-scheme="mild"] .location-header.Club73,
[data-color-scheme="mild"] .location-spalten-header.Club73 {
  --location-bg: #d4c4e0;
  --location-color: #333333;
}

/* Cotton Club - Spicy: identisch mit Eye Cancer */
[data-color-scheme="spicy"] .CottonClub,
[data-color-scheme="spicy"] .location-header.CottonClub,
[data-color-scheme="spicy"] .location-spalten-header.CottonClub {
  --location-bg: #ffffff;
  --location-color: #000000;
  --location-border: 1px solid #8c8c8c;
}

/* Cotton Club - Mild: warmes Creme */
[data-color-scheme="mild"] .CottonClub {
  --location-bg: #f5f0e6;
  --location-color: #5a5a5a;
  --location-border: 1px solid #c0b8a8;
}

/* Bar Italia - Spicy: identisch mit Eye Cancer */
[data-color-scheme="spicy"] .BarItalia,
[data-color-scheme="spicy"] .location-header.BarItalia,
[data-color-scheme="spicy"] .location-spalten-header.BarItalia {
  --location-bg: #000000;
  --location-color: #a60000;
}

/* Bar Italia - Mild: Dunkles Grau mit gedämpftem Rot */
[data-color-scheme="mild"] .BarItalia,
[data-color-scheme="mild"] .location-header.BarItalia,
[data-color-scheme="mild"] .location-spalten-header.BarItalia {
  --location-bg: #2a2a2a;
  --location-color: #c45050;
}

/* Birdland - Spicy: identisch mit Eye Cancer */
[data-color-scheme="spicy"] .Birdland,
[data-color-scheme="spicy"] .location-header.Birdland,
[data-color-scheme="spicy"] .location-spalten-header.Birdland {
  --location-bg: #232e65;
  --location-color: #e2a7a5;
}

/* Birdland - Mild: Pastellblau mit warmem Rosa */
[data-color-scheme="mild"] .Birdland,
[data-color-scheme="mild"] .location-header.Birdland,
[data-color-scheme="mild"] .location-spalten-header.Birdland {
  --location-bg: #4a5a8c;
  --location-color: #f0d0ce;
}

/* ========================================
   Footer / Unterstreifen
   Podcast = Prinzenbar-Farben
   Newsletter = Kaiserkeller-Farben
   ======================================== */

/* Spicy */
[data-color-scheme="spicy"] .podcast-werbung {
  background: #ffb1d5;
  color: #000000;
}

[data-color-scheme="spicy"] .podcast-werbung:hover {
  background: #000000;
  color: #ffb1d5;
}

[data-color-scheme="spicy"] .newsletter {
  background: #a7ffff;
  color: #000000;
}

[data-color-scheme="spicy"] .newsletter:hover {
  background: #000000;
  color: #a7ffff;
}

/* Mild */
[data-color-scheme="mild"] .podcast-werbung {
  background: #ffddf0;
  color: #333333;
}

[data-color-scheme="mild"] .podcast-werbung:hover {
  background: #333333;
  color: #ffddf0;
}

[data-color-scheme="mild"] .newsletter {
  background: #d9ffff;
  color: #333333;
}

[data-color-scheme="mild"] .newsletter:hover {
  background: #333333;
  color: #d9ffff;
}