/* Container- SECTION */
div.lightblue {
  position: absolute;
  height: 650px;
  width: 98%;
  background: lightblue;
  top: 80px;
  overflow: scroll;
}
/* ÜBERSCHRIFT FILTER USW. - SECTION */
div.lightgray {
  position: fixed;
  width: 99%;
  height: 72px;
  position: relative;
  background: #454347;
}
div.footer {
  position: absolute;
  padding: 5px;
  padding-bottom: 50px;
  width: 99%;
  top: 730px;
  height: 80px;
  background: #454347;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #ffffff;
  font-size: smaller;
}
p {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
a {
  color: #f7863b;
}
a:visited {
  color: #cccc84;
}

div.h1 {
  padding-top: 5px;
  margin-left: 20px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: medium;
  color: #ffffff;
  font-weight: 900;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
}
div.logotop {
  top: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}
/* FILTER - STYLE */
#ligaSelect {
  position: fixed;
  margin-left: 5px;
  top: 50px;
  width: 120px; /* Set the width of the select box */
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Add rounded corners */
  background-color: #918686; /* Set the background color */
  font-size: 12px; /* Set the font size */
}
#sendButton {
  position: fixed;
  top: 50px;
  height: 20px;
  width: 60px;
  margin-left: 130px;
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Add rounded corners */
  background-color: #360202; /* Set the background color */
  font-size: 10px; /* Set the font size */
  color: #ffffff;
}
#sendButton:hover {
  background-color: #2980b9;
  color: #000000; /* Change the background color on hover */
}
.reset-button {
  position: fixed;
  top: 50px;
  height: 20px;
  margin-left: 200px;
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Add rounded corners */
  background-color: #360202; /* Set the background color */
  font-size: 10px; /* Set the font size */
  color: #ffffff;
}
.reset-button:hover {
  background-color: #2980b9;
  color: #000000; /* Change the background color on hover */
}
/* TABELLEN STYLE */
table,
th,
td {
  border: dotted;
  border-width: 1px;
  border-collapse: collapse; /* Verhindert doppelte Rahmen zwischen Zellen */
}
thead th {
  position: sticky;
  top: 0; /* Keeps the header at the top when scrolling */
  background-color: #fff;
  z-index: 1;
}

/* Sticky first column including in the header */
.fix {
  position: sticky;
  left: 0; /* Keeps the first column fixed when scrolling horizontally */
  background-color: #fff;
  z-index: 2; /* Higher z-index than the header rows */
}

/* Optional: You can increase the z-index further to avoid conflicts */
thead .fix {
  z-index: 3; /* Ensure the header in the first column is above everything */
}