/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 769px) {

	table {
		width: 100%;
		/*border: 1px solid black;*/
		
		border-spacing: 0px;
	}
	td, tr {
		/*border: 1px solid transparent;*/
	}
	
	table.responsive { margin-bottom: 0;border-collapse:separate; }
	
	.pinned { position: absolute; left: 0; top: 0px; width: 35%; overflow: hidden; overflow-x: scroll; /*border-top: 1px solid var(--coltext);*/ box-shadow: 5px 0px 5px rgba(0,0,0,0.5); margin-top: 0px;}
	.pinned table { border-right: none; border-left: none; width: 100%; overflow-x:scroll;}
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { /*border-bottom: 1px;*/ }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid var(--coltext); }
	div.table-wrapper div.scrollable table { margin-left: 35%;margin-top: 0px; border-top:1px solid var(--coltext);}
	div.table-wrapper div.scrollable table td { /*max-width:10px; border:1px solid #000;*/}
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; /*box-shadow: inset -3px -2px 3px rgba(0,0,0,0.5);*/}	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden;}
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}

/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */
   
/* Korrektur für Tabellen in Text-Spalten **/
table.InText {
    width: 100%;
    overflow: hidden;
}
table.InText p.tab-inhalt {
    white-space: normal;
}

/* Korrektur für IPad *********************/
div.table-wrapper div.scrollable table {
    /*position: absolute!important;*/
}