/* Version 36.30 — JA7 Dienstleister Perspektiven: gleiche ruhige Interview-Typografie wie Schnellbild */
.feld12-focus-question-card .feld12-question-main{font-family:inherit!important;font-size:clamp(1.12rem,2vw,1.55rem)!important;line-height:1.34!important;font-weight:700!important;letter-spacing:normal!important;text-transform:none!important;}
.feld12-focus-question-card .feld12-question-interview-lead,.feld12-focus-question-card .feld12-focus-question-guide{font-family:inherit!important;font-size:clamp(.98rem,1.35vw,1.08rem)!important;line-height:1.62!important;letter-spacing:normal!important;}
.feld12-focus-question-card .feld12-question-interview-lead{font-weight:700!important;color:rgba(255,255,255,.94)!important;}

/* Version 36.31 — Übergang JA-Spur -> Wirkungsfeld */
.feld12-field-transition-screen .feld12-flow-topline strong{
  text-transform:none;
}
.feld12-field-transition-screen .feld12-kicker{
  text-transform:uppercase;
}
.feld12-field-transition-screen .feld12-ja-transition-head h2{
  font-size:clamp(1.5rem,2.35vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
.feld12-field-transition-screen .feld12-ja-transition-readout.is-stable{
  border-color:rgba(154,218,165,.22);
  background:linear-gradient(135deg, rgba(154,218,165,.09), rgba(255,255,255,.035));
}
.feld12-field-transition-screen .feld12-ja-transition-readout.is-stable .feld12-ja-transition-split span{
  color:rgba(214,246,205,.95);
}
.feld12-field-transition-screen .feld12-ja-transition-section p{
  max-width:920px;
}
@media (max-width:760px){
  .feld12-field-transition-screen .feld12-ja-transition-head h2{
    font-size:clamp(1.45rem,6.2vw,2.05rem);
  }
}

/* Version 36.34 — Übergang Wirkort -> nächste Kraft */
.feld12-force-transition-screen .feld12-flow-topline span{
  text-transform:uppercase;
  letter-spacing:.08em;
}
.feld12-force-transition-screen .feld12-flow-topline strong,
.feld12-force-transition-screen .feld12-kicker{
  text-transform:none;
}
.feld12-force-transition-screen .feld12-ja-transition-head h2{
  font-size:clamp(1.42rem,2.25vw,2.35rem);
  line-height:1.12;
  letter-spacing:-.025em;
}
.feld12-force-transition-screen .feld12-ja-transition-card{
  max-width:1040px;
}
.feld12-force-transition-screen .feld12-ja-transition-section p{
  max-width:880px;
}
.feld12-force-transition-screen .feld12-force-transition-split.is-single{
  grid-template-columns:1fr;
}
.feld12-force-transition-screen .feld12-ja-transition-readout.is-stable{
  border-color:rgba(154,218,165,.22);
  background:linear-gradient(135deg, rgba(154,218,165,.085), rgba(255,255,255,.035));
}
.feld12-force-transition-screen .feld12-ja-transition-readout.is-stable .feld12-ja-transition-split span{
  color:rgba(214,246,205,.95);
}
@media (max-width:760px){
  .feld12-force-transition-screen .feld12-ja-transition-head h2{
    font-size:clamp(1.36rem,5.8vw,1.95rem);
  }
}


/* Version 36.56 — JA1 Premium-Perspektiven: Antworttitel mit erklärender Subline */
.feld12-focus-option .feld12-interview-answer-subline{
  display:block!important;
  margin-top:5px!important;
  max-width:72ch!important;
  font-size:14px!important;
  line-height:1.46!important;
  font-weight:400!important;
  color:rgba(233,225,213,.76)!important;
}
.feld12-focus-option.active .feld12-interview-answer-subline{
  color:rgba(255,248,238,.9)!important;
}
@media (max-width:760px){
  .feld12-focus-option .feld12-interview-answer-subline{
    font-size:13.5px!important;
    line-height:1.44!important;
  }
}

/* Version 36.57 — JA2: mobile-schlanke Antwort-Hilfe „So erkennst du das“ */
.feld12-focus-option .feld12-answer-help-wrap{
  display:block!important;
  margin-top:10px!important;
  max-width:72ch!important;
}
.feld12-focus-option .feld12-answer-help-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,244,226,.86)!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  user-select:none!important;
}
.feld12-focus-option .feld12-answer-help-toggle:hover,
.feld12-focus-option .feld12-answer-help-toggle:focus-visible,
.feld12-focus-option .feld12-answer-help-toggle.is-open{
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.09)!important;
  color:rgba(255,248,238,.96)!important;
  outline:none!important;
}
.feld12-focus-option .feld12-answer-help-panel{
  display:block!important;
  margin-top:8px!important;
  padding:10px 11px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.18)!important;
  color:rgba(233,225,213,.78)!important;
  font-size:13px!important;
  line-height:1.44!important;
  font-weight:400!important;
  white-space:normal!important;
}
.feld12-focus-option .feld12-answer-help-panel[hidden]{
  display:none!important;
}
.feld12-focus-option.active .feld12-answer-help-toggle{
  border-color:rgba(255,248,238,.28)!important;
  color:rgba(255,248,238,.96)!important;
}
.feld12-focus-option.active .feld12-answer-help-panel{
  color:rgba(255,248,238,.88)!important;
  border-color:rgba(255,248,238,.16)!important;
}
@media (max-width:760px){
  .feld12-focus-option .feld12-answer-help-wrap{
    margin-top:8px!important;
  }
  .feld12-focus-option .feld12-answer-help-toggle{
    min-height:28px!important;
    padding:5px 9px!important;
    font-size:12px!important;
  }
  .feld12-focus-option .feld12-answer-help-panel{
    padding:9px 10px!important;
    font-size:12.5px!important;
    line-height:1.42!important;
  }
}