/*
 * Lesedeals – Design-Varianten der Genres (ERZEUGT von bin/varianten.py – nicht von Hand ändern)
 *
 * Jede Variante sitzt zusammen mit ihrer Welt am <body>: class="theme-fantasy theme-darkfantasy".
 * Schrift, Effekte und hell/dunkel kommen von der Welt (themes.css), hier stehen nur die Farben.
 */

.theme-krimi {
  --bg: #1b1e28;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #a8afc0;
  --line: #485368;
  --accent: #ffd23f;
  --on-accent: #13161d;
  --link: #ffe07a;
  --tag-bg: #ff4d3d;
  --tag-ink: #ffffff;
  --mark: #ffd23f;
  --focus: #ffffff;
  --edge: #0f121a;
  --pop: #ffd23f;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #13161d;
  --paper-ink: #13161d;
  --paper-muted: #565c6c;
  --paper-line: #d9d2bf;
  --paper-link: #153692;
  --head-bg: #0d1847;
  --head-ink: #f1f1ec;
  --nav-on: #ffd23f;
  --nav-on-ink: #13161d;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #0d1847 0%, #1f378b 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #0f121a;
  --title-pop: #ff4d3d;
  --scene: url("../img/kulisse-krimi.svg");
}

.theme-psycho {
  --bg: #172020;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #abbdbc;
  --line: #3e5351;
  --accent: #7ff0e0;
  --on-accent: #141c1c;
  --link: #a8f5ea;
  --tag-bg: #2ec4b6;
  --tag-ink: #5c5c5c;
  --mark: #7ff0e0;
  --focus: #ffffff;
  --edge: #0d1414;
  --pop: #7ff0e0;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #141c1c;
  --paper-ink: #141c1c;
  --paper-muted: #586a69;
  --paper-line: #d9d2bf;
  --paper-link: #1e7573;
  --head-bg: #103335;
  --head-ink: #f1f1ec;
  --nav-on: #7ff0e0;
  --nav-on-ink: #141c1c;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #103335 0%, #236668 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #0d1414;
  --title-pop: #2ec4b6;
  --scene: url("../img/kulisse-psycho.svg");
}

.theme-regional {
  --bg: #231f1b;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #bbb2ac;
  --line: #5c4e48;
  --accent: #ffd23f;
  --on-accent: #1b1815;
  --link: #ffe07a;
  --tag-bg: #ff4d3d;
  --tag-ink: #ffffff;
  --mark: #ffd23f;
  --focus: #ffffff;
  --edge: #16120f;
  --pop: #ffd23f;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #1b1815;
  --paper-ink: #1b1815;
  --paper-muted: #685f5a;
  --paper-line: #d9d2bf;
  --paper-link: #7c4b2b;
  --head-bg: #392615;
  --head-ink: #f1f1ec;
  --nav-on: #ffd23f;
  --nav-on-ink: #1b1815;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #392615 0%, #6f4b2e 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #16120f;
  --title-pop: #ff4d3d;
  --scene: url("../img/kulisse-regional.svg");
}

.theme-gaslicht {
  --bg: #1e1c19;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #bab3ae;
  --line: #4f4742;
  --accent: #f2b65a;
  --on-accent: #1a1816;
  --link: #f7c873;
  --tag-bg: #b4452f;
  --tag-ink: #ffffff;
  --mark: #f2b65a;
  --focus: #ffffff;
  --edge: #13110e;
  --pop: #f2b65a;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #1a1816;
  --paper-ink: #1a1816;
  --paper-muted: #66605b;
  --paper-line: #d9d2bf;
  --paper-link: #715336;
  --head-bg: #2e2417;
  --head-ink: #f1f1ec;
  --nav-on: #f2b65a;
  --nav-on-ink: #1a1816;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #2e2417 0%, #5b4730 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #13110e;
  --title-pop: #b4452f;
  --scene: url("../img/kulisse-gaslicht.svg");
}

.theme-polit {
  --bg: #1e1f20;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #b2b3b5;
  --line: #505154;
  --accent: #ff4655;
  --on-accent: #171819;
  --link: #ff9aa2;
  --tag-bg: #ff4655;
  --tag-ink: #ffffff;
  --mark: #ff4655;
  --focus: #ffffff;
  --edge: #121314;
  --pop: #ff4655;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #171819;
  --paper-ink: #171819;
  --paper-muted: #606062;
  --paper-line: #d9d2bf;
  --paper-link: #4b505c;
  --head-bg: #23252b;
  --head-ink: #f1f1ec;
  --nav-on: #ff4655;
  --nav-on-ink: #171819;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #23252b 0%, #484b55 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #121314;
  --title-pop: #ff4655;
  --scene: url("../img/kulisse-polit.svg");
}

