/* tuffpuffdeutschland.de — T1 de-DE. Präfix rq-. Markentoken (Grund, Akzent, Schriften, Knopfgeometrie)
   laut bp_vault/10_Brands/TUFFPUFF/Brand_Design.md; Aufbau und Komposition sind eigene. */

@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/barlow-400.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-600.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/barlow-800.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:italic;font-weight:900;font-display:swap;src:url("fonts/barlow-900-italic.woff2") format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-semicondensed-600.woff2") format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/barlow-semicondensed-800.woff2") format("woff2")}
/* metrisch angeglichene Ersatzschriften (Werte der Marke) gegen Sprünge beim Schriftwechsel */
@font-face{font-family:"RQ Sans Metric";src:local("Arial"),local("Helvetica"),local("Liberation Sans");font-weight:400;size-adjust:94.82%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"RQ Sans Metric";src:local("Arial"),local("Helvetica"),local("Liberation Sans");font-weight:600 800;size-adjust:98.47%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"RQ Cond Metric";src:local("Arial"),local("Helvetica"),local("Liberation Sans");font-weight:600;size-adjust:88.14%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"RQ Cond Metric";src:local("Arial"),local("Helvetica"),local("Liberation Sans");font-weight:800;size-adjust:90.35%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"RQ Italic Metric";src:local("Arial"),local("Helvetica"),local("Liberation Sans");font-style:italic;font-weight:900;size-adjust:89.71%;ascent-override:100%;descent-override:20%;line-gap-override:0%}

:root{
  --rq-bg:#18143B; --rq-deep:#161039;
  --rq-s1:#221E42; --rq-s2:#2B2749; --rq-s3:#373354; --rq-s4:#454260; --rq-s5:#514D72;
  --rq-ink:#FFFFFF; --rq-ink2:#C9C6DC; --rq-mut:#9894B3;
  --rq-line:rgba(255,255,255,.10); --rq-line2:#6E698B;
  --rq-acc:linear-gradient(90deg,#59FF8B 0%,#FDF45B 100%); --rq-green:#59FF8B; --rq-on-acc:#000;
  --rq-violet:#7045ED; --rq-purple:#8D1CFF; --rq-pink:#FF33EB;
  --rq-sans:Barlow,"RQ Sans Metric",-apple-system,"Segoe UI",sans-serif;
  --rq-cond:"Barlow Semi Condensed","RQ Cond Metric",Barlow,sans-serif;
  --rq-ital:Barlow,"RQ Italic Metric",-apple-system,"Segoe UI",sans-serif;
  --rq-pill:9999px; --rq-r:14px; --rq-r-lg:24px;
  --rq-max:1320px; --rq-gut:16px; --rq-bar:0px;
}
@media(min-width:768px){:root{--rq-gut:24px}}
@media(min-width:1024px){:root{--rq-gut:32px;--rq-bar:64px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--rq-bar) + 16px)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--rq-bg);color:var(--rq-ink);font-family:var(--rq-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--rq-green);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--rq-green);outline-offset:3px;border-radius:6px}
.rq-skip{position:absolute;left:12px;top:-64px;z-index:90;padding:10px 14px;border-radius:10px;background:#fff;color:#000;font-weight:600}
.rq-skip:focus{top:8px}
.rq-w{max-width:var(--rq-max);margin:0 auto;padding:0 var(--rq-gut)}
p{margin:0 0 16px;color:var(--rq-ink2)}
strong,b{color:var(--rq-ink);font-weight:600}
h1,h2,h3{font-family:var(--rq-cond);color:var(--rq-ink);text-wrap:balance;letter-spacing:0;overflow-wrap:break-word;hyphens:auto}
h1{font-weight:800;font-size:clamp(34px,5.6vw,68px);line-height:1.02;margin:0 0 16px}
h2{font-weight:800;font-size:clamp(28px,3.1vw,38px);line-height:1.08;margin:0}
h3{font-weight:600;font-size:22px;line-height:1.25;margin:36px 0 10px}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;padding:1px 6px;border-radius:6px;background:var(--rq-s2);color:var(--rq-ink)}
ul,ol{padding-left:22px;margin:0 0 18px;color:var(--rq-ink2)}
li{margin:0 0 8px}

