/************************************************
Tables AKtuelle Kurse
************************************************/

table {
  width:100%;
  table-layout: fixed;
}

/* to be thrown away */
th ul, td ul {
  padding: 0;
  list-style-type: none;margin: 0px;
}

th ul li, td ul li {
  font-size: 12px;
  font-family: sans-serif;
  margin: 6px 0px 0px 0px;
}


/************************************************
Leg Up Tables 2025
************************************************/

/* new on-the-fly table styles 2025 */
.tblinfo .colspaceinfo td, .tblinfo .colspaceinfo th {font-size: 2vw;}
.tblcellmarl {margin-left: 25px;}
.fwcell {width: 100%;}
.nowrap {white-space: nowrap;}
.tblinfo td.padleft {padding-left: 30px;}
.tblinfo th.lessheight {height: 60%;}

/* new info tables for Leg Up 2025 */

.tblinfo {
  overflow-x: auto;
  margin: 0px;
  margin: 10px 0px 10px 0px;
  font-weight: bold;
  border: solid 3px;}

  /* table border color dependent on background color of wrapper */
  .extralightleguppinkBG .tblinfo {border-color: var(--leguppink);}
  .lightorangeBG .tblinfo {border-color: var(--beneorange);}
  .extralightlegupgreenBG .tblinfo {border-color: var(--legupgreen);}
  .extralightbeneblueBG .tblinfo {border-color: var(--beneblue);}

  /* Cell Border Styling */
  .extralightleguppinkBG tr td, .extralightleguppinkBG tr th {border-color: var(--leguppink);}
  .lightorangeBG tr td, .lightorangeBG tr th  {border-color: var(--beneorange);}
  .extralightlegupgreenBG tr td, .extralightlegupgreenBG tr th {border-color: var(--legupgreen);}
  .extralightbeneblueBG tr td, .extralightbeneblueBG tr th {border-color: var(--beneblue);}

/* Cell  styling */
.tblinfo td, .tblinfo th {
  font-size: 2vw;
  padding: 12px 12px 12px 12px;
  border-right: solid 1.5px;
  word-wrap: break-word;
  text-align: center;
}

.tblinfo td {border-bottom: solid 1.5px;}
.tblinfo th {border-bottom: solid 2.5px; border-top: solid 1px;}
th.nobb {border-bottom: 0px; padding: 12px 12px 7px 12px;}
th.notb {border-top: 0px; padding: 5px 12px 12px 12px;}


/* no border-bottom for last table row */
.tblinfo tr:last-child td {border-bottom: 0px;}

/* exceptions for last cell in every row */
.tblinfo tr td:last-child, .tblinfo tr th:last-child {border-right: none}

/* border-color dependent on wrapper background-color */
.extralightleguppinkBG .tblinfo td, .extralightleguppinkBG .tblinfo th {border-color: var(--leguppink);}

.lightorangeBG .tblinfo td, .lightorangeBG .tblinfo th
{border-color: var(--beneorange);}

.extralightlegupgreenBG .tblinfo td, .extralightlegupgreenBG .tblinfo th
{border-color: var(--legupgreen);}

.extralightbeneblueBG .tblinfo td, .extralightbeneblueBG .tblinfo th
{border-color: var(--beneblue);}


/* row styling on mouse-over hover */
.tblinfo tr.moBG:hover, .tblinfo tr.moBG:hover td.padleft {background-color: rgba(255, 255, 255, 0.66);}


/* special styling for header rows */
/* BG-color of header dependent on wrapper BG-color */

.extralightleguppinkBG .tblinfoheader th
{background-color: var(--leguppinklight);}

.lightorangeBG .tblinfoheader th
{background-color: var(--beneorangemild);}

.extralightlegupgreenBG .tblinfoheader th
{background-color: var(--legupgreenlight);}

.extralightbeneblueBG .tblinfoheader th
{background-color: var(--benebluelight);}

.tblinfo th {vertical-align: text-top; letter-spacing: 1px;}

.tblinfo th.headerunite, .tblinfo td.headerunite {border-right: 0px;}

