/* KWF Beitragsrechner , Look: bewerben-Popup (peach, Outfit, magenta, runde Felder) */
.kwf-br{
  --br-peach:#FDE3D7; --br-magenta:#A01E69; --br-magenta-dark:#7d1652;
  --br-pink:#F29BAF; --br-navy:#040D54; --br-ink:#0b0b0b; --br-line:#0b0b0b;
  --br-green:#C2DDAE; --br-radius:14px; --br-pill:40px;
  font-family:"Outfit",-apple-system,Helvetica,Arial,sans-serif;
  color:var(--br-ink); background:var(--br-peach);
  border-radius:24px; padding:clamp(18px,3vw,34px);
  max-width:820px; box-sizing:border-box; line-height:1.4; font-size:16px;
}
.kwf-br *,.kwf-br *::before,.kwf-br *::after{ box-sizing:border-box; }
.kwf-br__intro{ margin:0 0 18px; font-size:1em; opacity:.9; }
.kwf-br__row{ display:flex; flex-wrap:wrap; gap:14px; }
.kwf-br__field{ display:flex; flex-direction:column; gap:7px; flex:1 1 260px; min-width:0; }
.kwf-br__label{ font-weight:700; font-size:.86em; letter-spacing:.02em; }
.kwf-br__select{
  appearance:none; -webkit-appearance:none; width:100%;
  background:var(--br-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 20px center;
  color:#fff; font-weight:700; font-family:inherit; font-size:1em;
  border:none; border-radius:var(--br-pill); padding:15px 46px 15px 22px; cursor:pointer;
}
.kwf-br__select option{ color:#000; background:#fff; }
.kwf-br__art{ flex:1 1 260px; }
.kwf-br__toggle{ display:flex; background:#fff; border:2px solid var(--br-line); border-radius:var(--br-pill); padding:4px; }
.kwf-br__toggle-btn{
  flex:1; border:none; background:transparent; font-family:inherit; font-weight:700; font-size:.95em;
  padding:11px 10px; border-radius:var(--br-pill); cursor:pointer; color:var(--br-ink); transition:background .18s,color .18s;
}
.kwf-br__toggle-btn.is-active{ background:var(--br-navy); color:#fff; }
.kwf-br__toggle-btn[hidden]{ display:none !important; }
.kwf-br__adresse{ margin:10px 2px 0; font-size:.9em; opacity:.75; min-height:1.2em; }
.kwf-br__days{ margin-top:20px; display:flex; flex-direction:column; gap:10px; }
.kwf-br__day{
  display:grid; grid-template-columns:auto 1fr 1fr; align-items:center; gap:12px;
  background:#fff; border:2px solid var(--br-line); border-radius:var(--br-radius); padding:10px 14px;
}
.kwf-br__day.is-off{ opacity:.5; }
.kwf-br__day-check{ display:flex; align-items:center; gap:9px; font-weight:700; min-width:118px; cursor:pointer; }
.kwf-br__day-check input{ width:20px; height:20px; accent-color:var(--br-magenta); cursor:pointer; }
.kwf-br__time{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.kwf-br__time span{ font-size:.72em; font-weight:700; opacity:.6; text-transform:uppercase; letter-spacing:.04em; }
.kwf-br__time select{
  appearance:none;-webkit-appearance:none; width:100%; font-family:inherit; font-size:.98em; font-weight:600;
  border:2px solid var(--br-line); border-radius:var(--br-pill); padding:9px 34px 9px 16px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center; cursor:pointer;
}
.kwf-br__day.is-off .kwf-br__time select{ pointer-events:none; }
.kwf-br__actions{ margin-top:22px; }
.kwf-br__calc{
  border:none; background:var(--br-magenta); color:#fff; font-family:inherit; font-weight:700; font-size:1.05em;
  padding:15px 34px; border-radius:var(--br-pill); cursor:pointer; transition:background .18s,transform .05s;
}
.kwf-br__calc:hover{ background:var(--br-magenta-dark); }
.kwf-br__calc:active{ transform:translateY(1px); }
.kwf-br__result{ margin-top:22px; }
.kwf-br__result[hidden]{ display:none; }
.kwf-br__card{ background:#fff; border:2px solid var(--br-line); border-radius:var(--br-radius); padding:22px 24px; }
.kwf-br__cat{ font-size:.85em; font-weight:700; letter-spacing:.05em; text-transform:uppercase; opacity:.6; }
.kwf-br__catval{ font-size:1.7em; font-weight:800; margin:2px 0 4px; color:var(--br-navy); }
.kwf-br__hint{ font-size:.92em; margin:0 0 16px; }
.kwf-br__lines{ border-top:1px solid rgba(0,0,0,.12); padding-top:14px; margin-top:6px; }
.kwf-br__line{ display:flex; justify-content:space-between; gap:12px; font-size:.98em; padding:3px 0; }
.kwf-br__line--total{ font-size:1.25em; font-weight:800; border-top:2px solid var(--br-line); margin-top:8px; padding-top:12px; }
.kwf-br__note{ font-size:.8em; opacity:.6; margin:14px 0 0; }
.kwf-br__cta{ display:inline-block; margin-top:18px; background:var(--br-magenta); color:#fff; text-decoration:none; font-weight:700; padding:13px 30px; border-radius:var(--br-pill); }
.kwf-br__cta:hover{ background:var(--br-magenta-dark); color:#fff; }
.kwf-br__error{ background:#fff; border:2px solid var(--br-magenta); border-radius:var(--br-radius); padding:18px 22px; color:var(--br-magenta); font-weight:700; }
@media(max-width:560px){
  .kwf-br__day{ grid-template-columns:1fr; }
  .kwf-br__day-check{ min-width:0; }
}