/* Energie-Check — eigene Regeln, baut auf ../style.css auf */
.check main{max-width:620px}
.fortschritt{height:6px;border-radius:3px;background:#22334f;overflow:hidden;margin:0 0 28px}
.fortschritt i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s ease}
.zaehler{font-size:.85rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}
.frage{font-size:1.45rem;line-height:1.3;margin:0 0 6px;font-weight:800;color:#fff}
.zusatz{color:var(--muted);font-size:.95rem;margin:0 0 20px}
.antworten{display:flex;flex-direction:column;gap:10px;margin:0 0 22px}
.antwort{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#1c2d47;color:#e6eaf1;border:1px solid #3a5075;border-radius:12px;
  padding:15px 18px;font:inherit;font-size:1rem;font-weight:400;line-height:1.45;cursor:pointer;-webkit-tap-highlight-color:transparent}
.antwort::before{content:"";flex:0 0 18px;height:18px;border:2px solid var(--gold);border-radius:50%}
/* Handy: :hover bleibt nach dem Tippen am Finger haengen und markiert die Antwort der naechsten Frage an derselben Stelle (Liam 24.09.). Hover nur fuer echte Maus. */
@media (hover:hover) and (pointer:fine){.antwort:hover{border-color:var(--gold);background:#243a5c;color:#fff;outline:none}.antwort:hover::before{background:var(--gold);box-shadow:inset 0 0 0 3px #243a5c}}
.antwort:focus-visible{border-color:var(--gold);background:#243a5c;color:#fff;outline:none}
.antwort:focus-visible::before{background:var(--gold);box-shadow:inset 0 0 0 3px #243a5c}
.antwort:active{transform:scale(.99)}
.navi{display:flex;gap:14px;align-items:center;min-height:24px}
.link{background:none;border:none;color:var(--muted);font:inherit;font-size:.95rem;text-decoration:underline;cursor:pointer;padding:0}
.link:hover{color:var(--gold)}
/* Ergebnis */
.muster{background:var(--card);border:1px solid #2a3b57;border-left:4px solid var(--gold);border-radius:12px;padding:20px 20px 8px;margin:0 0 24px}
.muster > p{color:var(--muted)}
.muster h2{margin:0 0 .4em;color:var(--gold);font-size:1.3rem}
.regel{background:#1c2d47;border:1px solid #2f4466;border-radius:10px;padding:16px 16px 6px;margin:14px 0}
.regel h3{font-size:1.15rem;line-height:1.3;margin:0 0 .5em;color:#fff;font-weight:800}
.regel .bezug{margin:0 0 .7em;border-left:2px solid var(--gold);padding-left:12px;color:#9fb0c8;font-size:.88rem;font-style:italic}
.regel .tipp{margin:0 0 .8em;color:#e3e8f0;font-weight:400;font-size:1rem;line-height:1.6}
.regel .studie{color:#8193ad;font-size:.78rem;line-height:1.45;margin:0 0 .5em;overflow-wrap:break-word}
.regel .studie a{color:#8193ad;text-decoration:underline}
.regel .studie a:hover{color:var(--gold)}
.regel .videos{font-size:.9rem;margin:0 0 .6em;color:var(--muted)}
.regel .videos a{white-space:nowrap}
.regel .videos.kein{font-style:italic}
.mailblock{background:var(--card);border:1px dashed var(--gold);border-radius:12px;padding:20px;margin:28px 0}
.mailblock h2{margin-top:0}
.hinweis{font-size:.9rem;color:var(--muted);border-top:1px solid #2a3b57;padding-top:16px;margin-top:28px}
.teilen{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 0}
.btn.sekundaer{background:none;color:var(--gold);border:2px solid var(--gold)}
button.btn{font:inherit;font-weight:700;cursor:pointer;border:none}
.weg{display:none}
@media (max-width:400px){main{padding:28px 16px 48px}.frage{font-size:1.2rem}}
/* Mail-Formular */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.mailform input[type=email]{width:100%;padding:14px;border-radius:10px;border:1px solid #3a5075;background:var(--bg);color:var(--fg);font:inherit;margin:4px 0 0}
.mailform input[type=email]:focus{border-color:var(--gold);outline:none}
.mailform .btn{width:100%;margin:12px 0 4px}
.mailform .btn:disabled{opacity:.6;cursor:default}
#mailDanke{border-left:4px solid var(--gold);padding:4px 0 4px 16px;margin:12px 0}
#mailDanke h3{margin:0 0 .3em;color:var(--gold)}
/* Energie-Check (24.09.2026) */
.zusatzliste{margin:0 0 20px;padding-left:20px;color:#d5dce8;font-size:.95rem}
.zusatzliste li{margin:6px 0}
.regel .stelle{margin:0 0 .6em;font-size:.78rem;color:#8193ad}
.regel .stelle summary{cursor:pointer;text-decoration:underline}
.regel .stelle p{margin:.4em 0 0;line-height:1.45;overflow-wrap:break-word}
/* Arzt-Kasten: abgesetzt, heller Hintergrund, kein Rot, kein Warnsymbol */
#hebelListe{margin:0 0 24px}
#hebelListe h2{margin-top:0}
#hebelListe ol{margin:8px 0 0;padding-left:22px}
#hebelListe li{margin:6px 0}
.ausserdem-regel{margin:10px 0}
.ausserdem-regel > summary{cursor:pointer;background:#1c2d47;border:1px solid #2f4466;border-radius:10px;padding:12px 16px;font-weight:700;color:#fff}
.ausserdem-regel[open] > summary{border-radius:10px 10px 0 0}
.ausserdem-regel > .regel{margin-top:0;border-top:none;border-radius:0 0 10px 10px}
#zumMailblock{margin:20px 0}
/* 24.09. Liam: "Fast geschafft" sah aus wie der Text davor. Deutlich abgesetzt. */
#mailDanke{background:rgba(232,176,75,.14);border:2px solid var(--gold);border-radius:12px;padding:18px 18px 8px;margin:14px 0}
#mailDanke h3{margin:0 0 10px;font-size:1.45rem;color:var(--gold)}
#mailDanke .haken{display:inline-block;width:1.6em;height:1.6em;line-height:1.6em;text-align:center;border-radius:50%;background:var(--gold);color:var(--bg);font-size:.9em;margin-right:6px}
#mailDanke p:first-of-type{color:#fff;font-weight:600}