.schalldaemm-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; }
#ergebnis-tabelle-schalldaemmung { width: 100%; border-collapse: collapse; margin-top: 15px; }
#ergebnis-tabelle-schalldaemmung th, #ergebnis-tabelle-schalldaemmung td { border: 1px solid #ddd; padding: 8px; text-align: left; }
#ergebnis-tabelle-schalldaemmung th { background-color: #365b6d; color: white; }
#ergebnis-tabelle-schalldaemmung tbody tr:hover { background-color: #dbe3e7; cursor: pointer; }
.erklaerung, .haftung { font-family: sans-serif; margin-bottom: 20px; line-height: 1.6; }
.erklaerung h1, .haftung h3 { color: #365b6d; }

.infobox { margin: 20px 0; }
.toggle-infobox {
  background: #365b6d;
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}
.toggle-infobox:hover { background: #27424d; }
.infobox-content {
  margin-top: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px;
  background: #f9f9f9;
}
.roh-dichte-tabelle {
  width: 100%;
  border-collapse: collapse;
}
.roh-dichte-tabelle th, .roh-dichte-tabelle td {
  border: 1px solid #ddd;
  padding: 6px 8px;
  text-align: left;
}
.roh-dichte-tabelle th {
  background: #365b6d;
  color: #fff;
}