/* ── WERBEBANNER ─────────────────────────────────────────────────────
   Sichtbarkeitsregeln:
   320×50  → nur Mobile (< 768px)
   468×60  → Tablet+ (≥ 768px)
   300×250 → IMMER (auch Mobile)
   160×600 → nur Desktop-Sidebar (≥ 1200px)
──────────────────────────────────────────────────────────────────── */

/* Platzhalter-Grundstil */
.ad-placeholder {
  background: var(--color-surface);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
  letter-spacing: 0.04em;
  overflow: hidden;
}

/* ── 320×50 – Mobile Leaderboard ─────────────────────── */
.ad-320x50 {
  width: 320px;
  height: 50px;
  display: block; /* sichtbar auf Mobile */
}
@media (min-width: 768px) {
  .ad-320x50 { display: none; }
}

/* ── 468×60 – Leaderboard ────────────────────────────── */
.ad-468x60 {
  width: 468px;
  max-width: 100%;
  height: 60px;
  display: none; /* versteckt auf Mobile */
}
@media (min-width: 768px) {
  .ad-468x60 { display: block; }
}

/* ── 300×250 – Medium Rectangle (IMMER) ─────────────── */
.ad-300x250 {
  width: 300px;
  height: 250px;
  display: block; /* immer sichtbar */
}

/* ── 160×600 – Wide Skyscraper (Sidebar) ────────────── */
.ad-160x600 {
  width: 160px;
  height: 600px;
  display: none; /* nur Desktop-Sidebar */
}
@media (min-width: 1200px) {
  .ad-160x600 { display: block; }
}

/* ── Banner-Wrapper ──────────────────────────────────── */

/* Unter dem Header, über dem Content */
.ad-bar {
  display: flex;
  justify-content: center;
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-bg);
}

/* 300×250 inline im Artikel (nach ~2 Absätzen) */
.ad-inline {
  display: flex;
  justify-content: center;
  margin: var(--space-8) 0;
}

/* 300×250 nach Hauptinhalt (index, glossar, faq) */
.ad-below-content {
  display: flex;
  justify-content: center;
  margin: var(--space-12) 0 var(--space-8);
}

/* Sidebar-Sticky-Wrapper */
.ad-sidebar-sticky {
  position: sticky;
  top: calc(var(--header-height) + var(--space-4));
}