.pronto-comparison{width:100%;max-width:1180px;margin:32px auto;color:#344767;font:14px/1.5 Arial,Helvetica,sans-serif;text-align:left}
.pronto-comparison,.pronto-comparison *{box-sizing:border-box}
.pronto-comparison__header{text-align:center;max-width:840px;margin:0 auto 22px}
.pronto-comparison .pronto-comparison__eyebrow{font-size:11px;font-weight:700;letter-spacing:.7px;color:#6c7d98;margin:0 0 6px}
.pronto-comparison .pronto-comparison__header h2{font-size:clamp(24px,3vw,32px);line-height:1.2;color:#0563c3;font-weight:700;margin:0 0 14px}
.pronto-comparison p{margin:0 0 12px}
.pronto-comparison__panel{padding:22px;border:1px solid #dce4ee;border-radius:14px;background:#fff}
.pronto-comparison .pronto-comparison__example{font-size:12px;color:#627592}
.pronto-comparison__scroll{overflow-x:auto;max-width:100%;border-radius:5px}
.pronto-comparison table{border-collapse:collapse;width:100%;min-width:640px;margin:0;border:0;table-layout:fixed;font-size:13px}
.pronto-comparison th,.pronto-comparison td{padding:14px 16px;border:0;border-bottom:1px solid #e7edf5;text-align:left;vertical-align:middle;line-height:1.4}
.pronto-comparison thead th{background:#ebf4ff;color:#06479d;font-size:12px;font-weight:700}
.pronto-comparison tbody th{color:#12213c;font-weight:700}
.pronto-comparison .pronto-comparison__saving{color:#16801b;font-weight:700}
.pronto-comparison__cell-label{display:none}
.pronto-comparison__interactive{display:grid;grid-template-columns:1.12fr 1fr 1fr 1fr 1.2fr;gap:16px;padding:14px 16px;margin-top:10px;border-radius:5px;background:#edfaed;align-items:end}
.pronto-comparison__interactive label,.pronto-comparison__result{display:block;font-size:12px;font-weight:700;color:#166b21;min-width:0;margin:0}
.pronto-comparison__input{display:flex;align-items:center;width:100%;height:40px;margin-top:5px;border:1px solid #98c69c;border-radius:5px;background:#fff;overflow:hidden}
.pronto-comparison .pronto-comparison__interactive input{display:block;flex:1 1 0;width:0;height:38px;min-width:0;padding:6px 9px;margin:0;border:0;border-radius:0;background:transparent;color:#172640;font:14px Arial,Helvetica,sans-serif;box-shadow:none}
.pronto-comparison__unit{flex:none;padding:0 9px;color:#627592;font:14px Arial,Helvetica,sans-serif;pointer-events:none}
.pronto-comparison__input:has(input:focus-visible){outline:3px solid #005bd9;outline-offset:3px}
.pronto-comparison__input:has(input[aria-invalid=true]){border-color:#b42318}
.pronto-comparison .pronto-comparison__input input:focus-visible{outline:none}
.pronto-comparison__result output{display:flex;align-items:center;min-height:40px;margin-top:5px;padding:0;font-size:18px;font-weight:700;overflow-wrap:anywhere}
.pronto-comparison__result output[data-state=invalid],.pronto-comparison__result output[data-state=no-saving]{color:#93491c;font-size:13px}
.pronto-comparison .pronto-comparison__note{font-size:11px;color:#627592;margin:12px 0}
.pronto-comparison__action{text-align:center}
.pronto-comparison__action a{display:inline-block;background:#ff9a25;color:#14213a;font-weight:700;padding:14px 20px;border-radius:5px;text-decoration:none;max-width:100%;white-space:normal}
.pronto-comparison__action a:hover{background:#f28b13;color:#14213a}
.pronto-comparison :is(input,a,.pronto-comparison__scroll):focus-visible{outline:3px solid #005bd9;outline-offset:3px}
.pronto-comparison__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Match the five table columns and their 16px cell insets on desktop. */
@media(min-width:901px){
.pronto-comparison__interactive{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;padding-right:0;padding-left:0}
.pronto-comparison__interactive>label,.pronto-comparison__interactive>.pronto-comparison__result{padding-right:16px;padding-left:16px}
}
@media(max-width:900px){.pronto-comparison__interactive{grid-template-columns:repeat(2,minmax(0,1fr))}.pronto-comparison__result{grid-column:1/-1}}
@media(max-width:480px){.pronto-comparison{margin:24px auto}.pronto-comparison__panel{padding:12px}.pronto-comparison__interactive{padding:12px;gap:12px;grid-template-columns:1fr}.pronto-comparison__result{grid-column:auto}.pronto-comparison th,.pronto-comparison td{padding:12px}.pronto-comparison__action a{display:block}}

/* Kreditvergleich mobile layout: each example is a label/value block. */
@media(max-width:767px){
.pronto-comparison__scroll{overflow:visible}
.pronto-comparison table{display:block;min-width:0;table-layout:auto}
.pronto-comparison thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pronto-comparison tbody{display:block;width:100%}
.pronto-comparison tbody tr{display:block;margin:0 0 12px;border:1px solid #e1ebf5}
.pronto-comparison tbody tr:last-child{margin-bottom:0}
.pronto-comparison tbody :is(th,td){display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);padding:0;border-bottom:1px solid #e1ebf5;align-items:stretch;background:#fff}
.pronto-comparison tbody :is(th,td):last-child{border-bottom:0}
.pronto-comparison .pronto-comparison__cell-label{display:flex;align-items:center;padding:12px;background:#edf4f8;border-right:1px solid #e1ebf5;color:#06479d;font-size:12px;font-weight:700;text-align:left;overflow-wrap:anywhere}
.pronto-comparison__cell-value{display:flex;align-items:center;justify-content:center;padding:12px;min-width:0;text-align:center;overflow-wrap:anywhere}
}