/* ==================== table - origin: responsive-tables.css =============*/

table a {text-decoration: underline;}


    .pinned table .ce-table {
      border-collapse: separate !important;
      border-spacing: 0 !important;
    }

    .ce-table td, .ce-table th {
      border-left: 1px solid black !important;
      border-bottom: 1px solid black !important;
    }


/* -- standard table  = gelbe linien -- */

table th { font-weight: bold; height: 50px;}
tfoot td {font-weight: normal;}
table td, table th { 
	padding: 4px; 
	text-align: left; 
	word-wrap: break;
font-size: 0.85em;
}

tr, thead, tbody tr:nth-child(2n) { border-bottom: 5px solid rgb(255, 183, 17); }

thead, tbody tr:nth-child(2n) { 
  background: #fff;
}


/*-- bunte tabelle = verschieden farbige spalten --*/
.ce-table-bunt tr, .ce-table-bunt thead, .ce-table-bunt tbody tr:nth-child(2n) {
	 border-bottom: 1px solid #666;
	 padding-bottom: 1px;
	 border-left: 1px solid #666;	 
	  } /*wirkt nicht bei firefox smart-bildschirm*/
.ce-table-bunt thead {
	 border-top: 1px solid #666;	 
	  }

.ce-table-bunt thead, .ce-table-bunt tbody tr:nth-child(2n) {background: transparent;}
.ce-table-bunt td:first-child {background-color: #ffffff;}


/* Farben aus der alten Seite

.ce-table-bunt td:nth-child(2) {background-color: #e6a17f;}
.ce-table-bunt th:nth-child(2) {background-color: #ba5625;}

.ce-table-bunt td:nth-child(3) { background-color: #9dee77;}
.ce-table-bunt th:nth-child(3) { background-color: #4ab717;}

.ce-table-bunt td:nth-child(4) {background-color: #fad16b;}
.ce-table-bunt th:nth-child(4) {background-color: #dda108;}

.ce-table-bunt td:nth-child(5) {background-color: #dd8890;}
.ce-table-bunt th:nth-child(5) {background-color: #8C2731;}

.ce-table-bunt td:nth-child(6) {background-color: #85cbe0;}
.ce-table-bunt th:nth-child(6) {background-color: #236f86;}
*/

.ce-table-bunt th {color: #fff;}

.ce-table-bunt td:nth-child(2) {background-color: #7C9F6B;}
.ce-table-bunt th:nth-child(2) {background-color: #245F09;}

.ce-table-bunt td:nth-child(3) { background-color: #68A9B3;}
.ce-table-bunt th:nth-child(3) { background-color: #046F80;}

.ce-table-bunt td:nth-child(4) {background-color: #B583AC;}
.ce-table-bunt th:nth-child(4) {background-color: #843175;}

.ce-table-bunt td:nth-child(5) {background-color: #FED67B;}
.ce-table-bunt th:nth-child(5) {background-color: #FFB711;}

.ce-table-bunt td:nth-child(6) {background-color: #DF8C82;}
.ce-table-bunt th:nth-child(6) {background-color: #C9402E;}


/*--- gelbe tabelle = abwechselnde helles und dunkleres gelb --- */
.ce-table-gelb td:nth-child(even),
.ce-table-gelb th:nth-child(even) {background: #ffb711;}
.ce-table-gelb td:nth-child(odd),
.ce-table-gelb th:nth-child(odd) {background: #fed67b;}
.ce-table-gelb td:first-child, 
.ce-table-gelb th:first-child {background-color: #fff !important;}
.ce-table-gelb tr, .ce-table-gelb thead, .ce-table-gelb tbody tr:nth-child(2n) {
 	border-bottom: 1px solid rgb(239, 239, 239); 
 	padding-bottom: 1px;
} /*wirkt nicht bei firefox smart-bildschirm*/



/*   Mobile für alle Tabellen auf Wissensbasis-Unter- Seiten   */
@media only screen and (max-width: 1500px) {   /*original:  max-width:  767 px*/
  
	  table.responsive {margin-bottom: 0; }
	  
	  .pinned { 
	    position: absolute; left: 0; top: 0; 
	    background: #fff; 
	    width: 22%;  /*original: 35%*/
	    xoverflow: hidden; 
	    overflow-x: scroll; 
	    border-right: 1px solid #ccc; 
	    border-left: 1px solid #ccc; 
	  }
	  .pinned table { border-right: none; border-left: none; width: 100%; }
	  .pinned table th, .pinned table td { xwhite-space: nowrap; }
	  .pinned td:last-child { border-bottom: 0; }
	  
	  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	  div.table-wrapper div.scrollable { margin-left: 22%; }  /*original: 35%*/
	  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }  

	  table.responsive td, table.responsive th { position: relative; xwhite-space: nowrap; xoverflow: hidden;
			xwidth:400px !important;
			}
	  table.responsive td {	height: 200px;}
	  table.responsive th, table.responsive tfoot td {height: 60px;}
	  table.responsive th:first-child, 
	  table.responsive td:first-child, 
	  table.responsive td:first-child, 
	  table.responsive.pinned td { display: none; }

	  table .stickyrow {position: sticky;}

}


/*==========   table   =============*/


@media only screen and (max-width: 680px) {

    .pinned {
      xwidth: 22%;
      overflow: hidden;
      overflow-x: scroll;
      width: 145px;
    }

    div.table-wrapper div.scrollable {
      margin-left: 140px;
      min-width: ;
    }
    div.scrollable table th, div.scrollable table td {
        min-width: 145px;
    }
    

}

// small screen
@media screen and (max-width: 39.9375em) {

    .pinned table .ce-table {
      border-collapse: separate !important;
      border-spacing: 0 !important;
    }

    .ce-table td, .ce-table th {
      border-left: 1px solid black !important;
      border-bottom: 1px solid black !important;
    }


}