@import url("../_base/style.css");
@import url("fonts.css");
/* Ragnaroek Neu: Lime #bafd00 auf Schwarz #1b1b1b. Teil 1: Grundstruktur der Unterseiten (aus dem Ragnaroek-Stand), Teil 2: neue Gestaltung (Kopf, Startseite, Teams, Footer). */
:root{--bg:#1b1b1b;--panel:#262722;--text:#e8eae0;--accent:#bafd00;--link:#bafd00;--radius:14px;--ok:#6fcf6a;--err:#ff4d4d;--font:"Montserrat","Poppins",system-ui,sans-serif;--font-head:"Montserrat","Poppins",system-ui,sans-serif;--font-btn:"Montserrat","Poppins",sans-serif;--hd:72px;--muted:#a9ad9e;--line:rgba(232,234,224,.14);--panel2:#2f302a}
.theme-ragnarok2{font-size:16px;background:var(--bg);color:var(--text)}
.theme-ragnarok2 h1,.theme-ragnarok2 h2,.theme-ragnarok2 h3{font-family:var(--font-head);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.01em}
.theme-ragnarok2 h2{border:0;padding:0;margin:0;font-size:2rem}
.theme-ragnarok2 .btn,.theme-ragnarok2 button.btn{font-family:var(--font-head);font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent,#0a0d02);background:var(--accent);border:1px solid var(--accent)}
.theme-ragnarok2 .btn:hover{text-decoration:none;filter:brightness(1.08)}
.theme-ragnarok2 .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.theme-ragnarok2 .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.theme-ragnarok2 .btn.small{font-size:.8rem;padding:6px 16px}
.theme-ragnarok2 .btn.dark{background:#0a0b0d;border-color:#0a0b0d;color:#fff}

.rk-site{min-height:100vh;display:flex;flex-direction:column}
.rk-pad{padding-left:28px;padding-right:28px}
.rk-main{flex:1}
.rk-page{padding-top:34px;padding-bottom:30px;max-width:1240px;width:100%;margin-left:auto;margin-right:auto}
.rk-wrap{max-width:1240px;margin-left:auto;margin-right:auto;width:100%;padding-left:28px;padding-right:28px}

/* Obere Leiste: Social, Live-Kanaele, Spruch bzw. Konto */
@keyframes rk-pulse{50%{opacity:.4}}

/* Kopfzeile: sticky, am Seitenanfang durchsichtig (nur mit JS), danach kompakt mit Bernsteinlinie */
/* Mit eigenem Logo: keine Bernstein-Flaeche dahinter, das Logo steht frei (ohne Logo bleibt das Initialen-Feld) */
/* Startseite mit Titelbereich: Kopfzeile liegt ueber dem Bild, solange man oben ist */

/* Startseite */
.rk-sec{padding-top:64px;padding-bottom:6px}
.rk-sh{font-size:2.2rem;line-height:1;margin:0 0 28px}
.rk-sh em{font-style:italic;color:var(--accent)}
.rk-sh .line{display:block;height:3px;width:0;background:var(--accent);margin-top:10px;transition:width .8s .2s}
html:not(.rk-js) .rk-sh .line,.rk-sh.in .line,body:not(.rk-fx) .rk-sh .line{width:70px}
.rk-more{margin:26px 0 0;text-align:center}
.rk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* Match-Karten */
.rk-card{background:var(--panel);border:1px solid var(--line);padding:16px 18px;height:100%}
.rk-ctop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--font-head);font-weight:700;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rk-ctop b{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);padding:2px 9px;font-weight:700;white-space:nowrap}
.rk-match.is-win .rk-ctop b{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.rk-match.is-loss .rk-ctop b{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err)}
.rk-match.is-live .rk-ctop b{background:#ff3b3b;color:#fff}
.rk-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.rk-tm{display:grid;justify-items:center;gap:8px;text-align:center;font-family:var(--font-head);font-weight:700;font-size:.88rem;text-transform:uppercase;min-width:0}
.rk-tm span:last-child{overflow-wrap:anywhere}
.rk-mk{width:52px;height:52px;display:grid;place-items:center;background:var(--panel2);border:1px solid color-mix(in srgb,var(--text) 18%,var(--bg));font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.05rem;overflow:hidden}
.rk-mk.us{background:var(--panel2);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}
.rk-mk img{width:88%;height:88%;object-fit:contain}
.rk-sc{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2rem;color:var(--accent);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}
.rk-sc i{font-style:normal;font-size:.8rem;color:var(--muted);border:1px solid var(--line);padding:2px 7px;margin:0 8px;vertical-align:middle}
.rk-match.is-next .rk-sc{font-size:1.3rem;color:var(--muted)}
.rk-cfoot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.84rem;text-align:center}
.rk-cfoot a{color:var(--accent);font-weight:700}

/* Teamkarten, nummeriert */
.rk-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.rk-tcard{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/5;background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 22%,var(--panel)),var(--panel) 70%);border:1px solid var(--line);overflow:hidden;color:var(--text)}
.rk-tcard:hover{text-decoration:none;border-color:var(--accent)}
.rk-tcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rk-tcard:hover img{transform:scale(1.04)}
.rk-tcard .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:5rem;color:rgba(255,255,255,.14)}
.rk-tcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,5,.92) 0,rgba(5,6,5,0) 58%)}
.rk-tcard .n{position:absolute;z-index:2;left:0;top:0;background:var(--accent);color:var(--on-accent,#0a0d02);font-family:var(--font-head);font-style:italic;font-weight:700;font-size:.9rem;padding:5px 11px}
.rk-tcard em{position:absolute;z-index:2;top:10px;right:10px;font-style:normal;background:var(--ok);color:#0a0b0f;font-weight:800;font-size:.7rem;padding:2px 9px}
.rk-tcard .bd{position:relative;z-index:2;padding:16px;width:100%}
.rk-tcard strong{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.4rem;line-height:1.05;text-transform:uppercase}
.rk-tcard small{color:var(--accent);font-weight:700;font-size:.82rem}

/* Roster */
.rk-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.rk-pc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);color:var(--text)}
.rk-pc:hover{text-decoration:none;border-color:var(--accent)}
.rk-pc .pic{display:grid;place-items:center;aspect-ratio:3/4;background:linear-gradient(160deg,#1d2120,var(--panel)) center/cover no-repeat;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:3rem;color:rgba(255,255,255,.16)}
.rk-pc .bd{display:block;padding:12px 14px;border-top:3px solid var(--accent)}
.rk-pc strong{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.1rem;text-transform:uppercase}
.rk-pc small{color:var(--muted)}

/* News wie "Latest posts": Bild links, Text rechts */
.rk-news{display:grid;gap:14px}
.rk-post{display:grid;grid-template-columns:minmax(160px,260px) 1fr;background:var(--panel);border:1px solid var(--line);color:var(--text)}
.rk-post:hover{text-decoration:none;border-color:var(--accent)}
.rk-post i{display:grid;place-items:center;min-height:150px;background:linear-gradient(135deg,#1d2120,#121514) center/cover no-repeat;font-style:normal;font-family:var(--font-head);font-weight:700;font-size:2.4rem;color:rgba(255,255,255,.14)}
.rk-post span{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 22px}
.rk-post strong{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.35rem;line-height:1.1;text-transform:uppercase}
.rk-post small{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rk-post em{font-style:normal;color:var(--accent);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}

/* Partner: ruhige Reihe */
.rk-partners{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px}
.rk-partners .pi{height:78px;min-width:140px;padding:0 24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,var(--bg));font-family:var(--font-head);font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:border-color .2s,color .2s}
.rk-partners a.pi:hover{border-color:var(--accent);color:var(--text);text-decoration:none}
.rk-partners .pi img{max-height:44px;max-width:150px;object-fit:contain;filter:grayscale(1) opacity(.7);transition:filter .2s}
.rk-partners a.pi:hover img{filter:none}

/* Bewerben */
.rk-cta{margin-top:72px;text-align:center;padding:70px 28px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 16%,var(--bg)),var(--panel));border-block:1px solid var(--line)}
.rk-cta h3{margin:0 0 10px;font-size:2rem}
.rk-cta p{margin:0 0 22px;color:var(--muted)}

/* Footer */

/* Scroll-Effekte: nur mit JavaScript (html.rk-js) und eingeschaltetem Schalter (body.rk-fx); ohne beides steht alles sofort da */
html.rk-js body.rk-fx .rk-rv{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
html.rk-js body.rk-fx .rk-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html.rk-js body.rk-fx .rk-rv{opacity:1;transform:none;transition:none}
  .rk-sh .line{width:70px;transition:none}.rk-tcard img{transition:none}.lv-dot{animation:none}
}

/* Handy und kleine Fenster */
@media(max-width:1100px){.rk-fcols{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .rk-pad,.rk-wrap{padding-left:16px;padding-right:16px}
  .rk-grid2{grid-template-columns:1fr}
  .rk-post{grid-template-columns:1fr}.rk-post i{min-height:170px}
  .rk-sec{padding-top:46px}
}
@media(max-width:420px){.rk-vs{gap:6px}.rk-sc{font-size:1.6rem}.rk-mk{width:44px;height:44px}}

/* Matches-Seite: Terminliste nach Monaten */
.rk-pt{font-size:2.6rem;line-height:1;margin:0 0 6px}
.rk-sub{color:var(--muted);margin:0 0 20px}
.rk-mt .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.rk-mt .chips input{position:absolute;opacity:0;width:0;height:0}
.rk-mt .chips label{cursor:pointer;border:1px solid var(--line);padding:7px 16px;font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--panel)}
.rk-mt .chips label:hover{color:var(--text)}
.rk-mt .chips input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#0a0d02)}
.rk-mt .chips input:focus-visible+label{outline:2px solid var(--text);outline-offset:2px}
.rk-h2{font-size:1.7rem;line-height:1;margin:38px 0 6px}.rk-h2 em{font-style:italic;color:var(--accent)}
.rk-mh{position:sticky;top:var(--hd);z-index:3;display:flex;align-items:baseline;gap:14px;margin-top:22px;padding:8px 0;background:var(--bg);border-bottom:2px solid var(--accent)}
.rk-mh b{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.25rem;text-transform:uppercase}
.rk-mh span{color:var(--muted);font-size:.8rem}
.rk-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.rk-row .d{text-align:center;line-height:1}
.rk-row .d b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2rem}
.rk-row .d small{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.rk-row .mu{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.rk-row .mu .rk-mk{width:52px;height:52px;font-size:.95rem}
.rk-row .mu b{font-family:var(--font-head);font-weight:700;font-size:1.05rem;text-transform:uppercase}
.rk-row .mu em{display:block;font-style:normal;color:var(--muted);font-size:.82rem}
.rk-row .mu em a{color:var(--accent);font-weight:700}
.rk-row .vs{font-family:var(--font-head);font-weight:700;font-size:.75rem;letter-spacing:.1em;color:var(--muted)}
.rk-row .rt{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.rk-row.nx{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);margin:0 -12px;padding:14px 12px;border-bottom-color:var(--accent)}
.rk-badge{font-family:var(--font-head);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;white-space:nowrap}
.rk-badge.win{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.rk-badge.loss{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err)}
.rk-badge.next{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.rk-badge.live{background:#ff3b3b;color:#fff}
.rk-row .rk-sc{font-size:1.6rem}
.rk-row .rk-sc.win{color:var(--ok)}.rk-row .rk-sc.loss{color:var(--err)}
@media(max-width:760px){.rk-row{grid-template-columns:54px minmax(0,1fr);gap:12px}.rk-row .rt{grid-column:1/-1;justify-content:flex-start}.rk-pt{font-size:2.1rem}}

/* Teamseite: Cover, Kennzahlen, Roster */
.rk-cover{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:hidden;margin-top:calc(var(--hd) * -1);padding-bottom:30px}
.rk-cover .bg{position:absolute;inset:-12% 0;background:linear-gradient(120deg,#0c0e0d,#161a18 55%,color-mix(in srgb,var(--accent) 22%,#161a18)) center/cover no-repeat;will-change:transform}
.rk-cover .bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,color-mix(in srgb,var(--accent) 6%,transparent) 46px 48px)}
.rk-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,rgba(8,9,10,.35) 70%);pointer-events:none}
.rk-cover .tx{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:calc(var(--hd) + 120px)}
.rk-cover h1{margin:10px 0 0;font-size:clamp(2.6rem,6.5vw,4.6rem);line-height:1;color:#fff}
.rk-pill{display:inline-block;font-family:var(--font-head);font-weight:700;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.rk-pill.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.rk-tbody{padding-bottom:10px}
.rk-kv{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel);margin-top:0}
.rk-kv div{text-align:center;padding:22px 8px;border-left:1px solid var(--line)}.rk-kv div:first-child{border-left:0}
.rk-kv b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2.2rem;line-height:1}
.rk-kv span{display:block;margin-top:6px;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.rk-desc{max-width:72ch;margin:24px 0 0;color:#c3c8d2}
.rk-prow{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.rk-pcard{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/4;background:linear-gradient(160deg,#1f2423,var(--panel));border:1px solid var(--line);overflow:hidden;color:var(--text)}
.rk-pcard:hover{text-decoration:none;border-color:var(--accent)}
.rk-pcard .ph{position:absolute;inset:0;display:grid;place-items:center;background:center/cover no-repeat;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:3.6rem;color:rgba(255,255,255,.14);transition:transform .5s}
.rk-pcard:hover .ph{transform:scale(1.04)}
.rk-pcard .no{position:absolute;z-index:2;right:10px;top:2px;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:3.4rem;line-height:1.1;color:rgba(255,255,255,.18);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.rk-pcard .fl{position:absolute;z-index:2;left:10px;top:10px}
.rk-pcard .bd{position:relative;z-index:2;width:100%;padding:34px 14px 12px;background:linear-gradient(0deg,rgba(5,6,5,.95),rgba(5,6,5,0));border-bottom:3px solid var(--accent)}
.rk-pcard strong{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.2rem;text-transform:uppercase}
.rk-pcard small{display:block;color:var(--accent);font-weight:700;font-size:.8rem}
.rk-pcard em{display:block;font-style:normal;color:var(--muted);font-size:.74rem}
.rk-staff{margin:18px 0 0;color:var(--muted)}
.rk-staff b{color:var(--accent);font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-right:12px}
.rk-staff span{margin-right:18px}.rk-staff a{color:var(--text)}
.rk-nextbox{max-width:560px}
.rk-tbody .rk-sh{margin-top:48px}
.rk-tbody .rk-kv+.rk-desc,.rk-tbody .rk-kv{margin-top:0}
.rk-tbody{padding-top:26px}
@media(max-width:860px){.rk-cover{min-height:340px}.rk-cover .tx{padding-top:calc(var(--hd) + 80px)}.rk-prow{grid-template-columns:repeat(2,1fr)}}

/* Spielerseite: Steckbrief */
.rk-head3{display:flex;flex-wrap:wrap;align-items:center;gap:18px 20px;padding:24px 26px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--bg));border:1px solid var(--line);border-bottom:3px solid var(--accent)}
.rk-head3 .av{display:grid;place-items:center;width:96px;height:96px;flex:none;border:2px solid var(--accent);background:linear-gradient(160deg,#242a28,#101312) center/cover no-repeat;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2.2rem;color:rgba(255,255,255,.4)}
.rk-head3 h1{margin:8px 0 0;font-size:clamp(2.2rem,5vw,3rem);line-height:1}
.rk-pill.g{background:var(--panel2);color:var(--text)}
.rk-head3 .sp{margin-left:auto}
.rk-socs{display:flex;flex-wrap:wrap;gap:8px}
.rk-socs .pf-sbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 14px;color:var(--text);background:var(--panel);font-family:var(--font-head);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.rk-socs .pf-sbtn:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}
.rk-cols3{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;margin-top:28px;align-items:start}
.rk-stk{display:grid;gap:14px;position:sticky;top:calc(var(--hd) + 12px)}
.rk-stat3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel)}
.rk-stat3 div{text-align:center;padding:16px 4px;border-left:1px solid var(--line)}.rk-stat3 div:first-child{border-left:0}
.rk-stat3 b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.5rem;line-height:1}
.rk-stat3 span{display:block;margin-top:4px;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.rk-facts{border:1px solid var(--line);background:var(--panel)}
.rk-facts div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.rk-facts div:last-child{border-bottom:0}
.rk-facts span{color:var(--muted);font-family:var(--font-head);font-weight:700;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.rk-facts b{font-weight:700;text-align:right}
.rk-teambox{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);padding:14px 16px;color:var(--text)}
.rk-teambox:hover{text-decoration:none;border-color:var(--accent)}
.rk-teambox .rk-mk{width:52px;height:52px}
.rk-teambox .tx{display:block;min-width:0}.rk-teambox b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.15rem;text-transform:uppercase}
.rk-teambox small{display:block;color:var(--muted)}.rk-teambox .go{margin-left:auto;color:var(--accent);font-size:1.3rem}
.rk-bio{max-width:66ch;color:#c3c8d2}
.rk-mates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.rk-pmain .rk-sh{margin-top:46px}
.rk-pmain .rk-sh:first-child{margin-top:0}
@media(max-width:860px){.rk-cols3{grid-template-columns:1fr}.rk-stk{position:static}.rk-head3 .sp{margin-left:0}.rk-mates{grid-template-columns:repeat(2,1fr)}}

/* Teams-Uebersicht: Vollbild-Slider. Ohne JavaScript stehen die Buehnen untereinander (html.rk-js schaltet auf Ueberblenden). */
.rk-slider{position:relative;border-block:1px solid var(--line)}
.rk-slider .slide{position:relative;min-height:340px;display:flex;align-items:flex-end;padding:0 40px 34px;overflow:hidden;border-bottom:1px solid var(--line)}
.rk-slider .slide:last-of-type{border-bottom:0}
.rk-slider .slide .ph{position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 22%,#0c0e0d),var(--panel)) center/cover no-repeat}
.rk-slider .slide .ph:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,color-mix(in srgb,var(--accent) 6%,transparent) 46px 48px)}
.rk-slider .slide .ph b{position:absolute;right:22px;top:6px;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:7rem;line-height:1;color:rgba(255,255,255,.12)}
.rk-slider .slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 4%,rgba(8,9,10,.25) 70%);pointer-events:none}
.rk-slider .tx{position:relative;z-index:2;max-width:640px}
.rk-slider h2{margin:10px 0 8px;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}
.rk-slider p{color:#c3c8d2;margin:0 0 18px}
.rk-slider .ctrl{display:none}
.rk-thumbs{display:none}
html.rk-js .rk-slider{min-height:clamp(420px,calc(100vh - 380px),560px);outline-offset:4px}
html.rk-js .rk-slider .slide{position:absolute;inset:0;border:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
html.rk-js .rk-slider .slide.on{opacity:1;visibility:visible}
html.rk-js .rk-slider .tx{transform:translateY(16px);transition:transform .7s .1s}
html.rk-js .rk-slider .slide.on .tx{transform:none}
html.rk-js .rk-slider .ctrl{position:absolute;right:30px;bottom:34px;z-index:4;display:flex;gap:8px}
.arrow{width:46px;height:46px;display:grid;place-items:center;background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;font-family:var(--font-head);font-weight:700;font-size:1.3rem;line-height:1}
.arrow:hover{background:var(--accent);color:var(--on-accent,#0a0d02);border-color:var(--accent)}
html.rk-js .rk-thumbs{display:flex;gap:10px;padding-top:14px;overflow-x:auto}
.rk-thumbs button{flex:0 0 160px;background:var(--panel);border:1px solid var(--line);border-top:3px solid transparent;color:var(--muted);padding:10px 12px;text-align:left;cursor:pointer;font-family:var(--font-head);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.rk-thumbs button.on{color:var(--text);border-top-color:var(--accent);background:var(--panel2)}
.rk-thumbs button:hover{color:var(--text)}
.rk-thumbs small{display:block;margin-top:3px;color:var(--accent);font-family:var(--font);font-weight:600;font-size:.66rem;letter-spacing:.1em}
@media(prefers-reduced-motion:reduce){html.rk-js .rk-slider .slide,html.rk-js .rk-slider .tx{transition:none}}
@media(max-width:700px){.rk-slider .slide{padding:0 18px 90px}html.rk-js .rk-slider .ctrl{right:16px;bottom:22px}}
/* News: Zeitleiste nach Monaten, feste Monatsliste links */
.rk-pt em{font-style:italic;color:var(--accent)}
.rk-nl{display:block;margin-top:6px}
.rk-news.has-rail .rk-nl{display:grid;grid-template-columns:210px minmax(0,1fr);gap:34px;align-items:start}
.rk-nrail{position:sticky;top:calc(var(--hd) + 14px);border:1px solid var(--line);background:var(--panel);padding:18px}
.rk-nrail b{display:block;font-family:var(--font-head);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.rk-nrail a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:.9rem}
.rk-nrail a:last-child{border-bottom:0}.rk-nrail a:hover{color:var(--accent);text-decoration:none}.rk-nrail a small{color:var(--muted)}
.theme-ragnarok2 .rk-nmon{position:relative;font-size:1.2rem;color:var(--accent);margin:26px 0 4px;padding-left:24px;scroll-margin-top:calc(var(--hd) + 16px)}
.theme-ragnarok2 .rk-nmon:first-child{margin-top:0}
.rk-nmon:before{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;background:var(--accent);transform:translateY(-50%) rotate(45deg)}
.rk-nr{display:grid;grid-template-columns:70px minmax(0,1fr) 200px;gap:20px;align-items:center;padding:16px 0 16px 24px;margin-left:5px;border-left:2px solid var(--line);position:relative;color:var(--text)}
.rk-nr:before{content:"";position:absolute;left:-7px;top:34px;width:10px;height:10px;background:var(--bg);border:2px solid var(--accent)}
.rk-nr:hover{text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}
.rk-nr .d{text-align:center;line-height:1}
.rk-nr .d b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2rem}
.rk-nr .d small{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.rk-nr h3{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.25rem;line-height:1.15;text-transform:uppercase;margin:0 0 5px}
.rk-nr:hover h3{color:var(--accent)}
.rk-nr p{margin:0;color:var(--muted);font-size:.92rem}
.rk-nr .im{aspect-ratio:16/10;border-bottom:3px solid var(--accent);background:linear-gradient(120deg,#0c0e0d,#161a18 55%,#1f2a0a);overflow:hidden;display:grid;place-items:center}
.rk-nr .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.rk-nr:hover .im img{transform:scale(1.06)}
.rk-nr .im span{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2rem;color:rgba(255,255,255,.18)}
@media(max-width:900px){.rk-news.has-rail .rk-nl{grid-template-columns:minmax(0,1fr)}.rk-nrail{position:static;display:flex;flex-wrap:wrap;gap:0 18px}.rk-nrail b{flex-basis:100%}.rk-nrail a{border-bottom:0;padding:5px 0}}
@media(max-width:640px){.rk-nr{grid-template-columns:56px minmax(0,1fr);gap:14px;padding-left:18px}.rk-nr .im{grid-column:2;max-width:260px}}

/* News-Artikel: Kino-Kopf, Lesespalte, weitere News */
.rk-article .rk-cover h1{font-size:clamp(2rem,5vw,3.6rem);max-width:20ch}
.rk-article .rk-pill.sol{background:var(--accent);color:#0a0d02}
.rk-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;color:#cfd3dc;font-size:.9rem}.rk-meta b{color:#fff}
.rk-art{max-width:740px;margin:0 auto;padding:34px 24px 10px}
.rk-intro{font-size:1.3rem;line-height:1.5;font-weight:600;color:var(--text);margin:0 0 1.2em;padding-bottom:1.1em;border-bottom:1px solid var(--line)}
.rk-prose{font-size:1.06rem;line-height:1.75;color:#d6d9e0}
.rk-prose p{margin:0 0 1.15em}
.rk-prose h3{font-size:1.5rem;line-height:1.1;color:var(--text);margin:1.7em 0 .5em;padding-left:14px;border-left:4px solid var(--accent)}
.rk-prose ul{margin:0 0 1.2em;padding-left:1.2em}.rk-prose li{margin:.3em 0}.rk-prose li::marker{color:var(--accent)}
.rk-prose blockquote{margin:1.6em 0;padding:16px 22px;background:var(--panel);border-left:4px solid var(--accent)}
.rk-prose blockquote p{margin:0;font-style:italic;font-weight:600;font-size:1.2rem;line-height:1.45;color:var(--text)}
.rk-prose img{width:100%;height:auto;display:block;border-bottom:3px solid var(--accent);margin:1.6em 0}
.rk-prose a{color:var(--accent);text-decoration:underline}
.rk-back{margin:26px 0 0}.rk-back a{font-family:var(--font-head);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.rk-more{padding-bottom:10px}
.rk-next3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.rk-nc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);color:var(--text)}
.rk-nc:hover{text-decoration:none;border-color:var(--accent)}
.rk-nc .im{aspect-ratio:16/10;border-bottom:3px solid var(--accent);background:linear-gradient(120deg,#0c0e0d,#161a18 55%,#1f2a0a);overflow:hidden;display:grid;place-items:center}
.rk-nc .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.rk-nc:hover .im img{transform:scale(1.06)}
.rk-nc .im span{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2rem;color:rgba(255,255,255,.18)}
.rk-nc .bd{padding:12px 14px}.rk-nc small{color:var(--accent);font-family:var(--font-head);font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.rk-nc b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1rem;line-height:1.15;text-transform:uppercase;margin-top:4px}
@media(max-width:760px){.rk-next3{grid-template-columns:minmax(0,1fr)}.rk-art{padding-left:16px;padding-right:16px}}

/* Bewerbung: Stellenmarkt (Karten + Formular) */
.rk-apply .rk-cover{min-height:380px}
.rk-apply .rk-cover h1{font-size:clamp(2rem,5vw,3.4rem);max-width:22ch}
.rk-apply .rk-cover h1 em{font-style:italic;color:var(--accent)}
.rk-apply .rk-pill.sol{background:var(--accent);color:#0a0d02}
.rk-lede{margin:12px 0 0;color:#cfd3dc;font-size:1.1rem;max-width:58ch}
.rk-ap{padding-bottom:40px}
.rk-ap .rk-h2{margin-top:6px;margin-bottom:16px;padding:0}
.rk-ap .rk-h2+.rk-apg{margin-top:0}
.rk-ap .rk-tcs+.rk-h2{margin-top:36px}
.rk-tcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rk-tc{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;margin:0}
.rk-tc input{position:absolute;opacity:0;width:0;height:0}
.rk-tc .ph{display:grid;place-items:center;aspect-ratio:16/9;border-bottom:3px solid var(--line);background:linear-gradient(120deg,#0c0e0d,#161a18 55%,#1f2a0a) center/cover no-repeat;position:relative}
.rk-tc .ph b{font-family:var(--font-head);font-style:italic;font-size:3rem;color:rgba(255,255,255,.14)}
.rk-tc .ck{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);font:800 .9rem var(--font-head);font-style:normal;color:transparent}
.rk-tc .bd{display:block;padding:14px 16px 16px}
.rk-tc small{display:block;font-family:var(--font-head);font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.rk-tc strong{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.25rem;line-height:1.1;text-transform:uppercase;margin:4px 0 6px}
.rk-tc em{display:block;font-style:normal;color:var(--muted);font-size:.88rem}
.rk-tc:hover{border-color:var(--accent)}
.rk-tc:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.rk-tc:has(input:checked) .ph{border-bottom-color:var(--accent)}
.rk-tc:has(input:checked) .ck{background:var(--accent);border-color:var(--accent);color:#0a0d02}
.rk-tc:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px}
.rk-apg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.rk-apg .full{grid-column:1/-1}
.rk-ap label.f{display:block;font-family:var(--font-head);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.rk-ap label.f input,.rk-ap label.f select,.rk-ap label.f textarea{display:block;width:100%;margin-top:6px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:12px 14px;font:400 1rem var(--font);letter-spacing:0;text-transform:none}
.rk-ap label.f input:focus,.rk-ap label.f select:focus,.rk-ap label.f textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.rk-ap label.f textarea{resize:vertical;max-width:100%}
.rk-ap .tq{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--panel);padding:14px 16px 2px;margin:0 0 16px}
.rk-ap .tq legend{font-family:var(--font-head);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:0 8px}
.rk-ap .tq[hidden]{display:none}
.rk-ap .tq label.f input,.rk-ap .tq label.f select{background:var(--bg)}
.rk-ap .note{color:var(--muted);font-size:.84rem;margin:0 0 16px}
.rk-ap .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rk-err{margin:0 0 14px;padding:11px 16px;border:1px solid #6a2a30;border-left:4px solid #e5484d;background:rgba(229,72,77,.1);color:#ffb4b4}
.rk-done{max-width:620px;margin:40px 0;padding:28px 30px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent)}
.rk-done b{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.8rem;text-transform:uppercase;color:var(--accent)}
.rk-done p{margin:8px 0 18px}
@media(max-width:900px){.rk-tcs{grid-template-columns:1fr}.rk-apg{grid-template-columns:minmax(0,1fr)}.rk-apply .rk-cover{min-height:300px}}

/* Kontakt: Themen-Kacheln */
.rk-ct{max-width:960px;padding-top:44px;padding-bottom:40px}
.rk-ct .rk-pill.sol{background:var(--accent);color:#0a0d02}
.rk-ct h1.rk-pt{margin:12px 0 10px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02}
.rk-ct h1.rk-pt em{font-style:italic;color:var(--accent)}
.rk-sub{color:#cfd3dc;font-size:1.05rem;max-width:62ch;margin:0 0 6px}
.rk-sub a{color:var(--accent);text-decoration:underline}
.rk-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 26px}
.rk-tile{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;margin:0;padding:18px 16px 16px;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer}
.rk-tile input{position:absolute;opacity:0;width:0;height:0}
.rk-tile svg{width:30px;height:30px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rk-tile b{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.05rem;line-height:1.1;text-transform:uppercase}
.rk-tile span{color:var(--muted);font-size:.84rem}
.rk-tile .ck{position:absolute;top:10px;right:10px;width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--line);font:800 .75rem var(--font-head);font-style:normal;color:transparent}
.rk-tile:hover{border-color:var(--accent)}
.rk-tile:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,transparent),var(--panel))}
.rk-tile:has(input:checked) .ck{background:var(--accent);border-color:var(--accent);color:#0a0d02}
.rk-tile:has(input:focus-visible){outline:2px solid var(--text);outline-offset:2px}
.rk-ctbox{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--panel2);padding:24px 24px 6px}
.rk-ctbox .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.rk-ct label.f{display:block;font-family:var(--font-head);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.rk-ct label.f input,.rk-ct label.f textarea{display:block;width:100%;margin-top:6px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:12px 14px;font:400 1rem var(--font);letter-spacing:0;text-transform:none}
.rk-ct label.f input:focus,.rk-ct label.f textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.rk-ct label.f textarea{resize:vertical;max-width:100%}
.rk-ct .note{color:var(--muted);font-size:.84rem;margin:0 0 16px}
.rk-ct .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.rk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-ctbox .two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.rk-tiles{grid-template-columns:minmax(0,1fr)}.rk-tile{min-height:0}}

/* Staff: Backstage-Paesse */
.rk-sf{max-width:1100px;padding-top:44px;padding-bottom:40px}
.rk-sf .rk-pill.sol{background:var(--accent);color:#0a0d02}
.rk-sf h1.rk-pt{margin:12px 0 8px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02}
.rk-sfh{display:flex;align-items:center;gap:12px;font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:30px 0 14px}
.rk-sfh:after{content:"";flex:1;height:1px;background:var(--line)}
.rk-pass-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rk-pass{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:30px 14px 0;text-align:center;color:var(--text);transition:transform .2s,border-color .2s}
.rk-pass:before{content:"";position:absolute;top:10px;left:50%;width:46px;height:8px;margin-left:-23px;background:var(--bg);border:1px solid var(--line)}
.rk-pass .lnk{display:block;color:var(--text)}
.rk-pass .lnk:hover{text-decoration:none}
.rk-pass .ph{display:grid;place-items:center;aspect-ratio:1;margin:0 0 12px;background:linear-gradient(120deg,#0c0e0d,#161a18 55%,#1f2a0a) center top/cover no-repeat;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:2.4rem;color:rgba(255,255,255,.16)}
.rk-pass strong{display:block;font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.1rem;line-height:1.1;text-transform:uppercase}
.rk-pass .fl{display:inline-block;vertical-align:middle;margin-left:4px}
.rk-pass small{display:block;color:var(--muted);font-size:.84rem;margin:4px 0 12px}
.rk-pass .soc-row{display:flex;justify-content:center;gap:6px;margin:0 0 12px}
.rk-pass .soc-row a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);background:var(--bg);color:var(--accent)}
.rk-pass .soc-row a svg{width:16px;height:16px}
.rk-pass .soc-row a:hover{border-color:var(--accent)}
.rk-pass .band{margin:auto -14px 0;background:var(--accent);color:#0a0d02;font-family:var(--font-head);font-weight:700;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;padding:7px 0}
.rk-pass .band i{font-style:normal;opacity:.6;margin-left:.5em}
.rk-pass:hover{border-color:var(--accent);transform:translateY(-3px)}
@media(max-width:900px){.rk-pass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rk-pass-grid{gap:12px}.rk-pass{padding-left:10px;padding-right:10px}.rk-pass .band{margin-left:-10px;margin-right:-10px}}

/* Partner: Logo-Wand und Detailseite */
.rk-pp{max-width:1100px;padding-top:44px;padding-bottom:40px}
.rk-pp .rk-pill.sol{background:var(--accent);color:#0a0d02}
.rk-pp h1.rk-pt{margin:12px 0 8px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02}
.rk-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.rk-pc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);color:var(--text);transition:transform .2s,border-color .2s}
.rk-pc .pl,.rk-pside .pl,.rk-pstrip a{background:#fff;color:#1b1e26}
.rk-pc .pl{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:16px 14px;border-bottom:3px solid var(--line)}
.rk-pc .pl img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.rk-pc .pl .pt-ini,.rk-pside .pl .pt-ini,.rk-pstrip .pt-ini{font-family:var(--font-head);font-weight:800;font-size:1.3rem;text-align:center}
.rk-pc .bd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 16px}
.rk-pc b{font-family:var(--font-head);font-style:italic;font-weight:700;font-size:1.1rem;text-transform:uppercase}
.rk-pc .go{color:var(--accent);font-family:var(--font-head);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.rk-pc:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none}
.rk-pc:hover .pl{border-bottom-color:var(--accent)}
a.rk-back{display:inline-block;color:var(--accent);font-family:var(--font-head);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}
.rk-pdet{display:grid;grid-template-columns:320px minmax(0,1fr);gap:34px;align-items:start}
.rk-pside{position:sticky;top:calc(var(--hd) + 14px)}
.rk-pside .pl{display:flex;align-items:center;justify-content:center;min-height:180px;padding:28px 22px;border-bottom:4px solid var(--accent)}
.rk-pside .pl img{display:block;max-width:100%;max-height:200px;object-fit:contain}
.rk-pmain h1.rk-pt{margin:0 0 14px;font-size:clamp(2rem,4vw,2.8rem)}
.rk-pbio{margin:0 0 18px}
.rk-sbtns{display:flex;flex-wrap:wrap;gap:8px}
.rk-sbtns .pf-sbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:9px 14px;font-family:var(--font-head);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border-radius:0}
.rk-sbtns .pf-sbtn:hover{border-color:var(--accent);text-decoration:none}
.rk-sbtns .pf-sbtn svg{color:var(--accent)}
.rk-pmore{margin-top:40px}
.rk-pmore .rk-h2{margin:0 0 14px;padding:0}
.rk-pstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rk-pstrip a{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:12px;border-bottom:3px solid var(--line)}
.rk-pstrip a:hover{border-bottom-color:var(--accent);text-decoration:none}
.rk-pstrip img{display:block;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:900px){.rk-pgrid,.rk-pstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-pdet{grid-template-columns:minmax(0,1fr)}.rk-pside{position:static;max-width:340px}}
@media(max-width:560px){.rk-pgrid{gap:12px}}


/* Matches-Seite: mehr Luft ueber "Letzte Ergebnisse" */
.rk-h2.rk-h2-res{margin-top:84px}
@media (max-width:720px){.rk-h2.rk-h2-res{margin-top:60px}}


/* ======================================================================================
   RAGNAROEK: Kundendesign. Dunkelbraun mit Gold, Poppins, Plakatflaechen in Gelb.
   Alles ab hier ueberschreibt die gemeinsame Grundstruktur oben und fuegt die neuen Bausteine hinzu.
   ====================================================================================== */
.theme-ragnarok2{font-family:var(--font);font-size:16px;background:var(--bg);color:var(--text)}
.theme-ragnarok2 h1,.theme-ragnarok2 h2,.theme-ragnarok2 h3{font-family:var(--font);font-weight:600;font-style:normal;text-transform:none;letter-spacing:0;line-height:1.2}
.theme-ragnarok2 a{color:inherit}
.theme-ragnarok2 .btn,.theme-ragnarok2 button.btn{font-family:var(--font-btn);font-weight:500;font-size:.875rem;letter-spacing:0;text-transform:uppercase;color:#1e1d1a;background:var(--accent);border:2px solid var(--accent);border-radius:0;padding:12px 32px}
.theme-ragnarok2 .btn:hover{background:transparent;color:var(--accent);text-decoration:none}
.theme-ragnarok2 .btn.ghost{background:transparent;color:var(--text);border-color:rgba(255,255,255,.4)}
.theme-ragnarok2 .btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.rk-prog,.rk-topbar,.rk-slider,.rk-thumbs,.rk-hero .bg{display:none}

/* ---- Kopf ---- */
.rk-hd{position:relative;z-index:40;background:var(--bg)}
.rk-in{display:flex;align-items:center;width:100%;max-width:1200px;margin:0 auto}
.rk-strip{height:30px;background:var(--bg) url(assets/line.jpg) 0 100% no-repeat}
.rk-strip .rk-in{justify-content:flex-end;gap:16px;height:30px}
.rk-acc{display:flex;gap:14px;align-items:center;margin-right:auto;font-size:.75rem}
.rk-acc a,.rk-acc button{color:rgba(255,255,255,.7)}
.rk-soc{display:flex;align-items:center;gap:15px}
.rk-soc a{display:grid;place-items:center;box-sizing:border-box;width:28px;height:24px;min-width:0;min-height:0;padding:0;margin:0;color:#fff}
.rk-soc a:hover{color:var(--accent);text-decoration:none}
.rk-soc svg{width:18px;height:18px}
.rk-bar{padding:12px 0 15px;background:url(assets/line.jpg) 0 100% no-repeat,linear-gradient(180deg,#3c3b39,#282724)}
.rk-bar .rk-in{max-width:none;min-height:max(36px,2.57vw);padding:0;align-items:center}
.rk-logo{display:flex;align-items:center;justify-content:flex-end;flex:none;width:15%}
.rk-logo img{display:block;width:5.25vw;height:auto;margin-top:-.3vw}
.rk-logo span{font-weight:700;font-size:1.3rem}
.rk-nav{margin-left:auto;margin-right:50px}
.rk-nav>ul{display:flex;align-items:center;gap:27px;margin:0;padding:0;list-style:none}
.rk-nav li{position:relative;margin:0;padding:0;list-style:none}
.rk-nav>ul>li>a{display:block;padding:8px 0;font-weight:600;font-size:1rem;color:#fff;white-space:nowrap;line-height:1.25}
.rk-nav>ul>li>a:hover,.rk-nav>ul>li>a.on{color:var(--accent);text-decoration:none}
.rk-nav .car{display:inline-block;width:0;height:0;margin-left:4px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
.rk-nav .sub{position:absolute;left:0;top:100%;min-width:156px;margin:0;padding:6px 0;list-style:none;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50}
.rk-nav li:hover>.sub,.rk-nav li:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.rk-nav .sub a{display:block;padding:9px 18px;font-weight:400;font-size:.875rem;color:#1e1d1a;white-space:nowrap}
.rk-nav .sub a:hover{background:var(--accent);color:#fff;text-decoration:none}

/* ---- Startseite ----
   Masse stammen aus der Originalseite (gemessen bei 1280, 1440 und 1920 px Breite): Bereiche und Bilder wachsen mit der Seitenbreite
   (cqw = 1 % der Breite des Inhaltsbereichs), die Mitte der Plakatflaeche bleibt fest, der Inhalt ist hoechstens 1580 px breit. */
.rk-home{width:100%;container-type:inline-size;--pw:min(100cqw - 20px,1580px)}
.rk-live-embed:not(:empty){padding:18px 28px 0;max-width:1240px;margin:0 auto}
.rk-hero{position:relative;height:32.3cqw;background:var(--bg) 50% 100%/cover no-repeat;overflow:hidden}
.rk-hero .in{position:absolute;left:7.5cqw;top:50%;transform:translateY(-50%);width:45cqw}
.rk-hero .in img{display:block;width:100%;height:auto}
.rk-body{background:var(--bg) 50% 0/100% auto no-repeat;padding-top:10cqw;overflow:hidden}
.rk-gap{height:var(--h,60px)}
.rk-box{width:var(--pw);margin:0 auto}
.rk-car{width:min(90cqw,1260px);margin:0 auto;padding:20px 0 0;overflow:hidden}
.rk-car .tr{display:flex;will-change:transform}
.rk-car .sl{flex:0 0 calc(100% / var(--per,4));height:150px;display:block;color:#fff;font-weight:600;text-align:center}
.rk-car .im{display:flex;align-items:center;justify-content:center;width:calc(100% - 40px);height:130px;margin:10px auto 0;background:center/contain no-repeat;filter:grayscale(1)}
.rk-car.is-static .tr{justify-content:center}
.rk-car.is-static .sl{flex:0 0 calc(100% / 4)}
.rk-head{display:block;width:50%;height:auto;margin:0}
.rk-streamer{position:relative;height:500px;margin:140px 0 0;background:var(--bg) 50% 50%/cover no-repeat}
.rk-streamer::after{content:"";position:absolute;inset:0;background:url(assets/border-rak.png) 100% 100% no-repeat;pointer-events:none;z-index:2}
.rk-streamer .art img{position:absolute;display:block;height:auto}
.rk-streamer .art .s1{left:calc(50% - min(47.35cqw,675px));top:min(6.18cqw,88px);width:min(53.05cqw,756px);z-index:1}
.rk-streamer .art .s2{left:calc(50% - min(48.9cqw,697px));top:min(7.9cqw,112.5px);width:min(58.95cqw,840px);z-index:1}
.rk-streamer .art .b{left:calc(50% - min(23.45cqw,334px));bottom:-4px;height:34.3cqw;width:auto;z-index:5}
.rk-streamer .art .a{right:calc(50% + min(15.16cqw,216px));bottom:0;height:33.05cqw;width:auto;z-index:5}
.rk-streamer .txt{position:absolute;left:calc(50% + min(10.5cqw,150px));top:25px;width:min(37.9cqw,540px);height:460px;display:flex;flex-direction:column;justify-content:flex-start;gap:19px;color:#7a7a7a}
.rk-streamer .txt .logo{display:block;width:min(35.6cqw,510px);height:auto;margin:0 0 14px 15px}
.rk-streamer .txt p{margin:0 0 14px;padding:0 70px 0 80px;font-size:1rem;line-height:1.5}
.rk-btn2{position:relative;display:inline-block;align-self:center;width:50%;box-sizing:border-box;margin:calc(3vh - 16px) 0 0;padding:14px 60px;line-height:1.5;text-align:left;border:2px solid #000;color:#000;font-family:var(--font-btn);font-size:.875rem;text-transform:uppercase;text-decoration:none;overflow:hidden;transition:.75s;z-index:0;text-align:center}
.rk-btn2::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:0;background:#000;transform:translate(-50%,-50%) rotate(-45deg);transition:.75s;z-index:-1}
.theme-ragnarok2 .rk-btn2{color:#000}
.theme-ragnarok2 .rk-btn2:hover,.theme-ragnarok2 .rk-btn2:focus-visible,.theme-ragnarok2 .rk-streamer:hover .rk-btn2{color:#fff;text-decoration:none}
.rk-btn2:hover::before,.rk-btn2:focus-visible::before,.rk-streamer:hover .rk-btn2::before{height:500%}
.rk-trophies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 0}
.rk-trophies img{display:block;width:100%;height:auto;aspect-ratio:1/2}
@container (min-width:1600px){.rk-trophies img{width:calc(100% - 13px);margin:0 auto}}

/* ---- Footer ---- */
.rk-foot{background:var(--bg) url(assets/line.jpg) 50% 0 no-repeat;color:rgba(255,255,255,.45)}
.rk-fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1400px;margin:0 auto;padding:60px 0;min-height:510px;box-sizing:border-box;align-content:start}
.rk-fcols .c{padding:0 10px}
.rk-foot h4{margin:0 0 16px;font-family:var(--font);font-weight:400;font-size:1.5rem;text-transform:none;letter-spacing:0;color:#fff}
.rk-foot .tx{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.rk-foot .tx b{display:block;margin-top:48px;font-weight:600;color:rgba(255,255,255,.45)}
.rk-foot .tx b+a{margin-top:24px}
.rk-foot .c:nth-child(2) .tx{gap:24px}
.rk-foot .tx b:first-child{margin-top:0}
.rk-foot .tx a{color:var(--link);padding:3px 0}
.rk-foot .c:nth-child(2) .tx a{color:rgba(255,255,255,.45);font-weight:600}
.rk-foot .tx a:hover{color:#fff;text-decoration:none}
.rk-foot .biglogo{display:block;max-width:447px;margin-top:10px}
.rk-foot .biglogo img{display:block;width:100%;height:auto;max-height:244px;object-fit:contain;object-position:left top}
.rk-fbar{background:var(--bg) url(assets/line.jpg) 50% 0 no-repeat;padding:0;font-size:1rem;color:rgba(255,255,255,.45)}
.rk-fbar .rk-in{height:30px}
.rk-fbar .rk-in{max-width:1400px;padding:0 8px;justify-content:space-between}
.rk-fbar .rk-soc a{width:24px;height:24px;min-width:0;min-height:0;color:#fff}.rk-fbar .rk-soc svg{width:16px;height:16px}

/* ---- Einblenden ---- */
html.rk-js body.rk-fx .rk-rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms)}
html.rk-js body.rk-fx .rk-rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.rk-js body.rk-fx .rk-rv{opacity:1;transform:none;transition:none}.rk-btn2,.rk-btn2::before{transition:none}}

/* ---- Handy und kleine Fenster ---- */
@media(max-width:900px){
  .rk-bar{padding:6px 0}
  .rk-bar .rk-in{flex-wrap:wrap;height:auto;padding:4px 16px}
  .rk-logo{width:auto}.rk-logo img{width:75px;margin-top:0}
  .rk-nav{margin-left:0;margin-right:0}
  .rk-nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .rk-nav>ul>li>a{padding:12px 4px}
  .rk-nav .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;padding:0 0 6px 16px}
  .rk-nav .sub a{color:rgba(255,255,255,.75);padding:8px 4px}
  .rk-nav .sub a:hover{background:transparent;color:var(--accent)}
  .rk-nav .car{display:none}
  .rk-strip .rk-in,.rk-fbar .rk-in{padding:0 16px}
  .rk-fcols{grid-template-columns:1fr;gap:30px;padding:40px 16px 30px}
  .rk-fcols .c{padding:0}
}
@media(max-width:800px){
  .rk-gap{height:calc(var(--h,60px) * .6)}
  .rk-trophies{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0}
  .rk-streamer{height:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:30px}
  .rk-streamer .art{position:relative;order:1;width:100%;height:84cqw;margin-bottom:10px}
  .rk-streamer .art .s1{left:0;top:10cqw;width:92cqw}.rk-streamer .art .s2{left:0;top:16cqw;width:100cqw}
  .rk-streamer .art .b{left:42%;height:76cqw;bottom:0}.rk-streamer .art .a{right:auto;left:2%;height:72cqw;bottom:0}
  .rk-streamer .txt{position:static;order:2;width:min(100% - 32px,540px);height:auto;align-items:center;text-align:center}
  .rk-streamer .txt .logo{width:min(100%,510px)}
}
@media(max-width:800px){.rk-streamer::after{display:none}}
@media(max-width:520px){.rk-trophies{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-btn2{padding:14px 32px}}

/* ---- Teams-Seite (Masse und Bewegungen aus der Originalseite) ---- */
.rk-tbanner{position:relative;min-height:32vw;display:flex;align-items:center;background:var(--bg) 50% 100%/cover no-repeat}
.rk-tbox{width:min(100%,1400px);margin:0 auto}
.rk-tbox .ttl{display:block;width:50%;height:auto}
.rk-tbd{background:var(--bg) 50% 0/cover no-repeat;padding-top:70px;padding-bottom:490px}
.rk-tempty{text-align:center;padding:40px 16px;color:#fff}
.rk-pwrap{width:min(100%,1400px);margin:0 auto}
.rk-pwrap+.rk-pwrap{margin-top:161px}
.rk-panel{position:relative;display:flex;min-height:500px;background:var(--bg) 50% 50%/cover no-repeat;color:#7a7a7a}
.rk-panel .ov{position:absolute;inset:0;background:50% 50% no-repeat;background-position:0 100%;pointer-events:none}
.rk-panel .c1{position:relative;z-index:12;width:40%;display:flex;flex-direction:column;gap:20px;pointer-events:none}
.rk-panel .c1 a{pointer-events:auto}
.rk-panel .c2{position:relative;width:60%}
.rk-panel .w-logo{text-align:center}
.rk-panel .w-logo img{display:block;width:60%;height:auto;margin:-1em auto 0}
.rk-panel.pn-r6 .w-logo{padding:15px 15px 0}
.rk-panel.pn-r6 .w-logo img{width:100%;margin:0}
.rk-panel.pn-mgmt .w-logo img{margin-top:0}
.rk-panel .w-name{padding:20px 5em 0 5em;text-align:center}
.rk-panel .w-name h2{margin:0;font-family:var(--font);font-weight:700;font-size:2.4rem;line-height:1.1;text-transform:uppercase;color:#000}
.rk-panel .w-name small{display:block;margin-top:6px;color:#7a7a7a;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.rk-panel .w-txt{padding:0 4em 0 5em;font-size:1rem;line-height:1.5}
.rk-panel.pn-mgmt .w-txt{padding:0 5em 0 4em}
.rk-panel .w-txt p{margin:0 0 14px}
.rk-panel .w-sp{flex:none}
.rk-panel .w-btn{position:relative;height:0;pointer-events:none}
.rk-panel .middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto}
.rk-panel .btn2{position:relative;display:block;margin:30px 0;padding:14px 60px;border:2px solid #000;color:#000;font-family:var(--font-btn);font-size:14px;line-height:1.5;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s all ease;background:none}
.rk-panel .btn2::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:0;background:#000;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1;transition:all .5s ease}
.theme-ragnarok2 .rk-panel .btn2{color:#000}
.rk-panel:hover .btn4::before{height:400%}
.theme-ragnarok2 .rk-panel:hover .btn2{color:#fff}
.rk-panel .mobimg{display:none}
.rk-panel .lay{position:absolute;pointer-events:none;transition:all .25s ease-in-out;transform-origin:50% 100%}
.rk-panel .lay img{display:block;max-width:100%;height:auto}
/* Pinselstriche (alle Kaesten gleich) */
.rk-panel .l-cbrush{width:100%;right:0;top:6%;z-index:1;transform-origin:50% 50%;transform:scale(1.2) rotate(-25deg);filter:grayscale(100%)}
.rk-panel .l-cbrush img{width:100%}
.rk-panel .l-bbrush{width:100%;right:2%;bottom:20%;z-index:1;transform-origin:50% 50%;transform:scale(-1.5,1.5) rotate(7deg)}
.rk-panel .l-bbrush img{width:90%}
.rk-panel:hover .l-cbrush{transform:scale(1.1) rotate(-25deg);filter:none}
.rk-panel:hover .l-bbrush{transform:scale(-1.4,1.4) rotate(7deg)}
/* Call of Duty */
.pn-cod .l-price{width:60%;left:-10%;bottom:0;z-index:5;transform:scale(1.2)}
.pn-cod .l-ops{width:60%;right:-5%;bottom:0;z-index:5;transform:scale(1.4)}
.pn-cod .l-cover{width:60%;right:23%;bottom:0;z-index:10;transform:scale(1.1)}
.pn-cod:hover .l-price{transform:scale(1.1)}
.pn-cod:hover .l-ops{transform:scale(1.3)}
.pn-cod:hover .l-cover{transform:scale(1.2)}
/* Rainbow Six */
.pn-r6 .l-ace{width:60%;right:-5%;bottom:0;z-index:5;transform:scale(1)}
.pn-r6 .l-ela{width:60%;left:-10%;bottom:0;z-index:5;transform:scale(1)}
.pn-r6 .l-zero{width:60%;right:23%;bottom:0;z-index:10;transform:scale(1.1)}
.pn-r6:hover .l-ace,.pn-r6:hover .l-ela{transform:scale(.9)}
.pn-r6:hover .l-zero{transform:scale(1.2)}
/* Management */
.pn-mgmt .l-man1{width:314px;left:-40px;bottom:0;z-index:7;transform:scale(1.3)}
.pn-mgmt .l-man2{width:252px;left:315px;bottom:0;z-index:7;transform:scale(1.2)}
.pn-mgmt .l-man3{width:252px;left:578px;bottom:0;z-index:7;transform:scale(1.3)}
.pn-mgmt .l-man1 img,.pn-mgmt .l-man2 img,.pn-mgmt .l-man3 img{width:100%}
.pn-mgmt .l-cbrush{bottom:37%;top:auto;z-index:2;transform:scale(1.2) rotate(-25deg)}
.pn-mgmt .l-bbrush{right:0;bottom:15%;transform:scale(-1.3,1.3) rotate(7deg)}
.pn-mgmt:hover .l-man1,.pn-mgmt:hover .l-man3{transform:scale(1.2)}
.pn-mgmt:hover .l-man2{transform:scale(1.3)}
.pn-mgmt:hover .l-cbrush{transform:scale(1.1) rotate(-25deg)}
.pn-mgmt:hover .l-bbrush{transform:scale(-1.4,1.4) rotate(7deg)}
/* Teams ohne eigene Grafik: Teamfoto rechts unten */
.pn-gen .l-photo{right:2%;bottom:0;width:90%;height:100%;z-index:5;transform:scale(1)}
.pn-gen .l-photo img{width:100%;height:100%;object-fit:contain;object-position:right bottom}
.pn-gen:hover .l-photo{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.rk-panel .lay,.rk-panel .btn2,.rk-panel .btn2::before{transition:none}}
@media(max-width:1024px){
  .rk-tbanner{padding:0 10px}
  .rk-tbox .ttl{width:80%}
  .rk-tbd{padding-top:50px;padding-bottom:100px}
  .rk-pwrap+.rk-pwrap{margin-top:50px}
  .rk-panel{flex-direction:column;min-height:0}
  .rk-panel .c1,.rk-panel .c2{width:100%}
  .rk-panel .c2{display:none}
  .rk-panel .w-txt,.rk-panel.pn-mgmt .w-txt{padding:0 10px 10px;text-align:center}
  .rk-panel .w-logo{padding-top:10px}
  .rk-panel .w-logo img{margin-top:0;width:min(60%,336px)}
  .rk-panel.pn-r6 .w-logo img{width:min(100%,420px)}
  .rk-panel .btn2{padding:14px 30px}
  .rk-panel .w-btn{height:auto}
  .rk-panel .middle{position:static;transform:none;display:flex;justify-content:center}
  .rk-panel .btn2{margin:10px 0}
  .rk-panel .w-sp{display:none}
  .rk-panel .mobimg{display:block;width:100%;height:auto}
}

/* Ragnaroek Neu (Entwurf). Palette: Lime #bafd00 auf Schwarz #1b1b1b. */
:root{--bg:#1b1b1b;--panel:#262722;--text:#e8eae0;--accent:#bafd00;--radius:12px}
.rkn{--lime:#bafd00;--lime-d:#8fd100;--ink:#0f100c;--n9:#1b1b1b;--n8:#262722;--n7:#34362e;--n5:#6e7263;--n3:#a9ad9e;--n1:#e8eae0;--sig:#ff4d4d;--cy:#29e1d0;
  --pg:var(--n9);--card:var(--n8);--fg:var(--n1);--mut:var(--n3);--ln:rgba(232,234,224,.12);--r:14px;
  font-family:'Montserrat','Poppins',system-ui,sans-serif;background:var(--pg);color:var(--fg);font-size:16px;line-height:1.6;margin:0}
.rkn *{box-sizing:border-box}
.rkn a{color:inherit;text-decoration:none}
.rkn img{max-width:100%}
.n-in{width:min(100% - 40px,1280px);margin:0 auto}
.rkn h1,.rkn h2,.rkn h3{font-family:'Montserrat',sans-serif;font-weight:700;line-height:1.05;margin:0;color:var(--fg);letter-spacing:-.01em}
/* Kopf */
.n-hd{position:sticky;top:0;z-index:60;background:rgba(27,27,27,.72);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.n-hd.sc{border-color:var(--ln);background:rgba(15,16,12,.9)}
.n-hd .n-in{display:flex;align-items:center;gap:28px;height:72px}
.n-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg)}
.n-logo .mk{height:30px;width:auto;color:var(--lime)}
.n-nav{flex:1}.n-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.n-nav li{position:relative}
.n-nav a{display:block;padding:10px 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);border-radius:8px}
.n-nav a:hover,.n-nav a.on{color:var(--fg)}
.n-nav a.on{box-shadow:inset 0 -2px 0 var(--lime)}
.n-nav .sub{display:none;position:absolute;top:100%;left:0;min-width:210px;background:var(--n8);border:1px solid var(--ln);border-radius:12px;padding:6px;flex-direction:column;gap:0}
.n-nav li:hover>.sub{display:flex}
.n-act{display:flex;align-items:center;gap:14px}
.n-soc{display:flex;gap:10px}.n-soc a{color:var(--mut);display:inline-flex}.n-soc a:hover{color:var(--lime)}.n-soc svg{width:18px;height:18px}
.n-lnk{font-size:13px;color:var(--mut)}
.n-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;background:var(--lime);color:var(--ink)!important;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--lime);transition:transform .15s,box-shadow .15s,background .15s}
.n-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--lime)}
.n-btn.big{padding:16px 32px;font-size:14px}
.n-btn.ghost{background:transparent;color:var(--fg)!important;border-color:var(--ln)}
.n-btn.ghost:hover{border-color:var(--lime);box-shadow:none}
.n-btn.dark{background:var(--ink);border-color:var(--ink);color:var(--lime)!important}
.n-flash{width:min(100% - 40px,1280px);margin:12px auto;padding:12px 16px;border-radius:10px;background:var(--n8);border:1px solid var(--ln)}
/* Hero */
.n-hero{position:relative;padding:clamp(56px,9vw,120px) 0 clamp(56px,7vw,96px);overflow:hidden}
.n-eye{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--lime)}
.n-eye span{width:34px;height:2px;background:var(--lime)}
.n-hero h1{font-size:clamp(46px,9vw,132px);text-transform:uppercase;font-style:italic;letter-spacing:-.03em}
.n-hero h1 em{font-style:italic;color:var(--lime)}
.n-hero h1{overflow-wrap:anywhere}.n-hero h1.long{font-size:clamp(40px,7vw,104px)}
.n-lead{max-width:560px;color:var(--mut);font-size:18px;margin:26px 0 34px}
.n-cta{display:flex;flex-wrap:wrap;gap:14px}
/* Bereiche */
.n-sec{padding:clamp(56px,8vw,104px) 0 0}
.n-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}
.n-sh h2,.n-ctx h2,.n-join h2,.n-page h1{font-size:clamp(32px,5vw,60px);text-transform:uppercase}
.n-sh a{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.n-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.n-team{position:relative;display:flex;flex-direction:column;gap:10px;min-height:340px;padding:28px;border-radius:var(--r);background:var(--card);border:1px solid var(--ln);overflow:hidden;transition:transform .25s,border-color .25s}
.n-team:hover{transform:translateY(-6px);border-color:var(--lime)}
.n-team h3{font-size:30px;text-transform:uppercase;max-width:70%;position:relative;z-index:2}
.n-team p{color:var(--mut);max-width:60%;margin:0;font-size:14px;position:relative;z-index:2}
.n-tg{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);position:relative;z-index:2}
.n-go{margin-top:auto;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:2}
.n-team img{position:absolute;right:-6%;bottom:0;height:88%;width:auto;max-width:70%;object-fit:contain;object-position:right bottom;transition:transform .3s}
.n-team:hover img{transform:scale(1.07) translateY(-4px)}
.n-teams.big .n-team{min-height:420px}
.n-tro{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.n-tro img{width:100%;height:auto;border-radius:10px;transition:transform .2s}.n-tro img:hover{transform:translateY(-6px)}
.n-creators{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:calc(var(--r) + 6px);background:var(--card);border:1px solid var(--ln);overflow:hidden}
.n-cimg{display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:280px}.n-cimg img{height:300px;width:auto;object-fit:contain}.n-cimg img+img{margin-left:-40px}
.n-ctx p:not(.n-eye){color:var(--mut);margin:18px 0 26px;max-width:460px}
.n-join{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,5vw,64px);border-radius:calc(var(--r) + 6px);background:var(--lime);color:var(--ink)}
.n-join h2{color:var(--ink)}.n-join p{margin:10px 0 0;font-weight:500}
.n-page{padding-top:clamp(40px,6vw,80px)}.n-page h1{margin-bottom:36px}
.n-home{padding-bottom:clamp(56px,8vw,104px)}
/* Footer */
.n-ft{background:#0f100c;border-top:1px solid var(--ln);color:var(--mut);font-size:14px}
.n-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:56px 0}
.n-fbrand .mk{height:44px;color:var(--lime)}.n-fbrand p{max-width:320px}
.n-fgrid b{display:block;color:var(--fg);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px}
.n-fgrid a{display:block;margin-bottom:18px}.n-fgrid a:hover{color:var(--lime)}
.n-fbar{border-top:1px solid var(--ln)}.n-fbar .n-in{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.n-live:empty{display:none}
@media(max-width:900px){.n-nav,.n-hd .n-soc{display:none}.n-hd .n-in{justify-content:space-between}.n-creators{grid-template-columns:1fr}.n-fgrid{grid-template-columns:1fr}.n-team h3,.n-team p{max-width:100%}.n-team img{opacity:.35;height:70%}}

/* ===== Variante A: Apex (dunkel, ruhig, runde Karten, Lime als einzige Akzentfarbe) ===== */

/* Korrekturen: Menue bricht nicht um, Footer immer dunkel mit hellem Text, Erfolge in vollen Reihen */
.n-nav a{white-space:nowrap}
.n-nav ul{flex-wrap:nowrap}
@media(max-width:1280px){.n-hd .n-soc{display:none}}
.n-ft{--mut:#a9ad9e;--fg:#e8eae0;--ln:rgba(232,234,224,.12)}
.n-tro{grid-template-columns:repeat(6,1fr)}
@media(max-width:900px){.n-tro{grid-template-columns:repeat(3,1fr)}}
.n-logo,.n-btn,.n-act{white-space:nowrap;flex:none}
.n-hd .n-soc{display:none}
.n-nav a{padding:10px 11px}
@media(max-width:1100px){.n-logo span{display:none}}

/* Unterseiten ohne eigenen Rahmen: Inhaltsbreite wie auf der Startseite */
.n-main>.rk-news,.n-main>.rk-mt,.n-main>.rk-mg,.n-main>.rk-nl{width:min(100% - 40px,1280px);margin-left:auto;margin-right:auto}
.n-main>.rk-news,.n-main>.rk-mt{padding-top:56px;padding-bottom:72px}
.n-main>.rk-mg{padding-bottom:72px}
.n-main>.rk-mt .rk-mg{width:100%}
.n-main>.rk-pl{width:min(100% - 40px,1280px);margin:0 auto;padding:48px 0 72px}
.n-main>.rk-pl .rk-head3{border-radius:var(--radius)}
.theme-ragnarok2 .btn,.theme-ragnarok2 button.btn{border-radius:999px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;padding:13px 28px}
.theme-ragnarok2 .rk-pcard{border-radius:var(--radius);overflow:hidden}
.theme-ragnarok2 input,.theme-ragnarok2 textarea,.theme-ragnarok2 select{border-radius:10px}

/* Handy-Menue */
.n-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);cursor:pointer;align-items:center;justify-content:center;padding:0}
.n-burger span,.n-burger span::before,.n-burger span::after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;content:"";position:relative}
.n-burger span::before{position:absolute;top:-6px}.n-burger span::after{position:absolute;top:6px}
@media(max-width:900px){
  .n-burger{display:inline-flex}
  .n-hd .n-in{gap:12px}.n-logo{margin-right:auto}
  .n-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#0f100c;border-bottom:1px solid var(--line);padding:10px 20px 18px;max-height:calc(100vh - 72px);overflow:auto}
  .n-nav.open{display:block}
  .n-nav ul{flex-direction:column;gap:0}.n-nav a{padding:14px 4px;font-size:15px;border-bottom:1px solid var(--line);border-radius:0}.n-nav a.on{box-shadow:none;color:var(--accent)}
  .n-nav .sub{display:flex;position:static;border:0;background:transparent;padding:0 0 0 14px}
  .n-fbar .n-in{flex-wrap:wrap;gap:10px}
}
.theme-ragnarok2 .nav-toggle{display:none!important}
@media(max-width:900px){.n-hd .n-nav.open{display:block}}
@media(max-width:900px){.n-hd .n-in.nav-open>.n-nav{display:block}}
.rkn{display:flex;flex-direction:column;min-height:100vh}.n-main{flex:1}
.n-main>.rk-page{width:min(100% - 40px,820px);margin:0 auto;padding:56px 0 80px}
.n-main>.rk-page .prose{max-width:none}
.n-main>.rk-page h1{font-size:clamp(32px,5vw,56px);text-transform:uppercase;margin-bottom:24px}
.n-main>.tr-page,.n-main>.tr-list,.n-main>[class^="tr-"]{width:min(100% - 40px,1280px);margin-left:auto;margin-right:auto;padding-top:48px;padding-bottom:72px;box-sizing:border-box}

/* ===== Shop (Poster-Raster, erstes Produkt gross) ===== */
.n-main>.sh-page{width:min(100% - 40px,1280px);margin:0 auto;padding:56px 0 80px;box-sizing:border-box}
.sh-page .sh-title{font-size:clamp(34px,5vw,64px);text-transform:uppercase;font-weight:700;letter-spacing:-.01em}
.sh-page .sh-lead{max-width:560px;font-size:17px}
.sh-page .sh-filter{margin-bottom:28px}
.sh-page .sh-filter a{padding:9px 18px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.sh-page .sh-filter a.on{background:var(--accent);border-color:var(--accent);color:#0f100c}
.sh-page .sh-pill{font-size:10px;padding:4px 10px}
.sh-page .sh-price{font-variant-numeric:tabular-nums}
.sh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sh-card{position:relative;aspect-ratio:1/1;border-radius:6px;background:#15160f;border:0}
.sh-card:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.sh-img{position:absolute;inset:0;aspect-ratio:auto}
.sh-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,12,0) 45%,rgba(15,16,12,.92))}
.sh-body{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2}
.sh-body h3{font-size:clamp(20px,2.4vw,30px);text-transform:uppercase;font-style:italic}
.sh-card:first-child .sh-body h3{font-size:clamp(28px,4vw,52px)}
.sh-card .sh-price{position:absolute;right:16px;top:-0;transform:translateY(-100%);margin-top:-14px;background:var(--accent);color:#0f100c;padding:6px 14px;font-size:16px;font-weight:800;transform:skewX(-10deg)}
.sh-card:hover .sh-img img{transform:scale(1.05)}
.sh-img img{transition:transform .5s}
.sh-card:hover{outline:2px solid var(--accent);outline-offset:-2px}
.sh-tags{z-index:3}
@media(max-width:900px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-card:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}
/* Produktseite im gleichen Stil */
.n-main>.sh-page .sh-back{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.n-main>.sh-page .sh-back:hover{color:var(--accent)}
.sh-detail{gap:clamp(24px,4vw,56px)}
.sh-gal .main{border-radius:6px;background:#15160f}
.sh-thumbs img{border-radius:6px}
.sh-info h1{font-size:clamp(30px,4.5vw,56px);text-transform:uppercase;font-style:italic;margin:.2em 0 .1em}
.sh-info .sh-price{display:inline-block;background:var(--accent);color:#0f100c;padding:6px 16px;font-size:clamp(20px,2.4vw,28px);font-weight:800;transform:skewX(-10deg);margin:.4rem 0 1.2rem}
.sh-buy{border-radius:2px;padding:15px 34px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.sh-buy:hover{filter:drop-shadow(0 0 14px var(--accent))}
.n-main .sh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:900px){.n-main .sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n-main .sh-card:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}
@media(max-width:520px){.n-main .sh-grid{grid-template-columns:minmax(0,1fr)}.n-main .sh-card:first-child{grid-column:auto}}
.n-main .sh-buy{color:#0f100c}
.n-main .sh-buy.off{color:var(--muted)}

/* ===== Team-Karten (Sammelkarten: Lime-Schraege hinter der Figur) ===== */
.n-home .n-teams{gap:28px}
.n-home .n-team{min-height:430px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;justify-content:flex-end;perspective:800px}
.n-home .n-team::before{content:"";position:absolute;left:0;right:0;top:40px;bottom:96px;background:var(--accent);clip-path:polygon(0 18%,100% 0,100% 82%,0 100%);transition:transform .35s}
.n-home .n-team:hover::before{transform:skewY(-3deg) scale(1.03)}
.n-home .n-team img{right:50%;transform:translateX(50%);height:92%;max-width:100%;bottom:84px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.55))}
.n-home .n-team:hover img{transform:translateX(50%) translateY(-8px) scale(1.05)}
.n-home .n-tg{position:absolute;left:14px;top:12px;color:#0f100c;background:var(--accent);padding:4px 10px;z-index:3}
.n-home .n-team h3{position:relative;z-index:3;max-width:100%;font-size:clamp(22px,2.2vw,30px);padding:14px 4px 0;font-style:italic}
.n-home .n-go{margin:6px 4px 0;color:var(--accent);z-index:3}
.n-home .n-team:hover{transform:none;border:0}
.n-home .n-team p{position:relative;z-index:3;margin:6px 4px 0;max-width:100%;font-size:13px;color:var(--muted)}
.n-teams.big .n-team{min-height:500px}
@media(max-width:900px){.n-home .n-teams{gap:36px}.n-home .n-team{min-height:400px}}
.n-teams.big .n-team::before{bottom:170px}
.n-teams.big .n-team img{bottom:158px;height:80%}
@media(max-width:900px){.n-home .n-team img{opacity:1;height:92%}}
.n-home .n-team h3{text-shadow:0 2px 14px rgba(15,16,12,.9)}

/* ===== Creator-Block (zentriert, Figuren vor Lime-Streifen) ===== */
.n-creators{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:56px 24px 56px;background:#202119;position:relative;overflow:hidden}
.n-creators::before{content:"";position:absolute;left:-5%;right:-5%;top:96px;height:200px;background:var(--accent);transform:skewY(-4deg)}
.n-cimg{position:relative;z-index:2;min-height:0}
.n-cimg img{height:360px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.4))}
.n-ctx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:8px}
.n-ctx h2{font-size:clamp(34px,5vw,64px)}
.n-ctx p:not(.n-eye){text-align:center;margin:12px 0 22px}
.n-ctx .n-eye{order:-1}
@media(max-width:600px){.n-creators::before{top:70px;height:140px}.n-cimg img{height:260px}}
.n-creators .n-cimg img{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,#000 62%,transparent 98%)}
.n-creators .n-cimg{margin-bottom:-28px}
.n-creators .n-cimg img{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 99%);mask-image:linear-gradient(180deg,#000 74%,transparent 99%);filter:none}
.n-creators .n-cimg{margin-bottom:-14px}
.n-logo .mk{height:38px}
.n-hd .n-logo{margin-right:36px}@media(max-width:900px){.n-hd .n-logo{margin-right:auto}}

/* ===== Matches (Aufmacher mit naechstem Spiel, daneben die Ergebnisse) ===== */
.n-mt{display:grid;gap:24px}
.n-mcol h3{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-weight:700}
.n-m{display:grid;align-items:center;gap:16px;position:relative}
.n-m .d{text-align:center;line-height:1}.n-m .d b{display:block;font-size:30px;font-weight:700;font-style:italic}.n-m .d em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.n-m .v{display:flex;flex-direction:column;gap:4px;min-width:0}
.n-m .c{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-m .t{display:flex;align-items:center;gap:12px;font-weight:700;text-transform:uppercase;font-size:15px}
.n-m .t>span:first-child,.n-m .t>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-m .x{font-size:20px;font-style:italic;padding:2px 12px;background:rgba(232,234,224,.08);border-radius:6px}.n-m .x i{font-style:normal;opacity:.6;margin:0 3px}
.n-m .st{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:rgba(232,234,224,.1);white-space:nowrap}
.n-m.is-win .st{background:rgba(111,207,106,.16);color:#7be077}.n-m.is-win .x{color:#7be077}
.n-m.is-loss .st{background:rgba(255,77,77,.16);color:#ff7a7a}.n-m.is-loss .x{color:#ff7a7a}
.n-m.is-draw .st{color:var(--muted)}
.n-m.is-live .st{background:#ff4d4d;color:#fff}
.n-m.is-next .st{background:rgba(186,253,0,.14);color:var(--accent)}
.n-mnone{color:var(--muted);margin:0}

.n-mt{grid-template-columns:1.15fr 1fr;align-items:stretch}
.n-mnext{display:flex;flex-direction:column;gap:10px}
.n-mnext .n-m.first{flex:1;grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;padding:36px 28px;border-radius:20px;background:var(--accent);color:#0f100c;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.n-mnext .n-m.first .d{display:flex;gap:10px;align-items:baseline}.n-mnext .n-m.first .d b{font-size:46px}.n-mnext .n-m.first .d em,.n-mnext .n-m.first .c{color:rgba(15,16,12,.7)}
.n-mnext .n-m.first .t{flex-direction:column;gap:10px;font-size:clamp(22px,3vw,34px);font-style:italic}
.n-mnext .n-m.first .x{background:#0f100c;color:var(--accent);font-size:20px}
.n-mnext .n-m.first .st{background:#0f100c;color:var(--accent)}
.n-mnext .n-m:not(.first){grid-template-columns:54px minmax(0,1fr) auto;padding:12px 16px;border-radius:12px;background:#202119}
.n-mres .n-m{grid-template-columns:54px minmax(0,1fr) auto;padding:18px 20px;margin-bottom:10px;border-radius:12px;background:#202119;border-left:4px solid var(--line)}
.n-mres .n-m.is-win{border-left-color:#6fcf6a}.n-mres .n-m.is-loss{border-left-color:#ff4d4d}
@media(max-width:900px){.n-mt{grid-template-columns:1fr}}
.n-m .x{white-space:nowrap;flex:none}.n-m .t>span:first-child,.n-m .t>span:last-child{flex:0 1 auto}
.n-m .tm{display:flex;align-items:center;gap:10px;min-width:0}
.n-m .tm>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-m .rk-mk{width:48px;height:48px;flex:none;border-radius:8px;font-size:.8rem}
.n-m:not(.first) .t{gap:10px}
.n-m:not(.first) .tm>span:last-child{font-size:13px}
.n-m.first .tm{flex-direction:column;gap:12px}
.n-m.first .rk-mk{width:84px;height:84px;border-radius:16px;font-size:1.6rem}
.n-m.first .tm>span:last-child{font-size:clamp(16px,1.8vw,22px);white-space:normal;text-align:center}
.n-m.first .t{flex-direction:row;align-items:flex-start;justify-content:center;gap:clamp(16px,3vw,40px);font-style:normal}
.n-m.first .x{align-self:center;margin-top:-14px}
.n-m.first .tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#0f100c;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.n-m.first .when{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(15,16,12,.75)}
.n-m.first .n-btn.dark{margin-top:4px}
.n-m.first .rk-mk.us{background:#0f100c;border-color:#0f100c;color:var(--accent)}
.n-m.first .rk-mk:not(.us){background:rgba(15,16,12,.12);border-color:rgba(15,16,12,.3);color:#0f100c}
.n-mnext .n-m.first .t{flex-direction:row;align-items:flex-start;justify-content:center;gap:clamp(16px,3vw,40px);font-style:normal;font-size:15px}
.n-mnext .n-m.first .t>.tm{overflow:visible}
.n-mnext .n-m.first{gap:14px}
@media(max-width:600px){.n-m:not(.first) .t>.tm:first-child>span:last-child{display:none}.n-m:not(.first) .t{gap:8px}.n-m:not(.first){gap:10px}.n-m .st{padding:5px 9px}}
/* Aufmacher: Teams als sauberes Dreier-Raster, VS mittig auf Hoehe der Logos, Namen klein und eng */
.n-mnext .n-m.first .t{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;justify-items:center;gap:clamp(12px,3vw,36px);width:100%;max-width:520px}
.n-mnext .n-m.first .t>.tm{align-items:center;gap:12px;width:100%}
.n-mnext .n-m.first .rk-mk{width:96px;height:96px;border-radius:20px}
.n-mnext .n-m.first .tm>span:last-child{font-size:14px;line-height:1.25;letter-spacing:.04em;max-width:190px;text-wrap:balance}
.n-mnext .n-m.first .x{align-self:start;margin-top:calc(48px - 16px);font-size:18px;padding:6px 14px}
@media(max-width:600px){.n-mnext .n-m.first .rk-mk{width:72px;height:72px}.n-mnext .n-m.first .x{margin-top:calc(36px - 16px)}}

/* ===== Scroll-Effekte (nur mit JavaScript, ohne bleibt alles sichtbar; bei "weniger Bewegung" ausgeschaltet) ===== */
.n-prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.n-js .n-rv{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.n-js .n-rv-up{transform:translateY(30px)}
.n-js .n-rv.n-in-view{opacity:1;transform:none}
.n-js .n-hero h1,.n-js .n-hero .n-lead,.n-js .n-hero .n-cta,.n-js .n-hero .n-eye{animation:nup .9s cubic-bezier(.2,.7,.2,1) both}
.n-js .n-hero .n-eye{animation-delay:.05s}.n-js .n-hero h1{animation-delay:.15s}.n-js .n-hero .n-lead{animation-delay:.3s}.n-js .n-hero .n-cta{animation-delay:.42s}
@keyframes nup{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.n-js .n-creators::before{transform:skewY(-4deg) scaleX(0);transform-origin:0 50%;transition:transform 1s cubic-bezier(.2,.7,.2,1) .15s}
.n-js .n-creators.n-in-view::before{transform:skewY(-4deg) scaleX(1)}
.n-js .n-creators .n-cimg img{transition:transform .9s cubic-bezier(.2,.7,.2,1) .35s,opacity .9s ease .35s}
.n-js .n-creators:not(.n-in-view) .n-cimg img{opacity:0;transform:translateY(50px)}
.n-js .n-team img{transition:transform .9s cubic-bezier(.2,.7,.2,1) .2s,opacity .8s ease .2s}
.n-js .n-team.n-rv:not(.n-in-view) img{opacity:0;transform:translateX(50%) translateY(60px)}
.n-js .n-join{transition-property:opacity,transform,box-shadow}
.n-cimg,.n-hero-in{will-change:transform}

/* ===== Turnier-Uebersicht (Aufmacher fuer laufende/offene Turniere, uebrige als ruhige Karten) ===== */
.tr-page .tr-title{font-size:clamp(34px,5vw,64px);text-transform:uppercase;font-weight:700;letter-spacing:-.01em;margin:0 0 32px}
.tr-card{display:flex;flex-direction:column;position:relative;color:var(--text);text-decoration:none;min-width:0}
.tr-card h3{font-family:var(--font-head);text-transform:uppercase;font-weight:700;margin:0}
.tr-card .tr-pill{align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.tr-card .tr-pill.hot{background:var(--accent);border-color:var(--accent);color:#0f100c}
.tr-card .tr-note{margin:0;font-size:13px;letter-spacing:.04em}

.tr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tr-card{padding:26px;gap:8px;border-radius:16px;background:#202119;border:1px solid var(--line);transition:transform .25s,border-color .25s}
.tr-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.tr-card h3{font-size:clamp(22px,2.2vw,30px);margin-top:12px}
.tr-card .tr-note{color:var(--muted)}
.tr-card:has(.hot){grid-column:1/-1;min-height:300px;padding:clamp(28px,4vw,56px);background:var(--accent);color:#0f100c;border:0;border-radius:20px;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,32px 100%,0 calc(100% - 32px));justify-content:flex-end}
.tr-card:has(.hot) .tr-pill.hot{background:#0f100c;color:var(--accent);border-color:#0f100c}
.tr-card:has(.hot) h3{color:#0f100c;font-size:clamp(38px,6vw,84px);font-style:italic;line-height:.95;margin-top:auto;max-width:14ch}
.tr-card:has(.hot) .tr-note{color:rgba(15,16,12,.75);font-size:15px;font-weight:600}
.tr-card:has(.hot):hover{transform:none}
.tr-card:has(.hot)::after{content:"Zum Turnier \2192";position:absolute;right:clamp(28px,4vw,56px);bottom:clamp(28px,4vw,56px);padding:14px 26px;border-radius:999px;background:#0f100c;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){.tr-cards{grid-template-columns:1fr}.tr-card:has(.hot)::after{position:static;margin-top:16px;align-self:flex-start}}
.rktn-b .tr-card .tr-pill{justify-self:start}
.rktn-b .tr-card{background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line)}
.n-main .tr-cards .tr-card{display:flex;flex-direction:column}

/* ===== Partnerseite (Logo-Wand: gleich grosse helle Kacheln, Name darunter) ===== */
.rk-partners .rk-pt{font-size:clamp(34px,5vw,64px);text-transform:uppercase;font-style:normal;letter-spacing:-.01em;margin:10px 0 8px}
.rk-partners .rk-pill.sol{background:transparent;color:var(--accent);padding:0;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.24em}
.rk-partners .rk-pill.sol::before{content:"";width:34px;height:2px;background:var(--accent)}
.rk-partners .rk-pc{display:flex;flex-direction:column;min-width:0;color:var(--text);text-decoration:none}
.rk-partners .rk-pc .pl{display:flex;align-items:center;justify-content:center;background:#fff;color:#1b1b1b}
.rk-partners .rk-pc .pl img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.rk-partners .rk-pc .bd b{font-family:var(--font-head);text-transform:uppercase;font-style:normal;font-weight:700}
.rk-partners .rk-pc .go{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* ===== A: Logo-Wand (vier gleich grosse helle Kacheln, Name darunter, Rahmen in Lime beim Ueberfahren) ===== */
.rk-partners .rk-pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rk-partners .rk-pc{gap:12px;background:transparent;border:0}
.rk-partners .rk-pc .pl{aspect-ratio:4/3;padding:26px;border-radius:18px;border:2px solid transparent;transition:border-color .25s,transform .25s}
.rk-partners .rk-pc:hover .pl{border-color:var(--accent);transform:translateY(-5px)}
.rk-partners .rk-pc .bd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 4px}
.rk-partners .rk-pc .bd b{font-size:15px}
@media(max-width:1000px){.rk-partners .rk-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.rk-partners .rk-pc .bd{border-top:0}
.rk-partners .rk-pc .pl{box-sizing:border-box;overflow:hidden;min-height:0}
.rk-partners .rk-pc .pl img{width:100%;height:100%;max-width:none;max-height:none}
@media(max-width:600px){.rk-partners .rk-pc .go{display:none}.rk-partners .rk-pc .bd b{font-size:13px;overflow-wrap:normal;word-break:normal;hyphens:auto}.rk-partners .rk-pc .pl{padding:16px}}

/* ===== News (Magazin: Aufmacher gross, Karten im Raster) und Matches (Aufmacher fuer das naechste Spiel) ===== */
.n-main>.rk-news .rk-pt em{font-style:italic;color:var(--accent)}
.n-main>.rk-news .rk-sub,.n-main>.rk-mt .rk-sub{color:var(--muted);font-size:17px;margin:0 0 28px}
.rk-nr .im{overflow:hidden}
.rk-nr .im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rk-nr:hover .im img{transform:scale(1.06)}

.rk-nl{display:block}
.rk-nrail{position:static;display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;background:transparent;margin-bottom:26px}
.rk-nrail b{display:none}
.rk-nrail a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.rk-nrail a:last-child{border-bottom:1px solid var(--line)}
.rk-nrail a:hover{border-color:var(--accent)}
.rk-nmain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rk-nmon{grid-column:1/-1;margin:14px 0 0;padding:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.rk-nmon:before{display:none}
.rk-nr{grid-template-columns:1fr;gap:0;padding:0;margin:0;border:0;border-radius:18px;overflow:hidden;background:#202119;align-items:stretch;transition:transform .25s}
.rk-nr:before{display:none}
.rk-nr:hover{transform:translateY(-6px);background:#202119}
.rk-nr .im{order:-1;aspect-ratio:16/10;border-bottom:3px solid var(--accent)}
.rk-nr .d{position:absolute;left:14px;top:14px;z-index:2;padding:6px 10px;background:var(--accent);color:#0f100c;border-radius:8px}
.rk-nr .d b{font-size:20px}.rk-nr .d small{color:#0f100c}
.rk-nr .tx{padding:20px 22px 24px}
.rk-nr h3{font-size:20px;line-height:1.2;margin-bottom:8px}
.rk-nr p{color:var(--muted);font-size:14px;margin:0}
.rk-nmon:first-child+.rk-nr{grid-column:1/-1;grid-template-columns:1.3fr 1fr}
.rk-nmon:first-child+.rk-nr .im{aspect-ratio:auto;min-height:340px;border-bottom:0;border-right:3px solid var(--accent)}
.rk-nmon:first-child+.rk-nr .tx{display:flex;flex-direction:column;justify-content:center;padding:36px}
.rk-nmon:first-child+.rk-nr h3{font-size:clamp(26px,3.2vw,44px);text-transform:uppercase;font-style:italic}
.rk-pager,.pager{grid-column:1/-1}
@media(max-width:900px){.rk-nmain{grid-template-columns:1fr 1fr}.rk-nmon:first-child+.rk-nr{grid-template-columns:1fr}.rk-nmon:first-child+.rk-nr .im{min-height:220px;border-right:0;border-bottom:3px solid var(--accent)}}
@media(max-width:560px){.rk-nmain{grid-template-columns:1fr}}

.rk-row{padding:14px 0}
.rk-mh{position:static;margin:28px 0 6px;padding:0 0 8px}
.rk-row.nx{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px;margin:6px 0 20px;padding:44px 28px;border:0;border-radius:20px;background:var(--accent);color:#0f100c;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.rk-row.nx .d{display:flex;gap:10px;align-items:baseline}.rk-row.nx .d b{font-size:56px}.rk-row.nx .d small{color:rgba(15,16,12,.7)}
.rk-row.nx .mu{justify-content:center;gap:18px}
.rk-row.nx .mu b{color:#0f100c;font-size:clamp(18px,2.4vw,28px);font-style:italic}.rk-row.nx .mu em,.rk-row.nx .vs{color:rgba(15,16,12,.7)}
.rk-row.nx .rk-mk.us{background:#0f100c;color:var(--accent);border-color:#0f100c}
.rk-row.nx .rk-mk{width:64px;height:64px}
.rk-row.nx .rt{justify-content:center}
.rk-row.nx .rk-badge{background:#0f100c;color:var(--accent)}
.rk-row.nx .btn{border-color:#0f100c;color:#0f100c}
.rk-row:has(.rk-sc.win){box-shadow:inset 4px 0 0 #6fcf6a;padding-left:18px}
.rk-row:has(.rk-sc.loss){box-shadow:inset 4px 0 0 #ff4d4d;padding-left:18px}
.n-main .rk-news.has-rail .rk-nl{display:block}
.n-main .rk-news.has-rail .rk-nmain{max-width:none}
.rk-nr .im{position:relative}
.rk-nr .im img{position:absolute;inset:0}
.rk-nr .im{width:100%}
@media(max-width:600px){
  .rk-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"d mu" "d rt";gap:8px 12px}
  .rk-row .d{grid-area:d}.rk-row .mu{grid-area:mu}.rk-row .rt{grid-area:rt;justify-content:flex-start}
  .rk-row .mu{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px 10px;align-items:center}
  .rk-row .mu .vs{display:none}
  .rk-row .mu .rk-mk{width:42px;height:42px;font-size:.75rem}
  .rk-row .mu b{font-size:.92rem}
  .rk-row.nx{padding:34px 18px}
  .rk-row.nx .mu{display:flex;flex-wrap:wrap;justify-content:center}
  .rk-row.nx .mu .vs{display:inline}
}
/* Standard-Seiten des CMS (Clips, Streamer): Rahmen wie die eigenen Seiten */
.n-gen{width:min(100% - 40px,1280px);margin:0 auto;padding:56px 0 80px;box-sizing:border-box}
.n-gen>h1{font-size:clamp(32px,5vw,60px);text-transform:uppercase;margin:0 0 14px}
.n-gen .st-intro{margin-bottom:34px}
.n-gen .st-h{color:var(--accent);letter-spacing:.2em}
.n-gen .st-sm,.n-gen .st-big{border-radius:var(--radius)}
.n-gen .st-sm{transition:transform .25s,border-color .25s}.n-gen .st-sm:hover{transform:translateY(-3px);border-color:var(--accent)}
.n-gen .st-link:hover{border-color:var(--accent);color:var(--accent)}
/* Clips */
.n-gen .cl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:20px}
.n-gen .cl-card{border-radius:var(--radius);transition:transform .25s,border-color .25s}
.n-gen .cl-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.n-gen .cl-bd{padding:14px 18px}.n-gen .cl-bd:last-child:not(:only-child){padding-top:0}
.n-gen .cl-bd h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.n-gen .cl-player{border-block:1px solid var(--line)}
.n-gen .cl-btn{background:var(--accent);color:#0f100c;border-radius:99px;padding:11px 26px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;transition:transform .2s,box-shadow .2s}
.n-gen .cl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(186,253,0,.25);filter:none}
.n-gen .cl-prov{color:var(--accent);opacity:1}
.n-gen .cl-ext{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.n-gen .cl-note{color:var(--muted)}
/* Footer: Aufruf zum Bewerben, darunter Logo, Menue und Kontakt */
.n-fb-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:56px 0 48px;border-bottom:1px solid var(--ln)}
.n-fb-cta h2{margin:0;font-size:clamp(28px,4.2vw,52px);text-transform:uppercase;color:var(--fg);line-height:1.05}
.n-fb-cta .n-eye{margin-bottom:12px}
.n-fb-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:48px 0}
.n-fb .n-fbrand .mk{height:44px;color:var(--lime)}.n-fb .n-fbrand p{max-width:320px}
.n-fb-grid b{display:block;color:var(--fg);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}
.n-fb-grid a{display:block;margin-bottom:12px;transition:color .2s}.n-fb-grid a:hover{color:var(--lime)}
.n-fb-grid>div+div+div b:not(:first-child){margin-top:22px}
@media(max-width:900px){.n-fb-cta{flex-direction:column;align-items:flex-start;padding:44px 0 36px}.n-fb-grid{grid-template-columns:1fr 1fr;gap:32px}.n-fb-grid .n-fbrand{grid-column:1/-1}}
@media(max-width:520px){.n-fb-grid{grid-template-columns:1fr}}
/* Partner auf der Startseite: Raster aus Kacheln, jede fuehrt zur Partnerseite */
.n-spa{padding-bottom:0}
.n-spa-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.n-spa-t{flex:0 1 240px;display:flex;align-items:center;justify-content:center;height:112px;padding:22px 30px;background:var(--panel);border:1px solid var(--ln);border-radius:var(--radius);color:var(--mut);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s}
.n-spa-t img{display:block;max-width:100%;max-height:100%;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.6);transition:filter .25s}
.n-spa-t:hover,.n-spa-t:focus-visible{transform:translateY(-4px);border-color:var(--lime);box-shadow:0 12px 30px rgba(186,253,0,.12);color:var(--lime)}.n-spa-t:hover img,.n-spa-t:focus-visible img{filter:none}
@media(max-width:600px){.n-spa-grid{gap:10px}.n-spa-t{flex:0 1 calc(50% - 5px);height:92px;padding:16px 18px;box-sizing:border-box}}
/* Teamseite: Seitenleiste links, Inhalt rechts */
.t-pills{display:flex;flex-wrap:wrap;gap:8px}
.rk-team.t-b .rk-sh{margin-top:52px}
.t-b-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;padding:clamp(32px,5vw,64px) 0 20px;align-items:start}
.t-b-side{position:sticky;top:calc(var(--hd) + 20px);display:grid;gap:16px}
.t-b-card{background:var(--panel);border:1px solid var(--ln);border-top:4px solid var(--lime);border-radius:var(--radius);padding:26px}
.t-b-card h1{margin:14px 0 20px;font-size:clamp(30px,3.4vw,44px);line-height:1;text-transform:uppercase;font-style:italic;overflow-wrap:anywhere}
.t-b-st{display:grid;margin-bottom:22px}
.t-b-st div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--ln)}
.t-b-st b{font-size:26px;font-style:italic;line-height:1;order:2}.t-b-st span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.t-b-card .n-btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}
.t-b-lab{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.t-b-next{background:var(--panel);border:1px solid var(--ln);border-radius:var(--radius);padding:18px}
.t-b-next .rk-match{margin:0}
.t-b-main .rk-sh:first-child,.t-b-main>.rk-desc+.rk-sh{margin-top:0}
.t-b-main .rk-desc{margin:0 0 36px}
.t-b-main .rk-prow{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
@media(max-width:520px){.t-b-main .rk-prow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:900px){.t-b-grid{grid-template-columns:minmax(0,1fr)}.t-b-side{position:static}}
/* Titelbild der Startseite (Admin -> Design -> Titelbild): Bild hinter dem Titel, Verlauf nach Schwarz, leichte Parallaxe */
.n-hero.has-img{min-height:clamp(560px,80vh,860px);display:flex;align-items:center}
.n-hero-bg{position:absolute;inset:-12% 0;background:#1b1b1b center/cover no-repeat;will-change:transform;z-index:0}
.n-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,27,27,.94) 0%,rgba(27,27,27,.7) 46%,rgba(27,27,27,.28) 100%),linear-gradient(180deg,rgba(27,27,27,.5) 0%,transparent 22%,transparent 62%,var(--bg) 100%)}
.n-hero.has-img .n-hero-in{position:relative;z-index:1}
@media(max-width:700px){.n-hero-bg::after{background:linear-gradient(180deg,rgba(27,27,27,.72),rgba(27,27,27,.82) 70%,var(--bg))}}

/* Partner-Detailseite: Logo auf dunkler Karte, Name gross mit gruenem letztem Wort, Weitere Partner als dunkle Kacheln */
.pd{padding:34px 0 90px}
.pd .pd-back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-bottom:26px}
.pd .pd-back:hover{text-decoration:underline}
.pd h1{font-size:clamp(34px,5.4vw,72px);text-transform:uppercase;letter-spacing:-.01em}
.pd h1 em{font-style:normal;color:var(--lime)}
.pd .pd-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center}
.pd .pd-logo{display:flex;align-items:center;justify-content:center;height:300px;padding:36px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);border-bottom:6px solid var(--lime)}
.pd .pd-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pd .pd-logo .pt-ini{font-weight:800;font-size:1.4rem;text-align:center;text-transform:uppercase}
.pd .pd-bio{margin-top:18px;max-width:60ch;color:var(--mut);font-size:17px}
.pd .pd-bio p{margin:0 0 .8em}
.pd .pd-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pd .pd-btns .pf-sbtn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border:1px solid var(--ln);border-radius:999px;background:var(--card);color:var(--fg);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,color .2s,transform .2s}
.pd .pd-btns .pf-sbtn svg{color:var(--lime)}
.pd .pd-btns .pf-sbtn:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}
.pd .pd-more{margin-top:80px}
.pd .pd-more h2{font-size:clamp(24px,3vw,36px);text-transform:uppercase;margin-bottom:22px}
.pd .pd-more h2 em{font-style:normal;color:var(--lime)}
.pd .pd-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pd .pd-strip a{display:flex;align-items:center;justify-content:center;height:112px;padding:22px 26px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);transition:transform .25s,border-color .25s,box-shadow .25s}
.pd .pd-strip a img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) brightness(1.5);transition:filter .25s}
.pd .pd-strip a:hover{transform:translateY(-4px);border-color:var(--lime);box-shadow:0 12px 30px rgba(186,253,0,.12)}
.pd .pd-strip a:hover img{filter:none}
.pd .pd-strip .pt-ini{color:var(--mut);font-weight:700;font-size:.9rem;text-align:center;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){.pd .pd-grid{grid-template-columns:1fr;gap:28px}.pd .pd-logo{height:220px}.pd .pd-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* News unter den Partnern: drei gleich grosse Karten */
.n-news{padding-top:56px}
.n-nw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.n-nw .c{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
.n-nw .c:hover{border-color:var(--lime);transform:translateY(-4px);box-shadow:0 14px 34px rgba(186,253,0,.1)}
.n-nw .im{aspect-ratio:16/10;overflow:hidden;background:var(--n7)}
.n-nw .im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.n-nw .c:hover .im img{transform:scale(1.05)}
.n-nw .ph{display:grid;place-items:center;height:100%;font-weight:800;font-size:2rem;color:var(--n5)}
.n-nw .tx{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.n-nw .d{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.n-nw h3{font-size:clamp(18px,1.7vw,24px);line-height:1.2;margin:8px 0 0}
.n-nw p{margin:8px 0 0;color:var(--mut);font-size:15px;line-height:1.55}
.n-nw .go{margin-top:auto;padding-top:14px;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
@media(max-width:900px){.n-nw{grid-template-columns:1fr}}
/* Einheitliche Kartenform: rechts oben und links unten abgeschraegt, links oben und rechts unten gerundet (wie die gruenen Karten).
   Der Rahmen wird als ::after gezeichnet, damit auch die schraegen Kanten die Konturfarbe bekommen (Grundfarbe --ln, beim Darueberfahren Gruen). */
.theme-ragnarok2{--cut:26px;--cut-s:16px}
.theme-ragnarok2 .n-join,.theme-ragnarok2 .n-creators,.theme-ragnarok2 .rk-pcard,.theme-ragnarok2 .tr-card:not(:has(.hot)),.theme-ragnarok2 .rk-nr,.theme-ragnarok2 .t-b-card,.theme-ragnarok2 .t-b-next,.theme-ragnarok2 .n-nw .c,.theme-ragnarok2 .pd .pd-logo,.theme-ragnarok2 .rk-partners .rk-pc .pl,.theme-ragnarok2 .n-gen .st-sm,.theme-ragnarok2 .n-gen .st-big,.theme-ragnarok2 .n-gen .cl-card,.theme-ragnarok2 .sh-card{--k:var(--cut);border-radius:20px}
.theme-ragnarok2 .n-spa-t,.theme-ragnarok2 .pd .pd-strip a,.theme-ragnarok2 .n-mnext .n-m:not(.first),.theme-ragnarok2 .n-mres .n-m{--k:var(--cut-s);border-radius:12px}
.theme-ragnarok2 .n-join,.theme-ragnarok2 .n-creators,.theme-ragnarok2 .rk-pcard,.theme-ragnarok2 .tr-card:not(:has(.hot)),.theme-ragnarok2 .rk-nr,.theme-ragnarok2 .t-b-card,.theme-ragnarok2 .t-b-next,.theme-ragnarok2 .n-nw .c,.theme-ragnarok2 .pd .pd-logo,.theme-ragnarok2 .rk-partners .rk-pc .pl,.theme-ragnarok2 .n-gen .st-sm,.theme-ragnarok2 .n-gen .st-big,.theme-ragnarok2 .n-gen .cl-card,.theme-ragnarok2 .sh-card,.theme-ragnarok2 .n-spa-t,.theme-ragnarok2 .pd .pd-strip a,.theme-ragnarok2 .n-mnext .n-m:not(.first),.theme-ragnarok2 .n-mres .n-m{--bc:var(--ln);border:0!important;clip-path:polygon(0 0,calc(100% - var(--k)) 0,100% var(--k),100% 100%,var(--k) 100%,0 calc(100% - var(--k)))}
.theme-ragnarok2 :where(.n-join,.n-creators,.rk-pcard,.tr-card:not(:has(.hot)),.rk-nr,.t-b-card,.t-b-next,.n-nw .c,.pd .pd-logo,.rk-partners .rk-pc .pl,.n-gen .st-sm,.n-gen .st-big,.n-gen .cl-card,.sh-card,.n-spa-t,.pd .pd-strip a,.n-mnext .n-m:not(.first),.n-mres .n-m){position:relative}
.theme-ragnarok2 .n-join::after,.theme-ragnarok2 .n-creators::after,.theme-ragnarok2 .rk-pcard::after,.theme-ragnarok2 .tr-card:not(:has(.hot))::after,.theme-ragnarok2 .rk-nr::after,.theme-ragnarok2 .t-b-card::after,.theme-ragnarok2 .t-b-next::after,.theme-ragnarok2 .n-nw .c::after,.theme-ragnarok2 .pd .pd-logo::after,.theme-ragnarok2 .rk-partners .rk-pc .pl::after,.theme-ragnarok2 .n-gen .st-sm::after,.theme-ragnarok2 .n-gen .st-big::after,.theme-ragnarok2 .n-gen .cl-card::after,.theme-ragnarok2 .sh-card::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--bc);transition:background-color .25s;clip-path:polygon(evenodd,0px 20px,0.681px 14.824px,2.679px 10px,5.858px 5.858px,10px 2.679px,14.824px 0.681px,20px 0px,calc(100% - var(--k)) 0,100% var(--k),calc(100% - 0px) calc(100% - 20px),calc(100% - 0.681px) calc(100% - 14.824px),calc(100% - 2.679px) calc(100% - 10px),calc(100% - 5.858px) calc(100% - 5.858px),calc(100% - 10px) calc(100% - 2.679px),calc(100% - 14.824px) calc(100% - 0.681px),calc(100% - 20px) calc(100% - 0px),var(--k) 100%,0 calc(100% - var(--k)),0px 20px,1px 20px,1px calc(100% - var(--k) - 0.414px),calc(var(--k) + 0.414px) calc(100% - 1px),calc(100% - 20px) calc(100% - 1px),calc(100% - 15.082px) calc(100% - 1.647px),calc(100% - 10.5px) calc(100% - 3.546px),calc(100% - 6.565px) calc(100% - 6.565px),calc(100% - 3.546px) calc(100% - 10.5px),calc(100% - 1.647px) calc(100% - 15.082px),calc(100% - 1px) calc(100% - 20px),calc(100% - 1px) calc(var(--k) + 0.414px),calc(100% - var(--k) - 0.414px) 1px,20px 1px,15.082px 1.647px,10.5px 3.546px,6.565px 6.565px,3.546px 10.5px,1.647px 15.082px,1px 20px)}
.theme-ragnarok2 .n-spa-t::after,.theme-ragnarok2 .pd .pd-strip a::after,.theme-ragnarok2 .n-mnext .n-m:not(.first)::after,.theme-ragnarok2 .n-mres .n-m::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--bc);transition:background-color .25s;clip-path:polygon(evenodd,0px 12px,0.409px 8.894px,1.608px 6px,3.515px 3.515px,6px 1.608px,8.894px 0.409px,12px 0px,calc(100% - var(--k)) 0,100% var(--k),calc(100% - 0px) calc(100% - 12px),calc(100% - 0.409px) calc(100% - 8.894px),calc(100% - 1.608px) calc(100% - 6px),calc(100% - 3.515px) calc(100% - 3.515px),calc(100% - 6px) calc(100% - 1.608px),calc(100% - 8.894px) calc(100% - 0.409px),calc(100% - 12px) calc(100% - 0px),var(--k) 100%,0 calc(100% - var(--k)),0px 12px,1px 12px,1px calc(100% - var(--k) - 0.414px),calc(var(--k) + 0.414px) calc(100% - 1px),calc(100% - 12px) calc(100% - 1px),calc(100% - 9.153px) calc(100% - 1.375px),calc(100% - 6.5px) calc(100% - 2.474px),calc(100% - 4.222px) calc(100% - 4.222px),calc(100% - 2.474px) calc(100% - 6.5px),calc(100% - 1.375px) calc(100% - 9.153px),calc(100% - 1px) calc(100% - 12px),calc(100% - 1px) calc(var(--k) + 0.414px),calc(100% - var(--k) - 0.414px) 1px,12px 1px,9.153px 1.375px,6.5px 2.474px,4.222px 4.222px,2.474px 6.5px,1.375px 9.153px,1px 12px)}
.theme-ragnarok2 .n-join:hover,.theme-ragnarok2 .n-creators:hover,.theme-ragnarok2 .rk-pcard:hover,.theme-ragnarok2 .tr-card:not(:has(.hot)):hover,.theme-ragnarok2 .rk-nr:hover,.theme-ragnarok2 .t-b-card:hover,.theme-ragnarok2 .t-b-next:hover,.theme-ragnarok2 .n-nw .c:hover,.theme-ragnarok2 .pd .pd-logo:hover,.theme-ragnarok2 .rk-partners .rk-pc .pl:hover,.theme-ragnarok2 .n-gen .st-sm:hover,.theme-ragnarok2 .n-gen .st-big:hover,.theme-ragnarok2 .n-gen .cl-card:hover,.theme-ragnarok2 .sh-card:hover,.theme-ragnarok2 .n-spa-t:hover,.theme-ragnarok2 .pd .pd-strip a:hover,.theme-ragnarok2 .n-mnext .n-m:not(.first):hover,.theme-ragnarok2 .n-mres .n-m:hover,.theme-ragnarok2 .rk-partners .rk-pc:hover .pl{--bc:var(--accent)}
@media(max-width:600px){.theme-ragnarok2{--cut:18px;--cut-s:12px}}

/* Partner-Uebersicht wie die Detailseite: dunkle Karte mit gruenem Balken, Logo in Originalfarben */
.theme-ragnarok2 .rk-partners .rk-pc .pl{background:var(--card);color:var(--fg,var(--text));box-shadow:inset 0 -6px 0 var(--accent);transition:transform .25s}
.theme-ragnarok2 .rk-partners .rk-pc:hover .pl{transform:translateY(-5px)}
.theme-ragnarok2 .rk-partners .rk-pc .pl .pt-ini{color:var(--text);font-weight:800;text-align:center;text-transform:uppercase}
.theme-ragnarok2 .pd .pd-logo{box-shadow:inset 0 -6px 0 var(--accent)}

/* Startseite, Match-Zeilen: Das eigene Wappen wurde am Handy abgeschnitten (die Zelle mit Wappen und Namen ist overflow:hidden und schrumpfte). Wappen behalten ihre Groesse, nur der Name kuerzt sich; am Handy entfaellt der eigene Name und die Wappen werden kleiner. */
.n-m .t>span:first-child,.n-m .t>span:last-child{overflow:visible}
.n-m .t .rk-mk{flex:none}
@media(max-width:520px){
  .n-m .t{gap:8px}
  .n-m .t>span:first-child>span:last-child{display:none}
  .n-m .t>span:first-child{flex:none;min-width:auto}
  .n-m .rk-mk{width:42px;height:42px}
  .n-m .x{padding:2px 8px;font-size:18px}
}
@media(max-width:520px){
  .n-mnext .n-m:not(.first),.n-mres .n-m{grid-template-columns:48px minmax(0,1fr);gap:6px 12px;padding:16px 16px}
  .n-mnext .n-m:not(.first) .st,.n-mres .n-m .st{grid-column:2;justify-self:start}
}

/* Mobile-Korrekturen (Pruefung 2026-10-29) */
.n-sh a{white-space:nowrap}
@media(max-width:640px){
  /* News-Karten: das Bild stand durch eine Alt-Regel in Spalte 2 des einspaltigen Rasters, das Datum lag ueber dem Titel */
  .rk-nr .im{grid-column:auto;max-width:none}
}
@media(max-width:700px){
  /* Match-Zeilen: Wappenspalte so breit wie das Wappen (42 px), sonst klebt der Name am Wappen */
  .rk-row .mu{grid-template-columns:42px minmax(0,1fr)}
  .mt-filter{margin-bottom:22px}
}

/* Teamseite: mehr Abstand ueber "Ligen & Turniere" (vorher klebte die Ueberschrift direkt unter den Spielerkarten) */
.theme-ragnarok2 .cp-team{margin-top:56px}
@media(max-width:640px){.theme-ragnarok2 .cp-team{margin-top:40px}}

/* Spielerkarten ohne Foto: statt grosser Initialen eine ruhige Silhouette, die Nummer kleiner. Ueberschriften mit Strich bekommen Abstand nach unten (h2 hatte margin:0 durch die Basisregel). */
.theme-ragnarok2 h2.rk-sh{margin-bottom:34px}
.rk-pcard .ph:not([style]){font-size:0}
.rk-pcard .ph:not([style])::before{content:"";width:58%;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='34' r='17' fill='%23fff'/%3E%3Cpath d='M16 96c0-22 15-35 34-35s34 13 34 35z' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.07;transform:translateY(-8%)}
.rk-pcard .no{font-size:2.2rem;right:12px;top:8px;color:rgba(255,255,255,.14)}