.choice-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:#2c3e3c;cursor:pointer;transition:all .2s}.choice-card:hover{border-color:#5b9e94;background-color:#eef6f4}.choice-card.selected{border-color:#5b9e94;background-color:#eef6f4;color:#3d7a72}.choice-card .icon-wrap{font-size:2rem;line-height:1}.choice-card-sm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.875rem .75rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:#2c3e3c;cursor:pointer;transition:all .2s;text-align:center;line-height:1.3}.choice-card-sm small{font-weight:400;color:#999}.choice-card-sm:hover{border-color:#5b9e94;background-color:#eef6f4}.choice-card-sm.selected{border-color:#5b9e94;background-color:#eef6f4;color:#3d7a72}.method-card{display:flex;align-items:center;padding:.875rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:#2c3e3c;cursor:pointer;transition:all .2s;text-align:left;gap:.5rem}.method-card:hover{border-color:#5b9e94;background-color:#eef6f4}.method-card.selected{border-color:#5b9e94;background-color:#eef6f4;color:#3d7a72}.method-icon{flex-shrink:0;opacity:.6}.method-card.selected .method-icon,.method-card:hover .method-icon{opacity:1}.number-input{width:140px;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e5e7eb;font-size:1.25rem;font-weight:700;color:#2c3e3c;font-family:var(--font-heading);outline:0;transition:border-color .2s}.number-input:focus{border-color:#5b9e94}.slider-wrap{padding:.5rem 0}.slider{width:100%;accent-color:#5b9e94;height:6px;cursor:pointer}.question-label{display:block;margin-bottom:.75rem;font-weight:700;font-size:1rem;color:#2c3e3c;font-family:var(--font-heading)}.methode-card{border-radius:.875rem;border:2px solid #e5e7eb;background:#f7f5f0;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:0}.methode-card.is-own{border-color:#dc2626;border-width:2px}.methode-card.is-vasektomie{border-color:#3d7a72;border-width:2px}.mc-header{margin-bottom:.6rem}.mc-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background-color:#dc2626;color:#fff;margin-bottom:.3rem}.mc-badge.vasek{background-color:#3d7a72}.mc-name{font-family:var(--font-heading);font-size:.92rem;font-weight:800;color:#2c3e3c;line-height:1.25}.mc-sub{font-size:.72rem;color:#999;line-height:1.4;margin-top:.15rem}.mc-details{border-top:1px solid #f0f0f0;padding-top:.6rem;margin-top:.6rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.mc-detail-row{font-size:.75rem;color:#777;display:flex;justify-content:space-between;gap:.5rem}.mc-detail-row span:last-child{font-weight:600;color:#2c3e3c}.mc-total-wrap{border-top:1px solid #f0f0f0;padding-top:.7rem;margin-top:.7rem}.mc-total-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5b9e94}.mc-total{font-family:var(--font-heading);font-size:1.7rem;font-weight:900;color:#2c3e3c;line-height:1.1;margin-top:.1rem}.mc-vergleich{font-size:.72rem;font-weight:700;margin-top:.35rem}.mc-vergleich.teurer{color:#dc2626}.mc-vergleich.guenstiger{color:#2d6a4f}.mc-vergleich.gleich{color:#5b9e94}.mc-total-row{display:flex;align-items:flex-end;justify-content:space-between}.mc-kasse{display:inline-block;font-size:.72rem;color:#666;background-color:#f3f4f6;border-radius:.4rem;padding:.25rem .6rem;margin-top:.5rem;line-height:1.4}.mc-kasse-ja{color:#2d6a4f;background-color:#d1fae5}.hidden{display:none!important}.methoden-fragen{display:none}.methoden-fragen:not(.hidden){display:flex}#btn-next:hover{background-color:#3d7a72}#btn-back:hover{background-color:#eef6f4}.bar-row{display:flex;align-items:center;gap:.75rem}.bar-label{width:160px;font-size:.8rem;font-weight:600;color:#2c3e3c;flex-shrink:0;text-align:right}.bar-track{flex:1;background-color:#eef6f4;border-radius:999px;height:24px;position:relative;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background-color:#d1d5db;transition:width .8s ease}.callout-inner{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.callout-inner{flex-direction:row;align-items:center;justify-content:space-between}}.callout-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a8d5cf;margin-bottom:.5rem}.callout-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2}@media (min-width:768px){.callout-title{font-size:1.875rem}}.callout-rows{display:flex;flex-direction:column;gap:.5rem}.callout-row{display:flex;align-items:flex-start;gap:.6rem;color:#ffffffe6;font-size:.95rem;line-height:1.4}.callout-icon{width:1.1rem;height:1.1rem;flex-shrink:0;margin-top:.15rem;stroke:#ffffffd9}.callout-btns{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.callout-btn-primary{display:inline-block;border-radius:999px;padding:.75rem 2rem;text-align:center;font-weight:700;background-color:#fff;color:#3d7a72;text-decoration:none;transition:background .2s;white-space:nowrap}.callout-btn-primary:hover{background-color:#f0fdf4}.callout-btn-secondary{display:inline-block;border-radius:999px;padding:.75rem 2rem;text-align:center;font-weight:600;border:2px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;transition:background .2s;white-space:nowrap}.callout-btn-secondary:hover{background-color:#ffffff1a}.bar-amount{width:80px;font-size:.8rem;font-weight:700;color:#2c3e3c;flex-shrink:0;text-align:left}