/************************************************
Table Text Styles
************************************************/
table {width:100%; table-layout: fixed;}

.tblinfo {border-radius: 20px;}

/* new on-the-fly table styles 2025 */
.tblinfo th.headerunite, .tblinfo td.headerunite {border-right: 0px;}
.tblinfo tr.moBG:hover, .tblinfo tr.moBG:hover td.padleft {background-color: rgba(255, 255, 255, 1);}
.tblcellmarl {margin-left: 25px;}
.fwcell {width: 100%;}
.nowrap {white-space: nowrap;}
.tblinfo td.padleft {padding-left: 30px;}
.tblinfo th.lessheight {height: 60%;}
.tblinfo td.wibb, .tblinfo th.wibb {border-bottom: 1px; padding: 12px 12px 7px 12px;}
.tblinfo td.nobb, .tblinfo th.nobb {border-bottom: 0px; padding: 12px 12px 7px 12px;}
.tblinfo th.notb {border-top: 0px; padding: 5px 12px 12px 12px;}
.tblinfo tbody tr td img {width: 100%;}

.tblinfo td.bb, .tblinfo th.bb {border-bottom: solid 1px;}


.tblinfo th.stress {font-style: italic; font-weight: bolder;}
.tblinfo td.italic {font-style: italic}
.tblinfo .tblinfoheader th.lefttxt {text-align: left;}

.tblinfo thead.stickyheader {position: sticky; top: 200px;}
.tblinfo .valignmiddle td {vertical-align: middle;}
.tblinfo td.lastrow {border-bottom: solid 2px;}


/************************************************
Basic Table Styling
************************************************/
.tblinfo {
  overflow-x: auto;
  margin: 0px;
  margin: 10px 0px 10px 0px;
  font-weight: bold;
/*  border: solid 2px;
*/
}

.tblinfo th {
  padding: 1vw;
  text-align: left;
  font-weight: medium;
  font-style: italic;
  font-size: 1.4vw;
  word-wrap: break-word;
  vertical-align: text-top;
  letter-spacing: 1px;
  border-bottom: solid 1px;
  border-top: solid 0px;
  border-right: solid 1px;
}


.tblinfo td {
  padding: 1vw;
  text-align: left;
  font-size: 1.6vw;
  word-wrap: break-word;
  vertical-align: text-top;
  font-weight: lighter;
  color: #000;
  border-bottom: solid 1px;
  border-right: solid 1px;
}

.tblinfo tr.lessrh td, .tblinfo tr.lessrh th {padding: 0vw 1vw 0.5vw 1vw}

.tblinfo .colspaceoverview td {
  border-bottom: solid 0px;
  border-right: solid 1px;
  background-color: #fff;
}

.tblinfo .colspaceoverview th:first-child {background-color: rgba(255, 255, 255, 0.20);}

.tblinfo .colspaceoverview tr:last-child td {
  border-bottom: solid 2px var(--beneblue);
}

.tblinfo .colspaceoverview tr.subheaderrow td {
  padding: 0.8vw 1vw 0.6vw 1vw;
  border-top: solid 2px var(--beneblue);
}

/************************************************
No-frills Table Styling
************************************************/
.tblsimple {
  overflow-x: auto;
  margin: 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  border: solid 0px;
  color: #000;
}

.tblsimple tr {height: auto;}


.tblsimple th {
  padding: 0px;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  font-size: 1.4vw;
  word-wrap: break-word;
  vertical-align: text-top;
  letter-spacing: 1px;
  border-bottom: solid 1px;
}

.tblsimple td {
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 1.4vw;
  word-wrap: break-word;
  vertical-align: text-top;
  font-weight: lighter;
  border-bottom: solid 1px;
}





/************************************************
Table Borders and Colors
************************************************/
/* 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);}
.extralightpurpleBG .tblinfo {border-color: var(--benepurple);}

/* cell border-color (td and th) 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);}
.extralightpurpleBG .tblinfo td, .extralightpurpleBG .tblinfo th {border-color: var(--benepurple);}

/* BG-color of header dependent on wrapper BG-color */
.extralightleguppinkBG .tblinfoheader th {background-color: var(--leguppinkextralight);}
.lightorangeBG .tblinfoheader th {background-color: var(--beneorangemild);}
.extralightlegupgreenBG .tblinfoheader th {background-color: var(--legupgreenlight);}
.extralightbeneblueBG .tblinfoheader th {background-color: var(--beneblueextralight);}
.extralightpurpleBG .tblinfoheader th {background-color: var(--benepurplelight);}

