/* Conversion / Orientierung pass — 2026-08-27
   Adds a compact value proposition, Bedarfscheck, source trust block
   and contextual decision CTAs without changing the validated site palette. */

.value-proposition{
  margin:14px 0 0;
  padding:14px 16px;
  border-left:4px solid #d6a23c;
  border-radius:12px;
  background:#fffaf0;
  color:#263445;
  font-size:15px;
  font-weight:750;
  line-height:1.55;
  box-shadow:0 6px 18px rgba(27,39,56,.06);
}

.needs-section .needs-panel > h2{
  margin-bottom:8px;
}
.need-card strong{display:block;margin-bottom:5px}
.need-card span{display:block}

.bedarfscheck-section{
  max-width:1180px;
  margin:14px auto 0;
  padding:0 22px;
}
.bedarfscheck-box{
  padding:26px;
  border:1px solid rgba(138,90,16,.24);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(27,39,56,.07);
  color:#263445;
}
.bedarfscheck-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.bedarfscheck-kicker{
  display:inline-block;
  margin-bottom:7px;
  color:#8a5a10;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bedarfscheck-head h2{
  margin:0 0 7px;
  color:#1b2738;
  font-size:clamp(23px,2.2vw,31px);
  line-height:1.15;
}
.bedarfscheck-head p{margin:0;max-width:760px;color:#5b6675;line-height:1.6}
.bedarfscheck-grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:14px;
}
.bedarfscheck-field label{
  display:block;
  margin-bottom:6px;
  color:#1b2738;
  font-size:13px;
  font-weight:850;
}
.bedarfscheck-field select{
  width:100%;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(27,39,56,.18);
  border-radius:11px;
  background:#fff;
  color:#263445;
  font:inherit;
}
.bedarfscheck-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:18px;
}
.bedarfscheck-note{
  margin:10px 0 0;
  color:#6b7280;
  font-size:12.5px;
  line-height:1.5;
}
.bedarfscheck-secondary{
  color:#0b4f9d;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}

.source-trust-section{
  max-width:1180px;
  margin:22px auto 0;
  padding:0 22px;
}
.source-trust-box{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  padding:24px 26px;
  border:1px solid rgba(138,90,16,.24);
  border-radius:20px;
  background:linear-gradient(135deg,#fffdf8,#f6f1e8);
  box-shadow:0 10px 26px rgba(27,39,56,.06);
  color:#263445;
}
.source-trust-box h2{margin:0 0 8px;color:#1b2738;font-size:24px}
.source-trust-box p{margin:0;color:#5b6675;line-height:1.6}
.source-trust-links{
  display:grid;
  gap:8px;
  align-content:start;
}
.source-trust-links a{
  display:block;
  padding:10px 12px;
  border:1px solid rgba(27,39,56,.10);
  border-radius:10px;
  background:#fff;
  color:#0b4f9d;
  font-weight:800;
}
.source-trust-meta{
  margin-top:10px !important;
  font-size:12.5px;
  color:#6b7280 !important;
}

.decision-cta{
  margin:26px 0;
  padding:20px 22px;
  border:1px solid rgba(138,90,16,.25);
  border-radius:18px;
  background:linear-gradient(135deg,#fffaf0,#fff);
  box-shadow:0 10px 26px rgba(27,39,56,.06);
  color:#263445;
}
.decision-cta__kicker{
  margin:0 0 5px;
  color:#8a5a10;
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.decision-cta h2,
.decision-cta h3{
  margin:0 0 7px;
  color:#1b2738;
  font-size:clamp(20px,2vw,25px);
  line-height:1.2;
}
.decision-cta p{margin:0 0 14px;max-width:760px;line-height:1.6;color:#4b5563}
.decision-cta .btn-3d{min-height:44px}

@media(max-width:760px){
  .bedarfscheck-section,.source-trust-section{padding:0 16px}
  .bedarfscheck-box,.source-trust-box{padding:20px 17px;border-radius:17px}
  .bedarfscheck-grid,.source-trust-box{grid-template-columns:1fr}
  .bedarfscheck-head{display:block}
  .bedarfscheck-actions{align-items:stretch}
  .bedarfscheck-actions .btn-3d{width:100%}
  .decision-cta{margin:22px 0;padding:18px 16px}
}