/* ==========================================================================
   Live-Quiz – Gestaltung (Lehrer-Bühne + Schüler-Seite /live/)
   Bühne = 16:9-Fläche; alle Maße in em, Grundschrift wächst mit der Breite
   (Container-Einheit cqw) → im Vollbild füllt das Quiz den ganzen Beamer.
   ========================================================================== */
:root{
  --lq-ink:var(--physik-ink,#3d2a6b); --lq-strong:var(--physik-strong,#7c5fb5);
  --lq-nacht:#221540; --lq-gelb:#f4d03f; --lq-gruen:#4a7530; --lq-gruen-h:#67b05f;
  --lq-rot:#e2574c; --lq-blau:#5b8bd8; --lq-orange:#e79a3a; --lq-dunkel:#2f2f2f;
  --lq-basis:#f4ede0; --lq-hell:#faf6ee; --lq-rule:#d9cdb8;
}

/* ---------- Rahmen auf der Seite ---------- */
.lq-lab{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(34,21,64,.28);background:var(--lq-nacht)}
.lq-lab .applet-toolbar{display:flex;align-items:center;gap:14px;background:var(--lq-ink);color:#fff;padding:12px 18px;position:relative;z-index:3}
.lq-lab .applet-title{font-size:18px;font-weight:600;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lq-lab .applet-tools{display:flex;align-items:center;gap:10px;max-width:50%}
.lq-tool{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14px;font-weight:500;color:#fff;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.lq-tool svg{width:15px;height:15px}
.lq-tool:hover{background:rgba(255,255,255,.24)}
.lq-status{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:rgba(255,255,255,.85);white-space:nowrap}
.lq-status::before{content:"";width:9px;height:9px;border-radius:50%;background:#aaa}
.lq-status[data-s="ok"]::before{background:var(--lq-gruen-h);box-shadow:0 0 0 4px rgba(103,176,95,.25)}
.lq-status[data-s="weg"]::before{background:var(--lq-rot)}

/* ---------- Bühne (16:9) ---------- */
.lq-canvas{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;color:#fff;overflow:hidden;
  background:radial-gradient(60% 70% at 12% 8%,rgba(124,95,181,.55),transparent 60%),
             radial-gradient(50% 60% at 92% 4%,rgba(150,112,212,.35),transparent 55%),
             radial-gradient(70% 80% at 85% 105%,rgba(91,139,216,.22),transparent 60%),
             linear-gradient(135deg,#3d2a6b 0%,#221540 100%)}
.lq-canvas::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.lq-inhalt{position:absolute;inset:0;font-size:clamp(11px,1.12cqw,44px);padding:2.2em 2.6em;display:flex;flex-direction:column}
.lq-screen{flex:1;display:flex;flex-direction:column;min-height:0;animation:lqEin .45s ease both}
.lq-screen[hidden]{display:none!important}
@keyframes lqEin{from{opacity:0;transform:translateY(.8em)}to{opacity:1;transform:none}}

/* Vollbild */
.lq-lab:fullscreen{border-radius:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#3d2a6b 0%,#221540 100%)}
.lq-lab:fullscreen .applet-toolbar{background:rgba(0,0,0,.18);backdrop-filter:blur(6px)}
.lq-lab:fullscreen .lq-canvas{flex:1;width:auto;aspect-ratio:auto;align-self:stretch}
.lq-lab:fullscreen .lq-inhalt{font-size:clamp(12px,min(1.12cqw,2.05cqh),48px);padding:2.4em 3em}
.lq-lab:fullscreen .lq-canvas{container-type:size}

/* ---------- Bausteine ---------- */
.lq-kicker{font-size:.95em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lq-gelb);margin:0 0 .5em}
.lq-titel{font-size:3.4em;font-weight:700;line-height:1.05;margin:0 0 .35em;letter-spacing:-.01em}
.lq-text{font-size:1.25em;line-height:1.55;color:rgba(255,255,255,.82);margin:0 0 1.4em;max-width:36em}
.lq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:inherit;font-size:1.35em;font-weight:700;border:0;border-radius:999px;
  padding:.75em 1.6em;background:var(--lq-gelb);color:var(--lq-dunkel);cursor:pointer;box-shadow:0 .35em 0 #b8960f,0 .8em 1.6em rgba(0,0,0,.25);
  transition:transform .15s,box-shadow .15s,filter .2s}
.lq-btn[hidden]{display:none}
.lq-btn:hover{filter:brightness(1.06)}
.lq-btn:active{transform:translateY(.25em);box-shadow:0 .1em 0 #b8960f}
.lq-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.lq-btn svg{width:.9em;height:.9em}
.lq-btn.leise{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}
.lq-btn.leise:active{transform:none}
.lq-tool:focus-visible,.lq-btn:focus-visible,.lq-seg button:focus-visible,.lq-chip:focus-visible{outline:3px solid var(--lq-gelb);outline-offset:3px}
.lq-fehler{color:#ffb3ab;font-weight:600;min-height:1.4em;font-size:1.1em;margin-top:.8em}
.lq-hinweis{font-size:1em;color:rgba(255,255,255,.65)}
.lq-glas{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:1.2em;backdrop-filter:blur(4px)}

/* ---------- Start ---------- */
.lq-start{flex:1;display:grid;grid-template-columns:1.25fr 1fr;gap:3em;align-items:center}
.lq-optionen{display:grid;gap:1em;margin:0 0 2em}
.lq-opt{display:flex;flex-wrap:wrap;align-items:center;gap:.6em 1.2em}
.lq-opt-l{min-width:8.5em;font-weight:600;font-size:1.1em;color:rgba(255,255,255,.9)}
.lq-seg{display:inline-flex;flex-wrap:wrap;gap:.3em;background:rgba(0,0,0,.22);border-radius:999px;padding:.3em}
.lq-seg button{font:inherit;font-size:1.05em;border:0;background:transparent;border-radius:999px;padding:.45em 1.1em;cursor:pointer;color:rgba(255,255,255,.85)}
.lq-seg button[aria-pressed="true"]{background:#fff;color:var(--lq-ink);font-weight:700}
.lq-infokarte{padding:2em 2.2em}
.lq-zahlgross{font-size:5.5em;font-weight:700;line-height:1;margin:0}
.lq-zahlgross small{font-size:.32em;font-weight:500;color:rgba(255,255,255,.75);margin-left:.3em}
.lq-stufenbalken{display:flex;height:1.1em;border-radius:999px;overflow:hidden;margin:1.4em 0 1em;background:rgba(255,255,255,.1)}
.lq-stufenbalken span{display:block;height:100%}
.lq-legende{display:grid;grid-template-columns:1fr 1fr;gap:.45em 1.2em;font-size:1em;color:rgba(255,255,255,.85);margin:0 0 1.4em;padding:0;list-style:none}
.lq-legende li{display:flex;align-items:center;gap:.5em}
.lq-legende i{width:.8em;height:.8em;border-radius:50%;flex:0 0 auto}
.lq-fakten{display:flex;flex-wrap:wrap;gap:.5em;margin:0;padding:0;list-style:none}
.lq-fakten li{font-size:.95em;font-weight:600;background:rgba(255,255,255,.12);border-radius:999px;padding:.35em .9em}

/* ---------- Lobby ---------- */
.lq-lobby{flex:1;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto 1fr auto;gap:1.6em 3em;min-height:0}
.lq-beitritt{grid-column:1;align-self:end}
.lq-url{font-size:2.3em;font-weight:700;margin:.1em 0 .6em;letter-spacing:.01em}
.lq-url b{color:var(--lq-gelb)}
.lq-code{display:flex;gap:.35em;margin:0}
.lq-code span{display:flex;align-items:center;justify-content:center;width:1.25em;height:1.5em;font-size:4.6em;font-weight:700;color:var(--lq-ink);
  background:#fff;border-radius:.18em;box-shadow:0 .08em 0 rgba(0,0,0,.25);font-variant-numeric:tabular-nums}
.lq-code span:nth-child(4){margin-left:.35em}
.lq-qrkarte{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;background:#fff;border-radius:1.4em;padding:1.2em 1.2em .8em;text-align:center;
  box-shadow:0 1.2em 3em rgba(0,0,0,.3);width:min(100%,21em)}
.lq-qr svg{display:block;width:100%;height:auto}
.lq-qrkarte p{color:var(--lq-ink);font-weight:600;font-size:1.05em;margin:.5em 0 0}
.lq-spielerbox{grid-column:1;min-height:0;display:flex;flex-direction:column}
.lq-zahl{display:flex;align-items:baseline;gap:.4em;font-size:1.3em;font-weight:600;margin:0 0 .6em;color:rgba(255,255,255,.9)}
.lq-zahl b{font-size:2em;color:#fff}
.lq-chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.55em;overflow:auto;min-height:3em;flex:1}
.lq-chip{font:inherit;font-size:1.25em;font-weight:600;background:#fff;color:var(--lq-ink);border:0;border-radius:999px;padding:.35em .95em;cursor:pointer;
  animation:lqPop .45s cubic-bezier(.2,1.4,.4,1) both;box-shadow:0 .2em .6em rgba(0,0,0,.2)}
.lq-chip.offline{opacity:.45}
.lq-chip:hover{background:#ffe0dc;text-decoration:line-through}
.lq-leer{font-size:1.2em;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:.7em}
.lq-puls{width:.8em;height:.8em;border-radius:50%;background:var(--lq-gelb);animation:lqPuls 1.4s ease-in-out infinite}
.lq-fuss{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1em}
@keyframes lqPop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes lqPuls{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}

/* ---------- Frage ---------- */
.lq-frage-screen{gap:1.2em}
.lq-fortschritt{height:.45em;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.lq-fortschritt i{display:block;height:100%;background:var(--lq-gelb);border-radius:999px;transition:width .5s ease}
.lq-kopf{display:flex;align-items:center;gap:.8em}
.lq-nr{font-size:1.25em;font-weight:700}
.lq-stufe{font-size:.95em;font-weight:700;border-radius:999px;padding:.3em .9em;color:#fff}
.lq-antw{margin-left:auto;font-size:1.2em;font-weight:600;background:rgba(255,255,255,.12);border-radius:999px;padding:.35em 1em;font-variant-numeric:tabular-nums}
.lq-fragekarte{background:#fff;color:var(--lq-dunkel);border-radius:1.2em;padding:1.1em 1.6em;text-align:center;box-shadow:0 1em 2.5em rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;min-height:5.2em}
.lq-frage{font-size:2.5em;font-weight:700;line-height:1.2;margin:0}
.lq-mitte{flex:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2em;min-height:0}
.lq-timer{position:relative;width:8.5em;height:8.5em}
.lq-timer svg{width:100%;height:100%;transform:rotate(-90deg)}
.lq-timer circle{fill:none;stroke-width:9}
.lq-timer .bg{stroke:rgba(255,255,255,.14)}
.lq-timer .fg{stroke:var(--lq-gelb);stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}
.lq-timer.knapp .fg{stroke:var(--lq-rot)}
.lq-timer span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.2em;font-weight:700;font-variant-numeric:tabular-nums}
.lq-timer.knapp span{animation:lqTick 1s ease-in-out infinite}
@keyframes lqTick{50%{transform:scale(1.12)}}
.lq-raster{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.6em;max-width:34em;justify-self:center;max-height:100%;overflow:hidden}
.lq-raster i{width:1.9em;height:1.9em;border-radius:50%;background:rgba(255,255,255,.14);transition:background .3s,transform .3s}
.lq-raster i.an{background:var(--lq-gelb);transform:scale(1.12)}
.lq-zaehler{text-align:center;min-width:7em}
.lq-zaehler b{display:block;font-size:4em;line-height:1;font-variant-numeric:tabular-nums}
.lq-zaehler span{font-size:1.05em;color:rgba(255,255,255,.75)}

/* Antwortfelder: neutral, Text zentriert */
.lq-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.lq-kachel{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:4.6em;padding:.8em 3.2em;border-radius:1em;
  background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.28);color:#fff;font-size:1.7em;font-weight:600;line-height:1.25;overflow:hidden;
  animation:lqEin .4s ease both;transition:opacity .35s,background .35s,border-color .35s,transform .35s}
.lq-kachel:nth-child(2){animation-delay:.06s}.lq-kachel:nth-child(3){animation-delay:.12s}.lq-kachel:nth-child(4){animation-delay:.18s}
.lq-buchst{position:absolute;left:.7em;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:.7em;font-weight:700;background:rgba(255,255,255,.16);color:rgba(255,255,255,.9)}
.lq-anz{position:absolute;right:.9em;top:50%;transform:translateY(-50%);font-size:.85em;font-weight:700;font-variant-numeric:tabular-nums}
.lq-bar{position:absolute;left:0;bottom:0;height:.28em;background:rgba(255,255,255,.7);width:0;transition:width .7s ease}
.lq-kacheln.aufgeloest .lq-kachel{opacity:.32}
.lq-kacheln.aufgeloest .lq-kachel.richtig{opacity:1;filter:none;background:var(--lq-gruen);border-color:var(--lq-gruen-h);transform:scale(1.02);box-shadow:0 .6em 1.6em rgba(0,0,0,.3)}
.lq-kacheln.aufgeloest .lq-kachel.richtig .lq-buchst{background:#fff;color:var(--lq-gruen)}
.lq-fussleiste{display:flex;align-items:center;justify-content:space-between;gap:1em}

/* ---------- Zwischenstand ---------- */
.lq-rang-screen{gap:1.2em}
.lq-rang-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:1em}
.lq-rang-kopf .lq-titel{font-size:2.8em;margin:0}
.lq-rang{list-style:none;margin:0;padding:0;display:grid;gap:.7em;flex:1;align-content:center}
.lq-rang li{display:grid;grid-template-columns:2.6em 13em 1fr 6.5em;align-items:center;gap:1em;font-size:1.35em;animation:lqEin .45s ease both}
.lq-rang .pl{width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:rgba(255,255,255,.14)}
.lq-rang li:nth-child(1) .pl{background:var(--lq-gelb);color:var(--lq-dunkel)}
.lq-rang li:nth-child(2) .pl{background:#dfe6f2;color:var(--lq-dunkel)}
.lq-rang li:nth-child(3) .pl{background:var(--lq-orange);color:var(--lq-dunkel)}
.lq-rang .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lq-rang .spur{height:1.6em;background:rgba(255,255,255,.08);border-radius:.5em;overflow:hidden;position:relative}
.lq-rang .spur i{position:absolute;left:0;top:0;bottom:0;border-radius:.5em;background:linear-gradient(90deg,var(--lq-strong),#a993dc);width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.lq-rang .pk small{display:block;font-size:.6em;font-weight:700;color:var(--lq-gelb);line-height:1.1}
.lq-rang .pk{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}

/* ---------- Siegerehrung ---------- */
.lq-ende-screen{position:relative}
.lq-konfetti{position:absolute;inset:-2.2em -2.6em;pointer-events:none;width:calc(100% + 5.2em);height:calc(100% + 4.4em)}
.lq-ende-kopf{text-align:center}
.lq-ende-kopf .lq-titel{font-size:3em;margin:0}
.lq-podest{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:1.2em;min-height:0;padding-top:1em}
.lq-platz{display:flex;flex-direction:column;align-items:center;gap:.4em;width:13em}
.lq-platz .nm{font-size:1.7em;font-weight:700;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.lq-platz .pk{font-size:1.1em;color:rgba(255,255,255,.8)}
.lq-sockel{width:100%;border-radius:.8em .8em 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.3em;font-size:3.4em;font-weight:700;
  transform-origin:bottom;animation:lqHoch .8s cubic-bezier(.2,.9,.3,1) both}
.lq-platz.p1 .lq-sockel{height:4.2em;background:linear-gradient(180deg,#f7dd6b,var(--lq-gelb));color:var(--lq-dunkel)}
.lq-platz.p2 .lq-sockel{height:3em;background:linear-gradient(180deg,#eef2f8,#c9d3e3);color:var(--lq-dunkel)}
.lq-platz.p3 .lq-sockel{height:2.2em;background:linear-gradient(180deg,#f2b56a,var(--lq-orange));color:var(--lq-dunkel)}
.lq-krone{font-size:2.2em;line-height:1}
@keyframes lqHoch{from{transform:scaleY(0)}to{transform:none}}
.lq-rest{list-style:none;margin:1em auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em 1.6em;max-width:60em;width:100%;font-size:1.05em}
.lq-rest li{display:flex;gap:.6em;background:rgba(255,255,255,.08);border-radius:.6em;padding:.35em .8em}
.lq-rest li b{margin-left:auto;font-variant-numeric:tabular-nums}
.lq-ende-fuss{display:flex;justify-content:center;gap:1em;margin-top:1.2em}

/* ---------- schmale Bildschirme (Lehrkraft am Handy) ---------- */
@media (max-width:760px){
  .lq-canvas{aspect-ratio:auto;min-height:560px}
  .lq-inhalt{position:relative;inset:auto;font-size:12px;padding:20px 16px;min-height:560px}
  .lq-start,.lq-lobby{grid-template-columns:1fr;grid-template-rows:none}
  .lq-qrkarte{grid-column:1;grid-row:auto;width:min(100%,240px)}
  .lq-beitritt,.lq-spielerbox{grid-column:1}
  .lq-kacheln{grid-template-columns:1fr}
  .lq-mitte{grid-template-columns:auto 1fr}
  .lq-raster{display:none}
  .lq-rang li{grid-template-columns:2.4em 1fr 5em}
  .lq-rang .spur{display:none}
  .lq-rest{grid-template-columns:1fr}
  .lq-lab .applet-tools{max-width:none}
  .lq-status{display:none}
}

/* ---------- Schüler-Seite: neutrale Antwortknöpfe ---------- */
.sp-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-kachel{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:110px;padding:30px 14px 16px;border-radius:16px;
  background:#fff;border:2px solid #d8cdea;color:var(--lq-dunkel);font:inherit;font-size:18px;font-weight:600;line-height:1.3;cursor:pointer;
  box-shadow:0 4px 0 #d8cdea;transition:transform .12s,box-shadow .12s,border-color .2s}
.sp-kachel:active{transform:translateY(3px);box-shadow:0 1px 0 #d8cdea}
.sp-kachel:focus-visible{outline:3px solid var(--lq-gelb);outline-offset:3px}
.sp-kachel .sp-b{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--lq-strong)}


/* Antwortfarben aus der Nuklidkarten-Palette: A rot · B blau · C orange · D grün */
.lq-kachel[data-k="0"],.sp-kachel[data-k="0"]{--k:#e2574c;--k-d:#b8402f;--k-t:#fff}
.lq-kachel[data-k="1"],.sp-kachel[data-k="1"]{--k:#2c5fb5;--k-d:#1f4486;--k-t:#fff}
.lq-kachel[data-k="2"],.sp-kachel[data-k="2"]{--k:#e79a3a;--k-d:#b87420;--k-t:#2f2f2f}
.lq-kachel[data-k="3"],.sp-kachel[data-k="3"]{--k:#4a7530;--k-d:#33531f;--k-t:#fff}
.lq-kachel{background:var(--k);border-color:transparent;color:var(--k-t);box-shadow:0 .3em 0 var(--k-d)}
.lq-buchst{background:rgba(255,255,255,.25);color:var(--k-t)}
.lq-bar{background:rgba(255,255,255,.75)}
.lq-kachel[data-k="2"] .lq-bar{background:rgba(47,47,47,.45)}
.lq-kacheln.aufgeloest .lq-kachel{opacity:.28;animation:none;filter:saturate(.6)}
.lq-kacheln.aufgeloest .lq-kachel.richtig{opacity:1;filter:none;background:var(--k);border-color:#fff;border-width:.18em;transform:scale(1.03);box-shadow:0 0 0 .3em rgba(255,255,255,.18),0 .8em 2em rgba(0,0,0,.35)}
.lq-kacheln.aufgeloest .lq-kachel.richtig .lq-buchst{background:#fff;color:var(--k-d)}
.lq-kachel.richtig::after{content:"✓";position:absolute;top:-.55em;right:-.4em;width:1.5em;height:1.5em;border-radius:50%;background:#fff;color:#4a7530;
  display:none;align-items:center;justify-content:center;font-size:.9em;font-weight:700;box-shadow:0 .2em .6em rgba(0,0,0,.3)}
.lq-kacheln.aufgeloest .lq-kachel.richtig{overflow:visible}
.lq-kacheln.aufgeloest .lq-kachel.richtig::after{display:flex}
.sp-kachel{background:var(--k);border-color:transparent;color:var(--k-t);box-shadow:0 4px 0 var(--k-d)}
.sp-kachel:active{box-shadow:0 1px 0 var(--k-d)}
.sp-kachel .sp-b{color:var(--k-t);opacity:.85}

@media (prefers-reduced-motion:reduce){
  .lq-screen,.lq-kachel,.lq-rang li{animation:none}
  .lq-chip{animation:none}
  .lq-puls{animation:none}
  .lq-timer.knapp span{animation:none}
  .lq-sockel{animation:none}
  .lq-fortschritt i,.lq-bar,.lq-rang .spur i,.lq-timer .fg,.lq-raster i{transition:none}
  .lq-kachel,.lq-btn,.sp-kachel{transition:none}
}
@media print{.lq-lab{display:none}}

/* Fachfarben: Informatik (braun/orange) */
html[data-fach="informatik"]{--lq-ink:#6b3a14;--lq-strong:#c47a3a}
html[data-fach="informatik"] .lq-lab{background:#3a230f;box-shadow:0 18px 50px rgba(58,35,15,.3)}
html[data-fach="informatik"] .lq-canvas{background:radial-gradient(60% 70% at 12% 8%,rgba(196,122,58,.5),transparent 60%),radial-gradient(50% 60% at 92% 4%,rgba(220,150,80,.3),transparent 55%),radial-gradient(70% 80% at 85% 105%,rgba(91,139,216,.16),transparent 60%),linear-gradient(135deg,#6b3a14 0%,#3a230f 100%)}
html[data-fach="informatik"] .lq-lab:fullscreen{background:linear-gradient(135deg,#6b3a14 0%,#3a230f 100%)}
html[data-fach="informatik"] .lq-rang .spur i{background:linear-gradient(90deg,#c47a3a,#e0a56a)}

/* Fachfarben allgemein (Seiten mit data-fach) */
html[data-fach]{--lq-ink:var(--fach-ink,#3d2a6b);--lq-strong:var(--fach-strong,#7c5fb5)}
html[data-fach] .lq-lab{background:var(--fach-hero,#221540)}
html[data-fach] .lq-canvas,html[data-fach] .lq-lab:fullscreen{background:var(--fach-hero-img)}
html[data-fach] .lq-rang .spur i{background:linear-gradient(90deg,var(--lq-strong),color-mix(in srgb,var(--lq-strong),#fff 40%))}