/* Version 34.4.29 — Mobile UX Fix
   Flüssige Antwortauswahl, feste App-Navigation und bessere Antworttext-Breite auf kleinen Displays. */

@media (max-width:700px){
  html,
  body{
    background:#101112!important;
    overscroll-behavior-x:none!important;
  }

  .feld12-business-app{
    background-color:#101112!important;
    -webkit-tap-highlight-color:rgba(241,215,151,.10)!important;
    overscroll-behavior-x:none!important;
  }

  .feld12-business-app button,
  .feld12-business-app .feld12-option,
  .feld12-business-app .feld12-focus-option{
    -webkit-tap-highlight-color:rgba(241,215,151,.10)!important;
    touch-action:manipulation!important;
  }

  .feld12-start-hero,
  .feld12-shell,
  .feld12-result-shell{
    background-color:#151719!important;
  }

  .feld12-question-screen,
  .feld12-interview-question-screen,
  .feld12-compact-question-screen,
  .feld12-focus-question-v2{
    padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))!important;
    overflow:visible!important;
  }

  .feld12-question-screen .feld12-options,
  .feld12-interview-question-screen .feld12-options,
  .feld12-compact-question-screen .feld12-options,
  .feld12-focus-question-v2 .feld12-focus-options{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  .feld12-question-screen .feld12-option,
  .feld12-interview-question-screen .feld12-option,
  .feld12-compact-question-screen .feld12-option,
  .feld12-focus-question-v2 .feld12-focus-option{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    align-items:start!important;
    justify-content:stretch!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding:16px 15px!important;
    text-align:left!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
    will-change:background,border-color,box-shadow!important;
  }

  .feld12-question-screen .feld12-option b,
  .feld12-interview-question-screen .feld12-option b,
  .feld12-compact-question-screen .feld12-option b,
  .feld12-focus-question-v2 .feld12-focus-option b{
    grid-column:2!important;
    justify-self:end!important;
    align-self:start!important;
    flex:0 0 28px!important;
    width:28px!important;
    min-width:28px!important;
    margin-top:1px!important;
  }

  .feld12-question-screen .feld12-option > span,
  .feld12-interview-question-screen .feld12-option > span,
  .feld12-compact-question-screen .feld12-option > span,
  .feld12-focus-question-v2 .feld12-focus-option > span,
  .feld12-question-screen .feld12-interview-answer-card,
  .feld12-interview-question-screen .feld12-interview-answer-card,
  .feld12-compact-question-screen .feld12-interview-answer-card,
  .feld12-focus-question-v2 .feld12-interview-answer-card,
  .feld12-question-screen .feld12-interview-answer-line,
  .feld12-interview-question-screen .feld12-interview-answer-line,
  .feld12-compact-question-screen .feld12-interview-answer-line,
  .feld12-focus-question-v2 .feld12-interview-answer-line,
  .feld12-question-screen .feld12-interview-answer-title,
  .feld12-interview-question-screen .feld12-interview-answer-title,
  .feld12-compact-question-screen .feld12-interview-answer-title,
  .feld12-focus-question-v2 .feld12-interview-answer-title,
  .feld12-question-screen .feld12-interview-answer-text,
  .feld12-interview-question-screen .feld12-interview-answer-text,
  .feld12-compact-question-screen .feld12-interview-answer-text,
  .feld12-focus-question-v2 .feld12-interview-answer-text{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:auto!important;
    text-wrap:auto!important;
  }

  .feld12-question-screen .feld12-option > span,
  .feld12-interview-question-screen .feld12-interview-answer-line,
  .feld12-compact-question-screen .feld12-option > span,
  .feld12-focus-question-v2 .feld12-interview-answer-line{
    display:block!important;
    font-size:15.7px!important;
    line-height:1.43!important;
    letter-spacing:-.005em!important;
  }

  .feld12-interview-question-screen .feld12-interview-answer-title,
  .feld12-focus-question-v2 .feld12-interview-answer-title{
    font-size:15.8px!important;
    line-height:1.28!important;
  }

  .feld12-interview-question-screen .feld12-interview-answer-text,
  .feld12-focus-question-v2 .feld12-interview-answer-text{
    font-size:13.8px!important;
    line-height:1.43!important;
  }

  .feld12-question-screen .feld12-actions,
  .feld12-interview-question-screen .feld12-actions,
  .feld12-compact-question-screen .feld12-actions,
  .feld12-focus-question-v2 .feld12-actions,
  .feld12-focus-question-v2 .feld12-focus-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:999999!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(92px,.78fr) minmax(0,1.22fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,rgba(16,17,18,.58),rgba(16,17,18,.94) 30%,#101112 100%)!important;
    box-shadow:0 -18px 44px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .feld12-question-screen .feld12-actions .feld12-button,
  .feld12-interview-question-screen .feld12-actions .feld12-button,
  .feld12-compact-question-screen .feld12-actions .feld12-button,
  .feld12-focus-question-v2 .feld12-actions .feld12-button,
  .feld12-focus-question-v2 .feld12-focus-actions .feld12-button{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:13px 13px!important;
    border-radius:18px!important;
    white-space:normal!important;
    line-height:1.12!important;
  }

  .feld12-question-screen .feld12-actions .feld12-button.secondary,
  .feld12-interview-question-screen .feld12-actions .feld12-button.secondary,
  .feld12-compact-question-screen .feld12-actions .feld12-button.secondary,
  .feld12-focus-question-v2 .feld12-actions .feld12-button.secondary,
  .feld12-focus-question-v2 .feld12-focus-actions .feld12-button.secondary{
    order:0!important;
  }
}

@media (max-width:390px){
  .feld12-question-screen .feld12-actions,
  .feld12-interview-question-screen .feld12-actions,
  .feld12-compact-question-screen .feld12-actions,
  .feld12-focus-question-v2 .feld12-actions,
  .feld12-focus-question-v2 .feld12-focus-actions{
    grid-template-columns:minmax(82px,.72fr) minmax(0,1.28fr)!important;
    padding-left:10px!important;
    padding-right:10px!important;
    gap:8px!important;
  }

  .feld12-question-screen .feld12-actions .feld12-button,
  .feld12-interview-question-screen .feld12-actions .feld12-button,
  .feld12-compact-question-screen .feld12-actions .feld12-button,
  .feld12-focus-question-v2 .feld12-actions .feld12-button,
  .feld12-focus-question-v2 .feld12-focus-actions .feld12-button{
    font-size:14.5px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}