/* MPU-Coach24 Klientenportal – Schwarz/Gold, an das Gestaltungssystem der Website angelehnt.
   Keine externen Schriften oder Dateien: alles kommt vom eigenen Server. */
.mc24p{
  --g:#b88f33; --g2:#c9a24b; --bg:#0f0e0c; --p:#171510; --p2:#1e1b14; --l:#302a1f;
  --t:#ede6d6; --m:#a79e89; --ok:#86b592; --err:#e0896b;
  background:var(--bg); color:var(--t); border-radius:8px;
  padding:clamp(20px,4vw,44px) clamp(16px,4vw,44px);
  line-height:1.55; font-size:17px; max-width:980px; margin:0 auto; box-sizing:border-box;
}
.mc24p *,.mc24p *::before,.mc24p *::after{box-sizing:border-box}
.mc24p p{margin:0}
.mc24p a{color:var(--g2)}
.mc24p-head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.mc24p-eyebrow{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--g2)}
.mc24p-title{margin:0!important;color:var(--t)!important;font-size:clamp(26px,4.4vw,36px)!important;line-height:1.18!important;text-wrap:balance}
.mc24p-lede{color:var(--m);max-width:62ch}
.mc24p-gate{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.mc24p-wide{max-width:620px}
.mc24p-card{background:var(--p);border:1px solid var(--l);border-radius:6px;padding:22px;display:flex;flex-direction:column;gap:16px;margin:0}
.mc24p label{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--m);margin:0}
.mc24p input[type=email],.mc24p input[type=password],.mc24p input[type=text]{
  background:var(--bg)!important;color:var(--t)!important;border:1px solid var(--l)!important;border-radius:4px!important;
  font:inherit!important;padding:12px!important;width:100%!important;margin:0!important;box-shadow:none!important}