/* ---------- Knöpfe: Pille der Marke, 48 px, Versalien, Lichtkante oben ---------- */
.rq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:var(--rq-pill);
  font-family:var(--rq-cond);font-weight:600;font-size:17px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;text-align:center;line-height:1.15}
@media(min-width:400px){.rq-btn{white-space:nowrap}}
.rq-btn-a{background:var(--rq-acc);color:var(--rq-on-acc);box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}
.rq-btn-a:hover{filter:brightness(1.06)}
.rq-btn-q{background:var(--rq-s3);color:var(--rq-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rq-btn-q:hover{background:var(--rq-s4)}
.rq-note{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--rq-ink2)}
.rq-18{display:inline-grid;place-items:center;flex:0 0 auto;min-width:36px;height:26px;padding:0 6px;border-radius:7px;background:#fff;color:#000;
  font-family:var(--rq-cond);font-weight:800;font-size:14px;line-height:1}

/* ---------- Kopf: zwei Zeilen bis 1023 px (Logo + Konto, darunter die Rubriken als Leiste), ab 1024 eine ---------- */
.rq-top{background:var(--rq-bg);border-bottom:1px solid var(--rq-line)}
.rq-top-in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo act" "nav nav";align-items:center;column-gap:12px}
.rq-logo{grid-area:logo;display:flex;align-items:center;min-height:48px}
.rq-logo img{width:91px}
.rq-reg{grid-area:act;justify-self:end;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:3px 16px;
  border:1px solid transparent;border-radius:var(--rq-pill);background:linear-gradient(var(--rq-s1),var(--rq-s1)) padding-box,var(--rq-acc) border-box;
  color:var(--rq-ink);text-decoration:none;line-height:1.1}
.rq-reg:hover{background:linear-gradient(var(--rq-s2),var(--rq-s2)) padding-box,var(--rq-acc) border-box}
.rq-reg-l{font-family:var(--rq-cond);font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.rq-reg-ad{font-size:11px;color:var(--rq-ink2);white-space:nowrap}
.rq-nav{grid-area:nav;display:flex;gap:2px;margin:0 calc(-1 * var(--rq-gut));padding:0 var(--rq-gut);overflow-x:auto;scrollbar-width:none;
  border-top:1px solid var(--rq-line);
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.rq-nav::-webkit-scrollbar{display:none}
.rq-nav a{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;padding:0 12px;
  font-family:var(--rq-cond);font-weight:600;font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--rq-ink2);text-decoration:none}
.rq-nav a:hover{color:var(--rq-ink)}
.rq-nav a[aria-current="page"]{color:var(--rq-ink)}
.rq-nav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--rq-green)}
@media(min-width:1024px){
  .rq-top{position:sticky;top:0;z-index:40}
  .rq-top-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav act";min-height:64px;column-gap:28px}
  .rq-logo img{width:121px}
  .rq-nav{margin:0;padding:0;border:0;overflow:visible;gap:4px;-webkit-mask-image:none;mask-image:none}
  .rq-nav a{min-height:64px;padding:0 10px}
  .rq-nav a[aria-current="page"]::after{bottom:14px;left:10px;right:10px}
  .rq-reg{padding:3px 20px}
}

/* ---------- Erster Bildschirm: Raster der Marke, Banner --main + Schiene ---------- */
.rq-hero{padding:12px 0 0}
@media(min-width:768px){.rq-hero{padding:20px 0 0}}
.rq-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
@media(min-width:1024px){.rq-entry{grid-template-columns:minmax(0,1fr) 320px}}
@media(min-width:1280px){.rq-entry{grid-template-columns:minmax(0,1fr) 420px}}

.rq-pk{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:262px;padding:16px 16px 20px;
  border-radius:var(--rq-r-lg);background:var(--rq-s1)}
