.raummoden-wrapper { display: flex; flex-wrap: wrap; gap: 20px; font-family: sans-serif; color: #333; }
.steuerelemente, .ergebnisse { flex: 1; min-width: 300px; background: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #ddd; }
.steuerelemente h3, .ergebnisse h3 { margin-top: 0; color: #365b6d; }
.steuerelemente label { display: block; margin-top: 10px; font-weight: bold; }
.steuerelemente input { width: 100%; padding: 8px; margin-top: 5px; border-radius: 4px; border: 1px solid #ccc; box-sizing: border-box; }
.steuerelemente button { width: 100%; padding: 12px; margin-top: 20px; background-color: #365b6d; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; }
.steuerelemente button:hover { background-color: #27424d; }
#visualisierung { flex: 1.5; min-width: 400px; height: 400px; border: 1px solid #ddd; border-radius: 8px; background-color: #e0e0e0; }
#ergebnis-tabelle { width: 100%; border-collapse: collapse; margin-top: 15px; }
#ergebnis-tabelle th, #ergebnis-tabelle td { border: 1px solid #ddd; padding: 8px; text-align: left; }
#ergebnis-tabelle th { background-color: #365b6d; color: white; }
#ergebnis-tabelle tbody tr:hover { background-color: #dbe3e7; cursor: pointer; }
input[type="range"]::-webkit-slider-thumb { background: #365b6d; }
input[type="range"]::-moz-range-thumb { background: #365b6d; }
.erklaerung, .haftung { font-family: sans-serif; margin-bottom: 20px; line-height: 1.6; }
.erklaerung h2, .haftung h3 { color: #365b6d; }
.cta { margin-top: 30px; padding: 20px; background-color: #365b6d; color: white; border-radius: 8px; text-align: center; }
.cta h3 { margin-top: 0; color: #fff; }
.cta-button { display: inline-block; margin-top: 15px; padding: 12px 24px; background-color: #fff; color: #365b6d; font-weight: bold; border-radius: 4px; text-decoration: none; transition: background 0.3s ease, color 0.3s ease; }
.cta-button:hover { background-color: #27424d; color: #fff; }