/* Variante B · "Clubhaus": Bordeaux, Champagner, Leinen. Dunkles Hero-Band, weiche Rundungen */
:root{--bg:#f6f0e4;--surf:#fffcf5;--surf2:#eee3cf;--ink:#2b1b1e;--mut:#7b6a64;--forest:#4a1424;--forest2:#6c2536;--brass:#b3893f;--brassl:#ecd9ae;--wine:#7a1f33;--line:#e5d8bf;--r:18px;--sh:0 10px 30px -18px rgba(74,20,36,.45);--f-h:'Fraunces',Georgia,serif;--f-b:'Figtree',system-ui,sans-serif}
body{background:var(--bg)}
h1,h2,h3{font-weight:600;font-variation-settings:"SOFT" 100,"WONK" 0}
.hdr{background:var(--forest);border-bottom:1px solid rgba(236,217,174,.25)}.hdr .logo{color:#fff}.hdr .logo i{background:var(--brass);color:var(--forest)}.hdr .logo span{color:var(--brassl)}
.nav>li>a,.nav>li>button{color:#f3e8d3}.nav>li>a:hover,.nav>li>button:hover,.nav li:focus-within>button{background:rgba(255,255,255,.1);color:#fff}
.burger{background:var(--brass);color:var(--forest)}
.hero{background:var(--forest);color:#f3e8d3;padding:28px 0 34px;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.04) 75%,transparent 75%);background-size:36px 36px}
.hero h1,.hero .eyebrow{color:#fff}.hero .eyebrow{color:var(--brassl)}.hero .lead{color:#e6d9c0}.crumbs,.crumbs a,.meta,.meta b{color:#d9c9a6}.meta b{color:#fff}
.hero-art{border-radius:24px;border:1px solid rgba(236,217,174,.4);box-shadow:none}
.hero .btn-brass{background:var(--brass);border-color:var(--brass);color:#2b1b1e}.btn{border-radius:999px;background:var(--forest);border-color:var(--forest)}.btn:hover{background:var(--forest2)}.btn-brass{background:var(--brass);border-color:var(--brass);color:#fff}.btn-brass:hover{background:#8f6c2c}
.btn-line{background:transparent;color:var(--forest)}.btn-line:hover{background:var(--forest);color:#fff}
.lst{margin-top:0;position:relative}.lst-h{margin:34px 0 12px}.lst-h h2{color:var(--forest)}.lst-h .upd,.lst-h .upd a{color:var(--mut)}
.cc{border:1px solid var(--line);border-left:6px solid var(--brass);border-radius:18px;background:var(--surf);box-shadow:var(--sh)}.cc:hover{border-color:var(--brass);border-left-color:var(--forest)}
.cc .rk{font-family:var(--f-h);color:var(--brass)}.cc .lt{border-radius:12px}
.cc .rt,.rt{background:var(--forest);color:var(--brassl);box-shadow:inset 0 0 0 3px var(--forest),inset 0 0 0 4px var(--brassl)}
.hx .cc{border-left-width:6px}
.hero .lst-h h2{color:#fff}.hero .lst-h .upd,.hero .lst-h .upd a{color:#e6d9c0}
.body>section>h2{border-bottom:0;padding-bottom:0;position:relative;padding-left:18px}.body>section>h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:5px;background:var(--brass)}
.toc{border-left:0;background:var(--surf);border-radius:18px;padding:14px 16px;border:1px solid var(--line)}.toc b{color:var(--forest2)}.toc a.on{color:var(--wine)}
.ci{border-radius:18px;background:var(--surf);box-shadow:var(--sh)}.ci .ic{background:var(--surf2);padding:5px;border-radius:50%;width:34px;height:34px;color:var(--forest)}
.stat{background:var(--forest);border-radius:18px}.stat b{color:var(--brassl)}
.steps li{border-radius:18px}.steps li::before{background:var(--brass);color:#fff}
.note{background:#f4e9cf;border-color:#e3cf9c;border-radius:16px}.note.tip{background:#ece9dc}.note.warn{background:#f6e3e3;border-color:#e6bcbc}.note::before{background:var(--brass)}
th{background:var(--forest);color:#f3e8d3}.tbl{border-radius:16px}
.bar i::after{background:linear-gradient(90deg,var(--forest2),var(--brass))}
.lc{border-radius:18px}.lc::after{background-color:var(--forest)}.lc:hover::after{background-color:var(--brass)}
.tab-list button[aria-selected=true]{color:var(--forest);box-shadow:inset 0 -3px 0 var(--brass)}
.rv{border-radius:24px}.rv-top{background:linear-gradient(180deg,var(--surf2),var(--surf))}
.hero-rv{background:var(--forest);padding-bottom:30px}
.ftr{background:#240912}.ftr a{color:var(--brassl)}
.demo{background:var(--forest2);border-color:var(--brass);border-radius:24px}.reels{background:#2b0b15}.dbtn{background:var(--brass);border-radius:999px}.dbtn.alt{border-color:var(--brassl);color:var(--brassl)}.pcard.back{background:repeating-linear-gradient(45deg,#6c2536,#6c2536 6px,#4a1424 6px,#4a1424 12px)}
.pop-box{border-radius:28px}.age>div{border-radius:28px}
.stk{background:var(--forest);border-radius:999px}.stk .btn{background:var(--brass)}
.chip{background:var(--surf)}.ring{background:conic-gradient(var(--brass) calc(var(--v)*1%),var(--surf2) 0)}
.rv-cta{background:var(--surf2)}
.hero .rv{color:var(--ink)}.hero .rv h1{color:var(--forest)}.hero .rv .meta{color:var(--mut)}.hero .rv .meta b{color:var(--ink)}.hero .rv .chip{color:var(--ink)}

/* Listing-Karten im dunklen Hero (Spielseiten): dunkle Schrift auf hellen Karten */
.hero .cc{color:var(--ink)}.hero .cc .bn strong{color:var(--forest)}.hero .cc .bn span,.hero .cc .mdi,.hero .cc .bn small,.hero .cc .md small{color:var(--mut)}.hero .cc li,.hero .cc li span{color:var(--ink)}.hero .cc li .ic{color:var(--forest2)}.hero .cc .md b{color:var(--ink)}.hero .cc a.rl{color:var(--forest)}.hero .cc .btn{color:#fff}.hero .cc .btn:hover{color:#fff}.hero .cc .rk{color:var(--brass)}
.pop-art{width:200px;border-radius:14px}