/* Digitale Karte: Schriften, Farbschemata (.c-*) und Überschrift-Schriften (.f-*).
   Nur Variablen und @font-face – wird auch von der Seite /karten/ (Vorschaukacheln) geladen.
   Schriften: SIL Open Font License, siehe ../fonts/OFL.txt */

@font-face { font-family: 'Nunito'; font-weight: 400; font-display: swap; src: url(../fonts/nunito-400.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-display: swap; src: url(../fonts/nunito-700.woff2) format('woff2'); }
@font-face { font-family: 'Montserrat'; font-weight: 800; font-display: swap; src: url(../fonts/montserrat-800.woff2) format('woff2'); }
@font-face { font-family: 'Great Vibes'; font-weight: 400; font-display: swap; src: url(../fonts/great-vibes-400.woff2) format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 700; font-display: swap; src: url(../fonts/playfair-display-700.woff2) format('woff2'); }
@font-face { font-family: 'Fredoka'; font-weight: 600; font-display: swap; src: url(../fonts/fredoka-600.woff2) format('woff2'); }
@font-face { font-family: 'Caveat'; font-weight: 700; font-display: swap; src: url(../fonts/caveat-700.woff2) format('woff2'); }
@font-face { font-family: 'Press Start 2P'; font-weight: 400; font-display: swap; src: url(../fonts/press-start-2p-400.woff2) format('woff2'); }
@font-face { font-family: 'Bebas Neue'; font-weight: 400; font-display: swap; src: url(../fonts/bebas-neue-400.woff2) format('woff2'); }
@font-face { font-family: 'Pacifico'; font-weight: 400; font-display: swap; src: url(../fonts/pacifico-400.woff2) format('woff2'); }
@font-face { font-family: 'Creepster'; font-weight: 400; font-display: swap; src: url(../fonts/creepster-400.woff2) format('woff2'); }
@font-face { font-family: 'Mountains of Christmas'; font-weight: 700; font-display: swap; src: url(../fonts/mountains-of-christmas-700.woff2) format('woff2'); }

/* ---------- Überschrift-Schriften ---------- */
.f-modern    { --titel-font: 'Montserrat', 'Arial Black', sans-serif; --titel-size: 1;    --titel-weight: 800; --titel-spacing: -.01em; }
.f-elegant   { --titel-font: 'Great Vibes', 'Brush Script MT', cursive; --titel-size: 1.35; --titel-weight: 400; --titel-spacing: 0; }
.f-klassisch { --titel-font: 'Playfair Display', Georgia, serif;     --titel-size: 1.05; --titel-weight: 700; --titel-spacing: 0; }
.f-verspielt { --titel-font: 'Fredoka', 'Trebuchet MS', sans-serif;  --titel-size: 1.05; --titel-weight: 600; --titel-spacing: 0; }
.f-hand      { --titel-font: 'Caveat', 'Comic Sans MS', cursive;     --titel-size: 1.3;  --titel-weight: 700; --titel-spacing: 0; }
.f-pixel     { --titel-font: 'Press Start 2P', monospace;            --titel-size: .62;  --titel-weight: 400; --titel-spacing: 0; }
.f-sport     { --titel-font: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif; --titel-size: 1.2; --titel-weight: 400; --titel-spacing: .03em; }
.f-retro     { --titel-font: 'Pacifico', 'Brush Script MT', cursive;  --titel-size: .9;   --titel-weight: 400; --titel-spacing: 0; }
.f-weihnacht { --titel-font: 'Mountains of Christmas', Georgia, serif; --titel-size: 1.15; --titel-weight: 700; --titel-spacing: 0; }
.f-grusel    { --titel-font: 'Creepster', Impact, fantasy;            --titel-size: 1.15; --titel-weight: 400; --titel-spacing: .02em; }

/* ---------- Farbschemata ----------
   --bg Hintergrund, --text Schrift, --akzent Überschrift, --leise Nebentext,
   --panel Kartenfläche, --kachel Countdown-Felder, --glow Leuchten der Überschrift,
   --fx1..4 Farben der Effekte */
.c-nacht {
	--bg: radial-gradient(ellipse at 50% 0%, #2a3f86 0%, #141d45 45%, #070b1c 100%);
	--text: #f4f1ea; --akzent: #f2c76e; --leise: #c9cbe0;
	--panel: rgba(9, 13, 34, .55); --kachel: rgba(255, 255, 255, .1); --glow: rgba(242, 199, 110, .35);
	--fx1: #f2c76e; --fx2: #ffffff; --fx3: #ff7eb6; --fx4: #7ec8ff;
}
.c-gold {
	--bg: radial-gradient(ellipse at 50% 30%, #3a3020 0%, #1a1712 55%, #0b0a08 100%);
	--text: #f6efe1; --akzent: #e3bd68; --leise: #c8bca2;
	--panel: rgba(0, 0, 0, .45); --kachel: rgba(227, 189, 104, .14); --glow: rgba(227, 189, 104, .4);
	--fx1: #e3bd68; --fx2: #fff4d6; --fx3: #b8862d; --fx4: #ffffff;
}
.c-winter {
	--bg: linear-gradient(180deg, #3d77ab 0%, #1d4a75 55%, #0f2c49 100%);
	--text: #ffffff; --akzent: #d8efff; --leise: #c4ddf2;
	--panel: rgba(10, 35, 62, .45); --kachel: rgba(255, 255, 255, .14); --glow: rgba(216, 239, 255, .45);
	--fx1: #ffffff; --fx2: #e4f3ff; --fx3: #bfe0ff; --fx4: #ffffff;
}
.c-weihnacht {
	--bg: radial-gradient(ellipse at 50% 20%, #1c5a43 0%, #0e3a2b 50%, #06201a 100%);
	--text: #fdf6e3; --akzent: #f3d27a; --leise: #d5e3d6;
	--panel: rgba(4, 26, 19, .55); --kachel: rgba(232, 72, 63, .22); --glow: rgba(243, 210, 122, .35);
	--fx1: #ffd36b; --fx2: #ff5a4f; --fx3: #7dffb0; --fx4: #8fc7ff;
}
.c-rose {
	--bg: linear-gradient(160deg, #fff1f4 0%, #fbd3de 55%, #f2a9bd 100%);
	--text: #4a1428; --akzent: #b0234f; --leise: #7d4a5c;
	--panel: rgba(255, 255, 255, .7); --kachel: rgba(176, 35, 79, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #e8466f; --fx2: #ff8fab; --fx3: #c41d4f; --fx4: #ffc2d1;
}
.c-bunt {
	--bg: linear-gradient(135deg, #ffd84d 0%, #ff8a5c 35%, #ff5fa2 65%, #7b6cff 100%);
	--text: #2a0f3a; --akzent: #5a10a8; --leise: #5b4566;
	--panel: rgba(255, 255, 255, .8); --kachel: rgba(90, 16, 168, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #ffd84d; --fx2: #ff5fa2; --fx3: #36d6c3; --fx4: #7b6cff;
}
.c-neon {
	--bg: radial-gradient(circle at 15% 20%, rgba(255, 61, 242, .35) 0%, transparent 40%),
	      radial-gradient(circle at 85% 80%, rgba(0, 229, 255, .3) 0%, transparent 45%), #07060f;
	--text: #f0f0ff; --akzent: #ff5cf4; --leise: #b9b6e0;
	--panel: rgba(12, 10, 28, .6); --kachel: rgba(0, 229, 255, .12); --glow: rgba(255, 92, 244, .75);
	--fx1: #ff3df2; --fx2: #00e5ff; --fx3: #b6ff3b; --fx4: #ffe14d;
}
.c-pastell {
	--bg: linear-gradient(160deg, #efe9ff 0%, #e3f1ff 50%, #d9f5ec 100%);
	--text: #3b3355; --akzent: #7b5cd6; --leise: #6d6688;
	--panel: rgba(255, 255, 255, .72); --kachel: rgba(123, 92, 214, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #b9a7ff; --fx2: #9fd8ff; --fx3: #9ff0d0; --fx4: #ffc6e5;
}
.c-fruehling {
	--bg: linear-gradient(170deg, #f3fbe9 0%, #d3efc0 55%, #a6d98c 100%);
	--text: #1f3d1a; --akzent: #2f7d32; --leise: #4e6b47;
	--panel: rgba(255, 255, 255, .72); --kachel: rgba(47, 125, 50, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #2f9e44; --fx2: #ffd43b; --fx3: #74c0fc; --fx4: #ff8787;
}
.c-sonne {
	--bg: radial-gradient(ellipse at 50% 0%, #fff8d9 0%, #ffe28a 50%, #ffc145 100%);
	--text: #4a2a00; --akzent: #c25400; --leise: #7a5a2b;
	--panel: rgba(255, 255, 255, .7); --kachel: rgba(194, 84, 0, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #ff922b; --fx2: #ffd43b; --fx3: #f06595; --fx4: #4dabf7;
}
.c-kino {
	--bg: radial-gradient(ellipse at 50% 10%, #8a1420 0%, #4a0910 55%, #1d0306 100%);
	--text: #fff3e6; --akzent: #ffcc4d; --leise: #e8c9c0;
	--panel: rgba(20, 2, 5, .55); --kachel: rgba(255, 204, 77, .14); --glow: rgba(255, 204, 77, .4);
	--fx1: #ffcc4d; --fx2: #ffffff; --fx3: #ff8a5c; --fx4: #fff1b8;
}
.c-kreide {
	--bg: radial-gradient(ellipse at 50% 40%, #3f4f47 0%, #2c3832 60%, #1e2723 100%);
	--text: #f2efe6; --akzent: #ffd27f; --leise: #cfd6cf;
	--panel: rgba(255, 255, 255, .06); --kachel: rgba(255, 255, 255, .1); --glow: rgba(255, 210, 127, .25);
	--fx1: #ffffff; --fx2: #ffd27f; --fx3: #9fe6c3; --fx4: #ffb3c7;
}
/* Welle 2 (2026-10-27): Hochzeit, Baby, Verein & Sport, Herbst, Halloween, Sommer */
.c-elfenbein {
	--bg: radial-gradient(ellipse at 50% 0%, #fffdf8 0%, #f6efe2 55%, #e9dcc4 100%);
	--text: #4a3f30; --akzent: #a8823c; --leise: #8a7a62;
	--panel: rgba(255, 255, 255, .7); --kachel: rgba(168, 130, 60, .12); --glow: rgba(255, 255, 255, 0);
	--fx1: #d4af5f; --fx2: #f3dfae; --fx3: #ffffff; --fx4: #e9c7b8;
}
.c-babyblau {
	--bg: linear-gradient(170deg, #f2f9ff 0%, #d6ecfb 55%, #b3d8f3 100%);
	--text: #1f3a52; --akzent: #2f6fa6; --leise: #56718a;
	--panel: rgba(255, 255, 255, .72); --kachel: rgba(47, 111, 166, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #7cc0f0; --fx2: #ffd86b; --fx3: #ffffff; --fx4: #a8e0c8;
}
.c-babyrosa {
	--bg: linear-gradient(170deg, #fff7f9 0%, #fde3ea 55%, #f8c6d4 100%);
	--text: #4d2333; --akzent: #c0466e; --leise: #8b5b6b;
	--panel: rgba(255, 255, 255, .72); --kachel: rgba(192, 70, 110, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #f59ab5; --fx2: #ffd86b; --fx3: #ffffff; --fx4: #c9b6f2;
}
.c-stadion {
	--bg: repeating-linear-gradient(180deg, #1f7a3a 0 60px, #23863f 60px 120px);
	--text: #ffffff; --akzent: #ffe14d; --leise: #d5f0dc;
	--panel: rgba(8, 40, 18, .62); --kachel: rgba(255, 255, 255, .14); --glow: rgba(255, 225, 77, .35);
	--fx1: #ffffff; --fx2: #ffe14d; --fx3: #ff5a4f; --fx4: #4dabf7;
}
.c-vereinsblau {
	--bg: radial-gradient(ellipse at 50% 10%, #2b5fb8 0%, #173a7a 55%, #0b1f45 100%);
	--text: #ffffff; --akzent: #ff4d4d; --leise: #c9d8f2;
	--panel: rgba(6, 18, 44, .55); --kachel: rgba(255, 255, 255, .12); --glow: rgba(255, 77, 77, .35);
	--fx1: #ffffff; --fx2: #ff4d4d; --fx3: #ffd43b; --fx4: #74c0fc;
}
.c-herbst {
	--bg: linear-gradient(160deg, #fff1dc 0%, #f6c98d 50%, #d9824a 100%);
	--text: #3f220d; --akzent: #a3431a; --leise: #6e4a2f;
	--panel: rgba(255, 250, 240, .75); --kachel: rgba(163, 67, 26, .12); --glow: rgba(255, 255, 255, 0);
	--fx1: #d9622b; --fx2: #f2a541; --fx3: #8c3b1e; --fx4: #e8c547;
}
.c-halloween {
	--bg: radial-gradient(circle at 50% 18%, #ffb347 0%, #ff7b1c 8%, #3a1a3f 32%, #120814 100%);
	--text: #fbeee0; --akzent: #ff8a1f; --leise: #cdb6d6;
	--panel: rgba(18, 8, 20, .6); --kachel: rgba(255, 138, 31, .15); --glow: rgba(255, 138, 31, .5);
	--fx1: #ff8a1f; --fx2: #b6ff3b; --fx3: #b07cff; --fx4: #ffffff;
}
.c-meer {
	--bg: linear-gradient(180deg, #8fe3ff 0%, #2fb5e6 45%, #0a7fb3 70%, #f3dcab 70.5%, #ecd09a 100%);
	--text: #06324a; --akzent: #0b6e9c; --leise: #2f5f78;
	--panel: rgba(255, 255, 255, .78); --kachel: rgba(11, 110, 156, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #ffffff; --fx2: #ffd43b; --fx3: #ff8787; --fx4: #63e6be;
}
.c-regenbogen {
	--bg: linear-gradient(135deg, #ff6b6b 0%, #ffa94d 18%, #ffe066 34%, #69db7c 50%, #4dabf7 67%, #9775fa 84%, #f783ac 100%);
	--text: #2b1a3d; --akzent: #7b2ff7; --leise: #5c4b6b;
	--panel: rgba(255, 255, 255, .82); --kachel: rgba(123, 47, 247, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #ff6b6b; --fx2: #ffe066; --fx3: #4dabf7; --fx4: #69db7c;
}
/* Welle 3 (2026-10-27): Winter, Weihnachten, Silvester, Halloween */
.c-kamin {
	--bg: radial-gradient(ellipse at 50% 110%, #ffb15e 0%, #d4572a 22%, #7a1f1a 52%, #3a0e0e 100%);
	--text: #fff4e6; --akzent: #ffd38a; --leise: #f1cdb4;
	--panel: rgba(46, 12, 10, .55); --kachel: rgba(255, 211, 138, .14); --glow: rgba(255, 170, 90, .45);
	--fx1: #ffffff; --fx2: #ffe2b8; --fx3: #ffd38a; --fx4: #f6efe8;
}
.c-winternacht {
	--bg: linear-gradient(180deg, #0b1736 0%, #18305c 55%, #3f5f8f 100%);
	--text: #f2f6ff; --akzent: #fff1c9; --leise: #c3d1ee;
	--panel: rgba(10, 22, 52, .5); --kachel: rgba(255, 255, 255, .12); --glow: rgba(255, 241, 201, .45);
	--fx1: #ffffff; --fx2: #eaf3ff; --fx3: #cfe3ff; --fx4: #fff6dc;
}
.c-lebkuchen {
	--bg: radial-gradient(ellipse at 50% 0%, #fff3df 0%, #f2d3a8 45%, #c98b52 100%);
	--text: #4a2a12; --akzent: #8c3a12; --leise: #7a5536;
	--panel: rgba(255, 248, 236, .8); --kachel: rgba(140, 58, 18, .12); --glow: rgba(255, 255, 255, 0);
	--fx1: #ffffff; --fx2: #c0392b; --fx3: #e8b04a; --fx4: #2e7d4f;
}
.c-mitternacht {
	--bg: radial-gradient(ellipse at 50% 0%, #3b3f4c 0%, #16181f 55%, #050608 100%);
	--text: #f1f2f6; --akzent: #e9edf5; --leise: #a9afbf;
	--panel: rgba(0, 0, 0, .45); --kachel: rgba(255, 255, 255, .1); --glow: rgba(220, 228, 255, .55);
	--fx1: #ffffff; --fx2: #d9dee8; --fx3: #f2d06b; --fx4: #9fb3d9;
}
.c-gruselgruen {
	--bg: radial-gradient(ellipse at 50% 100%, #3d6b1c 0%, #1d2d12 35%, #160d1f 70%, #07040b 100%);
	--text: #eef7e1; --akzent: #9dff3b; --leise: #c2b3d1;
	--panel: rgba(12, 6, 18, .62); --kachel: rgba(157, 255, 59, .12); --glow: rgba(157, 255, 59, .55);
	--fx1: #9dff3b; --fx2: #b07cff; --fx3: #ff8a1f; --fx4: #ffffff;
}
.c-himmel {
	--bg: repeating-conic-gradient(from 45deg at 50% 50%, #ffffff 0 25%, #d7ecfb 0 50%) 0 0 / 56px 56px;
	--text: #10365c; --akzent: #1b5fa8; --leise: #3e5f80;
	--panel: rgba(255, 255, 255, .86); --kachel: rgba(27, 95, 168, .1); --glow: rgba(255, 255, 255, 0);
	--fx1: #1b5fa8; --fx2: #ffffff; --fx3: #f2c94c; --fx4: #74b9ff;
}