/*
  mysongstory · Grundeinstellung für alle Seiten (Theme 5.0).

  Genau die elementweiten Regeln, mit denen Lander, Formular, Warteseite und
  Hörprobe (die Vorbilder) bisher dargestellt wurden — aus dem früheren
  mss.css (Customer Journey 4.0) übernommen, ohne dessen Bausteine. Nicht
  «aufräumen» ohne Pixelvergleich der Vorbilder: Jede Zeile hier wirkt auf sie.
  Die neue Gestaltung (Startseite, Song-Seite, Kontakt …) steht in
  mss-basis.css und gilt nur innerhalb von `.mss5`.
*/
*, ::before, ::after {box-sizing: border-box; border: 0 solid; margin: 0; padding: 0;}
html {line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; scroll-behavior: smooth;}
body {line-height: inherit;}
hr {height: 0; color: inherit; border-top-width: 1px;}
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}
a {color: inherit; text-decoration: inherit;}
b, strong {font-weight: bolder;}
small {font-size: 80%;}
img, svg, video, canvas, audio, iframe, embed, object {display: block; vertical-align: middle;}
img, video {max-width: 100%; height: auto;}
button, input, optgroup, select, textarea {font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1;}
button, [role='button'] {cursor: pointer;}
:disabled {cursor: default;}
::placeholder {opacity: 1;}
textarea {resize: vertical;}
ol, ul, menu {list-style: none;}
summary {display: list-item;}
fieldset {margin: 0; padding: 0;}
legend {padding: 0;}
[hidden]:where(:not([hidden='until-found'])) {display: none !important;}
:root {--background: #fcfaf6; --foreground: #34151f; --primary: #651d35; --primary-foreground: #fffaf6; --border: #ded6d1; --lime: #e2eeae; --wine: #651d35; --muted: #75666b; --paper: #fcfaf6;}
html {scroll-behavior: smooth;}
body {margin: 0; font-family: 'DM Sans', Arial, sans-serif; background: var(--paper); color: var(--foreground); font-size: 16px; line-height: 1.55;}
button, input, textarea {font: inherit;}
button, a {-webkit-tap-highlight-color: transparent;}
button {cursor: pointer; background: none;}
a {color: inherit; text-decoration: none;}
svg {flex-shrink: 0;}
h1, h2, h3, p {margin: 0;}
h1, h2 {font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.02;}
h1 {font-size: clamp(68px, 7.3vw, 105px);}
h2 {font-size: clamp(44px, 4.6vw, 66px);}
h3 {font-size: 22px; line-height: 1.25; letter-spacing: -0.03em;}
em {font-weight: 400; color: var(--wine);}
header {height: 91px; display: flex; align-items: center; justify-content: space-between; max-width: 1440px; margin: auto; padding: 0 6%; gap: 25px;}
nav {display: flex; gap: 35px; font-size: 14px;}
button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible {outline: 3px solid #939f56; outline-offset: 4px;}
main:focus {outline: none;}
footer {padding: 55px 6% 70px; max-width: 1440px; margin: auto;}
footer > p {font-size: 13px; margin-top: 12px; color: var(--muted);}
fieldset {padding: 0; border: 0; margin: 28px 0 0;}
legend {font-size: 14px; font-weight: 500; margin-bottom: 14px;}
@media (max-width: 700px) {
  header {height: 73px; padding: 0 22px; gap: 10px;}
  nav {display: none;}
  h1 {font-size: 68px;}
  h2 {font-size: 47px;}
  footer {padding: 45px 23px 75px;}
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {scroll-behavior: auto !important; animation: none !important; transition: none !important;}
}
.skip-link {position: absolute; left: -999px; top: 8px; background: #651d35; color: #fcfaf6; padding: 8px 12px; border-radius: 6px; z-index: 200;}
.skip-link:focus {left: 8px;}
/* Logo «songstory» (snippets/mss-logo.liquid). Höhe folgt der Schriftgrösse der bisherigen
   Wortmarke; die alten Regeln für den Stern (feste 16–22 px) gelten nicht für das Logo. */
svg.mss-logo{display:block;width:auto!important;height:1.1em!important;stroke:none;flex:none}