/**
* Block Name: tabelle
*/
section.tabelle table {
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

section.tabelle table th,
section.tabelle table td {
  padding: 8px 0;
}

section.tabelle .table thead th {
    border-bottom: none;
    vertical-align: top;
}

section.tabelle table .table_header {
  color: var(--Rot);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.tabelle table .table_row {
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

section.tabelle table .table_row:hover {
  background-color: var(--GenerellWeiss);
}

section.tabelle .oz_container {
  border-bottom: 1px solid var(--LeichtGrau);
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

section.tabelle .oz_container:first-of-type {
  border-top: 1px solid var(--LeichtGrau);
}

section.tabelle .oz_container:hover {
  background-color: var(--GenerellWeiss);
}

section.tabelle .oz_container .wochentag {
  color: var(--Rot);
  font-weight: 700;
  padding: 8px 0;
  width: 50%;
}

section.tabelle .oz_container .zeit {
  padding: 8px 0;
  width: 50%;
}

section.tabelle .event_container {
  list-style: none;
  margin: 0;
  padding: 0;
}

section.tabelle .event_container li {
  border-bottom: 1px solid var(--LeichtGrau);
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

section.tabelle .event_container li:hover {
  background-color: var(--GenerellWeiss);
}

section.tabelle .event_container li:first-of-type {
  border-top: 1px solid var(--LeichtGrau);
}

section.tabelle .event_container li span.content {
  display: flex;
  align-items: center;
  margin: 5px 0;
  padding-left: 15px;
}

section.tabelle .event_container li svg {
  border-right: 1px solid var(--LeichtGrau);
  padding-right: 15px;
  padding-left: 15px;
}

/* Article Category Dependent Styling */

/* Aqua */

article.category-aqua section.tabelle .oz_container:hover,
article.category-aqua section.tabelle .event_container li:hover,
article.category-aqua section.tabelle table .table_row:hover,
article.category-aqua-fr section.tabelle .oz_container:hover,
article.category-aqua-fr section.tabelle .event_container li:hover,
article.category-aqua-fr section.tabelle table .table_row:hover {
  background-color: var(--AquaWeiss);
}

article.category-aqua section.tabelle table .table_header,
article.category-aqua section.tabelle .oz_container .wochentag,
article.category-aqua-fr section.tabelle table .table_header,
article.category-aqua-fr section.tabelle .oz_container .wochentag {
  color: var(--AquaBlau);
}

/* Ice */

article.category-ice section.tabelle .oz_container:hover,
article.category-ice section.tabelle .event_container li:hover,
article.category-ice section.tabelle table .table_row:hover,
article.category-ice-fr section.tabelle .oz_container:hover,
article.category-ice-fr section.tabelle .event_container li:hover,
article.category-ice-fr section.tabelle table .table_row:hover {
  background-color: var(--IceWeiss);
}

article.category-ice section.tabelle table .table_header,
article.category-ice section.tabelle .oz_container .wochentag,
article.category-ice-fr section.tabelle table .table_header,
article.category-ice-fr section.tabelle .oz_container .wochentag {
  color: var(--IceTurkis);
}

/* Fitness */

article.category-fitness section.tabelle .oz_container:hover,
article.category-fitness section.tabelle .event_container li:hover,
article.category-fitness section.tabelle table .table_row:hover,
article.category-fitness-fr section.tabelle .oz_container:hover,
article.category-fitness-fr section.tabelle .event_container li:hover,
article.category-fitness-fr section.tabelle table .table_row:hover {
  background-color: var(--FitnessWeiss);
}

article.category-fitness section.tabelle table .table_header,
article.category-fitness section.tabelle .oz_container .wochentag,
article.category-fitness-fr section.tabelle table .table_header,
article.category-fitness-fr section.tabelle .oz_container .wochentag {
  color: var(--FitnessGrun);
}

/* Wellness */

article.category-wellness section.tabelle .oz_container:hover,
article.category-wellness section.tabelle .event_container li:hover,
article.category-wellness section.tabelle table .table_row:hover,
article.category-wellness-fr section.tabelle .oz_container:hover,
article.category-wellness-fr section.tabelle .event_container li:hover,
article.category-wellness-fr section.tabelle table .table_row:hover {
  background-color: var(--WellnessWeiss);
}

article.category-wellness section.tabelle table .table_header,
article.category-wellness section.tabelle .oz_container .wochentag,
article.category-wellness-fr section.tabelle table .table_header,
article.category-wellness-fr section.tabelle .oz_container .wochentag {
  color: var(--WellnessOrange);
}

/* Events */

article.category-events section.tabelle .oz_container:hover,
article.category-events section.tabelle .event_container li:hover,
article.category-events section.tabelle table .table_row:hover,
article.category-events-fr section.tabelle .oz_container:hover,
article.category-events-fr section.tabelle .event_container li:hover,
article.category-events-fr section.tabelle table .table_row:hover {
  background-color: var(--EventsWeiss);
}

article.category-events section.tabelle table .table_header,
article.category-events section.tabelle .oz_container .wochentag,
article.category-events-fr section.tabelle table .table_header,
article.category-events-fr section.tabelle .oz_container .wochentag {
  color: var(--EventsLila);
}

@media (min-width: 992px) {
  section.tabelle .oz_container {
    padding-right: 200px;
  }
}

@media (max-width: 992px) {
  section.tabelle table .table_header,
  section.tabelle table td {
    font-size: 14px;
  }
}