/* FELD12 Business Diagnose V37.50 – Infrastruktur auf Klarheitsraum-Tokens. Keine Logik-/Textänderung. */


/* Produkt-Infrastruktur */
.feld12-access-gate{max-width:min(920px,var(--f12-content,860px));margin:0 auto;}
.feld12-access-error{margin-top:12px;color:var(--f12-error,#8B3F32);font-weight:700;}
.feld12-consent-card{display:flex;gap:12px;align-items:flex-start;background:var(--f12-bg-card,#FFFCF6);border:1px solid var(--f12-line,#E5D8C7);border-radius:var(--f12-radius-md,18px);padding:14px 16px;grid-column:1/-1;cursor:pointer;}
.feld12-consent-card input{margin-top:4px;min-width:18px;min-height:18px;}
.feld12-consent-card span{display:flex;flex-direction:column;gap:4px;line-height:1.35;}
.feld12-consent-card small{color:var(--f12-muted,#6E6257);font-size:.9rem;}
.feld12-infra-section{background:linear-gradient(135deg, rgba(255,253,248,.88), rgba(248,238,216,.72));}
.feld12-infra-grid{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:16px;align-items:end;margin-top:14px;}
.feld12-infra-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.feld12-infra-status{margin-top:12px;font-size:.95rem;color:var(--f12-muted,#6E6257);font-weight:650;}
.feld12-support-line{margin-top:8px;font-size:.95rem;color:var(--f12-muted,#6E6257);}
.feld12-support-line a{color:inherit;font-weight:800;text-decoration:underline;}
@media (max-width: 720px){.feld12-infra-grid{grid-template-columns:1fr}.feld12-infra-actions{justify-content:flex-start}}

/* Mobile-App-Ansicht: full-width auf dem Handy */

/* V33.10.1 Löschanfrage ohne Browser-Dialog */
.feld12-delete-request{margin-top:14px;padding:14px;border:1px solid var(--f12-line,#E5D8C7);border-radius:var(--f12-radius-md,18px);background:var(--f12-bg-paper,#FFFDF8);}
.feld12-delete-request[hidden]{display:none!important;}
.feld12-delete-request label{display:block;font-weight:800;color:var(--f12-ink,#211A15);margin-bottom:8px;}
.feld12-delete-request label small{font-weight:650;color:var(--f12-muted-soft,#8A7C6D);}
.feld12-delete-request textarea{width:100%;box-sizing:border-box;border:1px solid var(--f12-line-strong,#D6C2A8);border-radius:14px;padding:10px 12px;font:inherit;resize:vertical;background:var(--f12-bg-elevated,#FFFFFF);color:var(--f12-ink,#211A15);}
.feld12-delete-request .feld12-infra-actions{margin-top:10px;justify-content:flex-start;}

/* V37.50 Schritt 4 – Globale Layout-Shell: Page Shell → Stage Container → Content Column.
   Nur Layout-/Container-Basis. Keine Text-, Logik-, Scoring-, Routing- oder Ergebnisänderung. */
.feld12-business-fullbleed{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow-x:clip;
  background:linear-gradient(180deg,var(--f12-bg-paper,#FFFDF8) 0%,var(--f12-bg-soft,#FBF7EF) 48%,var(--f12-bg,#F7F1E8) 100%);
}
.feld12-business-app{
  width:min(100%,var(--f12-shell,1180px));
  max-width:var(--f12-shell,1180px);
  margin:clamp(28px,5vw,64px) auto;
  padding-left:var(--f12-desktop-page-x,32px);
  padding-right:var(--f12-desktop-page-x,32px);
  overflow-x:clip;
  isolation:isolate;
}
.feld12-layout-stage,
.feld12-start-hero,
.feld12-tool-landing,
.feld12-business-mode-screen,
.feld12-shell,
.feld12-flow-screen,
.feld12-interview-screen,
.feld12-stage-intro,
.feld12-ja-transition-screen,
.feld12-stage-transition-screen,
.feld12-interview-result-transition,
.feld12-result-shell,
.feld12-screen-report,
.feld12-final-diagnosis-shell,
.feld12-book-report,
.feld12-human-report,
.feld12-personal-result-v34427,
.feld12-layered-result-v34427{
  width:100%;
  max-width:var(--f12-content,860px);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.feld12-start-hero,
.feld12-tool-landing,
.feld12-business-mode-screen{
  max-width:var(--f12-shell,1180px);
}
.feld12-result-shell,
.feld12-screen-report,
.feld12-final-diagnosis-shell,
.feld12-book-report,
.feld12-human-report,
.feld12-personal-result-v34427,
.feld12-layered-result-v34427{
  max-width:var(--f12-result,1080px);
}
.feld12-content-column,
.feld12-head,
.feld12-question-explain,
.feld12-flow-card,
.feld12-flow-promise,
.feld12-flow-steps,
.feld12-profile-start,
.feld12-access-gate,
.feld12-offer-entry-v3421,
.feld12-access-entry-v3420{
  width:100%;
  max-width:var(--f12-content,860px);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.feld12-reading-column,
.feld12-lead,
.feld12-live-guide-copy,
.feld12-question-interview-lead,
.feld12-focus-question-guide,
.feld12-book-lead,
.feld12-book-context,
.feld12-book-diagnosis-line,
.feld12-human-story p,
.feld12-human-story li,
.feld12-book-diagnosis-chain p,
.feld12-book-diagnosis-chain li,
.feld12-diagnosis-card p,
.feld12-details p,
.feld12-export-card p,
.feld12-result-save-hint-v38 p{
  max-width:var(--f12-reading,780px);
}
.feld12-start-hero,
.feld12-tool-landing,
.feld12-business-mode-screen,
.feld12-shell,
.feld12-flow-screen,
.feld12-interview-screen,
.feld12-stage-intro,
.feld12-ja-transition-screen,
.feld12-stage-transition-screen,
.feld12-interview-result-transition{
  margin-top:0;
  margin-bottom:var(--f12-desktop-section-gap,64px);
}
.feld12-result-shell,
.feld12-screen-report,
.feld12-final-diagnosis-shell,
.feld12-book-report,
.feld12-human-report{
  margin-top:0;
  margin-bottom:var(--f12-desktop-section-gap,64px);
}
.feld12-options,
.feld12-focus-options,
.feld12-result-chips,
.feld12-path-grid,
.feld12-intro-grid,
.feld12-result-summary-lines,
.feld12-visual-chain-grid-v3733,
.feld12-seven-day-plan-grid-v3732,
.feld12-work-area-options-v3737,
.feld12-result-example-grid-v3738{
  gap:clamp(12px,1.8vw,16px);
}
.feld12-question-explain + .feld12-options,
.feld12-question-explain + .feld12-focus-options,
.feld12-question-main + .feld12-options,
.feld12-question-main + .feld12-focus-options{
  margin-top:clamp(24px,2.6vw,32px);
}
.feld12-human-story>section,
.feld12-human-story>details,
.feld12-book-diagnosis-chain .feld12-playbook3621-chapter,
.feld12-diagnosis-card,
.feld12-details,
.feld12-export-card,
.feld12-result-save-hint-v38,
.feld12-visual-chain-v3733,
.feld12-seven-day-plan-v3732,
.feld12-work-mode-v3737,
.feld12-result-example-v3738{
  max-width:var(--f12-content,860px);
  margin-left:auto;
  margin-right:auto;
}
.feld12-result-shell :where(p,li),
.feld12-screen-report :where(p,li),
.feld12-final-diagnosis-shell :where(p,li),
.feld12-book-report :where(p,li),
.feld12-human-report :where(p,li){
  overflow-wrap:anywhere;
}
.feld12-business-app :where(img,svg,video,canvas,iframe){
  max-width:100%;
}
@media (min-width:761px) and (max-width:1180px){
  .feld12-business-app{
    width:100%;
    max-width:min(var(--f12-shell,1180px),calc(100vw - (var(--f12-tablet-page-x,24px) * 2)));
    padding-left:var(--f12-tablet-page-x,24px);
    padding-right:var(--f12-tablet-page-x,24px);
  }
  .feld12-start-hero,
  .feld12-tool-landing,
  .feld12-business-mode-screen,
  .feld12-result-shell,
  .feld12-screen-report,
  .feld12-final-diagnosis-shell,
  .feld12-book-report,
  .feld12-human-report{
    max-width:100%;
  }
}
@media (max-width:760px){
  .feld12-business-fullbleed{
    overflow-x:hidden;
  }
  .feld12-business-app{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding-left:var(--f12-mobile-page-x,16px);
    padding-right:var(--f12-mobile-page-x,16px);
    overflow-x:hidden;
  }
  .feld12-start-hero,
  .feld12-tool-landing,
  .feld12-business-mode-screen,
  .feld12-shell,
  .feld12-flow-screen,
  .feld12-interview-screen,
  .feld12-stage-intro,
  .feld12-ja-transition-screen,
  .feld12-stage-transition-screen,
  .feld12-interview-result-transition,
  .feld12-result-shell,
  .feld12-screen-report,
  .feld12-final-diagnosis-shell,
  .feld12-book-report,
  .feld12-human-report,
  .feld12-personal-result-v34427,
  .feld12-layered-result-v34427{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:var(--f12-mobile-section-gap,34px);
  }
  .feld12-head,
  .feld12-content-column,
  .feld12-reading-column,
  .feld12-question-explain,
  .feld12-lead,
  .feld12-live-guide-copy,
  .feld12-question-interview-lead,
  .feld12-focus-question-guide,
  .feld12-human-story p,
  .feld12-human-story li,
  .feld12-book-diagnosis-chain p,
  .feld12-book-diagnosis-chain li{
    max-width:100%;
  }
  .feld12-options,
  .feld12-focus-options,
  .feld12-result-chips,
  .feld12-path-grid,
  .feld12-intro-grid,
  .feld12-result-summary-lines,
  .feld12-visual-chain-grid-v3733,
  .feld12-seven-day-plan-grid-v3732,
  .feld12-work-area-options-v3737,
  .feld12-result-example-grid-v3738{
    grid-template-columns:1fr;
    gap:12px;
  }
}

/* V37.50 Schritt 5 – Grundkomponenten-Basis
   Ziel: wiederkehrende Komponenten ruhiger vereinheitlichen, ohne Flow-/Logikstruktur zu verändern. */
.feld12-business-app :where(.feld12-button,button[data-next],button[data-back],button[data-stage-begin],button[data-start],button[data-unlock],button[data-open-premium-modes]){
  min-height:48px;
  border-radius:var(--f12-button-radius,18px);
  align-items:center;
  justify-content:center;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.feld12-business-app :where(.feld12-button:not(.secondary),button[data-next],button[data-stage-begin],button[data-start],button[data-unlock],button[data-open-premium-modes]){
  background:var(--f12-button-primary-bg,linear-gradient(135deg,#211A15,#34291D));
  color:var(--f12-button-primary-text,#FFF7E8);
  border:1px solid rgba(184,137,50,.48);
  box-shadow:0 12px 28px rgba(35,28,21,.16);
}
.feld12-business-app :where(.feld12-button.secondary,button[data-back],button[data-edit-cancel-2],button[data-switch-cancel-2]){
  background:var(--f12-button-secondary-bg,#FFFDF8);
  color:var(--f12-button-secondary-text,#211A15);
  border:var(--f12-button-border,1px solid #D6C2A8);
  box-shadow:var(--f12-shadow-xs,0 4px 12px rgba(35,28,21,.045));
}
.feld12-business-app :where(.feld12-button,button[data-next],button[data-back],button[data-answer]):hover:not(:disabled){
  transform:translateY(-1px);
}
.feld12-business-app :where(.feld12-button,button[data-next],button[data-back]):disabled{
  opacity:.46;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.feld12-business-app :where(.feld12-option,button[data-answer],.feld12-answer-card,.feld12-interview-answer-card,.feld12-focus-option){
  min-height:var(--f12-answer-min-touch,48px);
  border-radius:var(--f12-component-radius-sm,18px);
  overflow-wrap:anywhere;
}
.feld12-business-app :where(.feld12-option,button[data-answer]){
  position:relative;
  isolation:isolate;
}
.feld12-business-app :where(.feld12-option,button[data-answer]) > b{
  flex:0 0 auto;
}
.feld12-business-app :where(.feld12-question-card,.feld12-question-panel,.feld12-focus-question-card,.feld12-interview-question-card,.feld12-guided-question-card,.feld12-question-learning-card,.feld12-diagnosis-card,.feld12-export-card,.feld12-info-box,.feld12-notice,.feld12-alert,.feld12-help,.feld12-answer-help-panel){
  overflow-wrap:anywhere;
}
@media (max-width:760px){
  .feld12-business-app :where(.feld12-button,button[data-next],button[data-back],button[data-stage-begin],button[data-start],button[data-unlock],button[data-open-premium-modes]){
    min-height:48px;
  }
  .feld12-business-app :where(.feld12-option,button[data-answer],.feld12-answer-card,.feld12-interview-answer-card,.feld12-focus-option){
    min-height:48px;
    padding:var(--f12-mobile-card-pad,18px);
  }
}