.rq-pk::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(43,39,73,0) 0%,#2B2749 133.21%),linear-gradient(85.59deg,#8800FF 3.62%,rgba(36,0,255,.6) 92.32%)}
@media(min-width:768px){.rq-pk{min-height:324px;padding:24px 40px}}
.rq-pk-body{position:relative;z-index:2;max-width:260px}
@media(min-width:480px){.rq-pk-body{max-width:320px}}
@media(min-width:768px){.rq-pk-body{max-width:400px}}
.rq-pk-info{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;margin:0;color:#fff;
  font-family:var(--rq-ital);font-style:italic;font-weight:900;text-transform:uppercase}
.rq-pk-info > span{white-space:nowrap}
.rq-pk-name{order:1;font-size:18px;line-height:20px;font-weight:800}
.rq-pk-max{order:2;font-size:18px;line-height:24px;font-weight:800;text-transform:none}
.rq-pk-amt{order:3;flex-basis:100%;margin:4px 0 2px;font-size:56px;line-height:1;color:#59FF8B;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.rq-pk-fs{order:4;flex-basis:100%;font-size:18px;line-height:24px;text-transform:none}
@media(min-width:768px){
  .rq-pk-name{flex-basis:100%;font-size:20px;line-height:24px;font-weight:900}
  .rq-pk-amt{flex-basis:auto;margin:6px 0 4px;font-size:80px}
  .rq-pk-max{order:4;font-size:24px;line-height:36px;font-weight:900}
  .rq-pk-fs{flex-basis:auto;align-self:center;padding:4px 10px;border-radius:var(--rq-pill);background:#fff;color:var(--rq-violet);font-size:16px;line-height:20px}
}
.rq-pk-act{margin-top:16px}
.rq-pk-act .rq-btn{box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 10px 24px -10px rgba(89,255,139,.55)}
.rq-pk-act .rq-note{color:#fff;font-weight:600;font-size:12px;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.rq-pk-fig{position:absolute;z-index:1;pointer-events:none;max-width:none;right:-42px;bottom:20px;width:248px;height:223px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(0,0,0,.55) 50%,#000 70%);mask-image:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(0,0,0,.55) 50%,#000 70%)}
@media(min-width:540px) and (max-width:767.98px){.rq-pk-fig{right:-20px;bottom:auto;top:12px;width:300px;height:270px;-webkit-mask-image:none;mask-image:none}}
@media(min-width:768px) and (max-width:1023.98px){.rq-pk-fig{right:-26px;top:-30px;bottom:auto;width:400px;height:360px;-webkit-mask-image:none;mask-image:none}}
@media(min-width:1024px) and (max-width:1279.98px){.rq-pk-fig{right:-40px;top:0;bottom:auto;width:330px;height:297px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 20%,#000 36%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 20%,#000 36%)}}
@media(min-width:1280px){.rq-pk-fig{right:-28px;top:-37px;bottom:auto;width:420px;height:378px;-webkit-mask-image:none;mask-image:none}}

/* Schiene »Schnellstart« — bei der Marke das Anmeldeformular; hier vier Kennzahlen als Wege zu den Seiten */
.rq-rail{display:none}
@media(min-width:1024px){
  .rq-rail{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:var(--rq-r-lg);background:var(--rq-s2)}
}
@media(min-width:1280px){.rq-rail{padding:24px 40px}}
.rq-rail-t{margin:0;font-family:var(--rq-cond);font-weight:600;font-size:21px;color:var(--rq-ink)}
.rq-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rq-tiles li{margin:0}
.rq-tiles a{display:flex;flex-direction:column;justify-content:center;min-height:72px;height:100%;padding:10px 12px;border-radius:12px;background:var(--rq-s1);
  box-shadow:inset 0 0 0 1px var(--rq-s4);color:var(--rq-ink);text-decoration:none}
.rq-tiles a:hover{box-shadow:inset 0 0 0 1px var(--rq-line2);background:var(--rq-deep)}
.rq-tiles b{font-family:var(--rq-cond);font-weight:800;font-size:24px;line-height:1.05}
.rq-tiles span{font-size:13px;line-height:1.3;color:var(--rq-ink2)}
.rq-rail-act{margin-top:auto}
.rq-rail-act .rq-btn{width:100%}

/* Unter dem Raster: Titelzone links, Lizenzkarte rechts */
.rq-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0 0}
@media(min-width:1024px){.rq-intro{grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:end;padding:48px 0 0}}
.rq-eb{margin:0 0 10px;font-family:var(--rq-cond);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--rq-green)}
.rq-lede{max-width:720px;font-size:18px;line-height:1.55;color:var(--rq-ink);margin:0}
.rq-lic{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--rq-r);background:var(--rq-deep);box-shadow:inset 0 0 0 1px var(--rq-s4)}
.rq-lic p{margin:0;font-size:14px;line-height:1.5}

/* Studioleiste: Logos der Studios, eine Reihe */
.rq-studios{margin:28px 0 0;padding:16px 0 4px;border-top:1px solid var(--rq-line)}
.rq-studios-t{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--rq-mut)}
.rq-studios ul{list-style:none;margin:0;padding:0 0 8px;display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--rq-s4) transparent}
.rq-studios li{flex:0 0 auto;margin:0}
.rq-studios img{height:28px;width:auto;opacity:.86}
.rq-studios img[src*="pragmatic"],.rq-studios img[src*="endorphina"]{height:40px}
@media(min-width:1280px){.rq-studios ul{flex-wrap:wrap;justify-content:space-between;overflow:visible;gap:14px 24px}.rq-studios img{height:24px}.rq-studios img[src*="pragmatic"],.rq-studios img[src*="endorphina"]{height:36px}}

