/* main.css — LWD Theme — Dartboard Bold — extracted from mockup_b */


    
    /* ─── Reset & Base ──────────────────────────────────────── */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Rubik', sans-serif;
      background: #2a2a2a;
      color: var(--lwd-dark);
      line-height: 1.6;
    }

    /* ─── Utility Classes ───────────────────────────────────── */
    .lwd-container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-badge {
      display: inline-block;
      background: var(--lwd-accent);
      color: var(--lwd-dark);
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.7rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 3px 10px;
      border-radius: 2px;
    }

    .lwd-badge--navy {
      background: var(--betting-accent);
      color: #fff;
    }

    .lwd-badge--red {
      background: var(--casino-accent);
      color: #fff;
    }

    /* ─── Page Wrapper ──────────────────────────────────────── */
    .lwd-page-wrapper {
      background: var(--lwd-bg);
    }

    /* ═══════════════════════════════════════════════════════════
       SEITENTYP 1 — HOMEPAGE
    ═══════════════════════════════════════════════════════════ */

    /* ─── Header ────────────────────────────────────────────── */
    .lwd-header {
      background: var(--lwd-dark);
      position: sticky;
      top: 0;
      z-index: 100;
      border-bottom: 3px solid var(--lwd-accent);
    }

    .lwd-header__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
      max-width: 1100px;
      margin: 0 auto;
      height: 68px;
    }

    .lwd-logo {
      display: flex;
      flex-direction: column;
      line-height: 1;
      text-decoration: none;
      flex-shrink: 0;
    }

    .lwd-logo__primary {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.7rem;
      color: var(--lwd-accent);
      letter-spacing: -0.02em;
      text-transform: uppercase;
      line-height: 1;
    }

    .lwd-logo__sub {
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.6rem;
      color: #aaa;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      margin-top: 1px;
    }

    .lwd-nav {
      display: flex;
      align-items: center;
      gap: 0;
      list-style: none;
    }

    .lwd-nav-toggle {
      display: none;
    }

    .lwd-nav__item a {
      display: block;
      padding: 10px 13px;
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.78rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #ccc;
      text-decoration: none;
      transition: color 0.2s;
      white-space: nowrap;
    }

    .lwd-nav__item a:hover {
      color: var(--lwd-accent);
    }

    .lwd-nav__item--betting a {
      color: var(--lwd-accent);
      border: 1px solid var(--lwd-accent);
      border-radius: 3px;
      margin-left: 8px;
      padding: 7px 12px;
    }

    .lwd-nav__item--betting a:hover {
      background: var(--lwd-accent);
      color: var(--lwd-dark);
    }

    /* ─── Hero ──────────────────────────────────────────────── */
    /* ─── Hero Keyframes ────────────────────────────────────── */
    @keyframes lwd-dartboard-spin {
      from { transform: translateY(-50%) rotate(0deg); }
      to   { transform: translateY(-50%) rotate(360deg); }
    }
    @keyframes lwd-ring-counterspin {
      from { transform: translateY(-50%) rotate(0deg); }
      to   { transform: translateY(-50%) rotate(-360deg); }
    }
    @keyframes lwd-glow-breathe {
      0%, 100% { opacity: 1; }
      50%       { opacity: 0.45; }
    }
    @keyframes lwd-fade-up {
      from { opacity: 0; transform: translateY(22px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes lwd-dart-in {
      from { width: 0; opacity: 0; }
      to   { width: 30px; opacity: 1; }
    }

    .lwd-hero {
      background: linear-gradient(135deg, #0d0d0d 0%, #1e1a10 40%, #2a1f00 70%, #18181B 100%);
      min-height: 520px;
      display: flex;
      align-items: flex-end;
      position: relative;
      overflow: hidden;
    }

    .lwd-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 60% 80% at 70% 50%, rgba(224,144,0,0.08) 0%, transparent 70%),
        radial-gradient(circle at 30% 80%, rgba(224,144,0,0.04) 0%, transparent 50%);
      animation: lwd-glow-breathe 8s ease-in-out infinite;
    }

    /* Outer decorative ring — depth layer */
    .lwd-hero::after {
      content: '';
      position: absolute;
      right: -120px;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      width: 600px;
      height: 600px;
      border-radius: 50%;
      border: 1px solid rgba(224,144,0,0.07);
      box-shadow:
        inset 0 0 0 30px rgba(224,144,0,0.025),
        inset 0 0 0 90px rgba(0,0,0,0),
        inset 0 0 0 150px rgba(224,144,0,0.015);
      pointer-events: none;
      animation: lwd-ring-counterspin 120s linear infinite;
    }

    /* Dartboard graphic (CSS only) */
    .lwd-hero__dartboard {
      position: absolute;
      right: -30px;
      top: 50%;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background:
        radial-gradient(circle, #333 10%, #1a1a1a 10%,
          #1a1a1a 20%, #e8e8e8 20%,
          #e8e8e8 22%, #c41230 22%,
          #c41230 33%, #e8e8e8 33%,
          #e8e8e8 35%, #18181B 35%,
          #18181B 50%, #c41230 50%,
          #c41230 55%, #18181B 55%,
          #18181B 60%, #e8e8e8 60%,
          #e8e8e8 65%, #18181B 65%,
          #18181B 100%);
      opacity: 0.22;
      animation: lwd-dartboard-spin 80s linear infinite;
    }

    .lwd-hero__content {
      position: relative;
      z-index: 2;
      padding: 60px 20px 50px;
      max-width: 1100px;
      margin: 0 auto;
      width: 100%;
    }

    .lwd-hero__eyebrow {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.72rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 10px;
      animation: lwd-fade-up 0.55s ease-out 0.1s both;
    }

    .lwd-hero__eyebrow::before {
      content: '';
      display: inline-block;
      width: 30px;
      height: 2px;
      background: var(--lwd-accent);
      animation: lwd-dart-in 0.5s ease-out 0.1s both;
    }

    .lwd-hero__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: clamp(2.6rem, 6vw, 4.2rem);
      color: #fff;
      line-height: 1.05;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      max-width: 700px;
      margin-bottom: 20px;
      animation: lwd-fade-up 0.6s ease-out 0.25s both;
    }

    .lwd-hero__title span {
      color: var(--lwd-accent);
    }

    .lwd-hero__excerpt {
      font-size: 1.05rem;
      color: #bbb;
      max-width: 520px;
      margin-bottom: 28px;
      line-height: 1.65;
      animation: lwd-fade-up 0.6s ease-out 0.42s both;
    }

    .lwd-hero__cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--lwd-accent);
      color: var(--lwd-dark);
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.85rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 13px 26px;
      text-decoration: none;
      border-radius: 2px;
      transition: background 0.2s, transform 0.15s;
      animation: lwd-fade-up 0.6s ease-out 0.58s both;
    }

    .lwd-hero__cta:hover {
      background: #f5a200;
      transform: translateY(-1px);
    }

    .lwd-hero__cta-arrow {
      font-size: 1.1rem;
    }

    .lwd-hero__meta {
      margin-top: 30px;
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
    }

    .lwd-hero__tag {
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.7rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #777;
    }

    /* ─── Results Bar ───────────────────────────────────────── */
    .lwd-results-bar {
      background: var(--lwd-dark);
      padding: 14px 0;
      overflow: hidden;
    }

    .lwd-results-bar__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      align-items: center;
      gap: 24px;
      flex-wrap: nowrap;
      overflow: hidden;
    }

    .lwd-results-bar__label {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      white-space: nowrap;
      flex-shrink: 0;
    }

    .lwd-results-bar__divider {
      width: 2px;
      height: 16px;
      background: var(--lwd-accent);
      opacity: 0.4;
      flex-shrink: 0;
    }

    .lwd-results-bar__item {
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.78rem;
      color: #e0e0e0;
      white-space: nowrap;
    }

    .lwd-results-bar__item strong {
      color: var(--lwd-accent);
    }

    /* ─── Content Grid ──────────────────────────────────────── */
    .lwd-section {
      padding: 48px 0;
    }

    .lwd-section__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
      gap: 16px;
    }

    .lwd-section__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.35rem;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: var(--lwd-dark);
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .lwd-section__title::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 22px;
      background: var(--lwd-accent);
      border-radius: 2px;
    }

    .lwd-section__link {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.75rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      text-decoration: none;
      white-space: nowrap;
    }

    .lwd-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    /* ─── Article Card ──────────────────────────────────────── */
    .lwd-card {
      background: #fff;
      border-radius: 3px;
      overflow: hidden;
      transition: transform 0.2s, box-shadow 0.2s;
      cursor: pointer;
    }

    .lwd-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(0,0,0,0.14);
    }

    .lwd-card:hover .lwd-card__img-wrap::after {
      opacity: 1;
    }

    .lwd-card__img-wrap {
      display: block;
      position: relative;
      height: 180px;
      overflow: hidden;
      text-decoration: none;
    }

    .lwd-card__img-wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(224,144,0,0.18);
      opacity: 0;
      transition: opacity 0.2s;
    }

    .lwd-card__img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .lwd-card__img--1 { background: linear-gradient(135deg, #2c2416 0%, #4a3a1a 50%, #1e1812 100%); }
    .lwd-card__img--2 { background: linear-gradient(135deg, #1a1a2e 0%, #2c2c4a 50%, #111120 100%); }
    .lwd-card__img--3 { background: linear-gradient(135deg, #1e2a1e 0%, #2a3a2a 50%, #121a12 100%); }
    .lwd-card__img--4 { background: linear-gradient(135deg, #2a1a1a 0%, #4a2a2a 50%, #1a1010 100%); }
    .lwd-card__img--5 { background: linear-gradient(135deg, #1a1e2a 0%, #2a3040 50%, #101418 100%); }
    .lwd-card__img--6 { background: linear-gradient(135deg, #1e1e1e 0%, #3a3030 50%, #111111 100%); }

    .lwd-card__img-label {
      position: absolute;
      bottom: 10px;
      left: 10px;
      z-index: 2;
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.62rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
    }

    .lwd-card__body {
      padding: 16px 18px 20px;
    }

    .lwd-card__cat {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.65rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 7px;
    }

    .lwd-card__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 1rem;
      line-height: 1.25;
      color: var(--lwd-dark);
      margin-bottom: 9px;
    }

    .lwd-card__excerpt {
      font-size: 0.82rem;
      color: var(--lwd-mid);
      line-height: 1.55;
      margin-bottom: 12px;
    }

    .lwd-card__footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 0.72rem;
      color: #aaa;
    }

    .lwd-card__date {
      font-family: 'Exo 2', sans-serif;
      font-weight: 500;
    }

    .lwd-card__read {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.68rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--lwd-accent);
    }


    /* ─── Footer ────────────────────────────────────────────── */
    .lwd-footer {
      background: #0d0d0d;
      padding: 44px 0 24px;
    }

    .lwd-footer__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-footer__top {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 36px;
      padding-bottom: 32px;
      border-bottom: 1px solid #2a2a2a;
      margin-bottom: 24px;
    }

    .lwd-footer__logo-text {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.4rem;
      color: var(--lwd-accent);
      letter-spacing: -0.02em;
      text-transform: uppercase;
      margin-bottom: 4px;
    }

    .lwd-footer__logo-sub {
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.55rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: #555;
      margin-bottom: 14px;
    }

    .lwd-footer__desc {
      font-size: 0.82rem;
      color: #666;
      line-height: 1.65;
    }

    .lwd-footer__col-title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.72rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #888;
      margin-bottom: 14px;
    }

    .lwd-footer__links {
      list-style: none;
    }

    .lwd-footer__links li + li {
      margin-top: 8px;
    }

    .lwd-footer__links a {
      font-size: 0.82rem;
      color: #555;
      text-decoration: none;
    }

    .lwd-footer__links a:hover {
      color: var(--lwd-accent);
    }

    .lwd-footer__bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
    }

    .lwd-footer__copy {
      font-size: 0.75rem;
      color: #444;
    }

    .lwd-footer__legal {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
    }

    .lwd-footer__legal-item {
      font-size: 0.72rem;
      color: #444;
    }

    /* ═══════════════════════════════════════════════════════════
       SECTION DIVIDER
    ═══════════════════════════════════════════════════════════ */

    .lwd-section-divider {
      background: var(--lwd-accent);
      padding: 22px 0;
      text-align: center;
    }

    .lwd-section-divider--2 {
      background: var(--lwd-dark);
      border-top: 4px solid var(--lwd-accent);
      border-bottom: 4px solid var(--lwd-accent);
    }

    .lwd-section-divider__text {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--lwd-dark);
    }

    .lwd-section-divider--2 .lwd-section-divider__text {
      color: var(--lwd-accent);
    }

    /* ═══════════════════════════════════════════════════════════
       SEITENTYP 2 — ARTIKEL-SEITE
    ═══════════════════════════════════════════════════════════ */

    /* Article hero header */
    .lwd-article-hero {
      background: linear-gradient(135deg, #18181B 0%, #252018 60%, #1a1608 100%);
      padding: 56px 0 40px;
      position: relative;
      overflow: hidden;
    }

    .lwd-article-hero::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: var(--lwd-accent);
    }

    .lwd-article-hero__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-article-hero__breadcrumb {
      font-family: 'Exo 2', sans-serif;
      font-size: 0.72rem;
      font-weight: 500;
      letter-spacing: 0.06em;
      color: #666;
      margin-bottom: 14px;
    }

    .lwd-article-hero__breadcrumb a {
      color: #666;
      text-decoration: none;
    }

    .lwd-article-hero__breadcrumb a:hover {
      color: var(--lwd-accent);
    }

    .lwd-article-hero__breadcrumb span {
      margin: 0 6px;
      opacity: 0.5;
    }

    .lwd-article-hero__cats {
      display: flex;
      gap: 8px;
      margin-bottom: 18px;
      flex-wrap: wrap;
    }

    .lwd-article-hero__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      color: #fff;
      line-height: 1.1;
      letter-spacing: -0.02em;
      max-width: 820px;
      margin-bottom: 18px;
    }

    .lwd-article-hero__deck {
      font-size: 1.05rem;
      color: #999;
      max-width: 680px;
      line-height: 1.65;
      margin-bottom: 24px;
    }

    .lwd-article-hero__meta {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .lwd-article-hero__meta-item {
      font-family: 'Exo 2', sans-serif;
      font-weight: 500;
      font-size: 0.75rem;
      letter-spacing: 0.04em;
      color: #666;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .lwd-article-hero__meta-dot {
      width: 3px;
      height: 3px;
      background: var(--lwd-accent);
      border-radius: 50%;
    }

    /* Article layout */
    .lwd-article-layout {
      padding: 40px 0 48px;
    }

    .lwd-article-layout__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
      display: grid;
      grid-template-columns: 1fr 340px;
      gap: 48px;
      align-items: start;
    }

    /* Featured image */
    .lwd-article-img {
      width: 100%;
      height: 340px;
      background: linear-gradient(135deg, #2c2416 0%, #3a2e10 40%, #1e1812 100%);
      border-radius: 3px;
      margin-bottom: 32px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .lwd-article-img__caption {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
      padding: 24px 18px 14px;
      font-size: 0.72rem;
      color: rgba(255,255,255,0.55);
      border-radius: 0 0 3px 3px;
    }

    .lwd-article-img__icon {
      font-size: 3rem;
      opacity: 0.12;
    }

    /* Share bar */
    .lwd-share-bar {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 28px;
      flex-wrap: wrap;
    }

    .lwd-share-bar__label {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.72rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--lwd-mid);
    }

    .lwd-share-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 14px;
      border-radius: 2px;
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.72rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      border: none;
      text-decoration: none;
    }

    .lwd-share-btn--twitter { background: #1da1f2; color: #fff; }
    .lwd-share-btn--facebook { background: #1877f2; color: #fff; }
    .lwd-share-btn--reddit { background: #ff4500; color: #fff; }
    .lwd-share-btn--copy { background: var(--lwd-light); color: var(--lwd-dark); border: 1px solid #ccc; }

    /* Author box */
    .lwd-author-box {
      background: #1e1e22;
      border-left: 4px solid var(--lwd-accent);
      border-radius: 0 3px 3px 0;
      padding: 22px 24px;
      display: flex;
      gap: 18px;
      margin: 32px 0;
    }

    .lwd-author-box__avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: linear-gradient(135deg, #3a3020 0%, #504020 100%);
      border: 2px solid var(--lwd-accent);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.1rem;
      color: var(--lwd-accent);
    }

    .lwd-author-box__info {
      flex: 1;
    }

    .lwd-author-box__label {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.62rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 3px;
    }

    .lwd-author-box__name {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      color: #e0e0e0;
      margin-bottom: 6px;
    }

    .lwd-author-box__bio {
      font-size: 0.8rem;
      color: #777;
      line-height: 1.55;
    }

    /* Prose */
    .lwd-prose {
      color: var(--lwd-dark);
      font-size: 1rem;
      line-height: 1.78;
    }

    .lwd-prose p {
      margin-bottom: 20px;
    }

    .lwd-prose h2 {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.45rem;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: var(--lwd-dark);
      margin: 36px 0 14px;
      padding-left: 14px;
      border-left: 3px solid var(--lwd-accent);
    }

    .lwd-prose h3 {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 1.1rem;
      color: var(--lwd-dark);
      margin: 24px 0 10px;
    }

    .lwd-prose blockquote {
      background: var(--lwd-light);
      border-left: 4px solid var(--lwd-accent);
      padding: 18px 22px;
      margin: 24px 0;
      border-radius: 0 3px 3px 0;
      font-size: 1.05rem;
      color: var(--lwd-mid);
      font-style: italic;
    }

    .lwd-prose strong {
      color: var(--lwd-dark);
      font-weight: 600;
    }

    /* Sidebar */
    .lwd-sidebar {
      position: sticky;
      top: 80px;
    }

    .lwd-sidebar__widget {
      background: var(--lwd-light);
      border-radius: 3px;
      padding: 22px 20px;
      margin-bottom: 22px;
    }

    .lwd-sidebar__widget-title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 0.78rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--lwd-dark);
      margin-bottom: 16px;
      padding-bottom: 10px;
      border-bottom: 2px solid var(--lwd-accent);
    }

    .lwd-sidebar__list {
      list-style: none;
    }

    .lwd-sidebar__list li {
      padding: 9px 0;
      border-bottom: 1px solid #ddd8cf;
      display: flex;
      gap: 10px;
    }

    .lwd-sidebar__list li:last-child {
      border-bottom: none;
    }

    .lwd-sidebar__thumb {
      width: 46px;
      height: 46px;
      border-radius: 2px;
      flex-shrink: 0;
    }

    .lwd-sidebar__thumb--a { background: linear-gradient(135deg, #2c2416, #1e1812); }
    .lwd-sidebar__thumb--b { background: linear-gradient(135deg, #1a1a2e, #111120); }
    .lwd-sidebar__thumb--c { background: linear-gradient(135deg, #1e2a1e, #121a12); }
    .lwd-sidebar__thumb--d { background: linear-gradient(135deg, #2a1a1a, #1a1010); }

    .lwd-sidebar__item-title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.8rem;
      line-height: 1.3;
      color: var(--lwd-dark);
    }

    .lwd-sidebar__item-meta {
      font-size: 0.68rem;
      color: #aaa;
      margin-top: 3px;
    }

    .lwd-sidebar__betting-widget {
      background: var(--betting-accent);
      border-radius: 3px;
      padding: 22px 20px;
      margin-bottom: 22px;
    }

    .lwd-sidebar__betting-title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 0.8rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 14px;
    }

    .lwd-sidebar__odds-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0;
      border-bottom: 1px solid rgba(255,255,255,0.15);
    }

    .lwd-sidebar__odds-row:last-of-type {
      border-bottom: none;
      margin-bottom: 14px;
    }

    .lwd-sidebar__odds-player {
      font-size: 0.8rem;
      color: rgba(255,255,255,0.9);
    }

    .lwd-sidebar__odds-val {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.1rem;
      color: #fff;
    }

    .lwd-sidebar__betting-cta {
      display: block;
      text-align: center;
      background: #fff;
      color: var(--betting-accent);
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.78rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 10px;
      border-radius: 2px;
      text-decoration: none;
      margin-top: 12px;
    }


    /* Related articles */
    .lwd-related {
      padding: 40px 0;
      background: var(--lwd-light);
    }

    .lwd-related__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-related__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 22px;
    }

    .lwd-related__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.1rem;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: var(--lwd-dark);
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .lwd-related__title::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 18px;
      background: var(--lwd-accent);
      border-radius: 2px;
    }

    .lwd-related__scroll {
      display: flex;
      gap: 18px;
      overflow-x: auto;
      padding-bottom: 8px;
      scrollbar-width: thin;
      scrollbar-color: var(--lwd-accent) var(--lwd-light);
    }

    .lwd-related__card {
      min-width: 300px;
      background: #fff;
      border-radius: 3px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .lwd-related__card-img {
      height: 150px;
    }

    .lwd-related__card-img--a { background: linear-gradient(135deg, #1e2a1e, #121a12); }
    .lwd-related__card-img--b { background: linear-gradient(135deg, #2a1a2a, #1a101a); }
    .lwd-related__card-img--c { background: linear-gradient(135deg, #1a1a2e, #111120); }

    .lwd-related__card-body {
      padding: 14px 16px 18px;
    }

    .lwd-related__card-cat {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.62rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 5px;
    }

    .lwd-related__card-title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.9rem;
      line-height: 1.3;
      color: var(--lwd-dark);
    }

    /* ═══════════════════════════════════════════════════════════
       SEITENTYP 3 — RUBRIK-ARCHIV
    ═══════════════════════════════════════════════════════════ */

    .lwd-archive-hero {
      background: var(--lwd-dark);
      padding: 50px 0 36px;
      position: relative;
      overflow: hidden;
    }

    .lwd-archive-hero__stripe {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 5px;
      background: var(--lwd-accent);
    }

    .lwd-archive-hero__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-archive-hero__eyebrow {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.7rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 10px;
    }

    .lwd-archive-hero__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: clamp(2rem, 5vw, 3.2rem);
      color: #fff;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .lwd-archive-hero__desc {
      font-size: 0.95rem;
      color: #777;
      max-width: 580px;
      line-height: 1.6;
      margin-bottom: 22px;
    }

    .lwd-archive-hero__stats {
      display: flex;
      gap: 28px;
      flex-wrap: wrap;
    }

    .lwd-archive-stat {
      display: flex;
      flex-direction: column;
    }

    .lwd-archive-stat__num {
      font-family: 'Exo 2', sans-serif;
      font-weight: 900;
      font-size: 1.6rem;
      color: var(--lwd-accent);
      line-height: 1;
    }

    .lwd-archive-stat__label {
      font-family: 'Exo 2', sans-serif;
      font-weight: 500;
      font-size: 0.65rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #555;
      margin-top: 3px;
    }

    /* Archive filter bar */
    .lwd-filter-bar {
      background: #fff;
      border-bottom: 2px solid var(--lwd-light);
      padding: 14px 0;
      position: sticky;
      top: 68px;
      z-index: 50;
    }

    .lwd-filter-bar__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .lwd-filter-bar__label {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.7rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--lwd-mid);
      margin-right: 4px;
    }

    .lwd-filter-btn {
      font-family: 'Exo 2', sans-serif;
      font-weight: 600;
      font-size: 0.72rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 2px;
      border: 1px solid #ddd;
      background: #fff;
      color: var(--lwd-mid);
      cursor: pointer;
      transition: all 0.15s;
      text-decoration: none;
    }

    .lwd-filter-btn:hover,
    .lwd-filter-btn--active {
      background: var(--lwd-accent);
      border-color: var(--lwd-accent);
      color: var(--lwd-dark);
    }

    /* Archive masonry grid */
    .lwd-archive-grid {
      padding: 40px 0 56px;
    }

    .lwd-archive-grid__inner {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .lwd-masonry {
      columns: 3;
      column-gap: 22px;
    }

    .lwd-masonry-card {
      break-inside: avoid;
      background: #fff;
      border-radius: 3px;
      overflow: hidden;
      margin-bottom: 22px;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .lwd-masonry-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 28px rgba(0,0,0,0.1);
    }

    .lwd-masonry-card__img {
      width: 100%;
    }

    .lwd-masonry-card__img--tall { height: 220px; }
    .lwd-masonry-card__img--short { height: 140px; }
    .lwd-masonry-card__img--med { height: 175px; }

    .lwd-masonry-card__img--1 { background: linear-gradient(135deg, #1e1812 0%, #3a2e10 100%); }
    .lwd-masonry-card__img--2 { background: linear-gradient(135deg, #111120 0%, #2c2c4a 100%); }
    .lwd-masonry-card__img--3 { background: linear-gradient(135deg, #121a12 0%, #2a3a2a 100%); }
    .lwd-masonry-card__img--4 { background: linear-gradient(135deg, #1a1010 0%, #4a2a2a 100%); }
    .lwd-masonry-card__img--5 { background: linear-gradient(135deg, #101418 0%, #2a3040 100%); }
    .lwd-masonry-card__img--6 { background: linear-gradient(135deg, #111111 0%, #3a3030 100%); }
    .lwd-masonry-card__img--7 { background: linear-gradient(135deg, #1a1410 0%, #3a2c18 100%); }
    .lwd-masonry-card__img--8 { background: linear-gradient(135deg, #10141a 0%, #202840 100%); }
    .lwd-masonry-card__img--9 { background: linear-gradient(135deg, #181010 0%, #382020 100%); }

    .lwd-masonry-card__body {
      padding: 16px 18px 20px;
    }

    .lwd-masonry-card__cat {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.62rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--lwd-accent);
      margin-bottom: 7px;
    }

    .lwd-masonry-card__title {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.95rem;
      line-height: 1.3;
      color: var(--lwd-dark);
      margin-bottom: 8px;
    }

    .lwd-masonry-card__excerpt {
      font-size: 0.8rem;
      color: var(--lwd-mid);
      line-height: 1.55;
      margin-bottom: 12px;
    }

    .lwd-masonry-card__footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .lwd-masonry-card__date {
      font-family: 'Exo 2', sans-serif;
      font-size: 0.7rem;
      color: #aaa;
    }

    .lwd-masonry-card__read {
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.68rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--lwd-accent);
    }

    /* Pagination */
    .lwd-pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin-top: 8px;
      flex-wrap: wrap;
    }

    .lwd-page-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 2px;
      font-family: 'Exo 2', sans-serif;
      font-weight: 700;
      font-size: 0.82rem;
      background: #fff;
      color: var(--lwd-mid);
      border: 1px solid #ddd;
      text-decoration: none;
      transition: all 0.15s;
    }

    .lwd-page-btn:hover,
    .lwd-page-btn--active {
      background: var(--lwd-accent);
      border-color: var(--lwd-accent);
      color: var(--lwd-dark);
    }

    .lwd-page-btn--wide {
      width: auto;
      padding: 0 16px;
    }

    /* ═══════════════════════════════════════════════════════════
       RESPONSIVE — Mobile First
    ═══════════════════════════════════════════════════════════ */

    @media (max-width: 768px) {
      .lwd-nav {
        display: none;
      }

      .lwd-nav-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
        flex-shrink: 0;
      }

      .lwd-nav-toggle__bar {
        display: block;
        width: 22px;
        height: 2px;
        background: #ccc;
        border-radius: 1px;
        transition: transform 0.22s ease, opacity 0.22s ease;
      }

      .lwd-nav-toggle[aria-expanded="true"] .lwd-nav-toggle__bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }
      .lwd-nav-toggle[aria-expanded="true"] .lwd-nav-toggle__bar:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
      }
      .lwd-nav-toggle[aria-expanded="true"] .lwd-nav-toggle__bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }

      #lwd-primary-nav.lwd-nav--open {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--lwd-dark);
        border-bottom: 2px solid var(--lwd-accent);
        padding: 8px 0 16px;
        z-index: 99;
      }

      #lwd-primary-nav.lwd-nav--open .lwd-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
      }

      #lwd-primary-nav.lwd-nav--open .lwd-nav__item a {
        padding: 13px 24px;
        font-size: 0.85rem;
        border-bottom: 1px solid rgba(255,255,255,0.05);
      }

      #lwd-primary-nav.lwd-nav--open .lwd-nav__item--betting a {
        margin: 10px 24px 0;
        padding: 10px 16px;
        text-align: center;
        border: 1px solid var(--lwd-accent);
        border-radius: 3px;
      }

      .lwd-hero {
        min-height: 380px;
      }

      .lwd-grid-3 {
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .lwd-footer__top {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
      }

      .lwd-article-layout__inner {
        grid-template-columns: 1fr;
      }

      .lwd-sidebar {
        position: static;
      }

      .lwd-masonry {
        columns: 1;
      }

      .lwd-hero__dartboard {
        width: 220px;
        height: 220px;
        opacity: 0.09;
        animation-duration: 120s;
      }
      .lwd-hero::after {
        width: 340px;
        height: 340px;
        right: -80px;
      }

      .lwd-archive-hero__stats {
    }

    @media (min-width: 769px) and (max-width: 1024px) {
      .lwd-grid-3 {
        grid-template-columns: repeat(2, 1fr);
      }

      .lwd-masonry {
        columns: 2;
      }

      .lwd-footer__top {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
      }

      .lwd-article-layout__inner {
        grid-template-columns: 1fr 280px;
        gap: 32px;
      }
    }

    /* ─── Accessibility: Reduced Motion ─────────────────── */
    @media (prefers-reduced-motion: reduce) {
      .lwd-hero__dartboard,
      .lwd-hero::before,
      .lwd-hero::after,
      .lwd-hero__eyebrow,
      .lwd-hero__eyebrow::before,
      .lwd-hero__title,
      .lwd-hero__excerpt,
      .lwd-hero__cta {
        animation: none;
      }
      .lwd-hero__dartboard {
        transform: translateY(-50%);
        opacity: 0.18;
      }
      .lwd-hero__eyebrow,
      .lwd-hero__title,
      .lwd-hero__excerpt,
      .lwd-hero__cta {
        opacity: 1;
        transform: none;
      }
    }