/* FELD12 V37.37 – Arbeitsmodus nach dem Ergebnis. Reine UI-Schicht. */
.feld12-work-mode-v3737{
  margin: clamp(28px,5vw,58px) auto;
  max-width: 1120px;
  border: 1px solid rgba(150,116,59,.26);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,252,246,.98), rgba(247,239,226,.96));
  box-shadow: 0 24px 60px rgba(43,35,24,.12);
  overflow: hidden;
}
.feld12-work-mode-intro-v3737{
  padding: clamp(24px,4vw,42px);
  display: grid;
  gap: 16px;
}
.feld12-work-mode-intro-v3737 h3{
  margin: 0;
  font-size: clamp(1.7rem,3.2vw,2.45rem);
  line-height: 1.12;
  color: #29231c;
}
.feld12-work-mode-intro-v3737 p,
.feld12-work-step-v3737 p,
.feld12-work-step-v3737 li,
.feld12-work-privacy-v3737{
  color: #51473b;
  font-size: clamp(1rem,1.35vw,1.08rem);
  line-height: 1.68;
}
.feld12-work-mode-direction-v3737{
  border-radius: 22px;
  padding: 18px 20px;
  background: #fffaf1;
  border: 1px solid rgba(150,116,59,.24);
}
.feld12-work-mode-direction-v3737 span{
  display: block;
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a6a35;
}
.feld12-work-mode-direction-v3737 strong{
  display: block;
  color: #241f18;
  font-size: clamp(1rem,1.7vw,1.2rem);
  line-height: 1.45;
}
.feld12-work-mode-body-v3737{
  padding: 0 clamp(18px,4vw,42px) clamp(24px,4vw,46px);
  display: grid;
  gap: 18px;
}
.feld12-work-step-v3737{
  background: #fff;
  border: 1px solid rgba(155,132,93,.22);
  border-radius: 24px;
  padding: clamp(20px,3vw,30px);
  box-shadow: 0 14px 34px rgba(48,38,24,.07);
}
.feld12-work-step-v3737 > span{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 3px 10px;
  border-radius: 999px;
  background: #f3eadb;
  color: #7a5c2b;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.feld12-work-step-v3737 h4{
  margin: 12px 0 8px;
  color: #262018;
  font-size: clamp(1.22rem,2vw,1.55rem);
  line-height: 1.22;
}
.feld12-work-area-options-v3737{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}
.feld12-work-area-choice-v3737{
  min-height: 48px;
  border: 1px solid rgba(150,116,59,.3);
  border-radius: 16px;
  background: #fffaf2;
  color: #352b1f;
  font-weight: 800;
  padding: 11px 13px;
  cursor: pointer;
  text-align: left;
}
.feld12-work-area-choice-v3737.is-active{
  background: #2f281f;
  color: #fff7e8;
  border-color: #d6b16a;
}
.feld12-work-mode-v3737 textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(109,88,52,.32);
  border-radius: 18px;
  background: #fffaf4;
  color: #282119;
  padding: 15px 16px;
  font: inherit;
  font-size: 1rem;
  line-height: 1.62;
  resize: vertical;
  min-height: 150px;
  outline: none;
}
.feld12-work-mode-v3737 textarea:focus{
  border-color: #b88a38;
  box-shadow: 0 0 0 4px rgba(214,177,106,.18);
  background: #fff;
}
.feld12-work-checklist-v3737 ul,
.feld12-work-signals-v3737 ul{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}
.feld12-work-checklist-v3737 li,
.feld12-work-signals-v3737 li{
  position: relative;
  padding: 10px 12px 10px 34px;
  border-radius: 15px;
  background: #fbf4e8;
  border: 1px solid rgba(150,116,59,.16);
}
.feld12-work-checklist-v3737 li::before,
.feld12-work-signals-v3737 li::before{
  content: "";
  position: absolute;
  left: 13px;
  top: 1.08em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d6b16a;
}
.feld12-work-frame-v3737{
  border-radius: 18px;
  background: #f6ecdb;
  border: 1px solid rgba(150,116,59,.24);
  padding: 16px 18px;
  margin: 14px 0;
}
.feld12-work-frame-v3737 strong{
  display:block;
  color:#705323;
  margin-bottom:6px;
}
.feld12-work-frame-v3737 p{ margin:0; }
.feld12-work-step-v3737 label{
  display: grid;
  gap: 8px;
  margin-top: 14px;
  color: #3b3127;
  font-weight: 800;
}
.feld12-work-step-v3737 label textarea{ font-weight: 400; }
.feld12-work-mode-actions-v3737{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 18px;
  background: rgba(255,250,242,.72);
  border: 1px solid rgba(150,116,59,.2);
  border-radius: 22px;
}
.feld12-work-pdf-option-v3737{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 14px;
  background: #fff;
  color: #342b20;
  font-weight: 800;
}
.feld12-work-privacy-v3737{
  margin: 0;
  padding: 16px 18px;
  border-radius: 18px;
  background: #f1e5d2;
}
.feld12-work-mode-inline-cta-v3737{
  margin-top: 20px;
  padding: 18px;
  border-radius: 20px;
  background: #fffaf1;
  border: 1px solid rgba(150,116,59,.22);
}
.feld12-work-mode-inline-cta-v3737 p{ margin:0 0 12px; }
@media (max-width: 760px){
  .feld12-work-mode-v3737{
    margin: 26px 0;
    border-radius: 22px;
  }
  .feld12-work-mode-intro-v3737,
  .feld12-work-mode-body-v3737{
    padding-left: 16px;
    padding-right: 16px;
  }
  .feld12-work-area-options-v3737{
    grid-template-columns: 1fr;
  }
  .feld12-work-area-choice-v3737,
  .feld12-work-mode-actions-v3737 .feld12-button,
  .feld12-work-mode-toggle-v3737{
    width: 100%;
    min-height: 44px;
    justify-content: center;
    text-align: center;
  }
  .feld12-work-mode-actions-v3737{
    flex-direction: column;
    align-items: stretch;
  }
  .feld12-work-pdf-option-v3737{
    width: 100%;
    box-sizing: border-box;
  }
  .feld12-work-mode-v3737 textarea{
    min-height: 140px;
    font-size: 16px;
  }
}