/* Basics (gemeinsam) */
.sidebar-logo { max-width: 150px; }
.sidebar-title { font-size: 1.7rem; }
.platform-table td { vertical-align: middle; }
.platform-table td > div.sourceCode { margin-top: .3rem; margin-bottom: .3rem; }

/* Boxen – freundliche, klare Varianten (aus der kleineren Datei) */
.infobox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid lightblue;
  color: black;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.successbox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid #12C012;
  color: black;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.cautionbox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid red;
  color: orange;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.warning {
  padding: 1em 1em 1em 4em;
  margin-bottom: 5px;
  color: red;
  font-style: italic;
}

/* Piktogramm-Hintergründe (gemeinsam) */
.info    { background-image: url("../images/info.png"); }
.ginfo   { background-image: url("../images/ginfo.png"); }
.caution { background-image: url("../images/danger.png"); }
.fire    { background-image: url("../images/fire.png"); }
.test    { background-image: url("../images/test.png"); }
.ok      { background-image: url("../images/ok.png"); }
.wt      { background-image: url("../images/whereto.png"); }

/* Spalten-Utilities (aus der größeren Datei) */
.columns.clean-columns { display:flex; gap:2.4rem; margin:1.25rem 0 2rem; }
.columns.clean-columns .column { padding:0 .9rem; border-left:1px solid var(--bs-border-color); }
.columns.clean-columns .column:first-child { border-left:none; }
.columns.clean-columns h4, .columns.clean-columns h5, .columns.clean-columns h6 { margin-top:.2rem; }
.columns.clean-columns p { margin-bottom:.6rem; line-height:1.65; }

/* Tabellen dezent abgrenzen (aus der größeren Datei) */
table { border-collapse: collapse; }
table td, table th { border-bottom:1px solid var(--bs-border-color); padding:.4rem .6rem; }

/* Responsiv für Spalten */
@media (max-width: 768px) {
  .columns.clean-columns { flex-direction:column; gap:1rem; }
  .columns.clean-columns .column {
    border-left:none;
    border-top:1px solid var(--bs-border-color);
    padding:.8rem 0;
  }
  .columns.clean-columns .column:first-child { border-top:none; }
}

/* Hinweis: Keine Fonts/Größen überschreiben – Theme behält Kontrolle */
/* Falls dir der Textbereich zu schmal/zu breit wirkt, kannst du das hier steuern:
   main.content { max-width: 920px; }  /* <- optional; aus der großen Datei */


}

.model-scale-box {
  transform: scale(0.68);
}

.model-bleed-inner {
  width: 1210px;
  height: 762px;
}

/* Arbeitsblatt: CO2-Experiment */

.name-line {
  display: inline-block;
  min-width: 28em;
  height: 1.8em;
  border-bottom: 2px solid #444;
  vertical-align: middle;
}

/* Große Antwortfelder */
.answer-box {
  border: 1.6px solid #8a8a8a;
  border-radius: 8px;
  min-height: 9.5em;
  padding: 0.8em;
  margin: 0.7em 0 1.5em 0;
  background: #fafafa;
}

/* Mittlere Antwortfelder */
.answer-box.medium {
  min-height: 6em;
}

/* Kleine Antwortfelder, falls später gebraucht */
.answer-box.small {
  min-height: 4em;
}

/* Checkbox-Blöcke mit mehr Luft */
.checkbox-block {
  border: 1.4px solid #b0b0b0;
  border-radius: 8px;
  padding: 0.8em 1em;
  margin: 0.8em 0 1.4em 0;
  background: #fbfbfb;
  line-height: 1.8;
}

/* Tabellen besser beschreibbar machen */
table {
  width: 100%;
}

td {
  height: 2.6em;
  vertical-align: middle;
}

th {
  vertical-align: middle;
}

/* Etwas mehr Abstand nach Überschriften */
h1, h2 {
  margin-top: 1.4em;
}

/* Callouts nicht zu eng */
.callout {
  margin: 1em 0 1.3em 0;
}

In `styles.css` dazu **diesen Block** setzen. Der macht aus der Tabelle endlich eine echte beschreibbare Tabelle:

```css
/* Messprotokoll: echte Arbeitsblatt-Tabelle */

.messprotokoll {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 1.2rem 0 2rem 0;
  font-size: 1rem;
  border: 2.5px solid #222;
}

.messprotokoll th {
  border: 2px solid #222;
  background: #e9e9e9;
  color: #111;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  padding: 0.65rem 0.4rem;
}

.messprotokoll th span {
  font-weight: 400;
  font-size: 0.9rem;
}

.messprotokoll td {
  border: 2px solid #222;
  height: 2.8rem;
  padding: 0.35rem 0.5rem;
  vertical-align: middle;
  background: #fff;
}

.messprotokoll .zeit,
.messprotokoll td:first-child {
  width: 11%;
  text-align: center;
  font-weight: 700;
  background: #f4f4f4;
}

.messprotokoll th:nth-child(2),
.messprotokoll th:nth-child(3),
.messprotokoll td:nth-child(2),
.messprotokoll td:nth-child(3) {
  width: 24%;
}

.messprotokoll th:nth-child(4),
.messprotokoll td:nth-child(4) {
  width: 41%;
}

.question-box {
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  background: #f3f7ff;
  padding: 1rem;
  margin: 0.8rem 0 1.6rem 0;
  font-size: 1.15rem;
}

.hypothesis-box {
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  background: #f7f7f7;
  padding: 1rem;
  margin: 0.8rem 0 1.6rem 0;
}

.answer-box {
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  background: #fafafa;
  padding: 1rem;
  margin: 0.8rem 0 1.6rem 0;
  min-height: 24rem;
}

.answer-box.large {
  min-height: 14rem;
}

.answer-box-medium {
  border: 2px solid #8f8f8f;
  border-radius: 10px;
  background: #fafafa;
  padding: 1rem;
  margin: 0.8rem 0 1.6rem 0;
  min-height: 9rem;
}