#fhfs-app { font-family: Arial, sans-serif; max-width: 720px; margin: 20px 0 0 0; padding: 0; color: #222; }

#fhfs-app .step { border: 1px solid #ddd; border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1rem; background: #fafafa; }
#fhfs-app .step h2 { margin-top: 3px; font-size: 2.1rem; color: #333; font-weight: 600; margin-bottom: 14px; }

#fhfs-app .row { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: .5rem; }
#fhfs-app .row label { flex: 1; min-width: 200px; display: flex; flex-direction: column; font-weight: 600; font-size: 1.3rem; color: #333; }

#fhfs-app input[type="number"] { padding: .5rem; font-size: 1.7rem; border: 1px solid #ccc; border-radius: 4px; margin-top: .3rem; width: 100%; box-sizing: border-box; }
#fhfs-app input[type="number"]:focus { outline: none; border-color: #ed532a; }

#fhfs-app .gewebe-row { display: flex; align-items: center; gap: .75rem; margin-bottom: .4rem; flex-wrap: wrap; }
#fhfs-app .gewebe-label { font-weight: 600; font-size: 1.5rem; color: #333; white-space: nowrap; }
#fhfs-app select { padding: .5rem; font-size: 1.5rem; border: 1px solid #ccc; border-radius: 4px; min-width: 260px; }
#fhfs-app select:focus { outline: none; border-color: #ed532a; }

#fhfs-app .error { color: #c0392b; font-size: 1.7rem; margin-top: .25rem; }
#fhfs-app .hint { color: #555; font-size: 1.45rem; margin-top: .25rem; line-height: 1.4; }
#fhfs-app .hint-gewebe { color: #202020; font-size: 1.5rem; margin-top: .25rem; }
#fhfs-app .groesse-info { font-size: 1.55rem; margin-top: .3rem; color: #444; }
#fhfs-app .badge { display: inline-block; padding: 2px 8px; background: #ed532a; color: #fff; border-radius: 4px; font-size: 1.6rem; font-weight: 600; vertical-align: middle; }

#fhfs-app .result { background: #fff5f0; border: 2px solid #ed532a; border-radius: 8px; padding: 1.25rem; }
#fhfs-app .result .label { font-size: 1.45rem; color: #555; margin: 0; padding: 0; }
#fhfs-app .result .price-brutto { font-size: 1.8rem; color: #ed532a; font-weight: bold; margin: .5rem 0 1rem; }

#fhfs-app button { padding: .6rem 1.2rem; font-size: 1.6rem; background: #ed532a; color: #fff; border: 0; border-radius: 4px; cursor: pointer; }
#fhfs-app button:hover { background: #d04220; }