/* TG VAULT · Releases & Wissen · Japanese Vintage Luxury · v1 (2026-09-03) */
.rw{--bx:#6a2436;--bx-head:#71283b;--bx-deep:#3d071b;--bx-2:#64112c;--cream:#f4ead6;--cream-soft:#f7eddf;--ink:#4a3730;--ink-soft:#5c473f;--muted:#94857a;--gold:#c9a24e;--gold-lt:#e0bd72;--gold-hi:#f4d68d;--line:rgba(201,162,78,.28);--paper:#fcf8f0;
  --shadow:0 14px 38px rgba(47,4,20,.10);--radius:20px;color:var(--ink);}
.rw *{box-sizing:border-box}
/* Header/Sticky auf den Bibliotheks-Seiten dezenter (nur hier geladen) */
.v37-header-clean .tgv-header-v72,.tgv-nav-unified .tgv-header-v72{box-shadow:0 6px 20px rgba(22,10,10,.14),0 1px 0 rgba(255,255,255,.04) inset!important}
.rw-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.rw .serif{font-family:"Playfair Display","Cormorant Garamond",Georgia,serif}

/* ---- Hero ---- */
.rw-hero{position:relative;overflow:hidden;background:radial-gradient(130% 150% at 50% -25%,#7a2942 0%,var(--bx) 46%,var(--bx-deep) 100%);color:var(--cream-soft);text-align:center;padding:clamp(124px,13vw,172px) 22px clamp(54px,7vw,82px);border-bottom:1px solid var(--line)}
.rw-hero::before,.rw-hero::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(440px,58%);height:1px;background:linear-gradient(90deg,transparent,var(--gold-lt),transparent);opacity:.55}
.rw-hero::before{top:calc(clamp(124px,13vw,172px) - 22px)}
.rw-hero::after{bottom:calc(clamp(54px,7vw,82px) - 16px)}
.rw-hero .kicker{display:inline-block;font:700 .66rem/1.6 ui-sans-serif,system-ui;letter-spacing:.38em;text-transform:uppercase;color:var(--gold-lt);opacity:.82}
.rw-hero h1{font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2.6rem,6.2vw,4.4rem);line-height:1.05;margin:.34em 0 .3em;color:#fdf3e2!important;-webkit-text-fill-color:#fdf3e2;letter-spacing:.012em;text-shadow:0 1px 18px rgba(0,0,0,.18)}
.rw-hero .sub{max-width:600px;margin:0 auto;font-size:clamp(1.04rem,1.9vw,1.22rem);color:#ecd9c4;line-height:1.72;font-weight:400}
.rw-hero .add{max-width:560px;margin:16px auto 0;font-size:.95rem;color:#d3bda6;opacity:.9;line-height:1.6}

/* ---- Kategorie-Chips (dezent) ---- */
.rw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:26px auto 0;max-width:760px}
.rw-chip{border:1px solid rgba(224,189,114,.5);background:rgba(255,255,255,.05);color:var(--gold-hi);border-radius:999px;padding:8px 15px;font:700 .82rem/1 ui-sans-serif,system-ui;cursor:pointer;transition:.18s;text-decoration:none;letter-spacing:.02em}
.rw-chip:hover,.rw-chip[aria-pressed="true"]{background:var(--gold);color:#3a0f1e;border-color:var(--gold)}

/* ---- Suche ---- */
.rw-search{max-width:560px;margin:34px auto 0;position:relative}
.rw-search input{width:100%;border:1px solid rgba(224,189,114,.4);background:rgba(252,248,240,.97);color:var(--ink);border-radius:16px;padding:17px 20px 17px 52px;font-size:1.02rem;box-shadow:0 10px 30px rgba(20,4,12,.16);outline:none;transition:border-color .18s,box-shadow .18s}
.rw-search input::placeholder{color:#a4968b}
.rw-search input:focus{border-color:var(--gold-lt);box-shadow:0 12px 34px rgba(20,4,12,.2)}
.rw-search .ico{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.1rem;opacity:.85}
.rw-search.on-dark input{background:rgba(252,248,240,.97)}

/* ---- Section ---- */
.rw-section{padding:clamp(58px,8.5vw,104px) 0}
.rw-section.alt{background:linear-gradient(180deg,#fbf5ea,#f6ecdb)}
.rw-head{text-align:center;max-width:680px;margin:0 auto clamp(30px,4.5vw,48px)}
.rw-head .eyebrow{font:700 .68rem/1.6 ui-sans-serif,system-ui;letter-spacing:.3em;text-transform:uppercase;color:#b18a3a;opacity:.9}
.rw-head h2{font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2rem,3.8vw,2.85rem);margin:.28em 0 .34em;color:var(--bx-head);letter-spacing:.008em}
.rw-head h2 .gl{display:block;width:52px;height:1px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold-lt),transparent)}
.rw-head p{color:var(--muted);font-size:1.02rem;line-height:1.65;margin:0}

/* ---- Themenwelten ---- */
.welt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.welt-grid .welt-tile:nth-child(4),.welt-grid .welt-tile:nth-child(5){grid-column:span 1}
.welt-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:24px;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--cream-soft);background:linear-gradient(160deg,#6a1a30,var(--bx-deep));border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s}
.welt-tile:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(47,4,20,.2)}
.welt-tile::after{content:"";position:absolute;inset:10px;border:1px solid rgba(224,189,114,.22);border-radius:14px;pointer-events:none}
.welt-tile .wnum{font-family:"Playfair Display",serif;font-size:2.2rem;color:var(--gold-lt);opacity:.55;line-height:1}
.welt-tile h3{font-family:"Playfair Display",serif;font-weight:600;font-size:1.5rem;margin:8px 0 6px;color:#fff6e6}
.welt-tile p{font-size:.92rem;color:#e2cbb2;line-height:1.5;margin:0 0 10px}
.welt-tile .wcount{font:700 .74rem/1 ui-sans-serif,system-ui;letter-spacing:.08em;color:var(--gold-hi);text-transform:uppercase}

/* ---- Featured Guides (3) ---- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat-card{display:flex;flex-direction:column;background:#fffdf9;border:1px solid rgba(122,22,55,.1);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.feat-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(61,7,27,.11)}
.feat-card .fc-img{aspect-ratio:16/10;background:#5b1e2b center/cover no-repeat;position:relative}
.feat-card .fc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(30,4,14,.5))}
.feat-card .fc-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.feat-card .fc-cat{font:800 .68rem/1 ui-sans-serif,system-ui;letter-spacing:.16em;text-transform:uppercase;color:#a9822f}
.feat-card h3{font-family:"Playfair Display",serif;font-weight:600;font-size:1.42rem;line-height:1.2;margin:9px 0 8px;color:var(--bx)}
.feat-card p{font-size:.94rem;color:var(--muted);line-height:1.55;margin:0 0 16px;flex:1}
.feat-card .fc-go{font:800 .82rem/1 ui-sans-serif,system-ui;color:var(--bx);letter-spacing:.03em}
.feat-card .fc-go::after{content:" →";color:var(--gold)}

/* ---- Unified Vault Cards ---- */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.vault-card{display:flex;flex-direction:column;background:#fffdf9;border:1px solid rgba(122,22,55,.09);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(61,7,27,.06);text-decoration:none;color:var(--ink);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.vault-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(61,7,27,.1);border-color:rgba(201,162,78,.35)}
.vault-card .vc-img{aspect-ratio:16/10;background:#5b1e2b center/cover no-repeat}
.vault-card .vc-body{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
.vault-card .vc-cat{font:800 .64rem/1 ui-sans-serif,system-ui;letter-spacing:.14em;text-transform:uppercase;color:#a9822f;margin-bottom:7px}
.vault-card h3{font-family:"Playfair Display",serif;font-weight:600;font-size:1.16rem;line-height:1.22;margin:0 0 7px;color:var(--bx);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vault-card p{font-size:.86rem;color:var(--muted);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.vault-card .vc-foot{display:flex;align-items:center;justify-content:space-between;font:700 .74rem/1 ui-sans-serif,system-ui;color:var(--bx)}
.vault-card .vc-read{color:var(--muted);font-weight:600}
.vault-card .vc-go::after{content:" →";color:var(--gold)}

.rw-more{text-align:center;margin-top:clamp(26px,4vw,40px)}
.rw-btn{display:inline-block;background:var(--bx);color:#fff6e6;border:1px solid var(--bx);border-radius:12px;padding:13px 26px;font:800 .9rem/1 ui-sans-serif,system-ui;text-decoration:none;letter-spacing:.02em;transition:.18s}
.rw-btn:hover{background:var(--bx-2)}
.rw-btn.ghost{background:transparent;color:var(--bx);border-color:rgba(91,30,43,.35)}
.rw-btn.ghost:hover{background:rgba(91,30,43,.06)}

/* ---- Breadcrumb ---- */
.rw-crumb{max-width:1200px;margin:0 auto;padding:16px 20px 0;font:600 .8rem/1.4 ui-sans-serif,system-ui;color:var(--muted)}
.rw-crumb a{color:var(--bx);text-decoration:none}
.rw-crumb a:hover{text-decoration:underline}
.rw-crumb .sep{color:var(--gold);margin:0 7px}

/* ---- Releases: Als Nächstes ---- */
.rel-next{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(122,22,55,.14);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.rel-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(61,7,27,.12)}
.rel-thumb{aspect-ratio:4/3;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#71203a,var(--bx-deep));overflow:hidden}
.rel-thumb img{width:100%;height:100%;object-fit:cover}
.rel-thumb .rel-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:var(--cream-soft)}
.rel-thumb .rel-ph .pball{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold-lt);position:relative;margin-bottom:12px;background:linear-gradient(180deg,#8a2740 0 48%,#f7eddf 52% 100%)}
.rel-thumb .rel-ph .pball::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border:2px solid var(--gold-lt);border-radius:50%;transform:translate(-50%,-50%);background:var(--bx-deep)}
.rel-thumb .rel-ph .pn{font-family:"Playfair Display",serif;font-size:1.2rem;color:#fff6e6;line-height:1.2}
.rel-badge{position:absolute;top:12px;left:12px;font:800 .66rem/1 ui-sans-serif,system-ui;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#3a0f1e;background:var(--gold-lt);border:1px solid var(--gold)}
.rel-badge.st-erschienen{background:#e7d7bd}
.rel-badge.st-vorbestellung{background:#d8b46a}
.rel-badge.st-demnaechst{background:#c9a24e}
.rel-badge.st-angekuendigt{background:rgba(247,237,223,.9)}
.rel-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.rel-meta{font:700 .74rem/1.3 ui-sans-serif,system-ui;color:#a9822f;letter-spacing:.04em;text-transform:uppercase;display:flex;gap:10px;flex-wrap:wrap}
.rel-body h3{font-family:"Playfair Display",serif;font-weight:600;font-size:1.35rem;line-height:1.18;margin:9px 0 6px;color:var(--bx)}
.rel-body .rel-date{font-weight:700;color:var(--ink)}
.rel-body p{font-size:.9rem;color:var(--muted);line-height:1.55;margin:6px 0 14px;flex:1}
.rel-body .rel-go{font:800 .82rem/1 ui-sans-serif,system-ui;color:var(--bx)}
.rel-body .rel-go::after{content:" →";color:var(--gold)}

/* ---- Timeline ---- */
.rel-timeline{position:relative;max-width:820px;margin:0 auto;padding-left:34px}
.rel-timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,transparent,var(--gold) 8%,var(--gold) 92%,transparent)}
.tl-month{margin:0 0 26px}
.tl-month>.tl-m{font-family:"Playfair Display",serif;font-weight:600;font-size:1.5rem;color:var(--bx);margin:0 0 12px;position:relative}
.tl-month>.tl-m::before{content:"";position:absolute;left:-34px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--paper);border:2px solid var(--gold)}
.tl-item{position:relative;padding:12px 16px;margin:0 0 10px;background:#fff;border:1px solid rgba(122,22,55,.12);border-radius:12px;box-shadow:0 8px 20px rgba(61,7,27,.06);display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.tl-item::before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--gold-lt);border:2px solid var(--gold)}
.tl-item:hover{border-color:var(--line)}
.tl-item .tl-d{font:800 .8rem/1 ui-sans-serif,system-ui;color:var(--gold);min-width:52px}
.tl-item .tl-t{font-weight:700;font-size:.98rem;color:var(--bx)}
.tl-item .tl-c{margin-left:auto;font:700 .68rem/1 ui-sans-serif,system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ---- Filter (Wissen/Alle) ---- */
.wa-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
.wa-side{position:sticky;top:90px}
.wa-side h4{font:800 .7rem/1 ui-sans-serif,system-ui;letter-spacing:.18em;text-transform:uppercase;color:#a9822f;margin:0 0 12px}
.wa-side .wa-f{display:block;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:9px 12px;font:600 .92rem/1.3 ui-sans-serif,system-ui;color:var(--ink);cursor:pointer;border-radius:0 8px 8px 0;transition:.15s}
.wa-side .wa-f:hover{background:rgba(91,30,43,.05)}
.wa-side .wa-f[aria-pressed="true"]{background:rgba(201,162,78,.13);border-left-color:var(--gold);color:var(--bx);font-weight:800}
.wa-side .wa-f .n{float:right;color:var(--muted);font-weight:700;font-size:.8rem}
.wa-empty{text-align:center;color:var(--muted);padding:50px 0;font-size:1rem}
.wa-count{color:var(--muted);font:600 .86rem/1 ui-sans-serif,system-ui;margin:0 0 18px}

/* ---- Related (Cross-Link) ---- */
.rw-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

@media(max-width:980px){
 .welt-grid,.feat-grid,.rel-next,.rw-related{grid-template-columns:1fr 1fr}
 .card-grid{grid-template-columns:1fr 1fr}
 .wa-layout{grid-template-columns:1fr}
 .wa-side{position:static}
 .wa-side .wa-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .wa-side .wa-f{width:auto;white-space:nowrap;border:1px solid var(--line);border-left:1px solid var(--line);border-radius:999px;padding:8px 14px}
 .wa-side .wa-f[aria-pressed="true"]{border-color:var(--gold)}
 .wa-side .wa-f .n{float:none;margin-left:6px}
}
@media(max-width:600px){
 .welt-grid,.feat-grid,.rel-next,.card-grid,.rw-related{grid-template-columns:1fr}
 .rw-hero h1{font-size:2.1rem}
 .rel-timeline{padding-left:28px}
}

/* === Farb-Overrides gegen globale !important-Heading-Regeln (nur diese Seiten) === */
.rw .rw-head h2{color:var(--bx-head)!important}
.rw .rw-hero h1{color:#fdf3e2!important;-webkit-text-fill-color:#fdf3e2!important}
.rw .vault-card h3,.rw .feat-card h3,.rw .rel-body h3{color:var(--bx)!important}
.rw .welt-tile h3{color:#fff6e6!important;-webkit-text-fill-color:#fff6e6!important}
.rw .vault-card p,.rw .feat-card p,.rw .rel-body p,.rw .rw-head p,.rw .vault-card .vc-cat{color:var(--muted)!important}
.rw .feat-card p,.rw .rel-body p{color:var(--ink-soft)!important}
.rw .welt-tile p{color:#e2cbb2!important}
.rw .rw-hero .sub{color:#ecd9c4!important}
html body.v37-header-clean .tgv-header-v72,html body.tgv-nav-unified .tgv-header-v72{box-shadow:0 6px 20px rgba(22,10,10,.15),0 1px 0 rgba(255,255,255,.04) inset!important}