/* ================= ERGAENZUNG OKTOBER 2026 =================
   Häufige Fragen (FAQ) und Überschriften-Zusatz.
   Baut auf _core.css auf und ändert dort nichts. */

/* Zusatzzeile in der Startseiten-Überschrift: sieht aus wie die bisherige Eyebrow-Zeile */
.h1-kicker{
  display:block;font-size:.7rem;font-weight:500;letter-spacing:.26em;line-height:1.7;
  text-transform:uppercase;color:var(--brass-lt);margin-bottom:18px;
}

/* Häufige Fragen */
.faq-list{margin:8px 0 0;border-top:1px solid var(--line);max-width:72ch}
.faq{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;
  font-size:1.04rem;font-weight:500;line-height:1.45;color:var(--ink);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:6px;top:16px;font-size:1.4rem;font-weight:300;
  color:var(--brass);transition:transform .3s cubic-bezier(.16,.9,.3,1);
}
.faq[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--brass)}
.faq summary:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.faq .faq-a{padding:0 0 22px}
.faq .faq-a p{margin-bottom:12px}
.faq .faq-a p:last-child{margin-bottom:0}
.faq-stand{font-size:.84rem;color:var(--muted);font-weight:300;margin-top:14px}

/* Häufige Fragen auf dunklem und hellem Grund außerhalb von .prose */
.faq-wrap{max-width:72ch}
.faq-wrap .faq-a p{color:#3D3734;font-weight:300}

/* Themenliste auf der Coaching-Seite */
.topics{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line);max-width:72ch}
.topics li{padding:14px 0 14px 24px;border-bottom:1px solid var(--line);position:relative;
  color:#3D3734;font-weight:300}
.topics li::before{content:"\2014";position:absolute;left:0;color:var(--brass-lt)}

/* Sprachumschalter DE/EN */
.nav .lang{display:flex;gap:4px;align-items:center;margin-left:-6px}
.nav .lang a{display:inline-flex;align-items:center;gap:6px;padding:6px 7px;font-size:.74rem;
  font-weight:500;letter-spacing:.1em;color:var(--muted);opacity:.62;transition:opacity .2s,color .2s}
.nav .lang a::after{display:none!important}
.nav .lang a:hover{opacity:1;color:var(--ink)}
.nav .lang a.on{opacity:1;color:var(--ink)}
.nav .lang .flag{height:12px;width:auto;display:block;box-shadow:0 0 0 1px rgba(35,31,32,.14)}
@media(max-width:960px){
  .nav ul.open li.lang{display:flex;gap:14px;padding:14px 0 4px;border-bottom:0;margin-left:0}
  .nav ul.open li.lang a{padding:4px 0;font-size:.82rem}
}
.nav ul a{white-space:nowrap}
@media(max-width:1120px) and (min-width:961px){
  .nav ul{gap:20px}
  .nav .lang span{display:none}
}
/* Auf dem Handy: andere Sprache direkt neben dem Menüsymbol */
.lang-mobile{display:none}
@media(max-width:960px){
  .lang-mobile{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:4px;
    font-size:.74rem;font-weight:500;letter-spacing:.1em;color:var(--muted);text-decoration:none;padding:8px}
  .lang-mobile .flag{height:12px;width:auto;display:block;box-shadow:0 0 0 1px rgba(35,31,32,.14)}
  .nav{gap:12px}
}