/* ---------- Abschnitte: Titel links (haftet beim Lesen), Inhalt rechts ---------- */
.rq-sec{padding:56px 0;border-top:1px solid var(--rq-line)}
.rq-hero + .rq-sec{margin-top:40px}
@media(min-width:1024px){.rq-sec{padding:88px 0}}
.rq-sec-g{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:1024px){
  .rq-sec-g{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:64px;align-items:start}
  .rq-sec-h{position:sticky;top:calc(var(--rq-bar) + 28px)}
}
.rq-kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--rq-cond);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--rq-mut)}
.rq-kick::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--rq-acc)}
.rq-more{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.rq-more a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--rq-pill);background:var(--rq-s2);color:var(--rq-ink);
  font-size:15px;font-weight:600;text-decoration:none;box-shadow:inset 0 0 0 1px var(--rq-s4)}
.rq-more a:hover{background:var(--rq-s3)}
.rq-body{min-width:0}
.rq-body > p,.rq-body > ul,.rq-body > ol,.rq-body > h3,.rq-body > h2,.rq-body > .rq-src{max-width:720px}
.rq-body > h3:first-child,.rq-body > h2:first-child{margin-top:0}
.rq-src{padding-left:14px;border-left:3px solid var(--rq-violet);font-size:14px;line-height:1.5;color:var(--rq-mut)}
.rq-src em{font-style:normal}

/* Tabellen: Tafel mit Linien, unter 720 px Karten mit Beschriftung aus data-l */
.rq-tw{margin:20px 0 24px;max-width:960px}
.rq-tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--rq-s1);border-radius:var(--rq-r);box-shadow:inset 0 0 0 1px var(--rq-s4);font-size:15px;line-height:1.45}
.rq-tbl caption{caption-side:top;text-align:left;padding:0 0 10px;font-family:var(--rq-cond);font-weight:600;font-size:18px;color:var(--rq-ink)}
.rq-tbl th,.rq-tbl td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rq-s3)}
.rq-tbl thead th,.rq-tbl thead td{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rq-mut);background:var(--rq-deep)}
.rq-tbl thead :first-child{border-top-left-radius:var(--rq-r)}
.rq-tbl thead :last-child{border-top-right-radius:var(--rq-r)}
.rq-tbl tbody tr:last-child > *{border-bottom:0}
.rq-tbl tbody th{color:var(--rq-ink);font-weight:600}
.rq-tbl td{color:var(--rq-ink2)}
@media(max-width:719.98px){
  .rq-tbl,.rq-tbl tbody,.rq-tbl tr,.rq-tbl th,.rq-tbl td{display:block}
  .rq-tbl{background:transparent;box-shadow:none}
  .rq-tbl caption{display:block}
  .rq-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rq-tbl tbody tr{margin:0 0 10px;padding:4px 0;border-radius:var(--rq-r);background:var(--rq-s1);box-shadow:inset 0 0 0 1px var(--rq-s4)}
  .rq-tbl tbody th{padding:10px 16px 6px;border:0;font-family:var(--rq-cond);font-size:17px}
  .rq-tbl td{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:12px;padding:6px 16px;border:0}
  .rq-tbl td::before{content:attr(data-l);font-size:13px;color:var(--rq-mut)}
  .rq-tbl td[data-l=""]{grid-template-columns:minmax(0,1fr)}
  .rq-tbl td[data-l=""]::before{display:none}
}

