/* Version 36.60 — Finaler Mobile-Breitenfix für Intro-, Reflexions- und Übergangskarten
   Nur Layout/CSS. Keine JS- oder Hilfebutton-Logik. */

@media (max-width: 767px){
  /* Die eigentliche Engstelle der JA-Perspektiven lag in doppeltem Innenabstand:
     Die Karte selbst hatte Padding und der innere Container zusätzlich. Auf Mobile
     führt künftig nur der innere Container die Textkante. */
  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-card,
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-question-card,
  .feld12-business-fullbleed .feld12-interview-question-screen .feld12-focus-question-card,
  .feld12-business-fullbleed .feld12-focus-question-v2 .feld12-focus-question-card{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-fullbleed .feld12-interview-question-screen .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-fullbleed .feld12-focus-question-v2 .feld12-focus-question-card > .feld12-focus-question-card-inner{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 26px 24px !important;
    box-sizing: border-box !important;
  }

  /* Alle Textwrapper innerhalb der Fragekarte dürfen auf Mobile keine schmale
     Mittelspalte mehr erzwingen. */
  .feld12-business-app .feld12-focus-question-card .feld12-focus-question-copy,
  .feld12-business-app .feld12-focus-question-card .feld12-focus-question-copy > *,
  .feld12-business-app .feld12-focus-question-card .feld12-focus-question-copy p,
  .feld12-business-app .feld12-focus-question-card .feld12-focus-question-copy h2,
  .feld12-business-app .feld12-focus-question-card .feld12-question-interview-lead,
  .feld12-business-app .feld12-focus-question-card .feld12-focus-question-guide,
  .feld12-business-app .feld12-focus-question-card .feld12-question-main,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-focus-question-copy,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-focus-question-copy > *,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-focus-question-copy p,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-focus-question-copy h2,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-question-interview-lead,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-focus-question-guide,
  .feld12-business-fullbleed .feld12-focus-question-card .feld12-question-main{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Übergangskarten und große Intro-Seiten: ebenfalls breiter, aber nicht so hart
     wie die Fragekarte, damit die hochwertige Kartenwirkung erhalten bleibt. */
  .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,
  .feld12-business-app .feld12-question-explain,
  .feld12-business-fullbleed .feld12-question-explain,
  .feld12-business-app .feld12-analysis-journey,
  .feld12-business-fullbleed .feld12-analysis-journey{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  .feld12-business-app .feld12-calm-analysis-copy,
  .feld12-business-app .feld12-calm-analysis-copy > *,
  .feld12-business-app .feld12-calm-analysis-copy p,
  .feld12-business-app .feld12-calm-analysis-copy h2,
  .feld12-business-app .feld12-calm-analysis-copy .feld12-lead,
  .feld12-business-app .feld12-calm-analysis-copy .feld12-focus-question-guide,
  .feld12-business-app .feld12-ja-transition-section,
  .feld12-business-app .feld12-ja-transition-section p,
  .feld12-business-app .feld12-ja-transition-head,
  .feld12-business-app .feld12-ja-transition-head h2,
  .feld12-business-app .feld12-flow-card p,
  .feld12-business-app .feld12-question-explain p,
  .feld12-business-app .feld12-analysis-journey p,
  .feld12-business-fullbleed .feld12-calm-analysis-copy,
  .feld12-business-fullbleed .feld12-calm-analysis-copy > *,
  .feld12-business-fullbleed .feld12-calm-analysis-copy p,
  .feld12-business-fullbleed .feld12-calm-analysis-copy h2,
  .feld12-business-fullbleed .feld12-calm-analysis-copy .feld12-lead,
  .feld12-business-fullbleed .feld12-calm-analysis-copy .feld12-focus-question-guide,
  .feld12-business-fullbleed .feld12-ja-transition-section,
  .feld12-business-fullbleed .feld12-ja-transition-section p,
  .feld12-business-fullbleed .feld12-ja-transition-head,
  .feld12-business-fullbleed .feld12-ja-transition-head h2,
  .feld12-business-fullbleed .feld12-flow-card p,
  .feld12-business-fullbleed .feld12-question-explain p,
  .feld12-business-fullbleed .feld12-analysis-journey p{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px){
  .feld12-business-app .feld12-interview-question-screen .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-fullbleed .feld12-interview-question-screen .feld12-focus-question-card > .feld12-focus-question-card-inner,
  .feld12-business-fullbleed .feld12-focus-question-v2 .feld12-focus-question-card > .feld12-focus-question-card-inner{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .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,
  .feld12-business-app .feld12-question-explain,
  .feld12-business-fullbleed .feld12-question-explain,
  .feld12-business-app .feld12-analysis-journey,
  .feld12-business-fullbleed .feld12-analysis-journey{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}