/*
  mysongstory · Theme 5.0 — Nebenseiten: Kontakt, 404, Rechtstexte, Zustände, Passwort.
  Quelle: werkzeuge/startseite-prototyp/ (kontakt, 404, rechtliches, zustand).
  Gilt nur innerhalb von `.mss5`; Grundlage: mss-basis.css.
*/
/* Kontakt */
.mss5 .hilfe{margin-top:30px;border-top:1px solid var(--line)}
.mss5 .hilfe details{border-bottom:1px solid var(--line)}
.mss5 .hilfe summary{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:18px 0;list-style:none;font-weight:600;cursor:pointer}
.mss5 .hilfe summary::-webkit-details-marker{display:none}
.mss5 .hilfe summary::after{content:"+";font-size:21px;font-weight:400;line-height:1}
.mss5 .hilfe details[open] summary::after{content:"−"}
.mss5 .hilfe details p{padding-bottom:20px;color:var(--text)}
.mss5 .formkarte{margin-top:36px;padding:24px}
.mss5 .formkarte h2{font-size:28px}
.mss5 .formkarte .button{margin-top:22px}
.mss5 .direkt{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--muted)}
.mss5 .direkt svg{width:15px;height:15px}
.mss5 .direkt a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.mss5 .danke{text-align:center;padding:12px 0 4px}
.mss5 .danke .herz{display:block;font:44px/1 var(--serif);color:var(--wine);margin-bottom:12px}
.mss5 .danke h2{font-size:30px}
.mss5 .danke p{margin-top:10px;color:var(--text)}
@media (max-width:350px){
  .mss5 .formkarte{padding:20px}
}

/* 404 */
.mss5 .leer{text-align:center;padding-top:64px;padding-bottom:80px}
.mss5 .leer .zahl{display:block;font:italic 88px/1 var(--serif);color:#e3d3d6;letter-spacing:-2px}
.mss5 .leer h1{margin-top:8px}
.mss5 .leer .einleitung{max-width:420px;margin-inline:auto}
.mss5 .leer .knoepfe{display:grid;gap:10px;max-width:400px;margin:30px auto 0}
.mss5 .songhinweis{display:flex;gap:12px;align-items:flex-start;max-width:440px;margin:36px auto 0;padding:16px;border:1px solid #e1d4cb;border-radius:6px;background:var(--card);text-align:left;font-size:15px;line-height:1.6;color:var(--muted)}
.mss5 .songhinweis svg{width:20px;height:20px;margin-top:2px;color:var(--wine)}
.mss5 .songhinweis a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}

/* Rechtstexte (Shopify rendert /policies/* selbst; Klassen von Shopify) */
.mss5 .rechtstext{margin-top:28px;color:var(--text)}
.mss5 .rechtstext h2,.mss5 .rechtstext h3{margin:28px 0 8px;font:600 16px/1.5 var(--sans);letter-spacing:0;color:var(--ink)}
.mss5 .rechtstext p,.mss5 .rechtstext li{font-size:16px;line-height:1.75}
.mss5 .rechtstext p + p{margin-top:12px}
.mss5 .rechtstext ul,.mss5 .rechtstext ol{margin:8px 0 0;padding-left:20px;list-style:disc}
.mss5 .rechtstext a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}

.mss5 .shopify-policy__container{max-width:680px;margin:0 auto;padding:44px var(--rand) 64px}
.mss5 .shopify-policy__title h1{font-size:39px}
.mss5 .shopify-policy__body{margin-top:28px;color:var(--text)}
.mss5 .shopify-policy__body h2,.mss5 .shopify-policy__body h3,.mss5 .shopify-policy__body h4{margin:28px 0 8px;font:600 16px/1.5 var(--sans);letter-spacing:0;color:var(--ink)}
.mss5 .shopify-policy__body p,.mss5 .shopify-policy__body li{font-size:16px;line-height:1.75}
.mss5 .shopify-policy__body p + p{margin-top:12px}
.mss5 .shopify-policy__body ul,.mss5 .shopify-policy__body ol{margin:8px 0 0;padding-left:20px;list-style:disc}
.mss5 .shopify-policy__body a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
@media (min-width:700px){.mss5 .shopify-policy__container{padding-top:64px}.mss5 .shopify-policy__title h1{font-size:50px}}

/* Zustände (Hörprobe/Song-Link) */
.mss5 .zustand{text-align:center;padding-top:56px;padding-bottom:72px;max-width:520px}
.mss5 .zustand .zeichen{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:#f3e9eb;color:var(--wine)}
.mss5 .zustand .zeichen svg{width:28px;height:28px}
.mss5 .zustand .einleitung{margin-inline:auto;max-width:420px}
.mss5 .zustand .button{max-width:400px;margin:28px auto 0}
.mss5 .zustand .textlink{margin-top:16px}


/* Passwortseite */
.mss5 .passwort{max-width:440px;margin:0 auto;padding:72px var(--rand);text-align:center}
.mss5 .passwort .marke{font-size:26px}
.mss5 .passwort h1{margin-top:28px;font-size:34px}
.mss5 .passwort .einleitung{margin-top:12px;color:var(--text)}
.mss5 .passwort form{margin-top:24px;text-align:left}
.mss5 .passwort .button{margin-top:16px}