/* Leadpeak Rechner – Werte nach Design.md im Wiki (Corporate Design). */
.lp-rechner{background:#EFEFE6;border-radius:20px;padding:40px;margin:40px 0;color:#2F2F2F;font-family:'Lato','Helvetica Neue',sans-serif;font-size:18px;line-height:1.55;text-align:left}
.lp-rechner *{box-sizing:border-box}
.lp-rechner .lpr-titel{margin:0 0 12px;color:#162D49;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:40px;line-height:1.15}
.lp-rechner p{margin:0 0 12px}
.lp-rechner .lpr-grenzen{background:#FAFAF7;border-radius:12px;padding:14px 18px;font-size:16px;margin:0 0 24px}
.lp-rechner fieldset{border:0;margin:0 0 24px;padding:0;min-width:0}
.lp-rechner legend{display:block;padding:0;margin:0 0 12px;color:#162D49;font-weight:700;font-size:20px}
.lp-rechner .lpr-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.lp-rechner .lpr-raster-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-rechner .lpr-feld{min-width:0}
.lp-rechner .lpr-feld-breit{margin-bottom:20px}
.lp-rechner label,.lp-rechner .lpr-label{display:block;font-weight:700;color:#162D49;font-size:16px;margin:0 0 6px;line-height:1.35}
.lp-rechner label.lpr-check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#2F2F2F;margin:0 0 6px;cursor:pointer}
.lp-rechner label.lpr-check input{margin-top:5px;width:18px;height:18px;flex:0 0 18px;accent-color:#FF6E71}
.lp-rechner .lpr-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px}
.lp-rechner select,.lp-rechner input[type=number]{width:100%;font:inherit;font-size:16px;padding:11px 16px;border:2px solid #162D49 !important;border-radius:12px !important;background:#FFFFFF !important;color:#2F2F2F !important;height:auto;min-height:48px;box-shadow:none}
.lp-rechner select:focus,.lp-rechner input:focus{outline:3px solid #FF6E71;outline-offset:2px}
.lp-rechner .lpr-zahl{display:flex;align-items:center;gap:10px}
.lp-rechner .lpr-zahl input[type=number]{flex:0 1 150px;min-width:90px}
.lp-rechner .lpr-zahl input[type=range]{flex:1 1 auto;min-width:0;accent-color:#FF6E71}
.lp-rechner .lpr-einheit{font-size:15px;color:#6D6D66;white-space:nowrap}
.lp-rechner .lpr-hinweis{font-size:14px;color:#6D6D66;margin:6px 0 0;line-height:1.45}
.lp-rechner .lpr-ergebnis{background:#FFFFFF;border-radius:20px;padding:28px}
.lp-rechner .lpr-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}
.lp-rechner .lpr-kachel{background:#FAFAF7;border-radius:12px;padding:16px 18px}
.lp-rechner .lpr-kachel b{display:block;font-size:13px;font-weight:700;color:#6D6D66;text-transform:uppercase;letter-spacing:.04em;line-height:1.35}
.lp-rechner .lpr-kachel span{display:block;font-size:26px;font-weight:700;color:#162D49;line-height:1.25;margin:6px 0 4px}
.lp-rechner .lpr-kachel-haupt span{color:#FF6E71}
.lp-rechner .lpr-kachel small{display:block;font-size:14px;color:#6D6D66;line-height:1.4}
.lp-rechner h4{margin:22px 0 10px;color:#162D49;font-size:22px;line-height:1.3;font-family:'Lato','Helvetica Neue',sans-serif;font-weight:700}
.lp-rechner .lpr-tabelle{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:16px;border:0}
.lp-rechner .lpr-tabelle th,.lp-rechner .lpr-tabelle td{background:transparent !important;border:0 !important;border-bottom:1px solid #E4E1D6 !important;padding:9px 8px !important;text-align:left;vertical-align:top;color:#2F2F2F}
.lp-rechner .lpr-tabelle th{font-size:13px;font-weight:700;color:#6D6D66 !important;text-transform:uppercase;letter-spacing:.04em}
.lp-rechner .lpr-tabelle th:not(:first-child),.lp-rechner .lpr-tabelle td.lpr-r{text-align:right;white-space:nowrap}
.lp-rechner .lpr-tabelle td small{display:block;font-size:13px;color:#6D6D66}
.lp-rechner .lpr-tabelle tr.lpr-gewaehlt td{background:#FAFAF7 !important;font-weight:700;color:#162D49}
.lp-rechner .lpr-tabelle tr.lpr-gewaehlt td:first-child{box-shadow:inset 6px 0 0 #FF6E71}
.lp-rechner .lpr-tabelle tr.lpr-summe td{font-weight:700;color:#162D49;border-bottom:0 !important}
.lp-rechner details.lpr-details{margin:10px 0 6px}
.lp-rechner details.lpr-details summary{cursor:pointer;color:#162D49;font-weight:700;font-size:16px}
.lp-rechner .lpr-erklaerung{font-size:16px}
.lp-rechner .lpr-anmerkung,.lp-rechner .lpr-quelle{font-size:14px;color:#6D6D66}
.lp-rechner .lpr-quelle a{font-size:14px !important;color:#162D49}
.lp-rechner .lpr-ampel{border-radius:12px;padding:16px 20px;margin:16px 0;background:#FAFAF7;border-left:10px solid #B9B9AE}
.lp-rechner .lpr-ampel.is-gruen{border-left-color:#2E9E5B}
.lp-rechner .lpr-ampel.is-gelb{border-left-color:#DD9A06}
.lp-rechner .lpr-ampel.is-rot{border-left-color:#C0392B}
.lp-rechner .lpr-ampel h4{margin:0 0 8px}
.lp-rechner .lpr-ampel p{font-size:16px}
.lp-rechner .lpr-cta{margin-top:22px;padding-top:18px;border-top:1px solid #E4E1D6}
.lp-rechner .lpr-aktionen{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 6px}
.lp-rechner .lpr-btn{display:inline-block;font:inherit;font-size:15px !important;font-weight:700;letter-spacing:.02em;padding:15px 20px;border:3px solid #FF6E71;border-radius:100px;background:#FAFAF7;color:#FF6E71 !important;text-transform:uppercase;cursor:pointer;text-decoration:none !important;text-align:center;line-height:1.2}
.lp-rechner .lpr-btn:hover,.lp-rechner .lpr-btn:focus-visible{background:#FF6E71;color:#FAFAF7 !important}
.lp-rechner .lpr-btn-sek{border-color:#162D49;color:#162D49 !important}
.lp-rechner .lpr-btn-sek:hover,.lp-rechner .lpr-btn-sek:focus-visible{background:#162D49;color:#FAFAF7 !important}
.lp-rechner .lpr-teilen-info{font-size:14px;color:#6D6D66;word-break:break-all;min-height:1px}
.lp-rechner .lpr-druckkopf{display:none}
@media (max-width:860px){
  .lp-rechner .lpr-raster-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-rechner .lpr-kacheln{grid-template-columns:1fr}
}
@media (max-width:620px){
  .lp-rechner{padding:20px;margin:20px 0}
  .lp-rechner .lpr-titel{font-size:30px}
  .lp-rechner .lpr-raster,.lp-rechner .lpr-raster-3,.lp-rechner .lpr-checks{grid-template-columns:1fr}
  .lp-rechner .lpr-ergebnis{padding:16px}
  .lp-rechner .lpr-btn{width:100%}
  .lp-rechner .lpr-zahl{flex-wrap:wrap}
  .lp-rechner .lpr-zahl input[type=range]{flex:1 1 100%}
  .lp-rechner .lpr-tabelle{font-size:15px}
  .lp-rechner .lpr-tabelle th,.lp-rechner .lpr-tabelle td{padding:8px 4px !important}
}
@media print{
  html.lpr-druckmodus body *{visibility:hidden !important}
  html.lpr-druckmodus .lp-rechner.lpr-druckziel,html.lpr-druckmodus .lp-rechner.lpr-druckziel *{visibility:visible !important}
  html.lpr-druckmodus .lp-rechner.lpr-druckziel{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;background:#FFFFFF;font-size:12pt}
  html.lpr-druckmodus .lpr-druckziel .lpr-druckkopf{display:flex !important;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:10pt;color:#6D6D66}
  html.lpr-druckmodus .lpr-druckziel .lpr-logo{height:28px;width:auto}
  html.lpr-druckmodus .lpr-druckziel .lpr-aktionen,html.lpr-druckmodus .lpr-druckziel .lpr-teilen-info,html.lpr-druckmodus .lpr-druckziel input[type=range]{display:none !important}
  html.lpr-druckmodus .lpr-druckziel .lpr-ergebnis{padding:0}
  html.lpr-druckmodus .lpr-druckziel .lpr-kachel,html.lpr-druckmodus .lpr-druckziel .lpr-ampel,html.lpr-druckmodus .lpr-druckziel table{break-inside:avoid}
}
