[data-cellid="above-grid_c4"][data-page="tv_list"][data-cellid="above-grid_c4"][data-page="tv_list"][data-cellid="above-grid_c4"][data-page="tv_list"] {
  padding: 20px;
}
[data-cellid="grid_cell_top"][data-page="tv_list"][data-cellid="grid_cell_top"][data-page="tv_list"][data-cellid="grid_cell_top"][data-page="tv_list"] {
  height: 0px;
}
[data-cellid="grid_cell_dpreview"][data-page="tv_list"][data-cellid="grid_cell_dpreview"][data-page="tv_list"][data-cellid="grid_cell_dpreview"][data-page="tv_list"] {
  background-color: transparent;
  height: 0px;
}
[data-cellid="grid_cell_field1"][data-page="tv_list"][data-cellid="grid_cell_field1"][data-page="tv_list"][data-cellid="grid_cell_field1"][data-page="tv_list"] {
  background-color: transparent;
  border-right: solid #223046 1px;
  border-left: solid #223046 1px;
  border-top: solid #223046 1px;
  font-weight: bold;
  font-size: 14px;
}
[data-cellid="grid_cell_field4"][data-page="tv_list"][data-cellid="grid_cell_field4"][data-page="tv_list"][data-cellid="grid_cell_field4"][data-page="tv_list"] {
  background-color: transparent;
  border-left: solid #223046 1px;
  border-bottom: solid #223046 1px;
  color: #000000;
}
[data-cellid="grid_cell_field2"][data-page="tv_list"][data-cellid="grid_cell_field2"][data-page="tv_list"][data-cellid="grid_cell_field2"][data-page="tv_list"] {
  background-color: transparent;
  border-left: solid #223046 1px;
}
[data-cellid="grid_cell_field6"][data-page="tv_list"][data-cellid="grid_cell_field6"][data-page="tv_list"][data-cellid="grid_cell_field6"][data-page="tv_list"] {
  background-color: transparent;
  border-right: solid #223046 1px;
}
[data-cellid="grid_cell_field10"][data-page="tv_list"][data-cellid="grid_cell_field10"][data-page="tv_list"][data-cellid="grid_cell_field10"][data-page="tv_list"] {
  background-color: transparent;
  border-right: solid #223046 1px;
  border-left: solid #223046 1px;
  height: 80px;
  font-weight: bold;
  font-size: 14px;
  font-family: "Roboto";
}
[data-cellid="grid_cell_field"][data-page="tv_list"][data-cellid="grid_cell_field"][data-page="tv_list"][data-cellid="grid_cell_field"][data-page="tv_list"] {
  background-color: transparent;
  border-right: solid #223046 1px;
  border-bottom: solid #223046 1px;
  color: #000000;
}
[data-page="tv_list"][data-itemid="simple_grid_field"] {
  color: #223046;
  font-weight: bold;
  font-size: 14px;
  font-family: "Roboto";
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
[data-page="tv_list"][data-itemid="grid_view"] > .btn {
  text-shadow: none;
  color: #223046;
  font-family: "Roboto";
}
[data-page="tv_list"][data-itemid="grid_field3"] {
  font-family: "Roboto";
  white-space: nowrap;
  padding-left: 10px;
  padding-top: 10px;
}
[data-page="tv_list"][data-itemid="grid_field2"] {
  font-family: "Roboto";
  padding-right: 10px;
  padding-top: 10px;
}
[data-page="tv_list"][data-itemid="simple_search"] {
  padding-right: 5px;
  padding-left: 5px;
}
[data-page="tv_list"][data-itemid="details_found"] {
  padding-right: 5px;
  padding-left: 5px;
}
[data-page="tv_list"][data-itemid="grid_view1"] > .btn {
  text-shadow: none;
  color: #223046;
  font-family: "Roboto";
}
[data-page="tv_list"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}

td, table {
    font-size: 20x;
    valign:top;
} .cell {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            height: 100px; /* Höhe der Zelle */
            width: 100%; /* Zelle mit voller Breite */
            border: 1px solid #ccc; /* Optional, um die Zelle sichtbar zu machen */
        }

        .heading {
            font-size: 20px;
            font-weight: bold;
            margin-right: 20px; /* Abstand zum Strich */
            position: relative;
        }

        .line {
            position: absolute;
            left: 100%; /* Beginnt rechts von der Überschrift */
            top: 50%; /* Setzt den Strich vertikal in der Mitte */
            transform: translateY(-50%); /* Korrektur, damit der Strich wirklich mittig ist */
            width: 1px; /* 1 Pixel dick */
            height: 100%; /* Strich geht bis zum Ende der Zelle */
            background-color: #5fac81; /* Die gewünschte Farbe */
        }
.video-wrapper {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    .video-wrapper img.preview {
      display: block;
      width: 100%;
      height: auto;
    }

    .video-wrapper img.play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 64px;
      height: 64px;
      opacity: 0.6;
      transition: opacity 0.3s ease;
   
      pointer-events: none;
    }

    .video-wrapper:hover img.play-button {
      opacity: 1; 
     
    }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #223046;
    border-color: transparent;
    cursor: default;
}

.btn-primary {
    color: #fff;
    background-color: #223046;
    border-color: #223046;
}
td {
  vertical-align: top;
}