@charset "UTF-8";
/* CSS Document */
.modul-tabellenblock .elementLine{
	position: relative;
	margin-top: 2vw;
	margin-bottom: 2vw;
	height: 1px;
	width: 100%;
}



/* ------------------- Modul Listgrid Grid --------------------------------------- */

.modulTabellenGrid{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: grid;
    grid-template-columns: 30% auto;
	grid-auto-rows:  auto;
    grid-gap: 2vw;
}

/* ------------------- D 1x1 --------------------------------------- */


.modulTabellenGrid .item{
	
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}



.modul-tabellenblock .modulContainer{
	position: relative;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0 !important;
	margin-bottom: 0!important;
	padding: 0;
	max-width: 100%;
	max-height: none !important;
	height: auto !important;
	display: flex;
	align-content: center;
	align-items: center;
}

.modul-tabellenblock .modulContainerTabelle{
	position: relative;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: none;
	padding-top: 0vw;
	padding-bottom: 0vw;
}

.modul-tabellenblock .TabellenBlock{
	position: relative;
	margin: 0;
	padding: 0 !important;
	
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}

.modul-tabellenblock .TabellenGrid {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 1vw;
	display: grid;
    grid-template-columns: 30% auto 35%;
	grid-auto-rows: auto;
	grid-gap: 5%;
    grid-auto-flow: dense;
}
.modul-tabellenblock .TabellenGrid:last-child {
    padding-bottom: 0vw;
}

.modul-tabellenblock .TabellenGrid .item{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: flex;
	align-content: center;
	align-items: center;
}


.modul-tabellenblock table {
	width: 100%;
}

table.tabelle tr { display:grid; grid-template-columns: 30% auto 35%;
	grid-auto-rows: auto;
	grid-gap: 5%;
	grid-auto-flow: dense; /*display: flex; flex-direction: row; justify-content: space-between; flex-grow: 1;*/ }

table.tabelle th.subInfo {
	font-family: futura-pt, Arial Narrow, Trebuchet MS, Arial, sans-serif;
	font-weight: 500;
	font-style: normal;
}

table.tabelle th.subInfo {
	padding-bottom: 1.4em;
}
table.tabelle td {
	padding-bottom: 0.65em;
}

table.tabelle tr th:last-child, table.tabelle tr td:last-child { /*padding-right:0;*/ }


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

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


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {
.modul-tabellenblock .modulContainerTabelle{
	padding-top: 5vw;
	padding-bottom: 5vw;
}
.modulTabellenGrid {
    grid-template-columns: 100%;
	grid-auto-rows: auto;
    grid-gap: 10vw;
}
.modul-tabellenblock .TabellenGrid {
    padding-bottom: 2vw;
}
	
.modul-tabellenblock .TabellenGrid:first-child {
    padding-bottom: 5vw;
}

.modul-tabellenblock .TabellenGrid .item{
	justify-content: flex-start !important;
}
	table.tabelle th, table.tabelle td { text-align: left!important;}
	table.tabelle th.subInfo { font-size: 0.85rem; }
/* ------------------------------------------------------------------------ */

}