table, th, td, caption, table button {
        font-size: 120%; /* Kleinere Schriftgröße für mobile Geräte */
    }
table, th, td, caption {
  border: thin solid #a0a0a0;
  padding: .3em .5em;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: thin 0 0 thin;
  margin: 0 0 1em;
  table-layout: auto;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
th, td {
  font-weight: normal;
  text-align: left;
}
th, caption {
  font-weight: 700;
  color: #333333;
  background-color: rgba(255, 255, 255, 0.7)
}
th{
  width : 33%;
}
table button {
    width: 100%;
}
body {
    background-image: url('../img/mcBild.jpg'), url('../img/mcSchwarzeWolle.png');
    background-size: cover, auto;
    background-repeat: no-repeat, repeat;
    background-position: center center;
    margin: 0;
    padding: 20px;
}

.tab_div {
  max-width: 800px; /* Maximale Breite der Tabellencontainer festlegen */
  margin: 20px auto; /* Automatische Zentrierung und Abstand oben/unten */
  padding: 20px; /* Abstand um die Tabellen herum */
}

.tab_div .debug_ausgabe {
  background-color: #ffffff; /* Hintergrundfarbe weiß */
  color: #eb1c1c; /* Schriftfarbe schwarz */
}

#StatusTab,#WeltenTab {
    width: 100%; /* Tabelle auf gesamte Breite von div_tab*/
}

/* Media Query für mobile Geräte */
@media only screen and (max-width: 600px) {
    table, th, td, caption, table button {
        font-size: 150%; /* Kleinere Schriftgröße für mobile Geräte */
    }
}