/* Lobby-Kategorien mit den Emblemen der Marke */
.rq-lobby{list-style:none;margin:20px 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-width:960px}
.rq-lobby li{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px 6px 10px;border-radius:var(--rq-r);background:var(--rq-s1);
  font-family:var(--rq-cond);font-weight:600;font-size:14px;line-height:1.15;text-align:center;color:var(--rq-ink)}
.rq-lobby img{width:56px;height:56px}

/* Spielwand: Cover im Raster der Lobby */
.rq-games{list-style:none;margin:20px 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:960px}
@media(min-width:560px){.rq-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.rq-games{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.rq-games{grid-template-columns:repeat(5,minmax(0,1fr))}}
.rq-games li{margin:0;display:flex;flex-direction:column;gap:2px}
.rq-games img{width:100%;aspect-ratio:1;border-radius:var(--rq-r);margin:0 0 6px;background:var(--rq-s1)}
.rq-g-n{font-weight:600;font-size:15px;line-height:1.25;color:var(--rq-ink)}
.rq-g-p{font-size:13px;color:var(--rq-mut)}

/* Dafür / Dagegen */
.rq-pc{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:960px}
@media(min-width:768px){.rq-pc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rq-pc-c{padding:20px 22px;border-radius:var(--rq-r);background:var(--rq-s1);box-shadow:inset 0 0 0 1px var(--rq-s4)}
.rq-pc-c h3{margin:0 0 14px;display:flex;align-items:center;gap:10px}
.rq-pc-c h3::before{content:"";width:26px;height:26px;flex:0 0 26px;border-radius:50%}
.rq-pro h3::before{background:
  linear-gradient(#000,#000) center/12px 3px no-repeat,linear-gradient(#000,#000) center/3px 12px no-repeat,var(--rq-green)}
.rq-con h3::before{background:linear-gradient(#fff,#fff) center/12px 3px no-repeat,var(--rq-s5)}
.rq-pc-c ul{list-style:none;margin:0;padding:0}
.rq-pc-c li{position:relative;margin:0;padding:10px 0 10px 18px;border-top:1px solid var(--rq-s3);font-size:15px;line-height:1.5}
.rq-pc-c li:first-child{border-top:0;padding-top:0}
.rq-pc-c li::before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:var(--rq-green)}
.rq-pc-c li:first-child::before{top:9px}
.rq-con li::before{background:var(--rq-line2)}

/* Fragen */
.rq-faq{max-width:820px;border-top:1px solid var(--rq-s3)}
.rq-faq details{border-bottom:1px solid var(--rq-s3)}
.rq-faq summary{position:relative;display:block;list-style:none;cursor:pointer;min-height:44px;padding:18px 48px 18px 0;
  font-family:var(--rq-cond);font-weight:600;font-size:19px;line-height:1.3;color:var(--rq-ink)}
.rq-faq summary::-webkit-details-marker{display:none}
.rq-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;
  background:linear-gradient(var(--rq-ink),var(--rq-ink)) center/12px 2px no-repeat,linear-gradient(var(--rq-ink),var(--rq-ink)) center/2px 12px no-repeat,var(--rq-s3)}
.rq-faq details[open] summary::after{background:linear-gradient(#000,#000) center/12px 2px no-repeat,var(--rq-green)}
.rq-faq details p{margin:0;padding:0 48px 20px 0}

/* Verantwortung: ruhige Tafel */
.rq-sec-rg{background:var(--rq-deep)}

/* Schluss */
.rq-sec-fin{padding:40px 0 64px}
.rq-fin{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:28px 20px;border-radius:var(--rq-r-lg);background:var(--rq-s2);
  box-shadow:inset 0 3px 0 var(--rq-purple)}
.rq-fin-fig{width:220px;height:198px;margin:-8px 0 0 -12px}
.rq-fin h2{margin:0 0 12px;text-transform:uppercase}
.rq-fin p{max-width:620px}
@media(min-width:768px){
  .rq-fin{grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:center;padding:36px 44px 36px 20px}
  .rq-fin-fig{width:300px;height:270px;margin:0}
}

/* ---------- Unterseiten ---------- */
.rq-phero{padding:20px 0 8px}
@media(min-width:1024px){.rq-phero{padding:28px 0 12px}}
.rq-crumb ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--rq-mut)}
.rq-crumb li{margin:0;display:flex;align-items:center}
.rq-crumb li + li::before{content:"/";margin:0 10px;color:var(--rq-line2)}
.rq-crumb a{color:var(--rq-ink2);display:inline-flex;align-items:center;min-height:44px}
.rq-crumb span[aria-current]{color:var(--rq-ink)}
.rq-pline{display:flex;gap:12px;align-items:center;max-width:820px;margin:0 0 20px;font-size:14px;line-height:1.45}
.rq-strip{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:var(--rq-r-lg);background:var(--rq-s1)}
.rq-strip::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(43,39,73,0) 0%,#2B2749 133.21%),linear-gradient(85.59deg,#8800FF 3.62%,rgba(36,0,255,.6) 92.32%)}
.rq-strip .rq-pk-info{column-gap:10px}
.rq-strip .rq-pk-name{flex-basis:100%;font-size:16px;line-height:20px}
.rq-strip .rq-pk-amt{order:2;flex-basis:auto;margin:0;font-size:44px}
.rq-strip .rq-pk-max{order:3;font-size:18px}
.rq-strip .rq-pk-fs{order:4;flex-basis:auto;font-size:16px}
.rq-strip-act .rq-note{color:#fff;font-weight:600;font-size:12px}
@media(min-width:900px){
  .rq-strip{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px}
  .rq-strip .rq-pk-amt{font-size:52px}
  .rq-strip-act{flex:0 0 340px;text-align:right}
  .rq-strip-act .rq-note{margin-top:6px}
}
.rq-stand{margin:0;font-size:14px;color:var(--rq-mut)}

.rq-page{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:32px;padding-bottom:56px}
@media(min-width:1024px){
  .rq-page{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"body side";gap:64px;padding-top:48px;padding-bottom:88px}
  .rq-page .rq-body{grid-area:body}
  .rq-side{grid-area:side;position:sticky;top:calc(var(--rq-bar) + 24px);align-self:start}
}
.rq-side{display:none}
@media(min-width:1024px){.rq-side{display:block}.rq-toc-m{display:none}}
.rq-toc{border-radius:var(--rq-r);background:var(--rq-s1);box-shadow:inset 0 0 0 1px var(--rq-s4)}
.rq-toc-m{margin:0 0 32px}
.rq-toc-t{margin:0;padding:14px 16px 6px;font-family:var(--rq-cond);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-mut)}
.rq-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;cursor:pointer;list-style:none;
  font-family:var(--rq-cond);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-mut)}
.rq-toc summary::-webkit-details-marker{display:none}
.rq-toc summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--rq-ink2);border-bottom:2px solid var(--rq-ink2);transform:rotate(45deg) translate(-2px,-2px)}
.rq-toc[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.rq-toc ol{list-style:none;margin:0;padding:0 8px 10px}
.rq-toc li{margin:0}
.rq-toc a{display:flex;align-items:center;min-height:44px;padding:6px 8px;border-radius:10px;color:var(--rq-ink);text-decoration:none;font-size:15px;line-height:1.3}
.rq-toc a:hover{background:var(--rq-s2)}
.rq-svc > h2{font-size:clamp(24px,2.4vw,30px);margin:44px 0 12px}
.rq-svc > h2:first-child{margin-top:0}
.rq-end{max-width:720px;margin:44px 0 0;padding:24px;border-radius:var(--rq-r-lg);background:var(--rq-s2)}
.rq-end-t{margin:0 0 14px;font-family:var(--rq-cond);font-weight:600;font-size:20px;color:var(--rq-ink)}
.rq-end-q{background:var(--rq-s1)}
.rq-rel{max-width:720px;margin:36px 0 0}
.rq-rel h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-mut);margin:0 0 10px;font-family:var(--rq-cond);font-weight:600}
.rq-rel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rq-rel li{margin:0}
.rq-rel a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--rq-pill);background:var(--rq-s2);color:var(--rq-ink);text-decoration:none;font-weight:600;font-size:15px}
.rq-rel a:hover{background:var(--rq-s3)}
.rq-narrow{max-width:760px;padding:28px 0 72px}
.rq-narrow > p,.rq-narrow > ul,.rq-narrow > h2{max-width:none}
.rq-narrow > h2{font-size:26px;margin:36px 0 12px}
.rq-back a{display:inline-flex;align-items:center;min-height:44px}
.rq-gone{padding:48px var(--rq-gut) 80px}
.rq-gone h1{font-size:clamp(30px,4vw,44px);margin:32px 0 12px}

