/*
Ingenieurbüro Martin Greinert, Radolfzell with ❤ > www.3g-broker.de, info@3g-broker.de
09/2025 mgr 

CSS für Table
responsive

*/
table {
 	table-layout: fixed;
	border-collapse: collapse;
	background-color: transparent;
 }
 
 td,
 th {
 	padding: .5em;
 }
 
 th:first-child {
 	padding-left: .5em;
 }
 
 th:last-child,
 td:last-child {
 	padding-right: .5em;
 }
 
 thead th {
 	border-bottom: thin solid black;	/* medium */
 }
 
 tbody th {
 	font-weight: normal;
 	text-align: left;
 }
 
 th a {
 	padding: 15px 5px 15px 55px;
 }
 
 td {
 	text-align: left;
 }

 @media screen and (max-width: 84em) {		/* 42em */
 	thead {
 		display: none;
 	}
 	tr:first-child {
 		border-top: thin solid black;	/* medium */
 	}
 	tr {
 		border-bottom: thin solid black;	/* medium */
 		padding: .5em 2em 1em;
 	}

 	table,
 	tbody,
 	tr {
 		display: block;
		background-color: transparent;
 	}
 	tbody th {
 		display: block;
 		font-weight: bold;
 	}
 	th a {
 		font-weight: normal;
 	}
 	td {
 		display: inline-block;
 		min-width: 30%;
 		padding: .2em 2em;
 		text-align: left;
 	}
 	td input {
 		width: 100%;
 	}
	td:first-child {
		font-weight: bold;
	}
 }
 
 @media screen and (max-width: 66em) {		/* 33em */
 	td {
 		display: block;
 	}
 	tr {
 		padding: .5em .5em 1em;
 	}
 }