/* v0.13z19 — Travel nutzt die Editorial-Präsentation (Story-Strecke, Show, Fotoübersicht, Story-Ende, Lightbox).
   Die Regeln sind 1:1 aus den Editorial-Stylesheets kopiert (site.css, editorial-layout-v09r, editorial-header-scroll-v09s, story-cinema-v013d, story-strip-v013i),
   nur der Seitenschlüssel body[data-page="editorial"] -> body[data-page="travel"]. Die Originaldateien bleiben unverändert (wie bei story-music-v013z11/z13.css).
   Nicht kopiert: Editorial-Kartenwand, Ed-Flow, .strip (Travel-Übersicht bleibt unverändert). */
/* --- aus site.css (data-page="editorial" -> "travel") --- */
body[data-page="travel"] .series-head{padding-top:calc(var(--head-h) + clamp(16px,3svh,35px))}
body[data-page="travel"] .series-head .back{margin-bottom:clamp(15px,3svh,32px)}
body[data-page="travel"] #view .story-navigation-v012h{display:block; margin:clamp(14px,2.5svh,30px) var(--gut) 0;
  padding:clamp(16px,2.8svh,28px) 0 clamp(18px,3svh,36px);
  border-top:1px solid var(--line);}
body[data-page="travel"] .vw{display:block;
  --vwx:clamp(38px,4.2vw,78px);
  --vwy:64px;}
body[data-page="travel"] .vw-main{position:absolute; inset:0; padding:30px var(--vwx) 34px;}
body[data-page="travel"] .vw-main img{width:min(calc(100vw - 2*var(--vwx)),calc((100svh - var(--vwy)) * var(--r)));
  max-width:calc(100vw - 2*var(--vwx)); max-height:calc(100svh - var(--vwy));
  height:auto; object-fit:contain;}
body[data-page="travel"] .vw-top,
body[data-page="travel"] .vw-foot{position:absolute; z-index:2; left:0; right:0;}
body[data-page="travel"] .vw-top{top:0}
body[data-page="travel"] .vw-foot{bottom:0}
@media(max-width:760px){
  body[data-page="travel"] .vw{--vwx:12px;--vwy:90px}
  body[data-page="travel"] .vw-main{padding:35px var(--vwx) 55px}
  body[data-page="travel"] .vw-main img{width:min(calc(100vw - 2*var(--vwx)),calc((100svh - var(--vwy)) * var(--r)));
    max-height:calc(100svh - var(--vwy));}
}
/* --- aus editorial-layout-v09r.css (data-page="editorial" -> "travel") --- */
body[data-page="travel"] #view .series-head{padding-top:calc(var(--head-h) + 16px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"back back" "title meta" "play meta";
  column-gap:clamp(20px,3vw,48px);
  row-gap:8px;
  align-items:start;}
body[data-page="travel"] #view .series-head .back{grid-area:back;
  margin:0;
  justify-self:start;}
body[data-page="travel"] #view .series-head h1{grid-area:title;
  width:100%;
  margin:0;}
body[data-page="travel"] #view .series-head .meta{grid-area:meta;
  justify-self:end;
  align-self:start;
  text-align:right;
  margin:0;}
body[data-page="travel"] #view .series-head .story-start-general{grid-area:play;
  margin:0;
  justify-self:start;}
body[data-page="travel"] #view .flow > .sc:first-child{margin-top:clamp(10px,1.8svh,18px);}
body[data-page="travel"] #view .flow > .sc:first-child .sc-name{margin-bottom:8px;}
@media (max-width:760px){
  body[data-page="travel"] #view .series-head{display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;}
  body[data-page="travel"] #view .series-head h1{width:100%;}
  body[data-page="travel"] #view .series-head .meta{position:static;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:flex-start;
    gap:6px 14px;
    text-align:left;
    margin:0;}
  body[data-page="travel"] #view .series-head .story-start-general{margin-top:4px;}
}
/* --- aus editorial-header-scroll-v09s.css (data-page="editorial" -> "travel") --- */
body[data-page="travel"]:has(#view > .series-head) .site-head{position:absolute;}
/* --- aus story-cinema-v013d.css (data-page="editorial" -> "travel") --- */
body[data-page="travel"] .mc-story-cinema{padding:0 var(--gut);
  max-width:1780px;
  margin:clamp(18px,3svh,32px) auto clamp(22px,4svh,40px);}
/* --- aus story-strip-v013i.css (data-page="editorial" -> "travel") --- */
body[data-page="travel"]:has(.mc-strip) .site-head{position:absolute}
body[data-page="travel"] #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="travel"] #view .mc-strip .strip-text .series-head .back{margin:0 0 auto;justify-self:auto}
body[data-page="travel"] #view .mc-strip .strip-text .series-head h1{width:100%;margin:auto 0 0;grid-area:auto}
body[data-page="travel"] #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="travel"] #view .mc-strip .strip-text .series-head{gap:8px}
  body[data-page="travel"] #view .mc-strip .strip-text .series-head .back{margin:0 0 clamp(10px,2svh,16px)}
  body[data-page="travel"] #view .mc-strip .strip-text .series-head h1{margin:0}
  body[data-page="travel"] #view .mc-strip .strip-text .series-head .meta{margin:0;flex-direction:row;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
}
body[data-page="travel"] #view .mc-strip ~ .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="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-heading{margin:0;gap:14px;opacity:.75}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px}
body[data-page="travel"] #view .mc-strip ~ .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="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-action:hover,
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-action:focus-visible{background:transparent;color:var(--fg);text-decoration:underline;text-underline-offset:5px}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-next{justify-content:flex-start;gap:0}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-next-copy{flex-direction:row;align-items:baseline;gap:10px}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-next-label{font:500 11px/1.3 var(--sans);letter-spacing:.11em}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-next-title,
html body[data-page="travel"] #view .mc-strip ~ .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}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-actions{justify-content:flex-start}
@media (max-width:760px){
  body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h{justify-content:flex-start}
  body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-actions{gap:6px 22px}
}
body[data-page="travel"] #view .mc-strip ~ .story-navigation-v012h .story-nav-preview{display:none}

/* v0.13z19: Travel-Übersicht – der Reisetitel öffnet die Story (Link ohne eigene Optik) */
body[data-page="travel"] .strip-head h2 a{color:inherit;text-decoration:none}
body[data-page="travel"] .strip-head h2 a:hover,body[data-page="travel"] .strip-head h2 a:focus-visible{text-decoration:underline;text-underline-offset:5px}

/* v0.13z20: Travel-Übersicht – PLAY unmittelbar unter dem Reisetitel, linksbündig zum Titel; Pfeile bleiben rechts.
   Raster statt Flex: Spalten  Titel | Rubrik | (frei) | Pfeile; PLAY in Spalte 1, Zeile 2 (die Nummer .n ist per CSS ausgeblendet). Bildgrößen/-abstände unverändert. */
body[data-page="travel"] .strip-head{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;column-gap:clamp(12px,1.7vw,25px);row-gap:clamp(10px,1.6svh,16px)}
body[data-page="travel"] .strip-head h2{grid-column:1;grid-row:1}
body[data-page="travel"] .strip-head .k{grid-column:2;grid-row:1}
body[data-page="travel"] .strip-head .tools{grid-column:4;grid-row:1;margin-left:0;justify-self:end}
body[data-page="travel"] .strip-head .story-start-travel{grid-column:1;grid-row:2;justify-self:start;margin:0}
@media (max-width:760px){
  body[data-page="travel"] .strip-head{grid-template-columns:minmax(0,1fr)}
  body[data-page="travel"] .strip-head .tools{display:none}
}