.mc24p input:focus-visible,.mc24p button:focus-visible,.mc24p a:focus-visible,.mc24p summary:focus-visible{outline:2px solid var(--g2)!important;outline-offset:2px}
.mc24p .mc24p-code{font-size:28px!important;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.mc24p-btn{background:var(--g)!important;color:#15110a!important;border:0!important;border-radius:4px!important;font:inherit!important;font-weight:600!important;
  padding:13px 20px!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important}
.mc24p-btn:hover{background:var(--g2)!important}
.mc24p-btn-ghost{background:transparent!important;color:var(--g2)!important;border:1px solid var(--g)!important}
.mc24p-link{background:none!important;border:0!important;padding:0!important;color:var(--m)!important;font:inherit!important;font-size:15px!important;text-decoration:underline;cursor:pointer;align-self:flex-start}
.mc24p-inline{display:block;margin:0;text-align:center}
.mc24p-inline .mc24p-link{align-self:auto}
.mc24p-small{font-size:14px;color:var(--m)}
.mc24p-notice{max-width:620px;margin:0 auto 18px!important;padding:12px 16px;border-radius:4px;border:1px solid var(--l);font-size:15px}
.mc24p-ok{border-color:#86b59266;color:var(--ok)}
.mc24p-err{border-color:#e0896b77;color:var(--err)}
.mc24p-steps{display:flex;gap:6px}
.mc24p-steps i{height:3px;flex:1;background:var(--l);border-radius:2px}
.mc24p-steps i.on{background:var(--g)}
.mc24p-howto{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:14px;color:var(--t)}
.mc24p-qr{background:#fff;padding:14px;border-radius:6px;width:min(240px,100%);margin:12px 0 8px;line-height:0}
.mc24p-qr svg,.mc24p-qr img{width:100%;height:auto;display:block}
.mc24p-manual summary{cursor:pointer;color:var(--g2);font-size:15px}
.mc24p-manual p{margin:8px 0!important;font-size:15px;color:var(--m)}
.mc24p-secret{display:block;background:var(--bg);border:1px dashed var(--l);padding:10px;border-radius:4px;font-size:16px;letter-spacing:.08em;word-break:break-all;color:var(--t)}
.mc24p-consent{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.mc24p-text h3{margin:0!important;color:var(--t)!important;font-size:20px!important}
.mc24p-text ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.mc24p-check{flex-direction:row!important;align-items:flex-start;gap:12px!important;color:var(--t)!important;cursor:pointer}
.mc24p-check input{margin-top:5px!important;width:18px;height:18px;flex:none;accent-color:var(--g)}
.mc24p-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.mc24p-version{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--m)}
.mc24p-home{display:flex;flex-direction:column;gap:22px}
.mc24p-tabs{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;border-bottom:1px solid var(--l);padding-bottom:10px}
.mc24p-tabs a{color:var(--m);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.mc24p-tabs a[aria-current=page]{color:var(--t);border-bottom-color:var(--g)}
.mc24p-tabs .mc24p-inline{margin-left:auto}
.mc24p-rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mc24p-room{border:1px solid var(--l);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--p)}
.mc24p-room h3{margin:0!important;color:var(--t)!important;font-size:19px!important}
.mc24p-room p{color:var(--m);font-size:15px}
.mc24p-tag{align-self:flex-start;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--m);border:1px solid var(--l);border-radius:999px;padding:3px 10px;margin-top:auto}
.mc24p-help{border:1px solid var(--l);border-radius:6px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--m)}
.mc24p-help strong{color:var(--t)}
.mc24p-dl{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;gap:10px 22px;margin:0}
.mc24p-dl dt{color:var(--m);margin:0}.mc24p-dl dd{margin:0;word-break:break-word}
@media (max-width:520px){.mc24p-dl{grid-template-columns:1fr;gap:2px}.mc24p-dl dd{margin-bottom:10px}}
.mc24p-danger{border:1px solid var(--l);border-radius:6px;padding:14px 18px}
.mc24p-danger summary{cursor:pointer;color:var(--t)}
.mc24p-inner{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.mc24p-inner p{color:var(--m);font-size:15px}
/* 0.2.0 – Meine Geschichte */
.mc24p-room-link{text-decoration:none;color:inherit;transition:border-color .15s}
.mc24p-room-link:hover,.mc24p-room-link:focus-visible{border-color:var(--g)}
.mc24p-tag-on{color:var(--t);border-color:var(--g)}
.mc24p-hint{border-left:3px solid var(--g);padding:10px 14px;background:var(--p);color:var(--m);font-size:15px;margin:0}
.mc24p-hint strong{color:var(--t)}
.mc24p-q,.mc24p-free{display:flex;flex-direction:column;gap:10px}
.mc24p-qtext{color:var(--t);font-size:18px;margin:0;line-height:1.4}
.mc24p-q textarea,.mc24p-free textarea{width:100%;min-height:120px;resize:vertical;font:inherit;font-size:16px;line-height:1.5;padding:10px 12px;border:1px solid var(--l);border-radius:4px;background:var(--bg);color:var(--t);box-sizing:border-box}
.mc24p-answer{white-space:normal;background:var(--bg);border:1px solid var(--l);border-radius:4px;padding:10px 12px;color:var(--t);font-size:16px;line-height:1.5}
.mc24p-state{font-size:13px;color:var(--m);margin:0}
.mc24p-state-on{color:var(--t)}
.mc24p-state-done{color:var(--g)}
.mc24p-actions{justify-content:flex-end}
.mc24p-more{align-self:flex-start;text-decoration:none}
.mc24p-back{align-self:flex-start;text-decoration:none}
.mc24p-sub{margin:10px 0 0!important;font-size:18px!important;color:var(--t)!important}
.mc24p-q .mc24p-eyebrow{margin:0}
@media (max-width:520px){.mc24p-actions{flex-direction:column;align-items:stretch}.mc24p-actions .mc24p-btn{width:100%}}
/* 0.3.0 – Rückfragen */
.mc24p-rf{display:flex;flex-direction:column;gap:12px}
.mc24p-rfq{border-left:3px solid var(--g)}