/* Übernommen aus Inline-Styles der Live-Seite */
/* ── Hub Hero ───────────────────────────────── */
  .hub-hero{background:var(--charcoal-2);padding:80px 0 68px;text-align:center;position:relative;overflow:hidden;margin-top:var(--nav-h);border-bottom:2px solid var(--gold-border)}
  .hub-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 110%,rgba(185,165,11,.15) 0%,transparent 70%);pointer-events:none}
  .hub-hero h1{color:var(--white);font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.12;margin:18px 0 16px}
  .hub-hero h1 span{color:var(--gold-light)}
  .hub-hero .lead{color:rgba(255,255,255,.65);max-width:640px;margin:0 auto 10px;font-size:1.05rem;line-height:1.75}
  .hub-hero__intro{max-width:720px;margin:0 auto 36px;color:rgba(255,255,255,.55);font-size:.9rem;line-height:1.7}
  .hub-hero__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(185,165,11,.2)}
  .hub-hero__stat{text-align:center}
  .hub-hero__stat strong{display:block;font-size:2.1rem;font-weight:900;color:var(--gold-light);line-height:1}
  .hub-hero__stat span{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em}

  /* ── Filter ─────────────────────────────────── */
  .hub-filter{background:var(--white);border-bottom:1px solid var(--gray-mid);padding:14px 0;position:sticky;top:var(--nav-h);z-index:100}
  .hub-filter__inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .hub-filter__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-muted);white-space:nowrap}
  .hub-filter__btn{padding:6px 16px;border-radius:100px;border:1.5px solid var(--gray-mid);background:transparent;font-size:.78rem;font-weight:700;color:var(--gray-text);cursor:pointer;transition:all var(--t);white-space:nowrap}
  .hub-filter__btn:hover,.hub-filter__btn.active{background:var(--gold);border-color:var(--gold);color:var(--white)}

  /* ── Cards Grid ─────────────────────────────── */
  .hub-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:40px}

  /* ── Card ────────────────────────────────────── */
  .hub-card{grid-column:span 2;background:var(--white);border:1px solid var(--gray-mid);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color var(--t),transform var(--t),box-shadow var(--t);box-shadow:var(--shadow-sm)}
  .hub-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--shadow-gold)}
  .hub-card__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s}
  .hub-card:hover .hub-card__img{transform:scale(1.04)}
  .hub-card__img--empty{background:linear-gradient(135deg,var(--charcoal-2),var(--charcoal-3));min-height:120px}
  .hub-card__body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column}
  .hub-card__badge{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);margin-bottom:7px}
  .hub-card__title{font-size:1rem;font-weight:700;color:var(--charcoal-2);line-height:1.35;margin:0 0 8px}
  .hub-card__excerpt{font-size:.83rem;color:var(--gray-muted);line-height:1.65;flex:1;margin:0 0 14px}
  .hub-card__link{font-size:.78rem;font-weight:700;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.06em;transition:color var(--t),letter-spacing var(--t)}
  .hub-card:hover .hub-card__link{color:var(--gold);letter-spacing:.12em}

  /* ── Featured card ───────────────────────────── */
  .hub-card--featured{grid-column:span 3}
  .hub-card--featured .hub-card__img{aspect-ratio:16/9;height:auto;min-height:0}
  .hub-card--featured .hub-card__title{font-size:1.3rem}
  .hub-card--highlight{border-color:var(--gold-border)}
  .hub-card--highlight .hub-card__badge::after{content:' ✦';color:var(--gold)}
  @media(max-width:960px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-card,.hub-card--featured{grid-column:span 1}}
  @media(max-width:700px){.hub-grid{grid-template-columns:1fr}.hub-card,.hub-card--featured{grid-column:1/-1}.hub-card--featured .hub-card__img{aspect-ratio:16/9}}

  /* ── Bottom info sections ────────────────────── */
  .hub-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}
  .hub-service-card{background:var(--white);border:1px solid var(--gray-mid);border-top:3px solid var(--gold);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow-sm);text-decoration:none;display:block;transition:border-color var(--t),box-shadow var(--t)}
  .hub-service-card:hover{border-color:var(--gold);box-shadow:var(--shadow-gold)}
  .hub-service-card__icon{font-size:1.8rem;display:block;margin-bottom:10px}
  .hub-service-card__title{font-size:1rem;font-weight:700;color:var(--charcoal-2);margin-bottom:6px}
  .hub-service-card__text{font-size:.83rem;color:var(--gray-muted);line-height:1.6;margin:0 0 12px}
  .hub-service-card__link{font-size:.78rem;font-weight:700;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.06em}
  .hub-price-box{background:var(--charcoal-2);border-radius:var(--r-lg);padding:40px;text-align:center;border:1px solid var(--gold-border);position:relative;overflow:hidden}
  .hub-price-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark))}
  .hub-price-box h2{color:var(--white);margin:10px 0 8px;font-size:clamp(1.3rem,3vw,1.8rem)}
  .hub-price-box .eyebrow{color:var(--gold-light)}
  .hub-price-box p{color:rgba(255,255,255,.62);max-width:560px;margin:0 auto 24px;font-size:.95rem;line-height:1.7}
  .hub-price-box .btn-group{justify-content:center}
  .hub-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:28px}
  .hub-faq-item{background:var(--white);border:1px solid var(--gray-mid);border-radius:var(--r-lg);padding:20px;}
  .hub-faq-item h3{font-size:.92rem;font-weight:700;color:var(--charcoal-2);margin:0 0 8px}
  .hub-faq-item p{font-size:.83rem;color:var(--gray-muted);margin:0 0 10px;line-height:1.6}
  .hub-faq-item a{font-size:.78rem;font-weight:700;color:var(--gold-dark);text-decoration:none}
  .hub-faq-item a:hover{color:var(--gold)}
  .hub-playlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:28px}
  @media(max-width:640px){.hub-price-box{padding:28px 20px}}