/* Dark BG-color of header dependent on wrapper BG-color */
.extralightleguppinkBG .darkheader th {background-color: var(--leguppinkmultiply); color: #fff;}
.lightorangeBG .darkheader th {background-color: var(--beneorangemultiply); color: #fff;}
.extralightlegupgreenBG .darkheader th {background-color: var(--legupgreenmultiply); color: #fff;}
.extralightbeneblueBG .darkheader th {background-color: var(--benebluemultiply); color: #fff;}
.extralightpurpleBG .darkheader th {background-color: var(--benepurplemultiply); color: #fff;}




/* Cell Border Color dependent on wrapper BG-Color */
.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);}


/* Borders of subheader table rows dependent on wrapper BG-color */
.extralightleguppinkBG .tblinfo .subheaderrow th, .extralightleguppinkBG .tblinfo .subheaderrow th {border-color: var(--leguppink);}
.lightorangeBG .tblinfo .subheaderrow th, .lightorangeBG .tblinfo .subheaderrow th
{border-color: var(--beneorange);}
.extralightlegupgreenBG .tblinfo .subheaderrow th, .extralightlegupgreenBG .tblinfo .subheaderrow th
{border-color: var(--legupgreen);}
.extralightbeneblueBG .tblinfo .subheaderrow th, .extralightbeneblueBG .tblinfo .subheaderrow th {border-color: var(--beneblue);}
.extralightpurpleBG .tblinfo .subheaderrow th, .extralightpurpleBG .tblinfo .subheaderrow th {border-color: var(--benepurple);}

/* BG-color of subheader rows dependent on wrapper BG-color */
.extralightleguppinkBG .tblinfoheader.subheaderrow th {background-color: var(--leguppinklight);}
.lightorangeBG .tblinfoheader.subheaderrow th {background-color: var(--beneorangemild);}
.extralightlegupgreenBG .tblinfoheader.subheaderrow th {background-color: var(--legupgreenmild);}
.extralightbeneblueBG .tblinfoheader.subheaderrow th {background-color: var(--benebluelight);}
.extralightpurpleBG .tblinfoheader.subheaderrow th {background-color: var(--benepurplelight);}


/* OVERVIEW TABLE specific styles */

/* overview-specific cell border-color (td) dependent on wrapper background-color */
/*
.extralightleguppinkBG .colspaceoverview td {background-color: var(--leguppinkextralight);}
.lightorangeBG .tblinfo .colspaceoverview tr td
{background-color: var(--beneorangelight);}
.extralightlegupgreenBG .tblinfo .colspaceoverview tr td
{background-color: var(--legupgreenextralight);}
.extralightbeneblueBG td {background-color: var(--beneblueextralight);}
.extralightpurpleBG .tblinfo .colspaceoverview tr td {background-color: var(--benepurpleextralight);}
*/
/************************************************************/
/* Tables for Price Overview */
/***********************************************************/

/* left justification for header column */
.tblinfo .colspaceoverview tr th {text-align: center;}
.tblinfo .colspaceoverview tr td {text-align: center;}
.tblinfo .colspaceoverview tr td:nth-child(1) {text-align: left; font-style: italic;}
.tblinfo .colspaceoverview th {text-align: left; font-weight: bold;}

/* set column width */
.colspaceoverview th:first-child, .colspaceoverview td:first-child {width: 19%;}
.colspaceoverview th:nth-child(2), .colspaceoverview td:nth-child(2) {width: 27%;}
.colspaceoverview th:nth-child(3), .colspaceoverview td:nth-child(3) {width: 27%;}
.colspaceoverview th:nth-child(4), .colspaceoverview td:nth-child(4) {width: 27%;}


/************************************************************/
/* Tables for Price Details */
/***********************************************************/

/* left justification for header column */
.tblinfo .pricedetail tr th {text-align: center;}
.tblinfo .pricedetail tr td {text-align: center;}
.tblinfo .pricedetail tr td:nth-child(1) {text-align: left; font-style: italic;}
.tblinfo .pricedetail th {text-align: left;}

/* set column width */
.pricedetail th:first-child, .pricedetail td:first-child {width: 15%;}
.pricedetail th:nth-child(2), .pricedetail td:nth-child(2) {width: 17%;}
.pricedetail th:nth-child(3), .pricedetail td:nth-child(3) {width: 17%;}
.pricedetail th:nth-child(4), .pricedetail td:nth-child(4) {width: 17%;}
.pricedetail th:nth-child(5), .pricedetail td:nth-child(5) {width: 17%;}
.pricedetail th:nth-child(6), .pricedetail td:nth-child(6) {width: 17%;}




/* overview-specific subheader rows*/
.extralightleguppinkBG .colspaceoverview .subheaderrow td {background-color: var(--leguppinkextralight);}
.lightorangeBG .colspaceoverview .subheaderrow td {background-color: var(--beneorangelight);}
.extralightlegupgreenBG .colspaceoverview .subheaderrow td {background-color: var(--legupgreenextralight);}
.extralightbeneblueBG .colspaceoverview .subheaderrow td {background-color: var(--beneblueextralight);}
.extralightpurpleBG .colspaceoverview .subheaderrow td {background-color: var(--benepurpleextralight);}

/* Cell Border Color dependent on wrapper BG-Color */
.extralightleguppinkBG .tblinfo .colspaceoverview td {border-color: var(--leguppink);}
.lightorangeBG .tblinfo .colspaceoverview td {border-color: var(--beneorange);}
.extralightlegupgreenBG .tblinfo .colspaceoverview td {border-color: var(--legupgreen);}
.extralightbeneblueBG .tblinfo .colspaceoverview td {border-color: var(--beneblue);}



/************************************************************/
/* exceptions */
/***********************************************************/

.tblinfo tr:last-child td {border-bottom: 0px;}
.tblinfo.colspaceoverview tr:last-child td.wibb, .tblinfo.pricedetail tr:last-child td.wibb {border-bottom: 1px;}

.tblinfo tr td:last-child, .tblinfo tr th:last-child {border-right: none}



/************************************************************/
/* Tables for Table Filter Buttons */
/***********************************************************/

/* left justification for header column and other column tweaks */
.tblinfo .colspaceTF tr td:nth-child(1) {text-align: left; font-style: italic; font-size: 1.15vw;}
.tblinfo .colspaceTF tr td:nth-child(2) {font-weight: bold; font-style: italic;}

/* set column width */
.colspaceTF td:first-child {width: 10%;}
.colspaceTF td:nth-child(2) {width: 90%;}


/************************************************************/
/* Tables for Aktuelle Kurse */
/***********************************************************/

/* left justification for header column and other column tweaks */
.tblinfo .colspaceAKdaten tr td:nth-child(1) {text-align: left; font-style: italic; font-size: 1.15vw;}
.tblinfo .colspaceAKdaten tr td:nth-child(2) {font-weight: bold; font-style: italic;}
.tblinfo .colspaceAKdaten tr td:nth-child(6) {font-weight: lighter; font-style: italic; font-size: 1.15vw;}
.tblinfo .colspaceAKdaten tr td:nth-child(7) {font-weight: lighter; font-style: italic; font-size: 1.15vw;}

/* set column width */
.colspaceAKdaten th:first-child, .colspaceAKdaten td:first-child {width: 9%;}
.colspaceAKdaten th:nth-child(2), .colspaceAKdaten td:nth-child(2) {width: 18%;}
.colspaceAKdaten th:nth-child(3), .colspaceAKdaten td:nth-child(3) {width: 18%;}
.colspaceAKdaten th:nth-child(4), .colspaceAKdaten td:nth-child(4) {width: 11%;}
.colspaceAKdaten th:nth-child(5), .colspaceAKdaten td:nth-child(5) {width: 14%;}
.colspaceAKdaten th:nth-child(6), .colspaceAKdaten td:nth-child(6) {width: 16%;}
.colspaceAKdaten th:nth-child(7), .colspaceAKdaten td:nth-child(7) {width: 14%;}



/************************************************************/
/* Tables for Preise */
/***********************************************************/

/* left justification for header column */
.tblinfo .colspacepreise tr th {text-align: center;}
.tblinfo .colspacepreise tr td {text-align: center;}
.tblinfo .colspacepreise tr td:nth-child(1) {text-align: left; font-style: italic;}
.tblinfo .colspacepreise th {text-align: left; font-weight: bold;}

/* set column width */
.colspacepreise th:first-child, .colspacepreise td:first-child {width: 17.5%;}
.colspacepreise th:nth-child(2), .colspacepreise td:nth-child(2) {width: 16.5%;}
.colspacepreise th:nth-child(3), .colspacepreise td:nth-child(3) {width: 16.5%;}
.colspacepreise th:nth-child(4), .colspacepreise td:nth-child(4) {width: 16.5%;}
.colspacepreise th:nth-child(5), .colspacepreise td:nth-child(5) {width: 16.5%;}
.colspacepreise th:nth-child(6), .colspacepreise td:nth-child(6) {width: 16.5%;}



/************************************************************/
/* Tables for Course Type Details */
/***********************************************************/

/* left justification for header column */
.tblinfo .colspacedetails tr th {text-align: center;}
.tblinfo .colspacedetails tr td {text-align: center;}
.tblinfo .colspacedetails tr td:nth-child(1) {text-align: left; font-style: italic;}
.tblinfo .colspacedetails th {text-align: left; font-weight: bold;}

/* set column width */
.colspacedetails th:first-child, .colspacedetails td:first-child {width: 20%;}
.colspacedetails th:nth-child(2), .colspacedetails td:nth-child(2) {width: 20%;}
.colspacedetails th:nth-child(3), .colspacedetails td:nth-child(3) {width: 20%;}
.colspacedetails th:nth-child(4), .colspacedetails td:nth-child(4) {width: 20%;}
.colspacedetails th:nth-child(5), .colspacedetails td:nth-child(5) {width: 20%;}



/************************************************************/
/* other tables? LegUp? */
/***********************************************************/

.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(5) {width: 13.6%;}
.colspaceCRpreise th:nth-child(6), .colspaceCRpreise td:nth-child(6) {width: 13.6%;}



/************************************************************
Media Queries
************************************************************/

@media (min-width: 1200px) {
  .tblinfo td, .tblinfo th {font-size: 16.8px; padding: 12px;}
  .tblinfo .colspaceAKdaten tr td:nth-child(1), .tblinfo .colspaceAKdaten tr td:nth-child(6), .tblinfo .colspaceAKdaten tr td:nth-child(7) {font-size: 13.8px;}

  .tblsimple td {font-size: 16.8px; padding: 0px 0px 0px 0px;
}

}

@media (max-width: 850px) {
  .tblinfo td, .tblinfo th {font-size: 2vw;}
  .tblinfo .colspaceAKdaten tr td, .tblinfo .colspaceAKdaten tr th {padding: 0.75vw;}
  .tblinfo .colspaceAKdaten tr td:nth-child(1), .tblinfo .colspaceAKdaten tr td:nth-child(5), .tblinfo .colspaceAKdaten tr td:nth-child(7) {font-size: 1.6vw;}
  .tblinfo .colspaceAKdaten tr td:nth-child(6) {font-size: 1.4vw;}


  /* set column width */
  .colspaceAKdaten th:first-child, .colspaceAKdaten td:first-child {width: 9%;}
  .colspaceAKdaten th:nth-child(2), .colspaceAKdaten td:nth-child(2) {width: 18%;}
  .colspaceAKdaten th:nth-child(3), .colspaceAKdaten td:nth-child(3) {width: 23%;}
  .colspaceAKdaten th:nth-child(4), .colspaceAKdaten td:nth-child(4) {width: 11%;}
  .colspaceAKdaten th:nth-child(5), .colspaceAKdaten td:nth-child(5) {width: 14%;}
  .colspaceAKdaten th:nth-child(6), .colspaceAKdaten td:nth-child(6) {width: 11%;}
  .colspaceAKdaten th:nth-child(7), .colspaceAKdaten td:nth-child(7) {width: 14%;}

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



  .colspaceTF td:first-child {width: 14%;}
  .colspaceTF td:nth-child(2) {width: 86%;}

  .tblsimple td {font-size: 2.2vw; padding: 0px 0px 20px 0px;
}

@media (max-width: 667px) {
  .tblinfo th, .tblinfo td {padding: 9px 9px 9px 9px;}
  .tblinfo td, .tblinfo th {font-size: 2.2vw;}
  .tblinfo .colspaceAKdaten tr td:nth-child(5), .tblinfo .colspaceAKdaten tr td:nth-child(7) {font-size: 1.92vw;}
  .tblinfo .colspaceAKdaten tr td:nth-child(6) {font-size: 1.6vw;}

  /* set column width */
  .colspaceAKdaten th:first-child, .colspaceAKdaten td:first-child {width: 8%;}
  .colspaceAKdaten th:nth-child(2), .colspaceAKdaten td:nth-child(2) {width: 16%;}
  .colspaceAKdaten th:nth-child(3), .colspaceAKdaten td:nth-child(3) {width: 27%;}
  .colspaceAKdaten th:nth-child(4), .colspaceAKdaten td:nth-child(4) {width: 13%;}
  .colspaceAKdaten th:nth-child(5), .colspaceAKdaten td:nth-child(5) {width: 12%;}
  .colspaceAKdaten th:nth-child(6), .colspaceAKdaten td:nth-child(6) {width: 9%;}
  .colspaceAKdaten th:nth-child(7), .colspaceAKdaten td:nth-child(7) {width: 15%;}

  /* set column width */
  .colspaceoverview th:first-child, .colspaceoverview td:first-child {width: 28%;}
  .colspaceoverview th:nth-child(2), .colspaceoverview td:nth-child(2) {width: 24%;}
  .colspaceoverview th:nth-child(3), .colspaceoverview td:nth-child(3) {width: 24%;}
  .colspaceoverview th:nth-child(4), .colspaceoverview td:nth-child(4) {width: 24%;}

  .tblinfo .colspaceoverview td {font-size: 2.4vw;}
  .tblinfo .colspaceoverview th {font-size: 2vw;}



  .colspaceTF td:first-child {width: 17%;}
  .colspaceTF td:nth-child(2) {width: 83%;}

  .tblsimple td {padding: 0px 0px 20px 0px;

}