:where(body.vs-page main) .bts-head p { max-width: 520px; color: #33465C; }
:where(body.vs-page main) .bracket--tl { left: 0; top: 0; }
:where(body.vs-page main) .bracket--br { right: 0; bottom: 0; transform: rotate(180deg); }
:where(body.vs-page main) .partner-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
@media (max-width: 800px) {
  :where(body.vs-page main) .partner-grid { grid-template-columns: 1fr; }
}
:where(body.vs-page main) .hero-a__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,28,48,.55) 0%, rgba(0,28,48,.15) 35%, rgba(0,28,48,.55) 65%, var(--navy) 100%), linear-gradient(90deg, rgba(0,28,48,.75) 0%, rgba(0,28,48,0) 60%); }
:where(body.vs-page main) .ticker .track:not(.track--band) { background: var(--navy); color: var(--white); }
:where(body.vs-page main) .partner-tiles li { position: relative; display: flex; flex-direction: column; gap: 12px; padding: clamp(28px, 3vw, 40px); background: #EEF2F6; border-radius: var(--radius); }
:where(body.vs-page main) #cases .case-grid--bento { gap: 14px; }
@media (max-width: 900px) {
  :where(body.vs-page main) #cases .case-grid--bento { gap: 12px; }
}
:where(body.vs-page main) .partner-tiles li { border-radius: var(--radius-media); }
:where(body.vs-page main) .partner-tiles li { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 10px; align-content: start; }
:where(body.vs-page main) .partner-tiles li { display: flex; flex-direction: column; gap: 10px; }
:where(body.vs-page main) .fx { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
:where(body.vs-page main) .fx-stage { position: relative; aspect-ratio: 16 / 11; display: grid; place-items: center; }
:where(body.vs-page main) .fx-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
:where(body.vs-page main) .fx-steps button { width: 100%; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid transparent; border-radius: 16px; background: none; color: var(--muted); font: inherit; text-align: left; cursor: pointer; transition: background .3s, color .3s, border-color .3s; }
:where(body.vs-page main) .fx-progress { height: 3px; background: rgba(255, 255, 255, 0.12); border-radius: 2px; overflow: hidden; margin-top: 18px; }
@media (max-width: 860px) {
  :where(body.vs-page main) .fx { grid-template-columns: 1fr; }
  :where(body.vs-page main) .fx-stage { aspect-ratio: 4 / 5; }
  :where(body.vs-page main) .fx-steps button { padding: 10px 12px; }
}
:where(body.vs-page main) .fx-copy .fx-label { margin: 0 0 6px; font-family: var(--head); font-weight: 800; font-size: 14px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--pink); }
:where(body.vs-page main) .fx-copy .fx-note { margin: 0 0 20px; color: var(--subtle); font-size: 16px; }
:where(body.vs-page main) .fx-stage { display: block; }
:where(body.vs-page main) #ziele { padding-bottom: clamp(104px, 13vw, 176px); }
:where(body.vs-page main) .pkg { gap: clamp(24px, 3vw, 36px); margin-top: clamp(16px, 3vw, 40px); }
:where(body.vs-page main) .pkg-card--accent { border-color: var(--pink); }
:where(body.vs-page main) .cmp-switch button { appearance: none; border: 0; background: transparent; color: var(--muted); font-family: var(--head); font-weight: 800; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; padding: 10px 18px; border-radius: 999px; cursor: pointer; transition: background .3s, color .3s; }
@media (max-width: 860px) {
  :where(body.vs-page main) .cmp-switch button { flex: 1; padding: 10px 10px; }
}
:where(body.vs-page main) .rf-open { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: clamp(24px, 3vw, 44px); display: grid; grid-template-columns: 1fr 1.15fr; gap: 32px; align-items: end; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .4s ease .25s, transform .5s ease .25s, visibility 0s linear .7s; }
@media (max-width: 1100px) {
  :where(body.vs-page main) .rf-open { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 900px) {
  :where(body.vs-page main) .rf-open { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 22px; padding: 24px 20px 28px; opacity: 1; visibility: visible; transform: none; transition: none; }
}
:where(body.vs-page main) .cmp-switch button { padding-top: calc(10px + .135em); padding-bottom: calc(10px - .135em); }
:where(body.vs-page main) .bts-head p { max-width: 640px; }
:where(body.vs-page main) .partner-tiles li { padding-inline: clamp(24px, 2.4vw, 34px); }
:where(body.vs-page main) .fx-progress { margin: 0 0 14px; }
:where(body.vs-page main) .bracket--tl { left: calc(-1 * clamp(6px, 1vw, 14px)); top: calc(-1 * clamp(10px, 1.1vw, 16px)); }
:where(body.vs-page main) .bracket--br { right: calc(-1 * clamp(6px, 1vw, 14px)); bottom: calc(-1 * clamp(10px, 1.1vw, 16px)); }
:where(body.vs-page main) .hero-a__shade { background: linear-gradient(180deg, rgba(0,19,38,.55) 0%, rgba(0,19,38,.15) 35%, rgba(0,19,38,.6) 70%, var(--navy-dark) 100%), linear-gradient(90deg, rgba(0,19,38,.75) 0%, rgba(0,19,38,0) 60%); }
:where(body.vs-page main) #ziele { background: var(--navy-dark); }
:where(body.vs-page main) .ticker .track:not(.track--band) { background: var(--navy-dark); }
:where(body.vs-page main) #cases, :where(body.vs-page main) #drehtag, :where(body.vs-page main) #faq { background: var(--navy-dark); }
:where(body.vs-page main) #kontakt + #faq { padding-top: clamp(40px, 5vw, 80px); }
:where(body.vs-page main) .compare--switch .cmp-body { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; align-content: start; }
:where(body.vs-page main) .compare--switch .cmp-switch { justify-self: start; }
:where(body.vs-page main) .compare--switch .cmp-view { display: flex; grid-row: 2; grid-column: 1; visibility: hidden; }
:where(body.vs-page main) .compare--switch .cmp-panel[data-mode="std"] .cmp-view--std, :where(body.vs-page main) .compare--switch .cmp-panel[data-mode="dvc"] .cmp-view--dvc { visibility: visible; }
@media (max-width: 860px) {
  :where(body.vs-page main) .compare--switch .cmp-switch { justify-self: stretch; }
}
@media (max-width: 900px) {
  :where(body.vs-page main) .wheel .wheel-tab { min-width: 30px; min-height: 30px; padding: 0; font-size: 0; color: transparent; -webkit-text-stroke: 0; position: relative; }
}
:where(body.vs-page main) .fq-card, :where(body.vs-page main) .fq-card:last-child { border: 0; padding: 0; border-radius: 16px; background: rgba(255, 255, 255, .05); transition: background .3s ease; }
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  :where(body.vs-page main) .fx-copy { display: flex; flex-direction: column; }
  :where(body.vs-page main) .fx-steps li:not(:has(button[aria-current="true"])) { display: none; }
  :where(body.vs-page main) .fx-steps button { pointer-events: none; background: none !important; border-color: transparent !important; padding: 6px 0; }
  :where(body.vs-page main) .fx-copy .fx-progress { order: 3; margin: 6px 0 0; }
  :where(body.vs-page main) .fx-copy .fx-note { margin-bottom: 8px; }
}
@media (max-width: 760px) {
  :where(body.vs-page main) .fx { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
  :where(body.vs-page main) .fx-stage { width: 100%; }
  :where(body.vs-page main) .fx-copy { display: contents; }
  :where(body.vs-page main) .fx-copy .fx-label { order: 1; margin: 0; }
  :where(body.vs-page main) .fx-copy .fx-note { order: 2; margin: 0 0 6px; }
  :where(body.vs-page main) .fx-stage { order: 5; }
  :where(body.vs-page main) .fx-steps { order: 3; }
  :where(body.vs-page main) .fx-copy .fx-progress { order: 4; margin: 0 0 6px; }
  :where(body.vs-page main) .fx-steps .fx-n::after { content: "/5"; }
}
:where(body.vs-page main) .fx-note-plus { display: none; }
@media (max-width: 760px) {
  :where(body.vs-page main) .fx-note-plus { display: inline; }
}
@media (max-width: 760px) {
  :where(body.vs-page main) #drehtag .statement { display: none; }
}
:where(body.vs-page main) .case-grid--bento .case.is-more { display: none; }
:where(body.vs-page main) .case-more { align-self: center; margin-top: 4px; }
:where(body.vs-page main) .case-grid--bento .case.is-fade { -webkit-mask-image: linear-gradient(180deg, #000 35%, transparent 100%); mask-image: linear-gradient(180deg, #000 35%, transparent 100%); pointer-events: none; }
:where(body.vs-page main) .case-grid--bento:has(.is-fade) + .case-more { position: relative; z-index: 2; margin-top: -64px; }
:where(body.vs-page main) .case-more[hidden] { display: none !important; }
@media (max-width: 860px) {
  :where(body.vs-page main) .pkg { margin-top: clamp(56px, 12vw, 88px); }
}
:where(body.vs-page main) .pkg-card--accent { border-color: var(--line); }