/* PrisonGrind-Theme (15.10.2026). Gitterstaebe statt Foto, Gold als Marke, Schablonenschrift fuer Ueberschriften,
   Gruen fuer Kaufen. Bewusst nur dunkel: ein Gefaengnis bei Nacht. Vorschau: claude.ai/artifact/MW6RKKEnxZLJb9BhH2N7qn */
:root {
  color-scheme: dark;
  --bg: #0e1013;
  --steel: #171a1f;
  --plate: #1e2229;
  --plate-hi: #262b34;
  --line: #2e343e;
  --fg: #ece8e0;
  --muted: #9aa1ab;
  --gold: #f5b83d;
  --gold-hi: #ffd56b;
  --gold-deep: #b97a12;
  --alarm: #d2453b;
  --buy: #3fae58;
  --buy-hi: #4fc96a;
  --font-display: "Saira Stencil One", "Arial Black", Impact, sans-serif;
  --font-body: "Barlow", "Segoe UI", system-ui, sans-serif;
  --font-label: "Silkscreen", "Courier New", monospace;
  --r: 10px;
  /* Tebex-Pflicht-Footer passend einfaerben (darf nicht versteckt werden) */
  --tebex-legal-footer-background-color: #0b0d10;
  --tebex-legal-footer-text-color: #9aa1ab;
  --tebex-legal-footer-border-color: #2e343e;
  --tebex-legal-footer-logo-color: #9aa1ab;
  --tebex-legal-footer-max-width: 1180px;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body.pg { color: var(--fg); font: 500 15px/1.5 var(--font-body); background-color: var(--bg); }
/* Hintergrund: welche Variante hier steht, setzt node _TOOLS/tebex_theme/hintergruende.js --einsetzen <name> */
/* hintergrund:start */
/* Variante 5_labyrinth aus _TOOLS/tebex_theme/hintergruende.js --einsetzen */
body.pg {
  background-color: #0e120e;
  background-image:
    radial-gradient(ellipse 120% 100% at 50% 0, transparent 45%, rgba(3,5,3,.8) 100%),
    radial-gradient(ellipse 60% 560px at 50% 0, rgba(140,220,120,.10), rgba(255,190,90,.05) 60%, transparent 100%),
    linear-gradient(rgba(8,10,8,.4), rgba(8,10,8,.4)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='240' height='240' fill='%231f2c1f'/%3E%3Crect x='3' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='3' width='14' height='34' fill='%230e120e'/%3E%3Crect x='43' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='3' width='14' height='34' fill='%230e120e'/%3E%3Crect x='63' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='3' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='3' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='163' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='3' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='3' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='3' width='14' height='34' fill='%230e120e'/%3E%3Crect x='3' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='43' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='83' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='103' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='223' y='23' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='-17' y='23' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='23' width='14' height='34' fill='%230e120e'/%3E%3Crect x='3' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='43' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='43' width='14' height='34' fill='%230e120e'/%3E%3Crect x='63' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='103' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='43' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='43' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='43' width='14' height='34' fill='%230e120e'/%3E%3Crect x='203' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='43' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='43' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='43' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='123' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='163' y='63' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='63' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='63' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='83' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='63' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='83' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='83' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='83' width='34' height='14' fill='%230e120e'/%3E%3Crect x='163' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='83' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='83' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='83' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='83' width='14' height='34' fill='%230e120e'/%3E%3Crect x='3' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='103' width='14' height='34' fill='%230e120e'/%3E%3Crect x='83' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='103' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='103' y='103' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='103' width='14' height='34' fill='%230e120e'/%3E%3Crect x='223' y='103' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='-17' y='103' width='34' height='14' fill='%230e120e'/%3E%3Crect x='3' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='123' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='123' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='123' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='123' width='14' height='34' fill='%230e120e'/%3E%3Crect x='203' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='123' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='-17' y='123' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='123' width='14' height='34' fill='%230e120e'/%3E%3Crect x='3' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='43' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='83' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='123' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='143' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='143' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='143' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='103' y='163' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='163' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='183' y='163' width='14' height='34' fill='%230e120e'/%3E%3Crect x='203' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='163' width='34' height='14' fill='%230e120e'/%3E%3Crect x='223' y='163' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='163' width='14' height='34' fill='%230e120e'/%3E%3Crect x='3' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='183' width='14' height='34' fill='%230e120e'/%3E%3Crect x='43' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='183' width='14' height='34' fill='%230e120e'/%3E%3Crect x='63' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='103' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='163' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='183' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='183' width='14' height='34' fill='%230e120e'/%3E%3Crect x='203' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='183' width='14' height='34' fill='%230e120e'/%3E%3Crect x='223' y='183' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='-17' y='183' width='34' height='14' fill='%230e120e'/%3E%3Crect x='3' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='23' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='83' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='123' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='143' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='163' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='183' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='203' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='203' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='203' width='14' height='34' fill='%230e120e'/%3E%3Crect x='223' y='203' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='-17' y='203' width='34' height='14' fill='%230e120e'/%3E%3Crect x='3' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='3' y='223' width='34' height='14' fill='%230e120e'/%3E%3Crect x='23' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='23' y='223' width='34' height='14' fill='%230e120e'/%3E%3Crect x='43' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='43' y='223' width='34' height='14' fill='%230e120e'/%3E%3Crect x='63' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='63' y='223' width='34' height='14' fill='%230e120e'/%3E%3Crect x='83' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='103' y='223' width='14' height='34' fill='%230e120e'/%3E%3Crect x='103' y='-17' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='123' y='223' width='14' height='34' fill='%230e120e'/%3E%3Crect x='123' y='-17' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='143' y='223' width='14' height='34' fill='%230e120e'/%3E%3Crect x='143' y='-17' width='14' height='34' fill='%230e120e'/%3E%3Crect x='163' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='183' y='223' width='34' height='14' fill='%230e120e'/%3E%3Crect x='203' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='223' width='14' height='14' fill='%230e120e'/%3E%3Crect x='223' y='223' width='14' height='34' fill='%230e120e'/%3E%3Crect x='223' y='-17' width='14' height='34' fill='%230e120e'/%3E%3Crect x='177' y='219' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='170' y='197' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='106' y='76' width='2' height='2' fill='%23263b24'/%3E%3Crect x='151' y='239' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='35' y='152' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='25' y='3' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='91' y='227' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='34' y='122' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='170' y='176' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='157' y='102' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='194' y='85' width='2' height='2' fill='%23263b24'/%3E%3Crect x='63' y='162' width='2' height='2' fill='%23263b24'/%3E%3Crect x='66' y='179' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='10' y='158' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='18' y='95' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='60' y='73' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='127' y='0' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='187' y='74' width='2' height='2' fill='%23263b24'/%3E%3Crect x='39' y='47' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='106' y='122' width='2' height='2' fill='%23263b24'/%3E%3Crect x='185' y='61' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='164' y='137' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='16' y='212' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='48' y='155' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='138' y='0' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='170' y='22' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='149' y='75' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='136' y='106' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='98' y='239' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='79' y='108' width='2' height='2' fill='%23263b24'/%3E%3Crect x='167' y='60' width='2' height='2' fill='%23263b24'/%3E%3Crect x='18' y='55' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='137' y='97' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='81' y='7' width='2' height='2' fill='%23263b24'/%3E%3Crect x='13' y='238' width='2' height='2' fill='%23263b24'/%3E%3Crect x='36' y='19' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='1' y='208' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='143' y='21' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='96' y='6' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='130' y='34' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='98' y='196' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='16' y='16' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='226' y='182' width='2' height='2' fill='%23263b24'/%3E%3Crect x='227' y='83' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='100' y='212' width='2' height='2' fill='%23263b24'/%3E%3Crect x='26' y='98' width='2' height='2' fill='%23263b24'/%3E%3Crect x='13' y='230' width='2' height='2' fill='%23263b24'/%3E%3Crect x='52' y='23' width='2' height='2' fill='%23263b24'/%3E%3Crect x='237' y='1' width='2' height='2' fill='%23263b24'/%3E%3Crect x='34' y='189' width='2' height='2' fill='%23263b24'/%3E%3Crect x='68' y='40' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='23' y='41' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='233' y='115' width='2' height='2' fill='%23263b24'/%3E%3Crect x='83' y='40' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='237' y='32' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='119' y='140' width='2' height='2' fill='%23263b24'/%3E%3Crect x='151' y='184' width='2' height='2' fill='%23263b24'/%3E%3Crect x='155' y='123' width='2' height='2' fill='%23263b24'/%3E%3Crect x='194' y='102' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='15' y='188' width='2' height='2' fill='%23263b24'/%3E%3Crect x='139' y='162' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='132' y='225' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='37' y='70' width='2' height='2' fill='%23263b24'/%3E%3Crect x='231' y='56' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='225' y='95' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='203' y='64' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='91' y='136' width='2' height='2' fill='%233a5a34'/%3E%3Crect x='144' y='173' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='168' y='145' width='2' height='2' fill='%232f4a2c'/%3E%3Crect x='140' y='73' width='2' height='2' fill='%232f4a2c'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-attachment: fixed, fixed, fixed, scroll;
}
/* hintergrund:ende */
/* Bewegter Hintergrund (pg-hintergrund.js): Canvas fest hinter dem Inhalt, faengt keine Klicks ab */
.pg-hg { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
:where(.pg) a { color: inherit; }
:where(.pg) button { font: inherit; color: inherit; cursor: pointer; }
.pg :focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.pg img { max-width: 100%; }
.pg-wrap { max-width: 1180px; margin: 0 auto; padding-inline: 16px; }
.pg-unsichtbar { visibility: hidden; }

/* ── Meldung (z. B. nach einem Fehler beim Hinzufuegen) ── */
.pg-meldung { padding: 10px 16px; text-align: center; font-weight: 700; background: #2a2412; color: var(--gold-hi); border-bottom: 1px solid #4a3d15; }
.pg-meldung--danger, .pg-meldung--error { background: #2b1414; color: #ff9b93; border-color: #5a2320; }
.pg-meldung--success { background: #12261a; color: #8ee6a3; border-color: #1f4d2c; }

/* ── Obere Leiste ── */
.pg-topbar { background: #0b0d10; border-bottom: 1px solid var(--line); }
.pg-topbar .pg-wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 10px; flex-wrap: wrap; }
.pg-nav { display: flex; gap: 6px; flex-wrap: wrap; }
.pg-nav a { text-decoration: none; font: 700 13px/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; padding: 9px 13px; border-radius: 7px; color: var(--muted); }
.pg-nav a:hover { color: var(--fg); background: var(--plate); }
.pg-nav a.aktiv { background: var(--gold); color: #1d1405; }
.pg-login { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13px; color: var(--muted); text-decoration: none; }
.pg-login b { color: var(--fg); }
.pg-login a { color: var(--gold-hi); }
a.pg-login:hover { color: var(--fg); }

/* ── Band mit Gitterstaeben ── */
.pg-band {
  position: relative; overflow: hidden; border-bottom: 1px solid var(--line);
  background:
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(255,255,255,.035) 46px 52px, rgba(0,0,0,.35) 52px 56px, transparent 56px 104px),
    radial-gradient(120% 140% at 50% 0%, #232933 0%, #12151a 60%, var(--bg) 100%);
}
.pg-band::after { content: ""; position: absolute; inset: -40% 30% auto; height: 180%; background: radial-gradient(closest-side, rgba(245,184,61,.10), transparent 70%); pointer-events: none; }
.pg-band .pg-wrap { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding-block: 34px 30px; }
.pg-marke { text-align: center; text-decoration: none; display: grid; justify-items: center; }
.pg-marke__text { font: 400 clamp(38px, 6vw, 64px)/0.95 var(--font-display); letter-spacing: .02em; color: var(--gold); text-shadow: 0 3px 0 var(--gold-deep), 0 10px 30px rgba(0,0,0,.6); }
.pg-marke__bild { max-height: 120px; width: auto; }
.pg-marke__schild { display: inline-block; margin-top: 10px; font: 400 11px/1 var(--font-label); letter-spacing: .14em; color: var(--fg); background: var(--alarm); padding: 6px 9px 5px; border-radius: 3px; }
.pg-chip { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: var(--r); background: rgba(14,16,19,.75); border: 1px solid var(--line); min-width: 0; }
.pg-chip__klein { font-size: 12px; color: var(--muted); line-height: 1.2; }
.pg-chip__gross { font-weight: 800; font-size: 15px; letter-spacing: .02em; }
.pg-chip--ip { justify-self: start; }
.pg-chip--dc { justify-self: end; text-decoration: none; }
.pg-chip--dc:hover { border-color: #5865f2; }
.pg-punkt { width: 9px; height: 9px; border-radius: 50%; background: var(--buy-hi); box-shadow: 0 0 0 4px rgba(79,201,106,.18); flex: none; }
.pg-punkt--aus { background: var(--alarm); box-shadow: 0 0 0 4px rgba(210,69,59,.18); }
.pg-kopieren, .pg-mini { margin-left: auto; border: 1px solid var(--line); background: var(--plate); border-radius: 7px; padding: 6px 10px; font-weight: 800; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.pg-kopieren:hover, .pg-mini:hover { border-color: var(--gold); color: var(--gold-hi); }
.pg-dc { width: 30px; height: 30px; border-radius: 8px; background: #5865f2; display: grid; place-items: center; flex: none; }

/* ── Hauptraster ── */
.pg-raster-haupt { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; padding-block: 26px 40px; }
.pg-inhalt { min-width: 0; }
.pg-panel { background: var(--steel); border: 1px solid var(--line); border-radius: var(--r); }
.pg-seite { display: grid; gap: 16px; align-content: start; }

/* Kaufleiste */
.pg-korb { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; flex-wrap: wrap; }
.pg-wer { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pg-kopf { width: 44px; height: 44px; border-radius: 8px; background: var(--plate-hi); border: 1px solid var(--line); image-rendering: pixelated; flex: none; }
.pg-kopf--leer { display: block; background: linear-gradient(var(--plate-hi) 0 25%, #c69a72 25% 100%); }
.pg-wer b { display: block; font-size: 14px; letter-spacing: .05em; text-transform: uppercase; }
.pg-wer b span { color: var(--gold); }
.pg-wer small { color: var(--muted); font-weight: 600; }
.pg-wer small a { color: var(--muted); }
.pg-korb-knopf { display: flex; align-items: center; gap: 14px; border: 0; border-radius: 9px; padding: 12px 18px 12px 20px; text-decoration: none; background: linear-gradient(180deg, var(--gold-hi), var(--gold)); color: #241804; box-shadow: inset 0 -4px 0 rgba(0,0,0,.18), 0 6px 18px rgba(245,184,61,.18); }
.pg-korb-knopf b { display: block; font: 800 16px/1 var(--font-body); letter-spacing: .05em; text-transform: uppercase; }
.pg-korb-knopf small { display: block; font-weight: 700; font-size: 12px; opacity: .75; margin-top: 3px; }
.pg-korb-knopf:hover { filter: brightness(1.05); }
.pg-korb-zahl { min-width: 30px; height: 30px; padding-inline: 8px; border-radius: 8px; background: #241804; color: var(--gold-hi); display: grid; place-items: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.pg-korb-knopf--voll { width: 100%; justify-content: space-between; margin-top: 14px; padding-block: 16px; }

/* Reiter */
.pg-reiter { display: flex; gap: 8px; margin: 22px 0 14px; flex-wrap: wrap; }
.pg-reiter--unter { margin-top: -6px; }
.pg-reiter a { text-decoration: none; border: 1px solid var(--line); background: var(--steel); border-radius: 999px; padding: 8px 15px; font-weight: 700; font-size: 14px; color: var(--muted); }
.pg-reiter--unter a { font-size: 13px; padding: 6px 12px; }
.pg-reiter a.aktiv { background: var(--plate-hi); color: var(--fg); border-color: var(--gold-deep); }
.pg-reiter a:hover { color: var(--fg); }

.pg-kat-kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.pg-kat-kopf h2 { margin: 0; font: 400 28px/1.1 var(--font-display); letter-spacing: .02em; text-wrap: balance; }
.pg-kat-kopf p { margin: 0; color: var(--muted); font-size: 14px; max-width: 52ch; }
/* Kategorie-Text im Kasten wie auf der Startseite, nicht frei auf dem Hintergrund (16.10.2026) */
.pg-panel.pg-kat-text { margin: 0 0 18px; }
.pg-kat-text p { margin: 0 0 8px; }
.pg-kat-text h2 { font: 700 18px/1.3 var(--font-body); margin: 14px 0 6px; color: var(--fg); }

/* Hinweis auf die Rank Upgrades oben auf der Ranks-Seite */
.pg-upgrade-hinweis { display: flex; align-items: center; gap: 14px; padding: 14px 16px; margin: 0 0 18px; text-decoration: none; color: var(--fg); border-color: var(--gold-deep); background: linear-gradient(90deg, rgba(245,184,61,.10), var(--steel) 60%); }
.pg-upgrade-hinweis:hover { border-color: var(--gold); }
.pg-upgrade-hinweis__pfeil { flex: none; width: 40px; height: 40px; border-radius: 8px; display: grid; place-items: center; font-size: 20px; color: #241804; background: var(--gold); }
.pg-upgrade-hinweis b { display: block; font-size: 15px; }
.pg-upgrade-hinweis small { display: block; color: var(--muted); font-size: 13.5px; }
.pg-upgrade-hinweis .pg-kaufen { margin-left: auto; white-space: nowrap; }
@media (max-width: 640px) { .pg-upgrade-hinweis { flex-wrap: wrap; } .pg-upgrade-hinweis .pg-kaufen { margin-left: 0; } }

/* Rangvergleich unter den Rangkarten (rank-compare.twig) */
.pg-vergleich { margin-top: 28px; }
.pg-vergleich__rahmen { overflow-x: auto; }
/* Am Desktop bis unter die Seitenleiste (300 px + 22 px Abstand aus .pg-raster-haupt): darunter ist auf der Ranks-Seite frei */
@media (min-width: 921px) { .pg-vergleich { margin-right: -322px; } }
.pg-vergleich table { width: 100%; min-width: 700px; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.pg-vergleich th, .pg-vergleich td { padding: 9px 8px; text-align: center; border-bottom: 1px solid #252a32; }
.pg-vergleich tbody th { width: 190px; }
.pg-vergleich__preis td a { color: var(--gold-hi); font-weight: 800; font-size: 15px; text-decoration: none; white-space: nowrap; }
.pg-vergleich__preis td a:hover { text-decoration: underline; }
.pg-vergleich__preis th, .pg-vergleich__preis td { border-bottom: 2px solid var(--line); }
.pg-vergleich thead th { vertical-align: bottom; font: 400 11px/1.2 var(--font-label); letter-spacing: .08em; text-transform: uppercase; color: var(--gold); padding-top: 14px; }
.pg-vergleich thead img { display: block; margin: 0 auto 6px; width: 40px; height: 40px; image-rendering: pixelated; }
.pg-vergleich thead th:first-child, .pg-vergleich tbody th { position: sticky; left: 0; background: var(--steel); z-index: 1; }
.pg-vergleich tbody th { text-align: left; font-weight: 700; color: var(--fg); }
.pg-vergleich td { color: #d6d1c8; }
.pg-vergleich td:last-child, .pg-vergleich thead th:last-child { background: rgba(245,184,61,.06); }
.pg-vergleich .pg-ja { color: var(--buy-hi); font-weight: 800; }
.pg-vergleich .pg-nein { color: #5d636c; }
.pg-vergleich tbody tr:last-child th, .pg-vergleich tbody tr:last-child td { border-bottom: 0; }
.pg-leer { color: var(--muted); padding: 20px; display: grid; gap: 12px; justify-items: start; }

/* Kacheln (Startseite) */
.pg-kacheln { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; margin-bottom: 18px; }
.pg-kachel { display: flex; align-items: center; gap: 12px; padding: 16px; text-decoration: none; background: var(--plate); border: 1px solid var(--line); border-radius: var(--r); transition: border-color .15s ease, transform .15s ease; }
.pg-kachel:hover { border-color: var(--gold-deep); transform: translateY(-2px); }
.pg-kachel img { width: 44px; height: 44px; object-fit: contain; image-rendering: pixelated; }
.pg-kachel__name { font: 400 20px/1.1 var(--font-display); }
.pg-kachel__pfeil { margin-left: auto; color: var(--gold); font-weight: 800; }

/* Produktraster und Karte */
.pg-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.pg-raster--list { grid-template-columns: minmax(0, 1fr); }
.pg-karte { position: relative; display: flex; flex-direction: column; background: var(--plate); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 14px 14px; min-width: 0; transition: transform .15s ease, border-color .15s ease; }
.pg-karte:hover { transform: translateY(-2px); border-color: #3c4450; }
.pg-karte--hervor { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold) inset, 0 10px 30px rgba(245,184,61,.08); }
.pg-abzeichen { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap; z-index: 1; font: 400 10.5px/1 var(--font-label); letter-spacing: .1em; padding: 6px 9px 5px; border-radius: 4px; background: var(--gold); color: #241804; }
.pg-abzeichen--rot { background: var(--alarm); color: var(--fg); }
.pg-abzeichen--lila { background: #7a4fd6; color: #fff; }
.pg-karte__bild { display: grid; place-items: center; height: 120px; margin-bottom: 8px; }
.pg-karte__bild img { max-height: 120px; width: auto; image-rendering: pixelated; }
.pg-karte__leer { width: 72px; height: 72px; border-radius: 12px; background: repeating-linear-gradient(90deg, var(--plate-hi) 0 10px, var(--steel) 10px 14px); border: 1px solid var(--line); }
.pg-bonus { align-self: center; font: 400 10px/1 var(--font-label); letter-spacing: .08em; color: #241804; background: var(--gold-hi); padding: 5px 7px 4px; border-radius: 3px; margin-bottom: 8px; }
.pg-karte__name { text-align: center; font-weight: 800; font-size: 19px; line-height: 1.15; text-decoration: none; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pg-karte__name:hover { color: var(--gold-hi); }
.pg-karte__preis { text-align: center; color: var(--muted); font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 2px; }
.pg-karte__preis del, .pg-detail__preis del { color: #6f7680; margin-right: 6px; font-weight: 600; }
.pg-aktion { display: flex; gap: 8px; margin-top: auto; padding-top: 14px; }
.pg-info-knopf { flex: none; width: 38px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--plate-hi); border-radius: 8px; font-weight: 800; color: var(--gold-hi); text-decoration: none; }
.pg-info-knopf:hover { border-color: var(--gold); }
.pg-info-knopf--breit { width: auto; padding: 9px 14px; font-size: 13px; letter-spacing: .03em; }
.pg-kaufen { flex: 1; display: grid; place-items: center; text-align: center; border: 0; border-radius: 8px; padding: 10px 8px; font-weight: 800; letter-spacing: .02em; text-decoration: none; background: var(--buy); color: #08200e; box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); }
.pg-kaufen:hover { background: var(--buy-hi); }
.pg-kaufen--drin { background: var(--plate-hi); color: var(--buy-hi); box-shadow: inset 0 0 0 1px #2d5c3a; }
.pg-kaufen--aus { background: var(--plate-hi); color: var(--muted); box-shadow: none; cursor: not-allowed; }
.pg-kaufen--zweit { background: var(--plate-hi); color: var(--fg); box-shadow: inset 0 0 0 1px var(--line); }
.pg-kaufen--klein { flex: none; padding: 10px 18px; }
.pg-raster--list .pg-karte { flex-direction: row; align-items: center; gap: 16px; padding: 12px 14px; }
.pg-raster--list .pg-karte__bild { height: 64px; width: 80px; margin: 0; }
.pg-raster--list .pg-karte__bild img { max-height: 64px; }
.pg-raster--list .pg-bonus { margin: 0; }
.pg-raster--list .pg-karte__name { text-align: left; flex: 1; }
.pg-raster--list .pg-aktion { margin: 0; padding: 0; min-width: 220px; }

/* Paketseite */
.pg-detail { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; padding: 22px; }
.pg-detail__bild { display: grid; gap: 10px; align-content: start; justify-items: center; }
.pg-detail__bild img { image-rendering: pixelated; max-height: 240px; width: auto; }
.pg-detail__bild iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; }
.pg-detail h2 { margin: 0 0 8px; font: 400 32px/1.05 var(--font-display); text-wrap: balance; }
.pg-detail .pg-bonus { display: inline-block; }
.pg-detail__preis { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; margin: 4px 0 4px; }
.pg-aktion--gross { padding-top: 10px; max-width: 420px; }
.pg-aktion--gross .pg-kaufen { padding-block: 13px; font-size: 16px; }
.pg-geschenk { margin-top: 14px; max-width: 420px; display: grid; gap: 6px; }
.pg-geschenk label, .pg-optionen__form label, .pg-anmelden__form label { font-size: 13px; font-weight: 700; color: var(--muted); }
.pg-geschenk__reihe { display: flex; gap: 8px; }
.pg input[type="text"], .pg input[type="number"], .pg select {
  flex: 1; min-width: 0; background: #0b0d10; color: var(--fg); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; font: 600 15px/1.2 var(--font-body);
}
.pg input:focus, .pg select:focus { border-color: var(--gold-deep); outline: none; }
.pg-text { color: #d6d1c8; line-height: 1.6; margin-top: 18px; overflow-wrap: anywhere; }
.pg-panel.pg-text { padding: 18px 20px; margin-top: 0; overflow-x: auto; }
/* Eigene Seiten (Rules, FAQ) bringen breite Tabellen mit: ohne Seitenleiste ueber die volle Breite */
.pg-cms .pg-raster-haupt { grid-template-columns: minmax(0, 1fr); }
.pg-cms .pg-seite { display: none; }
/* Die Rules-Seite schiebt sich mit margin-right:-7vw in die alte Seitenleiste; hier gibt es keine, also zuruecknehmen */
.pg-cms .pg-text [style*="margin-right:-"] { margin-right: 0 !important; }
.pg-text--klein { font-size: 14px; margin-top: 8px; }
.pg-text a { color: var(--gold-hi); }
.pg-text img { border-radius: 6px; }
.pg-zurueck { display: inline-block; margin-top: 18px; color: var(--muted); text-decoration: none; font-weight: 700; }
.pg-zurueck:hover { color: var(--gold-hi); }

/* Warenkorb */
.pg-liste { padding: 6px 0; }
.pg-posten { display: grid; grid-template-columns: minmax(0, 1fr) 76px 110px 32px; gap: 12px; align-items: center; padding: 12px 16px; }
.pg-posten + .pg-posten { border-top: 1px solid var(--line); }
.pg-posten__name a { font-weight: 800; text-decoration: none; }
.pg-posten__name .pg-bonus { display: inline-block; margin: 0 0 0 8px; vertical-align: 2px; }
.pg-posten__name small { display: block; color: var(--muted); font-size: 12.5px; }
.pg-posten__preis { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; }
.pg-menge { width: 76px; text-align: center; }
.pg-entfernen { color: var(--muted); text-decoration: none; font-weight: 800; text-align: center; border-radius: 6px; padding: 4px; }
.pg-entfernen:hover { color: var(--alarm); background: var(--plate); }
.pg-summe { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px 10px; border-top: 1px solid var(--line); }
.pg-summe b { font-size: 20px; color: var(--gold-hi); margin-left: 6px; font-variant-numeric: tabular-nums; }

/* Login und Optionen */
.pg-anmelden { padding: 24px; max-width: 560px; }
.pg-anmelden h2 { margin: 0 0 6px; font: 400 28px/1.1 var(--font-display); }
.pg-anmelden p { color: #cfcac1; margin: 0 0 14px; }
.pg-anmelden__form, .pg-optionen__form { display: grid; gap: 8px; }
.pg-anmelden__form small { color: #6f7680; }
.pg-optionen__form .pg-kaufen { margin-top: 10px; flex: none; padding-block: 12px; }

/* ── Seitenleiste / Module ── */
.pg-modul h3 { margin: 0; padding: 14px 16px 12px; font: 800 15px/1.2 var(--font-body); letter-spacing: .05em; text-transform: uppercase; color: var(--gold); border-bottom: 1px solid var(--line); }
.pg-modul > .pg-text, .pg-modul > p, .pg-modul > small, .pg-modul__form, .pg-modul__bild { margin: 12px 16px; }
.pg-modul__bild { display: block; max-width: calc(100% - 32px); border-radius: 8px; }
.pg-modul__leer { color: var(--muted); font-size: 13px; display: block; padding: 12px 16px; margin: 0; }
.pg-modul__form { display: flex; gap: 8px; }
.pg-modul__form .pg-mini { margin-left: 0; }
.pg-modul__karte { padding: 18px 12px 12px; }
.pg-reihe { display: flex; align-items: center; gap: 12px; padding: 12px 16px; }
.pg-reihe b { display: block; font-size: 14px; }
.pg-reihe small { color: var(--muted); font-size: 12.5px; line-height: 1.3; display: block; }
.pg-kauf { display: flex; align-items: center; gap: 10px; padding: 9px 16px; }
.pg-kauf + .pg-kauf { border-top: 1px solid #252a32; }
.pg-kauf img { width: 26px; height: 26px; border-radius: 4px; flex: none; image-rendering: pixelated; }
.pg-kauf b { font-size: 13.5px; display: block; }
.pg-kauf small { color: var(--muted); font-size: 12.5px; display: block; }
.pg-kauf__preis { margin-left: auto; color: var(--muted); font-size: 12.5px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pg-ziel { padding-bottom: 14px; }
.pg-balken { height: 10px; border-radius: 99px; background: #0b0d10; border: 1px solid var(--line); overflow: hidden; margin: 14px 16px 6px; }
.pg-balken i { display: block; height: 100%; max-width: 100%; background: repeating-linear-gradient(135deg, var(--gold) 0 8px, var(--gold-hi) 8px 16px); }
.pg-ziel__zahlen { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; padding-inline: 16px; }

/* ── Leaderboards (Seite /leaderboards, gefuellt von pg.js): links Auswahl, rechts eine Liste mit Treppchen ── */
.pg-lb { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; margin-top: 16px; align-items: start; }
.pg-lb__menue { padding: 6px 0; position: sticky; top: 16px; }
.pg-lb__gruppe { display: grid; gap: 2px; padding: 8px 10px; }
.pg-lb__gruppe + .pg-lb__gruppe { border-top: 1px solid var(--line); }
.pg-lb__gruppenname { display: block; font: 400 10.5px/1 var(--font-label); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); padding: 4px 8px 6px; }
.pg-lb__wahl { text-align: left; border: 0; background: transparent; border-radius: 7px; padding: 8px 10px; font-weight: 700; font-size: 14px; color: var(--muted); }
.pg-lb__wahl:hover { background: var(--plate); color: var(--fg); }
.pg-lb__wahl[aria-pressed="true"] { background: var(--plate-hi); color: var(--gold-hi); }
.pg-lb__tafel { min-width: 0; overflow: hidden; }
.pg-lb__titel { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; padding: 16px 20px 14px; border-bottom: 1px solid var(--line); }
.pg-lb__titel .pg-lb__gruppenname { padding: 0; }
.pg-lb__titel h3 { margin: 6px 0 0; font: 400 30px/1 var(--font-display); letter-spacing: .02em; }
.pg-lb__stand { color: var(--muted); font-size: 12.5px; }
.pg-lb__hinweis { color: var(--muted); padding: 24px 20px; margin: 0; }
.pg-podest { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 12px; padding: 24px 20px 0;
  border-bottom: 1px solid var(--line); background: radial-gradient(ellipse 55% 90% at 50% 100%, rgba(245,184,61,.12), transparent 70%); }
.pg-podest__platz { display: grid; justify-items: center; text-align: center; gap: 2px; min-width: 0; }
.pg-podest__platz--leer { visibility: hidden; }
.pg-lb__koerper { height: 118px; width: auto; image-rendering: pixelated; margin-bottom: 8px; filter: drop-shadow(0 8px 10px rgba(0,0,0,.55)); }
.pg-podest__platz--1 .pg-lb__koerper { height: 150px; }
.pg-podest__name { font-weight: 800; font-size: 16px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg-podest__wert { color: var(--gold-hi); font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.pg-podest__notiz { color: var(--muted); font-size: 12px; }
.pg-podest__sockel { width: 100%; margin-top: 10px; display: grid; place-items: center; font: 400 24px/1 var(--font-display); border-radius: 8px 8px 0 0; }
.pg-podest__platz--1 .pg-podest__sockel { height: 72px; background: linear-gradient(var(--gold-hi), var(--gold)); color: #241804; }
.pg-podest__platz--2 .pg-podest__sockel { height: 50px; background: linear-gradient(#e3e7ec, #a9b0ba); color: #1b1e23; }
.pg-podest__platz--3 .pg-podest__sockel { height: 34px; background: linear-gradient(#e2a36b, #ad7135); color: #23160a; }
.pg-lb__liste { list-style: none; margin: 0; padding: 6px 0; }
.pg-lb__reihe { display: grid; grid-template-columns: 30px 32px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 20px; }
.pg-lb__reihe + .pg-lb__reihe { border-top: 1px solid #252a32; }
.pg-lb__platz { font: 400 12px/1 var(--font-label); color: var(--muted); text-align: center; }
.pg-lb__gesicht { width: 32px; height: 32px; border-radius: 6px; image-rendering: pixelated; background: var(--plate-hi); }
.pg-lb__wer { display: grid; min-width: 0; }
.pg-lb__wer b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg-lb__wer small { color: var(--muted); font-size: 12px; }
.pg-lb__wert { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 760px) {
  .pg-lb { grid-template-columns: minmax(0, 1fr); }
  .pg-lb__menue { position: static; }
  .pg-lb__gruppe { display: flex; flex-wrap: wrap; gap: 4px; }
  .pg-lb__gruppenname { width: 100%; }
  .pg-lb__wahl { padding: 7px 10px; background: var(--plate); }
  .pg-lb__koerper { height: 84px; }
  .pg-podest__platz--1 .pg-lb__koerper { height: 104px; }
  .pg-podest { gap: 6px; padding-inline: 10px; }
  .pg-podest__name { font-size: 14px; }
}

/* ── Vote (Seite /vote, gefuellt von pg.js): Top-Voter an der Messlatte, Vote-Seiten als Zettel, Belohnungs-Plakat ── */
.pg-vote { display: grid; gap: 18px; margin-top: 16px; }
.pg-vote .pg-kat-kopf { margin-bottom: 0; }
.pg-vote__reihe { position: relative; border-radius: 10px; overflow: hidden; border: 1px solid var(--line); padding: 30px 20px 0;
  background: repeating-linear-gradient(transparent 0 23px, rgba(255,255,255,.12) 23px 24px), linear-gradient(#3a3f48, #262b34); }
.pg-vote__mass { position: absolute; left: 8px; top: 0; bottom: 0; display: grid; align-content: space-around; font: 400 10px/1 var(--font-label); color: rgba(255,255,255,.35); }
.pg-vote__reihe h3 { position: absolute; right: 16px; top: 12px; margin: 0; font: 400 12px/1 var(--font-label); letter-spacing: .16em; color: var(--alarm); }
.pg-vote__leute { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: 10px; padding-left: 26px; }
.pg-vote__person { display: grid; justify-items: center; min-width: 0; }
.pg-vote__person img { height: 150px; width: auto; image-rendering: pixelated; filter: drop-shadow(0 6px 8px rgba(0,0,0,.5)); }
.pg-vote__person:first-child img { height: 172px; }
.pg-vote__schild { background: #0b0d10; border: 2px solid #e9dfc7; border-radius: 3px; padding: 6px 8px; margin-top: -26px; text-align: center; max-width: 100%; font-family: "Special Elite", "Courier New", monospace; position: relative; }
.pg-vote__schild b { display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--fg); }
.pg-vote__schild small { color: var(--gold-hi); font-size: 12px; }
.pg-vote__boden { height: 16px; background: #1b1f25; margin: 0 -20px; border-top: 1px solid var(--line); }
.pg-vote__wand { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.pg-vote__pinnwand { padding: 22px; border-radius: 10px; background: #6b4f33; background-image: radial-gradient(rgba(0,0,0,.18) 1px, transparent 1.4px); background-size: 7px 7px;
  box-shadow: inset 0 0 0 10px #4a3524, inset 0 0 30px rgba(0,0,0,.4); display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.pg-vote__zettel { background: #f2ead6; color: #2a2118; padding: 18px 14px 14px; border-radius: 2px; box-shadow: 0 8px 14px rgba(0,0,0,.35); position: relative; text-decoration: none;
  font-family: "Special Elite", "Courier New", monospace; display: grid; gap: 10px; transition: transform .15s ease; }
.pg-vote__zettel:nth-child(odd) { transform: rotate(-2deg); }
.pg-vote__zettel:nth-child(even) { transform: rotate(1.6deg); }
.pg-vote__zettel:nth-child(3n) { transform: rotate(-.6deg); }
.pg-vote__zettel:hover { transform: rotate(0) translateY(-2px); }
.pg-vote__zettel::before { content: ""; position: absolute; top: -6px; left: 50%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ff8a7a, #b8322a); box-shadow: 0 2px 3px rgba(0,0,0,.4); }
.pg-vote__zettel b { font-size: 15px; overflow-wrap: anywhere; }
.pg-vote__zettel span { justify-self: start; font: 800 13px/1 var(--font-body); background: #2f7d43; color: #fff; padding: 8px 12px; border-radius: 3px; }
.pg-vote__zettel--erledigt span { background: #8a7350; }
.pg-vote__zettel--erledigt::after { content: "DONE"; position: absolute; right: 10px; bottom: 12px; transform: rotate(-12deg); font: 400 18px/1 var(--font-display); color: rgba(178,34,34,.8); border: 2px solid rgba(178,34,34,.8); padding: 3px 7px 1px; border-radius: 4px; }
.pg-vote__plakat { background: #e9dfc7; color: #2a2118; border-radius: 4px; padding: 18px; text-align: center; font-family: "Special Elite", "Courier New", monospace; box-shadow: 0 12px 26px rgba(0,0,0,.45); }
.pg-vote__plakat h4 { margin: 0; font: 400 34px/1 var(--font-display); letter-spacing: .08em; color: #2a2118; }
.pg-vote__wert { font: 400 22px/1.1 var(--font-display); color: #8a2a1e; margin: 10px 0; }
.pg-vote__plakat p { margin: 6px 0 0; font-size: 13.5px; }
.pg-vote__plakat b { color: #2a2118; }
.pg-vote__plakat .pg-balken { margin: 10px 0 4px; background: #d6c9a8; border-color: #b9a77e; }
.pg-vote__plakat small { display: block; margin-top: 10px; font-size: 12px; color: #6b5a42; }
@media (max-width: 860px) {
  .pg-vote__wand { grid-template-columns: minmax(0, 1fr); }
  .pg-vote__leute { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pg-vote__person:nth-child(n+4) { display: none; }
}

/* ── Fuss ── */
.pg-fuss { border-top: 1px solid var(--line); color: #6f7680; font-size: 12.5px; }
.pg-fuss .pg-wrap { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-block: 18px; }
.pg-fuss__links a { color: var(--muted); text-decoration: none; margin-left: 14px; }
.pg-fuss__links a:hover { color: var(--gold-hi); }

/* Hinweis nach Kopieren */
.pg-toast { position: fixed; left: 50%; bottom: 18px; transform: translate(-50%, 20px); background: var(--plate-hi); border: 1px solid var(--gold-deep); color: var(--fg); padding: 10px 16px; border-radius: 9px; font-weight: 700; opacity: 0; transition: .2s ease; pointer-events: none; z-index: 50; }
.pg-toast.an { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 920px) {
  .pg-raster-haupt { grid-template-columns: minmax(0, 1fr); }
  .pg-band .pg-wrap { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .pg-chip--ip, .pg-chip--dc { justify-self: center; }
  .pg-marke { order: -1; }
}
@media (max-width: 640px) {
  .pg-detail { grid-template-columns: minmax(0, 1fr); }
  .pg-posten { grid-template-columns: minmax(0, 1fr) 64px 32px; }
  .pg-posten__preis { grid-column: 1; text-align: left; }
  .pg-raster { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .pg-raster--list .pg-karte { flex-wrap: wrap; }
  .pg-raster--list .pg-aktion { min-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .pg * { transition: none !important; animation: none !important; } }