.theme-suspense {
  --bg: #1c1415;
  --surface: #f6f1e4;
  --ink: #f1f1ec;
  --muted: #beaaae;
  --line: #49353a;
  --accent: #ff8fab;
  --on-accent: #1c1415;
  --link: #ffb3c6;
  --tag-bg: #ff2e63;
  --tag-ink: #ffffff;
  --mark: #ff8fab;
  --focus: #ffffff;
  --edge: #120b0c;
  --pop: #ff8fab;
  --quiet-bg: #f6f1e4;
  --quiet-ink: #1c1415;
  --paper-ink: #1c1415;
  --paper-muted: #6b575b;
  --paper-line: #d9d2bf;
  --paper-link: #8a1d31;
  --head-bg: #300c10;
  --head-ink: #f1f1ec;
  --nav-on: #ff8fab;
  --nav-on-ink: #1c1415;
  --hero-ink: #f1f1ec;
  --sky: linear-gradient(180deg, #300c10 0%, #5e1b24 100%);
  --moon: radial-gradient(ellipse 46% 60% at 80% 100%, rgba(255, 210, 63, 0.26), rgba(255, 210, 63, 0) 70%);
  --title-fill: #ffffff;
  --title-edge: #120b0c;
  --title-pop: #ff2e63;
  --scene: url("../img/kulisse-suspense.svg");
}

.theme-romcom {
  --bg: #fff6f0;
  --surface: #ffffff;
  --ink: #4a1210;
  --muted: #845549;
  --line: #f3d2c4;
  --accent: #e1641d;
  --on-accent: #1f1f1f;
  --link: #b34712;
  --tag-bg: #e1641d;
  --tag-ink: #ffffff;
  --mark: #e1641d;
  --focus: #4a1210;
  --star: #e1641d;
  --edge: #4a1210;
  --pop: #ffb48f;
  --quiet-bg: #ffffff;
  --quiet-ink: #4a1210;
  --head-bg: #ffbc8f;
  --head-ink: #4a1210;
  --nav-on: #4a1210;
  --nav-on-ink: #ffffff;
  --hero-ink: #4a1210;
  --sky: linear-gradient(180deg, #ffbc8f 0%, #ffe6a7 55%, #fff6c9 100%);
  --title-fill: #ffffff;
  --title-edge: #4a1210;
  --title-pop: #e1641d;
  --scene: url("../img/kulisse-romcom.svg");
}

.theme-newadult {
  --bg: #f8f2fd;
  --surface: #ffffff;
  --ink: #1f1644;
  --muted: #614f7e;
  --line: #dbc9ee;
  --accent: #8431cd;
  --on-accent: #ffffff;
  --link: #6222a3;
  --tag-bg: #8431cd;
  --tag-ink: #ffffff;
  --mark: #8431cd;
  --focus: #1f1644;
  --star: #8431cd;
  --edge: #1f1644;
  --pop: #c79af4;
  --quiet-bg: #ffffff;
  --quiet-ink: #1f1644;
  --head-bg: #cd9af4;
  --head-ink: #1f1644;
  --nav-on: #1f1644;
  --nav-on-ink: #ffffff;
  --hero-ink: #1f1644;
  --sky: linear-gradient(180deg, #cd9af4 0%, #eeb0f6 55%, #f9cefa 100%);
  --title-fill: #ffffff;
  --title-edge: #1f1644;
  --title-pop: #8431cd;
  --scene: url("../img/kulisse-newadult.svg");
}

.theme-wohlfuehl {
  --bg: #f5fbf4;
  --surface: #ffffff;
  --ink: #2c3a20;
  --muted: #617459;
  --line: #d5e6d1;
  --accent: #5fab53;
  --on-accent: #2e2e2e;
  --link: #47803b;
  --tag-bg: #5fab53;
  --tag-ink: #4c4c4c;
  --mark: #5fab53;
  --focus: #2c3a20;
  --star: #5fab53;
  --edge: #2c3a20;
  --pop: #b6e0ae;
  --quiet-bg: #ffffff;
  --quiet-ink: #2c3a20;
  --head-bg: #b3e0ae;
  --head-ink: #2c3a20;
  --nav-on: #2c3a20;
  --nav-on-ink: #ffffff;
  --hero-ink: #2c3a20;
  --sky: linear-gradient(180deg, #b3e0ae 0%, #bfe7c8 55%, #d8f0e0 100%);
  --title-fill: #ffffff;
  --title-edge: #2c3a20;
  --title-pop: #5fab53;
  --scene: url("../img/kulisse-wohlfuehl.svg");
}

.theme-romanzehist {
  --bg: #fbf4f4;
  --surface: #ffffff;
  --ink: #3a202a;
  --muted: #74595f;
  --line: #e6d1d3;
  --accent: #ab5358;
  --on-accent: #ffffff;
  --link: #873e45;
  --tag-bg: #ab5358;
  --tag-ink: #ffffff;
  --mark: #ab5358;
  --focus: #3a202a;
  --star: #ab5358;
  --edge: #3a202a;
  --pop: #e0aeb2;
  --quiet-bg: #ffffff;
  --quiet-ink: #3a202a;
  --head-bg: #e0aeae;
  --head-ink: #3a202a;
  --nav-on: #3a202a;
  --nav-on-ink: #ffffff;
  --hero-ink: #3a202a;
  --sky: linear-gradient(180deg, #e0aeae 0%, #e7cbbf 55%, #f0e2d8 100%);
  --title-fill: #ffffff;
  --title-edge: #3a202a;
  --title-pop: #ab5358;
  --scene: url("../img/kulisse-romanzehist.svg");
}

.theme-queer {
  --bg: #fcf0ff;
  --surface: #ffffff;
  --ink: #2a104a;
  --muted: #6e4984;
  --line: #e6c4f3;
  --accent: #b61de1;
  --on-accent: #ffffff;
  --link: #8a12b3;
  --tag-bg: #b61de1;
  --tag-ink: #ffffff;
  --mark: #b61de1;
  --focus: #2a104a;
  --star: #b61de1;
  --edge: #2a104a;
  --pop: #e38fff;
  --quiet-bg: #ffffff;
  --quiet-ink: #2a104a;
  --head-bg: #eb8fff;
  --head-ink: #2a104a;
  --nav-on: #2a104a;
  --nav-on-ink: #ffffff;
  --hero-ink: #2a104a;
  --sky: linear-gradient(180deg, #eb8fff 0%, #ffa7f3 55%, #ffc9f2 100%);
  --title-fill: #ffffff;
  --title-edge: #2a104a;
  --title-pop: #b61de1;
  --scene: url("../img/kulisse-queer.svg");
}

.theme-darkromance {
  --bg: #220c15;
  --surface: #fff5f0;
  --ink: #f6f0ea;
  --muted: #d0b5b7;
  --line: #351d27;
  --accent: #d1142a;
  --on-accent: #f6e9ec;
  --link: #f7c3d2;
  --tag-bg: #8b0a1a;
  --tag-ink: #ffffff;
  --mark: #d1142a;
  --focus: #ffffff;
  --star: #8b0a1a;
  --edge: #15060d;
  --pop: #8b0a1a;
  --quiet-bg: #fff5f0;
  --quiet-ink: #3e1627;
  --paper-ink: #3e1627;
  --paper-muted: #76525c;
  --paper-line: #e9e0d7;
  --paper-link: #a61e52;
  --head-bg: #190811;
  --head-ink: #f6f0ea;
  --nav-on: #d1142a;
  --nav-on-ink: #f6e9ec;
  --hero-ink: #f6f0ea;
  --sky: linear-gradient(180deg, #190811 0%, #411926 72%, #c0608c 100%);
  --moon: radial-gradient(circle at 56% 60px, #ffe9c2 0 24px, rgba(255, 233, 194, 0.2) 25px 40px, rgba(255, 233, 194, 0) 41px);
  --title-fill: #ecdcc6;
  --title-edge: #15060d;
  --title-pop: #8b0a1a;
  --scene: url("../img/kulisse-darkromance.svg");
}

@media (max-width: 899px) {
  .theme-darkromance {
    --moon: radial-gradient(circle at 90% 30px, #ffe9c2 0 15px, rgba(255, 233, 194, 0.2) 16px 26px, rgba(255, 233, 194, 0) 27px);
  }
}

.theme-darkfantasy {
  --bg: #2e1216;
  --surface: #fff7e6;
  --ink: #fdf0f0;
  --muted: #e4bec3;
  --line: #552b33;
  --accent: #ffb23f;
  --on-accent: #3a161b;
  --link: #ffd98a;
  --tag-bg: #ff3d3d;
  --tag-ink: #ffffff;
  --mark: #ff3d3d;
  --focus: #ffb23f;
  --star: #e2a400;
  --edge: #200b0f;
  --pop: #ff3d3d;
  --quiet-bg: #fff7e6;
  --quiet-ink: #4a1d24;
  --paper-ink: #4a1d24;
  --paper-muted: #87575e;
  --paper-line: #efd6d8;
  --paper-link: #b1424a;
  --head-bg: #280f14;
  --head-ink: #fdf0f0;
  --nav-on: #ffb23f;
  --nav-on-ink: #3a161b;
  --hero-ink: #fdf0f0;
  --sky: linear-gradient(180deg, #280f14 0%, #4b1b20 46%, #683e2e 80%, #b0223a 100%);
  --moon: radial-gradient(circle at 56% 64px, #ff6a4d 0 26px, rgba(255, 106, 77, 0.22) 27px 44px, rgba(255, 106, 77, 0) 45px);
  --title-fill: #ffb23f;
  --title-edge: #200b0f;
  --title-pop: #ff3d3d;
  --scene: url("../img/kulisse-darkfantasy.svg");
}

@media (max-width: 899px) {
  .theme-darkfantasy {
    --moon: radial-gradient(circle at 90% 30px, #ff6a4d 0 15px, rgba(255, 106, 77, 0.22) 16px 26px, rgba(255, 106, 77, 0) 27px);
  }
}

.theme-urbanfantasy {
  --bg: #121446;
  --surface: #fff7e6;
  --ink: #f0eeff;
  --muted: #b8b8ea;
  --line: #31377e;
  --accent: #ffd23f;
  --on-accent: #101140;
  --link: #ffd98a;
  --tag-bg: #ff5fa2;
  --tag-ink: #4c4c4c;
  --mark: #ff5fa2;
  --focus: #ffd23f;
  --star: #e2a400;
  --edge: #0a0c31;
  --pop: #ff5fa2;
  --quiet-bg: #fff7e6;
  --quiet-ink: #151752;
  --paper-ink: #151752;
  --paper-muted: #4f518f;
  --paper-line: #d4d2f3;
  --paper-link: #352fc4;
  --head-bg: #0e123c;
  --head-ink: #f0eeff;
  --nav-on: #ffd23f;
  --nav-on-ink: #101140;
  --hero-ink: #f0eeff;
  --sky: linear-gradient(180deg, #0e123c 0%, #1b1a72 46%, #5b329c 80%, #e0589f 100%);
  --moon: radial-gradient(circle at 56% 64px, #fff3b0 0 26px, rgba(255, 243, 176, 0.22) 27px 44px, rgba(255, 243, 176, 0) 45px);
  --title-fill: #ffd23f;
  --title-edge: #0a0c31;
  --title-pop: #ff5fa2;
  --scene: url("../img/kulisse-urbanfantasy.svg");
}

@media (max-width: 899px) {
  .theme-urbanfantasy {
    --moon: radial-gradient(circle at 90% 30px, #fff3b0 0 15px, rgba(255, 243, 176, 0.22) 16px 26px, rgba(255, 243, 176, 0) 27px);
  }
}

.theme-paranormal {
  --bg: #163d2e;
  --surface: #fff7e6;
  --ink: #f0fdfa;
  --muted: #bde5d7;
  --line: #366f58;
  --accent: #ffd23f;
  --on-accent: #153b2e;
  --link: #ffd98a;
  --tag-bg: #c4ff6b;
  --tag-ink: #858585;
  --mark: #c4ff6b;
  --focus: #ffd23f;
  --star: #e2a400;
  --edge: #0d2b1f;
  --pop: #c4ff6b;
  --quiet-bg: #fff7e6;
  --quiet-ink: #1b4c3a;
  --paper-ink: #1b4c3a;
  --paper-muted: #497666;
  --paper-line: #d5f0e8;
  --paper-link: #297861;
  --head-bg: #123426;
  --head-ink: #f0fdfa;
  --nav-on: #ffd23f;
  --nav-on-ink: #153b2e;
  --hero-ink: #f0fdfa;
  --sky: linear-gradient(180deg, #123426 0%, #21634e 46%, #398589 80%, #e0589f 100%);
  --moon: radial-gradient(circle at 56% 64px, #fff3b0 0 26px, rgba(255, 243, 176, 0.22) 27px 44px, rgba(255, 243, 176, 0) 45px);
  --title-fill: #ffd23f;
  --title-edge: #0d2b1f;
  --title-pop: #c4ff6b;
  --scene: url("../img/kulisse-paranormal.svg");
}

@media (max-width: 899px) {
  .theme-paranormal {
    --moon: radial-gradient(circle at 90% 30px, #fff3b0 0 15px, rgba(255, 243, 176, 0.22) 16px 26px, rgba(255, 243, 176, 0) 27px);
  }
}

.theme-cozyfantasy {
  --bg: #414220;
  --surface: #fff7e6;
  --ink: #fafcf1;
  --muted: #dee0c2;
  --line: #7b7c48;
  --accent: #ffd23f;
  --on-accent: #35361a;
  --link: #ffd98a;
  --tag-bg: #ff9f43;
  --tag-ink: #616161;
  --mark: #ff9f43;
  --focus: #ffd23f;
  --star: #e2a400;
  --edge: #2e2e14;
  --pop: #ff9f43;
  --quiet-bg: #fff7e6;
  --quiet-ink: #444621;
  --paper-ink: #444621;
  --paper-muted: #6e704f;
  --paper-line: #eaecd9;
  --paper-link: #6d7536;
  --head-bg: #39391a;
  --head-ink: #fafcf1;
  --nav-on: #ffd23f;
  --nav-on-ink: #35361a;
  --hero-ink: #fafcf1;
  --sky: linear-gradient(180deg, #39391a 0%, #666c31 46%, #769750 80%, #e0589f 100%);
  --moon: radial-gradient(circle at 56% 64px, #fff3b0 0 26px, rgba(255, 243, 176, 0.22) 27px 44px, rgba(255, 243, 176, 0) 45px);
  --title-fill: #ffd23f;
  --title-edge: #2e2e14;
  --title-pop: #ff9f43;
  --scene: url("../img/kulisse-cozyfantasy.svg");
}

@media (max-width: 899px) {
  .theme-cozyfantasy {
    --moon: radial-gradient(circle at 90% 30px, #fff3b0 0 15px, rgba(255, 243, 176, 0.22) 16px 26px, rgba(255, 243, 176, 0) 27px);
  }
}

.theme-maerchen {
  --bg: #275f58;
  --surface: #fff7e6;
  --ink: #f1fcfc;
  --muted: #c0e2df;
  --line: #61ab9f;
  --accent: #ffd23f;
  --on-accent: #173935;
  --link: #ffd98a;
  --tag-bg: #ff8fc7;
  --tag-ink: #5c5c5c;
  --mark: #ff8fc7;
  --focus: #ffd23f;
  --star: #e2a400;
  --edge: #19423d;
  --pop: #ff8fc7;
  --quiet-bg: #fff7e6;
  --quiet-ink: #1e4944;
  --paper-ink: #1e4944;
  --paper-muted: #517974;
  --paper-line: #d7eeed;
  --paper-link: #317b77;
  --head-bg: #21524a;
  --head-ink: #f1fcfc;
  --nav-on: #ffd23f;
  --nav-on-ink: #173935;
  --hero-ink: #f1fcfc;
  --sky: linear-gradient(180deg, #21524a 0%, #3c9a93 46%, #7bacc1 80%, #e0589f 100%);
  --moon: radial-gradient(circle at 56% 64px, #fff3b0 0 26px, rgba(255, 243, 176, 0.22) 27px 44px, rgba(255, 243, 176, 0) 45px);
  --title-fill: #ffd23f;
  --title-edge: #19423d;
  --title-pop: #ff8fc7;
  --scene: url("../img/kulisse-maerchen.svg");
}

@media (max-width: 899px) {
  .theme-maerchen {
    --moon: radial-gradient(circle at 90% 30px, #fff3b0 0 15px, rgba(255, 243, 176, 0.22) 16px 26px, rgba(255, 243, 176, 0) 27px);
  }
}

.theme-dystopie {
  --bg: #1d1f23;
  --surface: #f5f6f8;
  --ink: #eff1f3;
  --muted: #b6b9bd;
  --line: #494d53;
  --accent: #ff8c42;
  --on-accent: #101213;
  --link: #bbc7ca;
  --tag-bg: #ff8c42;
  --tag-ink: #101213;
  --mark: #ff8c42;
  --focus: #ffffff;
  --edge: #111214;
  --pop: #ff8c42;
  --quiet-bg: #f5f6f8;
  --quiet-ink: #1a1b1e;
  --paper-ink: #1a1b1e;
  --paper-muted: #626468;
  --paper-line: #e0e1e4;
  --paper-link: #5d6370;
  --head-bg: #111214;
  --head-ink: #eff1f3;
  --nav-on: #ff8c42;
  --nav-on-ink: #101213;
  --hero-ink: #eff1f3;
  --sky: linear-gradient(180deg, #111214 0%, #33353d 100%);
  --title-fill: #ff8c42;
  --title-edge: #111214;
  --title-pop: #ff8c42;
  --scene: url("../img/kulisse-dystopie.svg");
}

.theme-endzeit {
  --bg: #2a1e0e;
  --surface: #fcf6f1;
  --ink: #fbeee7;
  --muted: #cdb8a6;
  --line: #5e442a;
  --accent: #d9a05b;
  --on-accent: #1b0e08;
  --link: #ed9c98;
  --tag-bg: #c4502c;
  --tag-ink: #1b0e08;
  --mark: #c4502c;
  --focus: #ffffff;
  --edge: #181108;
  --pop: #c4502c;
  --quiet-bg: #fcf6f1;
  --quiet-ink: #2a1e0e;
  --paper-ink: #2a1e0e;
  --paper-muted: #786652;
  --paper-line: #efe2d5;
  --paper-link: #98652b;
  --head-bg: #181108;
  --head-ink: #fbeee7;
  --nav-on: #d9a05b;
  --nav-on-ink: #1b0e08;
  --hero-ink: #fbeee7;
  --sky: linear-gradient(180deg, #181108 0%, #4a3417 100%);
  --title-fill: #d9a05b;
  --title-edge: #181108;
  --title-pop: #c4502c;
  --scene: url("../img/kulisse-endzeit.svg");
}

.theme-cyberpunk {
  --bg: #240434;
  --surface: #f8eeff;
  --ink: #f0e3ff;
  --muted: #bd97dc;
  --line: #4b1870;
  --accent: #00f0ff;
  --on-accent: #0e0122;
  --link: #9686ff;
  --tag-bg: #ff7a59;
  --tag-ink: #0e0122;
  --mark: #ff7a59;
  --focus: #ffffff;
  --edge: #15021e;
  --pop: #ff7a59;
  --quiet-bg: #f8eeff;
  --quiet-ink: #240434;
  --paper-ink: #240434;
  --paper-muted: #6d4585;
  --paper-line: #e5cbf9;
  --paper-link: #7d05c8;
  --head-bg: #15021e;
  --head-ink: #f0e3ff;
  --nav-on: #00f0ff;
  --nav-on-ink: #0e0122;
  --hero-ink: #f0e3ff;
  --sky: linear-gradient(180deg, #15021e 0%, #3e055c 100%);
  --title-fill: #00f0ff;
  --title-edge: #15021e;
  --title-pop: #ff7a59;
  --scene: url("../img/kulisse-cyberpunk.svg");
}

.theme-militarysf {
  --bg: #1e2717;
  --surface: #f7f9f4;
  --ink: #f2f6ec;
  --muted: #bac3b0;
  --line: #4b593d;
  --accent: #c8d96f;
  --on-accent: #13160d;
  --link: #d6d8ad;
  --tag-bg: #e0a43a;
  --tag-ink: #13160d;
  --mark: #e0a43a;
  --focus: #ffffff;
  --edge: #11160d;
  --pop: #e0a43a;
  --quiet-bg: #f7f9f4;
  --quiet-ink: #1b2315;
  --paper-ink: #1b2315;
  --paper-muted: #646e5c;
  --paper-line: #e2e9db;
  --paper-link: #5b7643;
  --head-bg: #11160d;
  --head-ink: #f2f6ec;
  --nav-on: #c8d96f;
  --nav-on-ink: #13160d;
  --hero-ink: #f2f6ec;
  --sky: linear-gradient(180deg, #11160d 0%, #334327 100%);
  --title-fill: #c8d96f;
  --title-edge: #11160d;
  --title-pop: #e0a43a;
  --scene: url("../img/kulisse-militarysf.svg");
}

.theme-zeitreisen {
  --bg: #1f0935;
  --surface: #f5eeff;
  --ink: #ebe3ff;
  --muted: #b39dd6;
  --line: #442273;
  --accent: #e3b75a;
  --on-accent: #0a041f;
  --link: #868aff;
  --tag-bg: #e3b75a;
  --tag-ink: #0a041f;
  --mark: #e3b75a;
  --focus: #ffffff;
  --edge: #12041f;
  --pop: #e3b75a;
  --quiet-bg: #f5eeff;
  --quiet-ink: #1c0830;
  --paper-ink: #1c0830;
  --paper-muted: #634a80;
  --paper-line: #decff5;
  --paper-link: #5e15b8;
  --head-bg: #12041f;
  --head-ink: #ebe3ff;
  --nav-on: #e3b75a;
  --nav-on-ink: #0a041f;
  --hero-ink: #ebe3ff;
  --sky: linear-gradient(180deg, #12041f 0%, #350d5e 100%);
  --title-fill: #e3b75a;
  --title-edge: #12041f;
  --title-pop: #e3b75a;
  --scene: url("../img/kulisse-zeitreisen.svg");
}

.theme-zombies {
  --bg: #13120f;
  --surface: #efe6cf;
  --ink: #efe6cf;
  --muted: #b0a6ad;
  --line: #35332a;
  --accent: #b6f23a;
  --on-accent: #151411;
  --link: #c9f76a;
  --tag-bg: #9c6b30;
  --tag-ink: #ffffff;
  --mark: #9c6b30;
  --focus: #efe6cf;
  --star: #34863a;
  --edge: #07050a;
  --pop: #9c6b30;
  --quiet-bg: #efe6cf;
  --quiet-ink: #151411;
  --paper-ink: #1e1b16;
  --paper-muted: #5c5a52;
  --paper-line: #cfc3a4;
  --paper-link: #2f762b;
  --head-bg: #120a1c;
  --head-ink: #efe6cf;
  --nav-on: #b6f23a;
  --nav-on-ink: #151411;
  --hero-ink: #efe6cf;
  --sky: linear-gradient(180deg, #120a1c 0%, #242c15 62%, #36682d 100%);
  --moon: radial-gradient(circle at 56% 60px, #efe6cf 0 24px, rgba(239, 230, 207, 0.18) 25px 40px, rgba(239, 230, 207, 0) 41px);
  --title-fill: #b6f23a;
  --title-edge: #07050a;
  --title-pop: #9c6b30;
  --scene: url("../img/kulisse-zombies.svg");
}

@media (max-width: 899px) {
  .theme-zombies {
    --moon: radial-gradient(circle at 90% 30px, #efe6cf 0 15px, rgba(239, 230, 207, 0.18) 16px 26px, rgba(239, 230, 207, 0) 27px);
  }
}

.theme-geister {
  --bg: #171a1a;
  --surface: #efe6cf;
  --ink: #efe6cf;
  --muted: #b0a6ad;
  --line: #3e4a4a;
  --accent: #cfe8ff;
  --on-accent: #121414;
  --link: #c9f76a;
  --tag-bg: #7aa7d6;
  --tag-ink: #525252;
  --mark: #7aa7d6;
  --focus: #efe6cf;
  --star: #715eae;
  --edge: #07050a;
  --pop: #7aa7d6;
  --quiet-bg: #efe6cf;
  --quiet-ink: #121414;
  --paper-ink: #171d1c;
  --paper-muted: #535b5a;
  --paper-line: #cfc3a4;
  --paper-link: #3b346d;
  --head-bg: #120a1c;
  --head-ink: #efe6cf;
  --nav-on: #cfe8ff;
  --nav-on-ink: #121414;
  --hero-ink: #efe6cf;
  --sky: linear-gradient(180deg, #120a1c 0%, #232e3c 62%, #4d4c8c 100%);
  --moon: radial-gradient(circle at 56% 60px, #efe6cf 0 24px, rgba(239, 230, 207, 0.18) 25px 40px, rgba(239, 230, 207, 0) 41px);
  --title-fill: #cfe8ff;
  --title-edge: #07050a;
  --title-pop: #7aa7d6;
  --scene: url("../img/kulisse-geister.svg");
}

@media (max-width: 899px) {
  .theme-geister {
    --moon: radial-gradient(circle at 90% 30px, #efe6cf 0 15px, rgba(239, 230, 207, 0.18) 16px 26px, rgba(239, 230, 207, 0) 27px);
  }
}

.theme-gothic {
  --bg: #101016;
  --surface: #efe6cf;
  --ink: #efe6cf;
  --muted: #b0a6ad;
  --line: #2e2b3e;
  --accent: #d4af37;
  --on-accent: #101016;
  --link: #c9f76a;
  --tag-bg: #8e1b3a;
  --tag-ink: #ffffff;
  --mark: #8e1b3a;
  --focus: #efe6cf;
  --star: #ab2374;
  --edge: #07050a;
  --pop: #8e1b3a;
  --quiet-bg: #efe6cf;
  --quiet-ink: #101016;
  --paper-ink: #15151f;
  --paper-muted: #52505e;
  --paper-line: #cfc3a4;
  --paper-link: #891869;
  --head-bg: #120a1c;
  --head-ink: #efe6cf;
  --nav-on: #d4af37;
  --nav-on-ink: #101016;
  --hero-ink: #efe6cf;
  --sky: linear-gradient(180deg, #120a1c 0%, #2c1138 62%, #842172 100%);
  --moon: radial-gradient(circle at 56% 60px, #efe6cf 0 24px, rgba(239, 230, 207, 0.18) 25px 40px, rgba(239, 230, 207, 0) 41px);
  --title-fill: #d4af37;
  --title-edge: #07050a;
  --title-pop: #8e1b3a;
  --scene: url("../img/kulisse-gothic.svg");
}

@media (max-width: 899px) {
  .theme-gothic {
    --moon: radial-gradient(circle at 90% 30px, #efe6cf 0 15px, rgba(239, 230, 207, 0.18) 16px 26px, rgba(239, 230, 207, 0) 27px);
  }
}

.theme-mystery {
  --bg: #111513;
  --surface: #efe6cf;
  --ink: #efe6cf;
  --muted: #b0a6ad;
  --line: #2c3d35;
  --accent: #7df9ff;
  --on-accent: #111513;
  --link: #c9f76a;
  --tag-bg: #3965d0;
  --tag-ink: #ffffff;
  --mark: #3965d0;
  --focus: #efe6cf;
  --star: #2a40a4;
  --edge: #07050a;
  --pop: #3965d0;
  --quiet-bg: #efe6cf;
  --quiet-ink: #111513;
  --paper-ink: #151f19;
  --paper-muted: #515d58;
  --paper-line: #cfc3a4;
  --paper-link: #1e3c83;
  --head-bg: #120a1c;
  --head-ink: #efe6cf;
  --nav-on: #7df9ff;
  --nav-on-ink: #111513;
  --hero-ink: #efe6cf;
  --sky: linear-gradient(180deg, #120a1c 0%, #133136 62%, #274a7f 100%);
  --moon: radial-gradient(circle at 56% 60px, #efe6cf 0 24px, rgba(239, 230, 207, 0.18) 25px 40px, rgba(239, 230, 207, 0) 41px);
  --title-fill: #7df9ff;
  --title-edge: #07050a;
  --title-pop: #3965d0;
  --scene: url("../img/kulisse-mystery.svg");
}

@media (max-width: 899px) {
  .theme-mystery {
    --moon: radial-gradient(circle at 90% 30px, #efe6cf 0 15px, rgba(239, 230, 207, 0.18) 16px 26px, rgba(239, 230, 207, 0) 27px);
  }
}

.theme-antike {
  --bg: #f3dbc7;
  --surface: #fdf0e4;
  --ink: #361c18;
  --muted: #6f4e42;
  --line: #d8b398;
  --accent: #83131e;
  --on-accent: #fff2ea;
  --link: #83131e;
  --tag-bg: #83131e;
  --tag-ink: #fff2ea;
  --mark: #83131e;
  --focus: #361c18;
  --star: #83131e;
  --edge: #361c18;
  --pop: #c26c50;
  --quiet-bg: #fdf0e4;
  --quiet-ink: #361c18;
  --head-bg: #fbc49c;
  --head-ink: #361c18;
  --nav-on: #361c18;
  --nav-on-ink: #fbc49c;
  --hero-ink: #361c18;
  --sky: linear-gradient(180deg, #fbc49c 0%, #fbe0cc 100%);
  --title-fill: #361c18;
  --title-edge: #fbe0cc;
  --title-pop: #83131e;
  --scene: url("../img/kulisse-antike.svg");
}

.theme-neuzeit {
  --bg: #ead0d4;
  --surface: #f8e9eb;
  --ink: #2f1e25;
  --muted: #654c54;
  --line: #cba5ab;
  --accent: #6c2a57;
  --on-accent: #fcedf0;
  --link: #6c2a57;
  --tag-bg: #6c2a57;
  --tag-ink: #fcedf0;
  --mark: #6c2a57;
  --focus: #2f1e25;
  --star: #6c2a57;
  --edge: #2f1e25;
  --pop: #ab687f;
  --quiet-bg: #f8e9eb;
  --quiet-ink: #2f1e25;
  --head-bg: #e7b0b9;
  --head-ink: #2f1e25;
  --nav-on: #2f1e25;
  --nav-on-ink: #e7b0b9;
  --hero-ink: #2f1e25;
  --sky: linear-gradient(180deg, #e7b0b9 0%, #f1d6da 100%);
  --title-fill: #2f1e25;
  --title-edge: #f1d6da;
  --title-pop: #6c2a57;
  --scene: url("../img/kulisse-neuzeit.svg");
}

.theme-jh19 {
  --bg: #d4e6de;
  --surface: #ebf6f1;
  --ink: #202d23;
  --muted: #4f6256;
  --line: #abc5b8;
  --accent: #346333;
  --on-accent: #effaf4;
  --link: #346333;
  --tag-bg: #346333;
  --tag-ink: #effaf4;
  --mark: #346333;
  --focus: #202d23;
  --star: #346333;
  --edge: #202d23;
  --pop: #72a181;
  --quiet-bg: #ebf6f1;
  --quiet-ink: #202d23;
  --head-bg: #b8dfcc;
  --head-ink: #202d23;
  --nav-on: #202d23;
  --nav-on-ink: #b8dfcc;
  --hero-ink: #202d23;
  --sky: linear-gradient(180deg, #b8dfcc 0%, #daede3 100%);
  --title-fill: #202d23;
  --title-edge: #daede3;
  --title-pop: #346333;
  --scene: url("../img/kulisse-jh19.svg");
}

.theme-jh20 {
  --bg: #d7dce3;
  --surface: #edf0f4;
  --ink: #22282b;
  --muted: #52595f;
  --line: #afb6c1;
  --accent: #3b595b;
  --on-accent: #f1f4f8;
  --link: #3b595b;
  --tag-bg: #3b595b;
  --tag-ink: #f1f4f8;
  --mark: #3b595b;
  --focus: #22282b;
  --star: #3b595b;
  --edge: #22282b;
  --pop: #798c9a;
  --quiet-bg: #edf0f4;
  --quiet-ink: #22282b;
  --head-bg: #bec9d9;
  --head-ink: #22282b;
  --nav-on: #22282b;
  --nav-on-ink: #bec9d9;
  --hero-ink: #22282b;
  --sky: linear-gradient(180deg, #bec9d9 0%, #dde2ea 100%);
  --title-fill: #22282b;
  --title-edge: #dde2ea;
  --title-pop: #3b595b;
  --scene: url("../img/kulisse-jh20.svg");
}

.theme-saga {
  --bg: #e0e6d4;
  --surface: #f2f6eb;
  --ink: #2c2d20;
  --muted: #5e624f;
  --line: #bcc5ab;
  --accent: #635a33;
  --on-accent: #f7faef;
  --link: #635a33;
  --tag-bg: #635a33;
  --tag-ink: #f7faef;
  --mark: #635a33;
  --focus: #2c2d20;
  --star: #635a33;
  --edge: #2c2d20;
  --pop: #9aa172;
  --quiet-bg: #f2f6eb;
  --quiet-ink: #2c2d20;
  --head-bg: #d2dfb8;
  --head-ink: #2c2d20;
  --nav-on: #2c2d20;
  --nav-on-ink: #d2dfb8;
  --hero-ink: #2c2d20;
  --sky: linear-gradient(180deg, #d2dfb8 0%, #e7edda 100%);
  --title-fill: #2c2d20;
  --title-edge: #e7edda;
  --title-pop: #635a33;
  --scene: url("../img/kulisse-saga.svg");
}

.theme-cosy {
  --bg: #fdf6ec;
  --surface: #ffffff;
  --ink: #233f40;
  --muted: #5a7576;
  --line: #e9dcc6;
  --accent: #e07a5f;
  --on-accent: #1c3233;
  --link: #2d7d7b;
  --tag-bg: #e07a5f;
  --tag-ink: #233f40;
  --mark: #e07a5f;
  --focus: #233f40;
  --star: #e0912b;
  --edge: #233f40;
  --pop: #ffd23f;
  --quiet-bg: #ffffff;
  --quiet-ink: #233f40;
  --head-bg: #233f40;
  --head-ink: #fdf6ec;
  --nav-on: #ffd23f;
  --nav-on-ink: #233f40;
  --hero-ink: #233f40;
  --sky: linear-gradient(180deg, #a9f5e5 0%, #d4faf2 55%, #fdf6ec 100%);
  --moon: radial-gradient(circle at 56% 64px, #ffd23f 0 28px, rgba(255, 210, 63, 0.3) 29px 46px, rgba(255, 210, 63, 0) 47px);
  --title-fill: #e07a5f;
  --title-edge: #233f40;
  --title-pop: #ffd23f;
  --scene: url("../img/kulisse-cosy.svg");
}

@media (max-width: 899px) {
  .theme-cosy {
    --moon: radial-gradient(circle at 90% 30px, #ffd23f 0 15px, rgba(255, 210, 63, 0.28) 16px 26px, rgba(255, 210, 63, 0) 27px);
  }
}

.theme-literatur {
  --bg: #fdf6ec;
  --surface: #ffffff;
  --ink: #29283b;
  --muted: #605f71;
  --line: #e9dcc6;
  --accent: #5b7fc7;
  --on-accent: #14131d;
  --link: #515296;
  --tag-bg: #5b7fc7;
  --tag-ink: #29283b;
  --mark: #5b7fc7;
  --focus: #29283b;
  --star: #e0912b;
  --edge: #29283b;
  --pop: #e9c46a;
  --quiet-bg: #ffffff;
  --quiet-ink: #29283b;
  --head-bg: #29283b;
  --head-ink: #fdf6ec;
  --nav-on: #e9c46a;
  --nav-on-ink: #29283b;
  --hero-ink: #29283b;
  --sky: linear-gradient(180deg, #b7c1e7 0%, #dbe0f3 55%, #fdf6ec 100%);
  --moon: radial-gradient(circle at 56% 64px, #e9c46a 0 28px, rgba(255, 210, 63, 0.3) 29px 46px, rgba(255, 210, 63, 0) 47px);
  --title-fill: #5b7fc7;
  --title-edge: #29283b;
  --title-pop: #e9c46a;
  --scene: url("../img/kulisse-literatur.svg");
}

@media (max-width: 899px) {
  .theme-literatur {
    --moon: radial-gradient(circle at 90% 30px, #e9c46a 0 15px, rgba(255, 210, 63, 0.28) 16px 26px, rgba(255, 210, 63, 0) 27px);
  }
}

.theme-humor {
  --bg: #fdf6ec;
  --surface: #ffffff;
  --ink: #43441f;
  --muted: #727452;
  --line: #e9dcc6;
  --accent: #ff8a00;
  --on-accent: #3c3d1c;
  --link: #6f6e1c;
  --tag-bg: #ff8a00;
  --tag-ink: #43441f;
  --mark: #ff8a00;
  --focus: #43441f;
  --star: #e0912b;
  --edge: #43441f;
  --pop: #ffd23f;
  --quiet-bg: #ffffff;
  --quiet-ink: #43441f;
  --head-bg: #43441f;
  --head-ink: #fdf6ec;
  --nav-on: #ffd23f;
  --nav-on-ink: #43441f;
  --hero-ink: #43441f;
  --sky: linear-gradient(180deg, #ffeb9f 0%, #fff5cf 55%, #fdf6ec 100%);
  --moon: radial-gradient(circle at 56% 64px, #ffd23f 0 28px, rgba(255, 210, 63, 0.3) 29px 46px, rgba(255, 210, 63, 0) 47px);
  --title-fill: #ff8a00;
  --title-edge: #43441f;
  --title-pop: #ffd23f;
  --scene: url("../img/kulisse-humor.svg");
}

@media (max-width: 899px) {
  .theme-humor {
    --moon: radial-gradient(circle at 90% 30px, #ffd23f 0 15px, rgba(255, 210, 63, 0.28) 16px 26px, rgba(255, 210, 63, 0) 27px);
  }
}

.theme-comingofage {
  --bg: #fdf6ec;
  --surface: #ffffff;
  --ink: #1b2848;
  --muted: #525e7e;
  --line: #e9dcc6;
  --accent: #ff7aa2;
  --on-accent: #1b2848;
  --link: #215bc6;
  --tag-bg: #ff7aa2;
  --tag-ink: #1b2848;
  --mark: #ff7aa2;
  --focus: #1b2848;
  --star: #e0912b;
  --edge: #1b2848;
  --pop: #ffd23f;
  --quiet-bg: #ffffff;
  --quiet-ink: #1b2848;
  --head-bg: #1b2848;
  --head-ink: #fdf6ec;
  --nav-on: #ffd23f;
  --nav-on-ink: #1b2848;
  --hero-ink: #1b2848;
  --sky: linear-gradient(180deg, #9fd3ff 0%, #cfe9ff 55%, #fdf6ec 100%);
  --moon: radial-gradient(circle at 56% 64px, #ffd23f 0 28px, rgba(255, 210, 63, 0.3) 29px 46px, rgba(255, 210, 63, 0) 47px);
  --title-fill: #ff7aa2;
  --title-edge: #1b2848;
  --title-pop: #ffd23f;
  --scene: url("../img/kulisse-comingofage.svg");
}

@media (max-width: 899px) {
  .theme-comingofage {
    --moon: radial-gradient(circle at 90% 30px, #ffd23f 0 15px, rgba(255, 210, 63, 0.28) 16px 26px, rgba(255, 210, 63, 0) 27px);
  }
}