/*
  Geerbt aus dem früheren mss.css (Customer Journey 4.0): die Regeln, die bis
  Theme 5.0 unbeabsichtigt auch auf Lander und Hörprobe/Angebot wirkten
  (gemeinsame Klassennamen wie .steps, .button, .faq). So wurden die Seiten
  freigegeben (ausser .track-list: die Liedliste des Landers scrollt seit
  06.10.2026 nicht mehr in einem Kasten, alle Lieder sind sichtbar) — darum hier bewusst erhalten, mit derselben Gewichtung wie damals
  (:where), vor mss-cvr.css geladen. Nur entfernen mit Pixelvergleich
  (Referenzbilder der Vorbilder vorher/nachher).
*/
:where(.mss-cvr) .brand {font-size: 28px; font-weight: 750; letter-spacing: -1.5px; display: flex; align-items: center; gap: 3px;}
:where(.mss-cvr) .brand span {color: var(--wine); font-size: 35px;}
:where(.mss-cvr) .button {border: 0; background: var(--wine); color: var(--paper); display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 18px 25px; border-radius: 6px; font-size: 16px; font-weight: 600; min-height: 58px; transition: background 0.2s, transform 0.2s;}
:where(.mss-cvr) .button:hover {background: #491127; transform: translateY(-1px);}
:where(.mss-cvr) .section {max-width: 1280px; margin: auto; padding: 90px 6%;}
:where(.mss-cvr) .steps {display: grid; grid-template-columns: repeat(3, 1fr); gap: 55px; margin-top: 50px;}
:where(.mss-cvr) .steps i {font-size: 14px; font-style: normal; border-top: 1px solid var(--border); display: block; padding-top: 20px; color: var(--wine); margin-bottom: 25px;}
:where(.mss-cvr) .steps p {color: var(--muted); font-size: 15px; margin-top: 15px;}
@media (max-width: 700px) {
  :where(.mss-cvr) .brand {font-size: 24px;}
  :where(.mss-cvr) .brand span {font-size: 30px;}
  :where(.mss-cvr) .section {padding: 60px 23px;}
  :where(.mss-cvr) .steps {grid-template-columns: 1fr; gap: 25px; margin-top: 30px;}
  :where(.mss-cvr) .steps i {margin-bottom: 12px;}
  :where(.mss-cvr) .steps h3 {font-size: 21px;}
  :where(.mss-cvr) .steps p {margin-top: 9px;}
}
:where(.mss-cvr) .button {background: var(--wine);}
:where(.mss-cvr) .text-link {display: inline-flex; align-items: center; gap: 7px; border: 0; padding: 0 0 2px; border-bottom: 1px solid currentColor; font-size: 13px; color: var(--wine); font-weight: 500;}
:where(.mss-cvr) .brand {font-weight: 700; letter-spacing: -1.6px;}
:where(.mss-cvr) .steps i {display: flex; justify-content: space-between; align-items: center;}
:where(.mss-cvr) .steps p {font-size: 16px; line-height: 1.7;}
:where(.mss-cvr) .play {display: grid; place-items: center; width: 56px; height: 56px; flex-shrink: 0; border: 0; background: var(--wine); color: white; border-radius: 100%;}
:where(.mss-cvr) .play svg {width: 21px;}
:where(.mss-cvr) .faq {display: grid; grid-template-columns: 1fr 1.2fr; gap: 8%; border-top: 1px solid var(--border);}
:where(.mss-cvr) .faq details {border-bottom: 1px solid var(--border); padding: 22px 0;}
:where(.mss-cvr) .faq summary {display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 15px; cursor: pointer; list-style: none;}
:where(.mss-cvr) .faq summary::-webkit-details-marker {display: none;}
:where(.mss-cvr) .faq details[open] summary svg {transform: rotate(45deg);}
:where(.mss-cvr) .faq details p {font-size: 14px; color: var(--muted); padding-top: 16px; line-height: 1.8;}
:where(.mss-cvr) .final-cta {background: var(--wine); color: var(--paper); padding: 80px 22px; text-align: center;}
:where(.mss-cvr) .final-cta em {color: var(--lime);}
:where(.mss-cvr) .final-cta .button {margin-top: 35px;}
:where(.mss-cvr) .included {padding: 0; list-style: none; display: grid; gap: 12px; font-size: 13px; margin: 25px 0 30px;}
:where(.mss-cvr) .included li {display: flex; gap: 10px; align-items: center;}
:where(.mss-cvr) .included svg {width: 16px;}
@media (max-width: 700px) {
  :where(.mss-cvr) .section {padding: 60px 23px;}
  :where(.mss-cvr) .steps {margin-top: 30px; gap: 27px;}
  :where(.mss-cvr) .steps p {font-size: 15px;}
  :where(.mss-cvr) .steps i {margin-bottom: 14px;}
  :where(.mss-cvr) .play {width: 50px; height: 50px;}
  :where(.mss-cvr) .faq {display: block;}
  :where(.mss-cvr) .faq > div:last-child {margin-top: 25px;}
  :where(.mss-cvr) .faq summary {font-size: 14px;}
  :where(.mss-cvr) .final-cta {padding: 60px 22px 75px;}
  :where(.mss-cvr) .final-cta h2 {font-size: 48px;}
  :where(.mss-cvr) .final-cta .button {width: 100%;}
  :where(.mss-cvr) .included {font-size: 13px; gap: 13px;}
}
@media (min-width: 701px) and (max-width: 1050px) {
  :where(.mss-cvr) .section {padding-left: 5%; padding-right: 5%;}
}
@media (max-width: 700px) {
  :where(.mss-cvr) .brand {font-size: 23px; letter-spacing: -1.4px;}
  :where(.mss-cvr) .faq summary {font-size: 14px;}
}
:where(.mss-cvr) .extent-divider {position: absolute; top: 0; bottom: 0; left: 26.66%; width: 1px; border-left: 1px dashed var(--wine); opacity: .5;}