/* Version 34.4.33 — gezielte Korrekturen: mobile App-Bar, Logo-Feinschliff, Business-Buttons */

/* 1. Mobile Interview-Navigation wirklich dauerhaft am Bildschirmrand und gleich lang */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  .feld12-business-app .feld12-interview-question-screen,
  .feld12-business-app .feld12-question-screen,
  .feld12-business-app .feld12-compact-question-screen,
  .feld12-business-app .feld12-focus-question-v2,
  .feld12-business-app .feld12-interview-phase-screen,
  .feld12-business-app .feld12-interview-result-transition{
    min-height:100svh!important;
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
  }

  .feld12-business-app .feld12-interview-question-screen .feld12-actions,
  .feld12-business-app .feld12-question-screen .feld12-actions,
  .feld12-business-app .feld12-compact-question-screen .feld12-actions,
  .feld12-business-app .feld12-focus-question-v2 .feld12-actions,
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-actions{
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:2147483640!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100vw!important;
    max-width:100vw!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid rgba(216,181,109,.18)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(14,15,16,.52),rgba(14,15,16,.96) 32%,#101112 100%)!important;
    box-shadow:0 -22px 52px rgba(0,0,0,.50)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    transform:none!important;
  }

  .feld12-business-app .feld12-interview-question-screen .feld12-actions .feld12-button,
  .feld12-business-app .feld12-question-screen .feld12-actions .feld12-button,
  .feld12-business-app .feld12-compact-question-screen .feld12-actions .feld12-button,
  .feld12-business-app .feld12-focus-question-v2 .feld12-actions .feld12-button,
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-actions .feld12-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:54px!important;
    margin:0!important;
    padding:12px 10px!important;
    border-radius:17px!important;
    white-space:normal!important;
    line-height:1.12!important;
  }

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

  .feld12-business-app .feld12-interview-question-screen .feld12-actions .feld12-button:not(.secondary),
  .feld12-business-app .feld12-question-screen .feld12-actions .feld12-button:not(.secondary),
  .feld12-business-app .feld12-compact-question-screen .feld12-actions .feld12-button:not(.secondary),
  .feld12-business-app .feld12-focus-question-v2 .feld12-focus-actions .feld12-button:not(.secondary){
    order:1!important;
  }

  .feld12-business-app .feld12-interview-phase-screen .feld12-calm-analysis-actions,
  .feld12-business-app .feld12-interview-result-transition .feld12-calm-analysis-actions{
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:2147483640!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100vw!important;
    max-width:100vw!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid rgba(216,181,109,.18)!important;
    background:linear-gradient(180deg,rgba(14,15,16,.52),rgba(14,15,16,.96) 32%,#101112 100%)!important;
    box-shadow:0 -22px 52px rgba(0,0,0,.50)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }

  .feld12-business-app .feld12-interview-phase-screen .feld12-calm-analysis-actions .feld12-button,
  .feld12-business-app .feld12-interview-result-transition .feld12-calm-analysis-actions .feld12-button{
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
    border-radius:17px!important;
  }
}

/* 3. Zwischenstationen: kein goldener Text-Balken, FELD12 näher und größer am Symbol */
.feld12-system-gear.is-transition{
  gap:5px!important;
}
.feld12-system-gear.is-transition .feld12-system-gear-svg{
  width:clamp(146px,15vw,205px)!important;
}
.feld12-system-gear.is-transition .feld12-system-gear-caption{
  margin-top:0!important;
  gap:0!important;
  padding-left:.18em!important;
}
.feld12-system-gear.is-transition .feld12-system-wordmark{
  font-size:clamp(12px,1.15vw,17px)!important;
  letter-spacing:.30em!important;
}
.feld12-system-gear.is-transition .feld12-system-tagline{
  display:none!important;
}
@media (max-width:760px){
  .feld12-system-gear.is-transition .feld12-system-gear-svg{
    width:clamp(128px,42vw,172px)!important;
  }
}

/* 4 und 5. Logo: keine dauerhaft goldene Startposition, heller metallische Felder */
.feld12-system-gear{
  --f12-logo-metal:#45423a!important;
  --f12-logo-metal-2:#5b5548!important;
}
.feld12-gear-segment path,
.feld12-gear-segment.is-primary path,
.feld12-system-gear .feld12-gear-rotor:first-of-type .feld12-gear-segment path{
  fill:var(--f12-logo-metal)!important;
  stroke:rgba(241,224,180,.34)!important;
  filter:drop-shadow(0 5px 11px rgba(0,0,0,.32))!important;
  animation:f12LogoSegmentGlow 7.44s cubic-bezier(.46,0,.18,1) infinite!important;
  animation-delay:var(--segment-delay)!important;
}
@keyframes f12LogoSegmentGlow{
  0%,10%,100%{fill:#45423a;stroke:rgba(241,224,180,.34);filter:drop-shadow(0 5px 11px rgba(0,0,0,.32));}
  13%,17%{fill:#d8b56d;stroke:#f4dfa4;filter:drop-shadow(0 0 18px rgba(216,181,109,.48)) drop-shadow(0 5px 12px rgba(0,0,0,.30));}
  22%,100%{fill:#45423a;stroke:rgba(241,224,180,.34);filter:drop-shadow(0 5px 11px rgba(0,0,0,.32));}
}

/* 6. Geschäftsmodell-Auswahl: mobile Buttonfarben identisch zur Desktop-Karte */
@media (max-width:760px){
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-simple-card .feld12-button{
    min-height:48px!important;
    background:linear-gradient(180deg,rgba(65,63,58,.92),rgba(43,41,38,.94))!important;
    color:#efe7d8!important;
    border:1px solid rgba(218,210,196,.20)!important;
    box-shadow:none!important;
    text-shadow:none!important;
    transform:none!important;
  }
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-simple-card .feld12-button:hover,
  .feld12-business-mode-screen.is-focus-business-start .feld12-business-simple-card .feld12-button:focus-visible{
    background:linear-gradient(180deg,rgba(76,73,67,.96),rgba(49,47,43,.98))!important;
    color:#fff!important;
    border-color:rgba(214,177,106,.48)!important;
    box-shadow:0 0 0 1px rgba(214,177,106,.09)!important;
  }
}