/* Version 36.59 — Korrektur Mobile-Breite + stabile JA-Hilfebuttons
   Späte Korrekturschicht: keine Inhalte, nur Layout und Klickbarkeit. */

/* JA-Hilfebuttons: auf Desktop und Mobile klick-/tippbar halten */
.feld12-business-app .feld12-answer-help-wrap,
.feld12-business-app .feld12-focus-option .feld12-answer-help-wrap,
.feld12-business-app .feld12-option .feld12-answer-help-wrap{
  display:block!important;
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.feld12-business-app [data-feld12-answer-help],
.feld12-business-app .feld12-answer-help-toggle{
  position:relative!important;
  z-index:9!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(241,215,151,.16)!important;
}
.feld12-business-app .feld12-answer-help-panel{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
  white-space:normal!important;
}
.feld12-business-app .feld12-answer-help-panel[hidden]{
  display:none!important;
}
.feld12-business-app .feld12-answer-help-wrap .feld12-answer-help-panel:not([hidden]){
  display:block!important;
}
.feld12-business-app .feld12-option.help-open,
.feld12-business-app .feld12-focus-option.help-open{
  overflow:visible!important;
}

@media (max-width:760px){
  /* Mehr nutzbare Breite im mobilen Interview */
  .feld12-business-fullbleed .feld12-business-app,
  .feld12-business-app{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .feld12-business-app .feld12-shell.feld12-interview-screen,
  .feld12-business-app .feld12-shell.feld12-flow-screen,
  .feld12-business-app .feld12-start-hero,
  .feld12-business-app .feld12-result-shell{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* Frage-/Einleitungskarten im Interview */
  .feld12-business-app .feld12-focus-question-card,
  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-card{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .feld12-business-app .feld12-focus-question-card-inner,
  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-card-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .feld12-business-app .feld12-focus-question-copy,
  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-copy,
  .feld12-business-app .feld12-focus-question-copy > *,
  .feld12-business-app .feld12-focus-question-copy p,
  .feld12-business-app .feld12-focus-question-copy h2,
  .feld12-business-app .feld12-question-interview-lead,
  .feld12-business-app .feld12-focus-question-guide,
  .feld12-business-app .feld12-question-main{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Stage-/Transition-Einleitungen: vor Schnellbild, nach Schnellbild, Feld/Kraft/Zug/Prior */
  .feld12-business-app .feld12-calm-analysis-scene,
  .feld12-business-fullbleed .feld12-calm-analysis-scene,
  .feld12-business-app .feld12-ja-transition-card,
  .feld12-business-fullbleed .feld12-ja-transition-card,
  .feld12-business-app .feld12-flow-card,
  .feld12-business-fullbleed .feld12-flow-card{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .feld12-business-app .feld12-calm-analysis-copy,
  .feld12-business-app .feld12-calm-analysis-copy h2,
  .feld12-business-app .feld12-calm-analysis-copy .feld12-lead,
  .feld12-business-app .feld12-calm-analysis-note,
  .feld12-business-app .feld12-calm-analysis-note p,
  .feld12-business-app .feld12-ja-transition-section,
  .feld12-business-app .feld12-ja-transition-section p,
  .feld12-business-app .feld12-ja-transition-head h2,
  .feld12-business-app .feld12-flow-card p,
  .feld12-business-app .feld12-lead{
    width:100%!important;
    max-width:none!important;
  }

  /* Normale Erklärungskarten im Interview ebenfalls nicht künstlich schmal halten */
  .feld12-business-app .feld12-question-explain,
  .feld12-business-app .feld12-simple-meaning,
  .feld12-business-app .feld12-flow-hint,
  .feld12-business-app .feld12-analysis-journey{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Mobile Hilfetexte dürfen nicht unter Sticky-Bars oder Kartenmasken verschwinden */
  .feld12-business-app .feld12-answer-help-panel{
    overflow:visible!important;
    margin-bottom:2px!important;
  }
  .feld12-business-app .feld12-options,
  .feld12-business-app .feld12-focus-options{
    overflow:visible!important;
  }
}