/* Alle Tourdaten: Fotokopf wie auf der Hauptseite, danach zwei Einzugstufen. */
.tour-page main{
  --tour-hero-gutter:clamp(14px,2.5vw,32px);
  --tour-section-inset:clamp(24px,2.5vw,40px);
  --tour-entry-inset:clamp(16px,1.5vw,24px);
}
.tour-page .tour-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:none;
  min-height:clamp(230px,30vh,360px);
  margin:0 calc(var(--tour-hero-gutter) * -1) 0;
  padding:clamp(30px,4vw,60px) var(--tour-hero-gutter);
  display:flex;
  align-items:flex-end;
  border-block:1px solid var(--line);
  background:#0a0a0a;
}
.tour-page .tour-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url("tour-clubbuehne-sw.jpg");
  background-position:center 31%;
  background-size:cover;
  filter:grayscale(1) contrast(1.18);
  opacity:.7;
  transform:scale(1.025);
}
.tour-page .tour-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.46) 58%,rgba(0,0,0,.72) 100%),
    linear-gradient(0deg,rgba(0,0,0,.74),transparent 65%);
}
.tour-hero__copy{position:relative;z-index:2;min-width:0;width:100%}
.tour-page .tour-hero .eyebrow{margin:0 0 12px}
.tour-page .tour-hero h1{margin:0;padding:.08em 0 .04em;line-height:.94;text-wrap:balance}
.tour-page .tour-section{margin-top:clamp(42px,5vw,64px);margin-inline-start:var(--tour-section-inset)}
.tour-page .tour-section::after{content:attr(data-cut);display:block;margin-top:28px;text-align:right;color:var(--acid);opacity:.18;font:400 clamp(3.5rem,6vw,6rem)/1 var(--display-font);pointer-events:none}
.tour-section-heading{margin-bottom:24px}
.tour-page .tour-section-heading .eyebrow{margin:0 0 12px}
.tour-page .tour-section h2{margin:0;font-size:clamp(2.3rem,4vw,3.5rem);line-height:1}
.tour-page .tour-list{gap:0;margin-inline-start:var(--tour-entry-inset);border-top:1px solid var(--line)}
.tour-page .tour-section>.tour-empty{margin-inline-start:var(--tour-entry-inset)}
/* Zwei Zeilen auf breiten Ansichten; kurze Angaben dürfen auf Mobile umbrechen. */
.tour-page .tour-card{
  grid-template-columns:minmax(0,1fr) clamp(72px,7vw,110px);
  gap:0 20px;
  min-height:0;
  margin:0;
  padding:22px 0;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
}
.tour-page .tour-card.has-no-poster{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}
.tour-page .tour-card .tour-card__title{min-height:0;margin:0 0 12px;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.08;overflow-wrap:normal}
.tour-page .tour-card__line{align-items:center;gap:6px 0}
.tour-page .tour-card .tour-card__meta{display:contents}
.tour-card__fact{
  min-width:0;
  max-width:100%;
  color:var(--muted);
  font:400 13px/1.6 Arial,sans-serif;
  overflow-wrap:anywhere;
}
.tour-card__fact+.tour-card__fact,.tour-page .tour-card__info{
  margin-inline-start:12px;
  padding-inline-start:12px;
  border-inline-start:1px solid var(--line);
}
.tour-card__weekday{color:var(--acid)}
.tour-page .tour-card__date{white-space:nowrap;font:400 13px/1.6 Arial,sans-serif}
.tour-page .tour-card__info{font-size:13px}
.tour-page .tour-thumb{position:relative;align-self:start;width:100%;height:auto;aspect-ratio:4/5;border:1px solid var(--line)}
.tour-page .tour-thumb::after{content:"↗";position:absolute;right:4px;top:4px;width:24px;height:24px;border:1px solid var(--line);color:var(--paper);background:#080808;font:400 16px/24px Arial,sans-serif;text-align:center;pointer-events:none}
.tour-page .tour-card__details{margin:18px 0 0;padding:0;border:0}
.tour-page .tour-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tour-page .tour-facts{border:0;align-content:start}
.tour-page .tour-facts div{border:0;padding:8px 0;grid-template-columns:80px minmax(0,1fr)}
.tour-page .tour-facts dt{font:400 10.5px/1.6 monospace;letter-spacing:0}
.tour-page .tour-facts dd{font-size:14px;line-height:1.65}
.tour-page .tour-actions{gap:10px;margin-top:16px}
.tour-page .tour-button{min-height:38px}
@container(max-width:570px){.tour-page .tour-detail-columns{grid-template-columns:minmax(0,1fr);gap:0}}
@supports(background-image:image-set(url("tour-clubbuehne-sw.webp") type("image/webp"))){
  .tour-page .tour-hero::before{background-image:image-set(url("tour-clubbuehne-sw.webp") type("image/webp"),url("tour-clubbuehne-sw.jpg") type("image/jpeg"))}
}
@media(max-width:700px){
  .tour-page main{--tour-section-inset:14px;--tour-entry-inset:8px}
  .tour-page .tour-hero{min-height:230px}
  .tour-page .tour-section h2{font-size:clamp(2rem,7vw,2.7rem)}
  .tour-page .tour-card{grid-template-columns:minmax(0,1fr) 58px;gap:0 12px;padding:18px 0;align-items:start}
  .tour-page .tour-card .tour-card__title{font-size:clamp(1.35rem,5vw,1.7rem)}
  .tour-card__fact+.tour-card__fact,.tour-page .tour-card__info{margin-inline-start:8px;padding-inline-start:8px}
  .tour-page .tour-card__info{min-height:44px}
  .tour-page .tour-detail-columns{grid-template-columns:minmax(0,1fr);gap:0}
  .tour-page .tour-facts div{grid-template-columns:64px minmax(0,1fr);gap:8px}
  .tour-page .tour-button{min-height:44px}
  .tour-card__stamp{top:36px;height:clamp(54px,15vw,72px);transform:rotate(-4deg)}
  .tour-page .tour-thumb{min-height:82px}
}