/* Version 36.3 — Interview-Qualität, Fragecodes und weichere Auswahl */
.feld12-question-code{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  margin-left:8px!important;
  padding:3px 8px!important;
  border:1px solid rgba(240,212,145,.20)!important;
  border-radius:999px!important;
  background:rgba(240,212,145,.07)!important;
  color:rgba(255,244,216,.74)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.feld12-question-kicker{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.feld12-focus-question-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.feld12-option,
.feld12-focus-option{
  position:relative!important;
  overflow:hidden!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
  transition:
    border-color .24s ease,
    background .24s ease,
    box-shadow .24s ease,
    transform .18s cubic-bezier(.2,.8,.2,1),
    filter .18s ease,
    opacity .18s ease!important;
}
.feld12-option::after,
.feld12-focus-option::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:radial-gradient(circle at 18% 50%, rgba(240,212,145,.18), transparent 38%)!important;
  transition:opacity .22s ease!important;
}
.feld12-option:hover,
.feld12-focus-option:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.03)!important;
}
.feld12-option.is-selecting,
.feld12-focus-option.is-selecting{
  transform:translateY(0) scale(.995)!important;
}
.feld12-option.active,
.feld12-focus-option.active{
  border-color:rgba(240,212,145,.48)!important;
  background:linear-gradient(145deg, rgba(240,212,145,.16), rgba(255,255,255,.055))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30), 0 0 0 1px rgba(240,212,145,.20) inset!important;
}
.feld12-option.active::after,
.feld12-focus-option.active::after,
.feld12-option.is-selecting::after,
.feld12-focus-option.is-selecting::after{
  opacity:1!important;
}
.feld12-option b,
.feld12-focus-option b{
  transition:transform .2s cubic-bezier(.2,.8,.2,1), background .2s ease, color .2s ease, opacity .2s ease!important;
}
.feld12-option.active b,
.feld12-focus-option.active b{
  transform:scale(1.08)!important;
}
.feld12-interview-answer-line{
  line-height:1.38!important;
}
@media (max-width:720px){
  .feld12-question-code{
    min-width:auto!important;
    padding:3px 7px!important;
    font-size:10px!important;
    opacity:.86!important;
  }
  .feld12-focus-question-meta{
    justify-content:center!important;
  }
  .feld12-option:hover,
  .feld12-focus-option:hover{
    transform:none!important;
  }
}