/* left justification for header column */
.tblinfo tr td:nth-child(1), .tblinfo tr th:nth-child(1) {
  text-align: left;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0.5px;
}


/* set column width */
.colspaceNHpreise th:first-child, .colspaceNHpreise td:first-child {width: 23.5%; }
.colspaceNHpreise th:nth-child(2), .colspaceNHpreise td:nth-child(2) {width: 25.5%; }
.colspaceNHpreise th:nth-child(3), .colspaceNHpreise td:nth-child(3) {width: 25.5%; }
.colspaceNHpreise th:nth-child(4), .colspaceNHpreise td:nth-child(4) {width: 25.5%; }

.colspaceCRpreise th:first-child, .colspaceCRpreise td:first-child {width: 32%;}
.colspaceCRpreise th:nth-child(2), .colspaceCRpreise td:nth-child(2) {width: 13.6%;}
.colspaceCRpreise th:nth-child(3), .colspaceCRpreise td:nth-child(3) {width: 13.6%;}
.colspaceCRpreise th:nth-child(4), .colspaceCRpreise td:nth-child(4) {width: 13.6%;}
.colspaceCRpreise th:nth-child(5), .colspaceCRpreise td:nth-child(4) {width: 13.6%;}
.colspaceCRpreise th:nth-child(6), .colspaceCRpreise td:nth-child(4) {width: 13.6%;}







/************************************************
Tables Kurse und Preise
************************************************/


.tbl-headerKP {
  background-color: var(--primary);
  margin: 0px 0px 0px 0px;
}

.tbl-contentKP {
  overflow-x:auto;
  border: 1px solid var(--beneblue);
  margin: 0px;
  margin-bottom: 0px;
  background-color: rgba(255, 255, 255, 0.8);
}

h3 + .tbl-contentKP, h3 + .tblinfo {
  margin-top: 10px;
}

.tbl-headerKP th {
  padding: 8px 8px 8px 8px;
  color: #fff;
  word-wrap: break-word;
  border-bottom: solid 1px var(--primary);
}

.tbl-contentKP td {
  padding: 8px 8px 8px 8px;
  color: #000;
  border-bottom: solid 1px var(--primary);
  word-wrap: break-word;
  vertical-align: text-top;
}

.tbl-contentKP tr:hover {
  background-color: var(--primaryextralight);
}

.tbl-contentKP tbody tr td img {
  width: 100%;
}

/************************************************
Tables Kurse und Preise 2020
************************************************/


.tblinfo .colspaceinfo td {
  padding: 18px 12px 18px 12px;
  background-color: rgba(255, 255, 255, 0.33);
  border-bottom: solid 1px rgba(255, 255, 255, 0.8);
  word-wrap: break-word;
  vertical-align: middle;
  text-align: center;
}

.tblinfo .colspaceinfo th {
  padding: 18px 12px 18px 12px;
  border-bottom: solid 2px rgba(255, 255, 255, 0.8);
  word-wrap: break-word;
  vertical-align: text-top;
  letter-spacing: 1px;
  text-align: center;
}



.tblinfo .colspaceAK2020 td {
  padding: 18px 12px 18px 12px;
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom: solid 1px rgba(255, 255, 255, 0.8);
  word-wrap: break-word;
  vertical-align: text-top;
}

.tblinfo .colspaceAK2020 th {
  padding: 18px 12px 18px 12px;
  border-bottom: solid 2px rgba(255, 255, 255, 0.66);
  word-wrap: break-word;
  vertical-align: text-top;
  font-size: 1.6vw;
  font-style: italic;
  text-align: left;
  letter-spacing: 1px;
}



.tblinfo .colspaceinfo tr:hover {background-color: rgba(255, 255, 255, 0.66); font-weight: bolder;}

.tblinfo tbody.colspaceAK2020 tr:hover {
  font-weight: bolder;
  background-color: rgba(255, 255, 255, 0.66);

}



.tblinfo tbody tr td img {
  width: 100%;
}


.tblinfo .colspaceinfo tr:hover {background-color: rgba(255, 255, 255, 0.66); font-weight: bolder;}



