/* FELD12 Business Diagnose V32 – Mobile App-Flow und Handyoptimierung */

@media (max-width: 700px){
  html, body{overflow-x:hidden;}
  .feld12-business-app{
    width:100vw !important;
    max-width:100vw !important;
    min-height:100dvh;
    margin:0 calc(50% - 50vw) !important;
    padding:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,#262626 0%,#1f1f1f 100%);
    color:var(--f12-ink);
    scroll-margin-top:0;
  }
  .feld12-start-hero,
  .feld12-shell,
  .feld12-result-shell{
    width:100vw !important;
    min-height:100dvh;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    padding:calc(20px + env(safe-area-inset-top,0px)) 18px calc(28px + env(safe-area-inset-bottom,0px)) !important;
    box-shadow:none !important;
  }
  .feld12-result-shell{padding:0 !important;background:#232323 !important;}
  .feld12-result-hero{
    padding:calc(22px + env(safe-area-inset-top,0px)) 18px 24px !important;
    border-radius:0 !important;
  }
  .feld12-business-app h2{
    font-size:clamp(31px,9.2vw,42px) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
    margin-bottom:16px !important;
  }
  .feld12-business-app h3{
    font-size:clamp(23px,6.7vw,31px) !important;
    line-height:1.08 !important;
  }
  .feld12-business-app p,
  .feld12-lead{
    font-size:17px !important;
    line-height:1.58 !important;
  }
  .feld12-kicker{font-size:12px;margin-bottom:10px;}
  .feld12-stage-nav{
    display:flex !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    padding:2px 0 12px !important;
    margin:0 -18px 18px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    scrollbar-width:none;
  }
  .feld12-stage-nav::-webkit-scrollbar{display:none;}
  .feld12-stage-nav span{
    flex:0 0 auto;
    font-size:11px !important;
    padding:9px 12px !important;
  }
  .feld12-head{display:block !important;}
  .feld12-progress-label{
    display:inline-flex !important;
    margin:8px 0 0 !important;
    font-size:12px !important;
    padding:8px 12px !important;
  }
  .feld12-progress{
    height:12px !important;
    margin:18px 0 20px !important;
  }
  .feld12-question-explain{
    margin:16px 0 14px !important;
    padding:16px 54px 16px 16px !important;
    border-radius:20px !important;
    font-size:16px !important;
    line-height:1.5 !important;
  }
  .feld12-help-toggle{right:13px;top:13px;width:32px;height:32px;}
  .feld12-help{border-radius:18px;font-size:15px;line-height:1.5;margin-bottom:14px;}
  .feld12-options,
  .feld12-intro-grid,
  .feld12-result-chips,
  .feld12-path-grid,
  .feld12-result-columns,
  .feld12-evidence-grid,
  .feld12-toolbox-grid,
  .feld12-plan-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .feld12-options{margin:18px 0 10px !important;}
  .feld12-option{
    width:100% !important;
    min-height:74px !important;
    padding:17px 16px !important;
    border-radius:20px !important;
    font-size:16px !important;
    line-height:1.38 !important;
    align-items:flex-start !important;
    box-shadow:0 10px 28px rgba(0,0,0,.10);
  }
  .feld12-option:hover{transform:none !important;}
  .feld12-option b{font-size:18px !important;margin-top:1px;}
  .feld12-actions{
    position:sticky;
    bottom:0;
    z-index:5;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin:22px -18px calc(-28px - env(safe-area-inset-bottom,0px)) !important;
    padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px)) !important;
    background:linear-gradient(180deg,rgba(31,31,31,.1),rgba(31,31,31,.97) 24%,#1f1f1f 100%);
    border-top:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
  }
  .feld12-button{
    width:100% !important;
    min-height:52px !important;
    padding:15px 20px !important;
    border-radius:18px !important;
    font-size:16px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
  }
  .feld12-button.secondary{order:2;}
  .feld12-result-chips{margin-top:20px !important;}
  .feld12-result-chip,
  .feld12-intro-grid>div,
  .feld12-path-grid>div,
  .feld12-evidence-block{
    border-radius:20px !important;
    padding:16px !important;
  }
  .feld12-diagnosis-card,
  .feld12-details,
  .result-actions{
    margin-left:18px !important;
    margin-right:18px !important;
  }
  .feld12-diagnosis-card{
    border-radius:22px !important;
    padding:20px 17px !important;
  }
  .feld12-result-columns{margin:0 18px !important;}
  .feld12-result-columns .feld12-diagnosis-card{margin:0 0 14px !important;}
  .feld12-score-row{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .feld12-details{border-radius:20px !important;padding:16px !important;}
  .result-actions{padding:0 0 calc(26px + env(safe-area-inset-bottom,0px)) !important;}
  input,
  textarea,
  select,
  .feld12-business-app input,
  .feld12-business-app textarea,
  .feld12-business-app select{
    font-size:16px !important;
    max-width:100% !important;
  }
}

@media (max-width: 390px){
  .feld12-start-hero,
  .feld12-shell{padding-left:15px !important;padding-right:15px !important;}
  .feld12-actions{margin-left:-15px !important;margin-right:-15px !important;padding-left:15px !important;padding-right:15px !important;}
  .feld12-stage-nav{margin-left:-15px !important;margin-right:-15px !important;padding-left:15px !important;padding-right:15px !important;}
  .feld12-diagnosis-card,.feld12-details,.result-actions,.feld12-result-columns{margin-left:15px !important;margin-right:15px !important;}
}

/* Ergebnis-Story-Engine und direkte Kundenauswertung */

@media (max-width: 840px){
  .feld12-info-shell-preview{grid-template-columns:1fr;}
}