/* MC v0.13w — Advertising: Auftakt (Titel links + Foto rechts) im Baukasten.
   Gleichwertig zu den editorial-gebundenen Regeln in story-strip-v013i.css, aber nur für advertising.html und nur dort, wo ein Auftakt-Kapitel existiert.
   Menswear (Strecke ohne Auftakt) und alle Editorial-Seiten bleiben unberührt. */
body[data-page="advertising"]:has(.mc-strip .strip-hero) .site-head{position:absolute}
body[data-page="advertising"] #view .mc-strip .strip-text .series-head{
  display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;
  padding:0;margin:0;gap:10px;grid-template-columns:none;grid-template-areas:none}
body[data-page="advertising"] #view .mc-strip .strip-text .series-head .back{margin:0 0 auto;justify-self:auto}
body[data-page="advertising"] #view .mc-strip .strip-text .series-head h1{width:100%;margin:auto 0 0;grid-area:auto}
body[data-page="advertising"] #view .mc-strip .strip-text .series-head .meta{
  margin:0 0 auto;text-align:left;justify-self:auto;align-self:flex-start;
  flex-direction:column;align-items:flex-start;gap:6px}
@media (max-width:760px){
  body[data-page="advertising"] #view .mc-strip .strip-text .series-head{gap:8px}
  body[data-page="advertising"] #view .mc-strip .strip-text .series-head .back{margin:0 0 clamp(10px,2svh,16px)}
  body[data-page="advertising"] #view .mc-strip .strip-text .series-head h1{margin:0}
  body[data-page="advertising"] #view .mc-strip .strip-text .series-head .meta{margin:0;flex-direction:row;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
}

/* MC v0.13z62 — Einheitliche Abschlussnavigation: Advertising folgt der Editorial-Referenz (story-strip-v013i.css, "Story-Ende: ruhig, eine Zeile").
   Gleiche Werte wie Editorial: eine Zeile, Haarlinie oben, END OF SERIES links, TOP / NEXT SERIES / ALL SERIES rechts, keine Kacheln, kein Vorschaubild.
   Gilt für alle Advertising-Stories (auch ohne Foto-Strecke). Bezeichnungen (SERIES) bleiben. */
body[data-page="advertising"] #view .story-navigation-v012h{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 28px;
  margin:clamp(22px,4svh,40px) var(--gut) 0;padding:clamp(12px,2svh,18px) 0 clamp(26px,4svh,44px);
  border-top:1px solid var(--line)}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-heading{margin:0;gap:14px;opacity:.75}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px;justify-content:flex-start}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-action{
  display:inline-flex;flex:none;justify-content:flex-start;min-height:0;min-width:0;padding:4px 0;border:0;background:transparent;color:var(--fg);
  font:500 11px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-action:hover,
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-action:focus-visible{
  background:transparent;color:var(--fg);text-decoration:underline;text-underline-offset:5px}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-next{justify-content:flex-start;gap:0}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-next-copy{flex-direction:row;align-items:baseline;gap:10px}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-next-label{font:500 11px/1.3 var(--sans);letter-spacing:.11em}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-next-title,
html body[data-page="advertising"] #view .story-navigation-v012h .story-nav-next-title{font-family:var(--sans)!important;font-size:12px!important;font-weight:400!important;line-height:1.3!important;letter-spacing:.02em!important;text-transform:none!important}
@media (max-width:760px){
  body[data-page="advertising"] #view .story-navigation-v012h{justify-content:flex-start}
  body[data-page="advertising"] #view .story-navigation-v012h .story-nav-actions{gap:6px 22px}
}
body[data-page="advertising"] #view .story-navigation-v012h .story-nav-preview{display:none}