.colspaceinfo tr td:nth-child(1) {
  text-align: left;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.tblinfo .colspaceinfo tr:last-child td, .tblinfo .colspaceAK2020 tr:last-child td {border-bottom: 0px;}



.colspaceinfo th:first-child, .colspaceinfo td:first-child {width: 44%; }
.colspaceinfo th:nth-child(2), .colspaceinfo td:nth-child(2) {width: 28%; }
.colspaceinfo th:nth-child(3), .colspaceinfo td:nth-child(3) {width: 28%; }


.colspaceinfo tr td, .halfwidthKAnew td {border-right: solid 1px rgba(255, 255, 255, 0.8); border-bottom: solid 1px rgba(255, 255, 255, 0.8);
  ;}
  .colspaceinfo tr td:last-child, .halfwidthKAnew td:last-child {border-right: none}
  .colspaceinfo tr th {border-right: solid 1px rgba(255, 255, 255, 0.8);   border-bottom: solid 1px rgba(255, 255, 255, 0.8);
    ;}
    .colspaceinfo tr th:last-child {border-right: none;}




    .colspaceAK2020 th:first-child, .colspaceAK2020 td:first-child {width: 8%; }
    .colspaceAK2020 th:nth-child(2), .colspaceAK2020 td:nth-child(2) {width: 15%; }
    .colspaceAK2020 th:nth-child(3), .colspaceAK2020 td:nth-child(3) {width: 15%; }
    .colspaceAK2020 th:nth-child(4), .colspaceAK2020 td:nth-child(4) {width: 13%; }
    .colspaceAK2020 th:nth-child(5), .colspaceAK2020 td:nth-child(5) {width: 14%; }
    .colspaceAK2020 th:nth-child(6), .colspaceAK2020 td:nth-child(6) {width: 18%; }
    .colspaceAK2020 th:nth-child(7), .colspaceAK2020 td:nth-child(7) {width: 17%; }







    /* mid Desktop? */
    @media (max-width: 850px) {

      .tblinfo td, .tblinfo th {font-size: 2.8vw;}

      .tblinfo .colspaceinfo td, .tblinfo .colspaceinfo th {font-size: 2.8vw;}


      .colspaceKAnew th:first-child, .colspaceKAnew td:first-child {width: 25%; }
      .colspaceKAnew th:nth-child(2), .colspaceKAnew td:nth-child(2) {width: 15%; }
      .colspaceKAnew th:nth-child(3), .colspaceKAnew td:nth-child(3) {width: 15%; }
      .colspaceKAnew th:nth-child(4), .colspaceKAnew td:nth-child(4) {width: 15%; }
      .colspaceKAnew th:nth-child(4), .colspaceKAnew td:nth-child(5) {width: 15%; }
      .colspaceKAnew th:nth-child(4), .colspaceKAnew td:nth-child(6) {width: 15%; }


      .colspaceAK2020 th:first-child, .colspaceAK2020 td:first-child {width: 10%; }
      .colspaceAK2020 th:nth-child(2), .colspaceAK2020 td:nth-child(2) {width: 16%; }
      .colspaceAK2020 th:nth-child(3), .colspaceAK2020 td:nth-child(3) {width: 17%; }
      .colspaceAK2020 th:nth-child(4), .colspaceAK2020 td:nth-child(4) {width: 12%; }
      .colspaceAK2020 th:nth-child(5), .colspaceAK2020 td:nth-child(5) {width: 17%; }
      .colspaceAK2020 th:nth-child(6), .colspaceAK2020 td:nth-child(6) {width: 14%; }
      .colspaceAK2020 th:nth-child(7), .colspaceAK2020 td:nth-child(7) {width: 15%; }

    }


    @media (min-width: 1200px) {

      .tblinfo td, .tblinfo th {font-size: 24px;}

      .tblinfo .colspaceinfo td, .tblinfo .colspaceinfo th {font-size: 24px;}


    }



    @media (max-width: 667px) {

      .tblinfo td, .tblinfo th {font-size: 3vw;}

      .tblinfo .colspaceinfo td, .tblinfo .colspaceinfo th {font-size: 3vw;}


    }