/**
 * Alle Werbe-Placements (9 Standard-Formate) – einheitliche Maximalbreiten.
 *
 * Block-Slots: <ad-content placement="…">
 * Artikel-Paragraph: .article-werbung-token--…
 *
 * Maße: :root in saarland-tokens.css (--st-ad-w-* / --st-ad-h-*)
 */

/* ── Placement → lokale Größen-Variablen (alle 9 Formate) ─────────────────── */
ad-content[placement='medium_rectangle'],
.article-werbung-token--medium_rectangle {
  --st-ad-max-w: var(--st-ad-w-medium_rectangle);
  --st-ad-max-h: var(--st-ad-h-medium_rectangle);
}

ad-content[placement='rectangle'],
.article-werbung-token--rectangle {
  --st-ad-max-w: var(--st-ad-w-rectangle);
  --st-ad-max-h: var(--st-ad-h-rectangle);
}

ad-content[placement='skyscraper'],
.article-werbung-token--skyscraper {
  --st-ad-max-w: var(--st-ad-w-skyscraper);
  --st-ad-max-h: var(--st-ad-h-skyscraper);
}

ad-content[placement='mobile_leaderboard'],
.article-werbung-token--mobile_leaderboard {
  --st-ad-max-w: var(--st-ad-w-mobile_leaderboard);
  --st-ad-max-h: var(--st-ad-h-mobile_leaderboard);
}

ad-content[placement='halfsize_banner'],
.article-werbung-token--halfsize_banner {
  --st-ad-max-w: var(--st-ad-w-halfsize_banner);
  --st-ad-max-h: var(--st-ad-h-halfsize_banner);
}

ad-content[placement='fullsize_banner'],
.article-werbung-token--fullsize_banner {
  --st-ad-max-w: var(--st-ad-w-fullsize_banner);
  --st-ad-max-h: var(--st-ad-h-fullsize_banner);
}

ad-content[placement='leaderboard'],
.article-werbung-token--leaderboard {
  --st-ad-max-w: var(--st-ad-w-leaderboard);
  --st-ad-max-h: var(--st-ad-h-leaderboard);
}

ad-content[placement='large_leaderboard'],
.article-werbung-token--large_leaderboard {
  --st-ad-max-w: var(--st-ad-w-large_leaderboard);
  --st-ad-max-h: var(--st-ad-h-large_leaderboard);
}

ad-content[placement='billboard'],
.article-werbung-token--billboard {
  --st-ad-max-w: var(--st-ad-w-billboard);
  --st-ad-max-h: var(--st-ad-h-billboard);
}

/* ── Alle Werbe-Regionen / Slots (Spezifität > st-content-layout) ─────────── */
:is(
  #sidebar-box-first,
  #sidebar-box-second,
  #sidebar-box-main,
  #article_advertising_left,
  #article_advertising_right,
  #article_advertising_top,
  #article_advertising_bottom,
  #st_ad_left,
  #st_ad_right,
  #st_ad_top,
  .article-ad-slot,
  .region-advertising-left,
  .region-advertising-right,
  .region-advertising-top,
  .region-advertising-bottom,
  #article_content_1
) :is(ad-content[placement], [class*='article-werbung-token--']) {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: min(100%, var(--st-ad-max-w, 100%));
  max-height: var(--st-ad-max-h, none);
  margin-inline: auto;
}

:is(
  #sidebar-box-first,
  #sidebar-box-second,
  #sidebar-box-main,
  #article_advertising_left,
  #article_advertising_right,
  #article_advertising_top,
  #article_advertising_bottom,
  #st_ad_left,
  #st_ad_right,
  .article-ad-slot,
  .region-advertising-left,
  .region-advertising-right,
  .region-advertising-top,
  .region-advertising-bottom,
  #article_content_1
) ad-content[placement] :is(a, .field, .field__item),
#article_content_1 [class*='article-werbung-token--'] .paragraph-werbung__slot {
  display: block;
  max-width: 100%;
  margin-inline: auto;
}

:is(
  #sidebar-box-first,
  #sidebar-box-second,
  #sidebar-box-main,
  #article_advertising_left,
  #article_advertising_right,
  #article_advertising_top,
  #article_advertising_bottom,
  #st_ad_left,
  #st_ad_right,
  .article-ad-slot,
  .region-advertising-left,
  .region-advertising-right,
  .region-advertising-top,
  .region-advertising-bottom,
  #article_content_1
) :is(ad-content[placement] img, [class*='article-werbung-token--'] img) {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

/* Block-Paragraph im Fließtext (leaderboard, billboard, …) */
#article_content_1 .paragraph-werbung--block[class*='article-werbung-token--'] {
  clear: both;
  margin-block: var(--st-space-20, 20px);
}