@charset "utf-8";


#unit-effects th {
            background-color: #37b1f2; /* Grüner Hintergrund für den Kopf */
        }

table {
  width: 100%;
  border-collapse: collapse;
  border: 6px solid #443326;
  font-family: 'Montserrat', sans-serif;
}

th, td {
  border: 3px solid #443326;
  padding: 8px;
  text-align: center;
}
td:first-child{
	font-weight: bold;
}
th {
  background-color: #e8ceb1 ; /* Dominante Farbe */
  color: #443326 ;
}

tr:nth-child(2n) {
  background-color: #e8ceb1 ; /* Zweitdominante Farbe */
  color: #443326 ;
}

tr:nth-child(2n+1) {
  background-color: #775036; /* Drittmeist verwendete Farbe */
  color: #e8ceb1 ;
}

@media (max-width: 600px) {
    table {
        overflow-x: auto; /* Ermöglicht Scrollen bei Bedarf */
    }

  th, td {
        display: block;
        width: 100%; /* Volle Breite für jede Zelle */
        box-sizing: border-box;
        padding: 12px 10px;
        text-align: left; /* Text links ausrichten */
        border: 3px solid #443326; /* Rand hinzufügen, falls nicht vorhanden */
    }

    td {
        text-align: right;
        padding-left: 50%;
    }

    td::before {
        content: attr(data-label); /* Label vor den Zelleninhalt auf mobilen Geräten */
        font-weight: bold;
        padding-right: 10px;
        text-align: left;
    }
}

/* Für Tablets */
@media (max-width: 900px) {
    th, td {
        font-size: 0.6em; /* Kleinere Schrift für Tablets */
        padding: 10px;
    }
}

/* Für größere Bildschirme */
@media (min-width: 901px) {
    th, td {
        font-size: 1em; /* Normale Schriftgröße */
        padding: 14px;
    }
}
@media (min-width: 601px) {
    /* Container, der den gesamten Inhalt umgibt */
    .content-wrapper {
        width: 100%; /* Volle Breite */
        max-width: 1200px; /* Maximale Breite des Inhalts */
        margin: 0 auto; /* Zentriert den Inhalt */
        padding: 50px  ;
    }
}