/* ---------- Leiste unten: schwebende Kapsel, erscheint erst, wenn das Banner weg ist ---------- */
.rq-dock{position:fixed;z-index:50;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px 8px 8px 18px;border-radius:var(--rq-pill);background:var(--rq-s2);box-shadow:0 12px 34px -8px rgba(0,0,0,.6),inset 0 0 0 1px var(--rq-s4);
  opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.rq-dock.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
@media(prefers-reduced-motion:reduce){.rq-dock,.rq-dock.is-on{transition:none;transform:none}}
.rq-dock-t{display:flex;flex-direction:column;margin:0;min-width:0;line-height:1.2}
.rq-dock-f{font-family:var(--rq-ital);font-style:italic;font-weight:900;font-size:17px;color:#fff;white-space:nowrap}
.rq-dock-ad{font-size:11px;color:var(--rq-ink2);white-space:nowrap}
.rq-dock .rq-btn{padding:0 18px;font-size:15px}
@media(max-width:359.98px){.rq-dock-f{font-size:15px}.rq-dock .rq-btn{padding:0 14px;font-size:14px}}
@media(min-width:768px){.rq-dock{left:50%;right:auto;width:560px;margin-left:-280px;bottom:16px}}

/* ---------- Fuß ---------- */
.rq-foot{padding:48px 0 96px;background:var(--rq-deep);border-top:1px solid var(--rq-line)}
@media(min-width:768px){.rq-foot{padding-bottom:104px}}
.rq-foot-g{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media(min-width:900px){.rq-foot-g{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr);gap:48px}}
.rq-foot-about img{width:110px;margin:0 0 14px}
.rq-foot-about p{font-size:14px;line-height:1.55}
.rq-foot-nav h2{margin:0 0 8px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-mut);font-weight:600}
.rq-foot-nav ul{list-style:none;margin:0;padding:0}
.rq-foot-nav li{margin:0}
.rq-foot-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--rq-ink2);text-decoration:none;font-size:15px}
.rq-foot-nav a:hover{color:var(--rq-ink);text-decoration:underline}
.rq-rg{display:flex;gap:16px;align-items:flex-start;margin:32px 0 0;padding:20px;border-radius:var(--rq-r);background:var(--rq-s1);box-shadow:inset 0 0 0 1px var(--rq-s4)}
.rq-rg .rq-18{min-width:48px;height:36px;font-size:18px}
.rq-rg p{font-size:14px;line-height:1.55;margin:0 0 6px}
.rq-rg p:last-child{margin:0}
.rq-foot-btm{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin:24px 0 0;font-size:13px;color:var(--rq-mut)}
.rq-foot-nd{padding-bottom:48px}
@media(min-width:768px){.rq-foot-nd{padding-bottom:56px}}