/* Variante B — typografisch markanter, asymmetrischer und magazinartiger. */
body.qw-variant-b {
  --qw-layout-width: 1460px;
  --qw-layout-gutter: clamp(20px, 2.8vw, 44px);
  --qw-header-height: 84px;
}
body.qw-variant-b .qw-site-header__inner {
  width: min(calc(100% - 2 * var(--qw-layout-gutter)), 1640px) !important;
  grid-template-columns: minmax(260px,auto) 1fr auto !important;
}
body.qw-variant-b .qw-site-identity { gap: 10px !important; }
body.qw-variant-b .qw-site-brand {
  font-size: clamp(1.65rem, 1.85vw, 2.15rem) !important;
}
body.qw-variant-b .qw-primary-menu { gap: clamp(16px, 1.35vw, 24px); }
body.qw-variant-b .qw-primary-menu a,
body.qw-variant-b .qw-language-switch span {
  font-size: .73rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.qw-variant-b .qw-image-section.is-variant-hero .qw-image-section__inner {
  align-content: center;
  padding-top: calc(var(--qw-header-height) + 44px);
  padding-bottom: 130px;
}
body.qw-variant-b .qw-image-section.is-variant-hero .qw-image-section__copy {
  grid-column: 2 / 8;
  padding-top: 0;
  align-self: center;
}
body.qw-variant-b .qw-image-section.is-variant-hero .qw-image-section__title {
  max-width: 7.2ch;
  font-size: clamp(4.4rem, 7.6vw, 7.2rem);
  line-height: .9;
}
body.qw-variant-b .qw-next-concert {
  left: auto;
  right: max(var(--qw-layout-gutter), calc((100vw - var(--qw-layout-width))/2));
  bottom: 46px;
  width: min(380px, calc(100vw - 2 * var(--qw-layout-gutter)));
  background: rgba(255,255,255,.13);
  border-radius: 24px;
}
body.qw-variant-b .qw-section-heading {
  margin-bottom: clamp(48px, 5vw, 84px);
}
body.qw-variant-b .qw-section-heading h2 {
  grid-column: 1 / 6;
  font-size: clamp(3.2rem, 5.3vw, 5.6rem) !important;
}
body.qw-variant-b .qw-section-note {
  grid-column: 7 / 12;
  max-width: 27rem;
  font-size: clamp(.98rem, 1.2vw, 1.15rem);
}
body.qw-variant-b .qw-concerts__toolbar {
  gap: 14px;
  margin-bottom: 46px;
}
body.qw-variant-b .qw-concerts__toolbar button,
body.qw-variant-b .qw-concerts__toolbar a {
  min-height: 46px;
  padding: 10px 20px;
  font-size: .76rem;
}
body.qw-variant-b .qw-concerts__list { border-top-color: rgba(24,23,21,.26); }
body.qw-variant-b .qw-concert-row {
  grid-template-columns: minmax(92px, .95fr) minmax(0, 5fr) minmax(180px, 2fr) 58px;
  gap: clamp(16px, 2.2vw, 34px);
  padding: 28px 0;
}
body.qw-variant-b .qw-concert-row__main {
  gap: 8px;
  padding-left: 16px;
  border-left: 1px solid rgba(24,23,21,.12);
}
body.qw-variant-b .qw-concert-row__title {
  max-width: 24ch;
  font-size: clamp(1.5rem, 2.2vw, 2.15rem);
  line-height: 1.02;
}
body.qw-variant-b .qw-concert-row__subtitle,
body.qw-variant-b .qw-concert-row__program {
  font-size: .75rem;
  letter-spacing: .01em;
}
body.qw-variant-b .qw-concert-row__place {
  align-self: start;
  padding-top: .5rem;
  font-size: .8rem;
  line-height: 1.45;
}
body.qw-variant-b .qw-concert-row__day { font-size: clamp(2.15rem, 2.8vw, 2.9rem); }
body.qw-variant-b .qw-concert-row__open {
  width: 58px;
  height: 58px;
  border-color: rgba(24,23,21,.18);
}
body.qw-variant-b .qw-concert-row__open .qw-arrow-icon { width: 24px; height: 24px; }
body.qw-variant-b .qw-biography__inner {
  grid-template-columns: repeat(12, minmax(0,1fr));
}
body.qw-variant-b .qw-biography__aside { grid-column: 1 / 5; top: 126px; }
body.qw-variant-b .qw-biography__aside h2 {
  font-size: clamp(3.4rem, 5.6vw, 6rem);
  line-height: .9;
}
body.qw-variant-b .qw-biography__content { grid-column: 6 / 12; }
body.qw-variant-b .qw-biography__prose {
  max-width: 60ch;
  font-size: clamp(1.02rem,1.1vw,1.12rem);
  line-height: 1.76;
}
@media (max-width: 1160px) {
  body.qw-variant-b .qw-mobile-menu {
    inset: 14px;
    top: max(14px, calc(var(--qw-header-height) + 10px));
    right: 14px;
    left: 14px;
    padding: 26px 22px 22px;
    border-radius: 28px;
  }
  body.qw-variant-b .qw-mobile-menu nav ul { counter-reset: qwMenu; }
  body.qw-variant-b .qw-mobile-menu li {
    position: relative;
    counter-increment: qwMenu;
    padding-left: 34px;
  }
  body.qw-variant-b .qw-mobile-menu li::before {
    content: counter(qwMenu, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 20px;
    color: var(--qw-muted);
    font-size: .75rem;
    letter-spacing: .08em;
  }
  body.qw-variant-b .qw-mobile-menu a {
    padding: 16px 0;
    font-size: clamp(2.1rem, 7vw, 3.3rem);
    line-height: .98;
  }
}
@media (max-width: 760px) {
  body.qw-variant-b { --qw-header-height: 70px; }
  body.qw-variant-b .qw-image-section.is-variant-hero .qw-image-section__inner {
    padding-bottom: 330px;
    align-content: start;
  }
  body.qw-variant-b .qw-image-section.is-variant-hero .qw-image-section__copy {
    grid-column: 1 / 13;
    padding-top: 8vh;
  }
  body.qw-variant-b .qw-next-concert { left: 18px; right: 18px; width: auto; }
  body.qw-variant-b .qw-concert-row {
    grid-template-columns: minmax(0,1fr) 58px;
    gap: 14px 16px;
  }
  body.qw-variant-b .qw-concert-row__main { padding-left: 0; border-left: 0; }
}
