.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:1280px;width:100%}.card-content{padding:20px}.calculator-grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.calculator-grid:not(.body-container-wrapper.blog-post .calculator-grid){grid-template-columns:1fr 1fr}}.calculator-left,.calculator-right{display:flex;flex-direction:column}@media (min-width:768px){.calculator-left,.calculator-right{height:100%}}.calculator-right{margin-top:20px}@media (min-width:768px){.calculator-right{display:flex;flex-direction:column;justify-content:flex-start;margin-top:25px}}.input-group{margin-bottom:20px}label{color:#4b5563;display:block;font-size:.875rem;font-weight:700;margin-bottom:5px}input[type=number],input[type=text],select{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:8px 12px;width:100%}.flex-container{display:flex;flex-direction:column;gap:20px}.flex-container.kaufpreis,.flex-container.umschuldung{margin-bottom:20px}@media (min-width:768px){.flex-container.kaufpreis,.flex-container.umschuldung{align-items:flex-end;flex-direction:row;flex-wrap:nowrap}}.flex-item{flex:1;width:100%}.input-with-unit{position:relative}.input-with-unit input{padding-right:30px}.unit{color:#6b7280;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.percentage-input{align-items:stretch;display:flex}.percentage-input input{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex-grow:1}.percentage-buttons{border:1px solid #d1d5db;border-left:none;display:flex;flex-direction:column;justify-content:space-evenly}.percentage-buttons button{background-color:#f3f4f6;border:none;cursor:pointer;font-size:.625rem;line-height:1;padding:2px 4px}.percentage-buttons button:hover{background-color:#e5e7eb}.button-group{display:flex;gap:10px;justify-content:space-between}.year-button{background-color:#f3f4f6;border:none;border-radius:9999px;cursor:pointer;flex:1;font-weight:700;padding:8px;text-align:center;transition:background-color .3s}.year-button:hover{background-color:#e5e7eb}.calculate-button,.year-button.active{background-color:var(--theme-primary);color:#fff}.calculate-button{border:none;border-radius:9999px;cursor:pointer;font-size:1.125rem;font-weight:700;margin-top:20px;padding:12px;text-align:center;transition:background-color .3s;width:100%}.calculate-button:hover{background-color:var(--theme-primary-variant)}.hauptergebnisse,.nebenkosten{background-color:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:15px}.hauptergebnisse{background-color:#dbeafe}.monatliche-rate{margin-bottom:20px;text-align:center}.bold,.large-result{font-weight:700}.large-result{font-size:1.75rem;margin:10px 0}.text-center{text-align:center}.icon{display:block;font-size:1.5rem;margin-bottom:5px}.cta-button{background-color:var(--theme-primary);border-radius:9999px;color:#fff!important;display:block;font-size:1.125rem;font-weight:700;padding:12px;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.cta-button:hover{background-color:var(--theme-primary-variant)}.cta-subtext{color:#6b7280;margin-top:10px;text-align:center}.alert{background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:var(--theme-primary-variant);margin-bottom:20px;padding:10px}.hidden{display:none}.results-row{display:flex;flex-wrap:nowrap;justify-content:space-between}@media (min-width:768px){.flex-container.results-row{flex-direction:row}}.results-row .flex-item{flex:1;min-width:0}.disclaimer{color:#6b7280;font-size:.875rem;margin-left:auto!important;margin-right:auto!important;margin-top:20px!important;max-width:800px!important;text-align:center}.additional-persons-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.additional-person{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:15px;padding:15px}.add-person-button{align-items:center;background-color:var(--theme-primary);border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;margin-bottom:20px;padding:8px 16px;transition:background-color .3s;width:auto}.add-person-button:hover{background-color:var(--theme-primary-variant)}.remove-person{background-color:var(--theme-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:10px;padding:6px 12px;transition:background-color .3s}.remove-person:hover{background-color:var(--theme-primary-variant)}.person-details{margin-bottom:10px}.additional-results{background-color:#f3f4f6;border-radius:8px;margin-bottom:20px;margin-top:20px;padding:15px}