/* Indikatorentabelle Trend Status: Gesamt Hier wären die Hintergrundfarben 
* anzupassen, sobald die Anzahl Indikatoren im Spiegel sich für die Gruppen
* ändert ...
*/
/* 2–12 */
.table-gesamt-trend .table tr:nth-child(n+2):nth-child(-n+12):nth-child(even) td:nth-child(1) {
    background-color: var(--klimaEnergie_2);
}

/* 14–22 */
.table-gesamt-trend .table tr:nth-child(n+14):nth-child(-n+22):nth-child(even) td:nth-child(1) {
    background-color: var(--naturLandschaft_2);
}

/* 24–32 */
.table-gesamt-trend .table tr:nth-child(n+24):nth-child(-n+32):nth-child(even) td:nth-child(1) {
    background-color: var(--umweltGesundheit_2);
}

/* 34–40 */
.table-gesamt-trend .table tr:nth-child(n+34):nth-child(-n+40):nth-child(even) td:nth-child(1) {
    background-color: var(--ressourcenEffizienz_2);
}
/* --------------------------- Legende zum Trend ------------------------- */

.likitab table.table
{
	font-size: 0.85rem;
	text-align: right;
	max-width: 100%;
}
.likitab table.table td
{
	padding: 0.1rem;
	min-width: 3rem;
	max-width: 7rem;
}
.likitab table.table tr:nth-child(1) td
{
	text-align: center;
	font-weight: bold;
/*	border: 1px solid; */
}
.likitab table.table td:nth-child(1)
{
	text-align: center;
	font-weight: bold;
}

.table-legend table
{
	width: 100%;
	font-size: 0.85rem;
}
.table-legend table tr:nth-child(1) td
{
	width: 50%;
}
.table-legend table td,
.table-gesamt-trend table td
{
	padding: 0.5rem;
}
.table-legend table tr:nth-child(1)
{
	font-weight: bold;
}
.table-legend table  tr:nth-child(+n +2)  
{
	background-color: var(--white); 
	text-align: center;
	vertical-align: middle;
}
.table-legend table  td:nth-child(1)
{
	vertical-align: middle;
	text-align: center;
}
.table-legend table td:nth-child(2),
.table-legend table td:nth-child(4)
{
	width: calc(50% - 4rem);
	text-align: center;
}
.table-legend table tr:not(:first-child) td:nth-child(1),
.table-legend table tr:not(:first-child) td:nth-child(3)
{
	width: 4rem;
	text-align: center;
	font-family: monospace; /* Die Schriftgroesse beeinflusst Icongroesse, Grossbuchstabe: OK, Breite OK durch Monospace-Schrift*/
	color: transparent;
	font-size: 1.2rem;
}

.table-legend table tr:not(:first-child)  td:nth-child(1),
.table-legend table tr:not(:first-child)  td:nth-child(1),
.table-legend table tr:not(:first-child)  td:nth-child(1),
.table-legend table tr:not(:first-child)  td:nth-child(1),
.table-legend table tr:not(:first-child)  td:nth-child(1)
{
	background-color: var(--white); 
}

.table-gesamt-trend,
.table-trend
{
	hyphens: auto;
}

/* NUN: Trendpfeile bzw. Status rein */
#trendpfeile ul li span.text-keintrend,
.table-legend table td span.text-keintrend,
.table-legend table td span.text-keinTrend,
.table-trend table td span.text-keintrend, 
.table-trend table td span.text-keinTrend, 
.table-gesamt-trend table td span.text-keintrend, 
.table-gesamt-trend table td span.text-keinTrend 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/konstant_tilde.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-nichtstrend,
.table-trend table td span.text-nichtstrend,
.table-gesamt-trend table td span.text-nichtstrend 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/t-nichts.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-posSteig,
.table-legend table td span.text-posSteig,
.table-trend table td span.text-posSteig,
.table-gesamt-trend table td span.text-posSteig
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/pos_steig.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-posFall,
.table-legend table td span.text-posFall,
.table-trend table td span.text-posFall, 
.table-gesamt-trend table td span.text-posFall 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/pos_fall.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-negSteig,
.table-legend table td span.text-negSteig,
.table-trend table td span.text-negSteig, 
.table-gesamt-trend table td span.text-negSteig 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/neg_steig.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-negFall,
.table-legend table td span.text-negFall,
.table-trend table td span.text-negFall,
.table-gesamt-trend table td span.text-negFall 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/neg_fall.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-keineBewertung,
.table-trend table td span.text-keineBewertung,
.table-trend table td span.text-keineBewertung,
.table-gesamt-trend table td span.text-keineBewertung
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/s-nichts.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-bessere25,
.table-trend table td span.text-bessere25, 
.table-gesamt-trend table td span.text-bessere25 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/s-obere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-mittlere50,
.table-trend table td span.text-mittlere50, 
.table-gesamt-trend table td span.text-mittlere50 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/s-mittlere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-schlechtere25,
.table-trend table td span.text-schlechtere25, 
.table-gesamt-trend table td span.text-schlechtere25 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/s-untere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-legend table td span.text-erreicht,
.table-trend table td span.text-erreicht, 
.table-gesamt-trend table td span.text-erreicht 
{
	background-image: url(/typo3conf/ext/liki_indikatoren/Resources/Public/Icons/s-erreicht.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}

.table-gesamt-trend table,
.table-trend table
{
	background-color: var(--white);
	text-align: right;
	font-size: 0.85rem;
	line-height: 1.1;
	padding: 0.1rem;
}
.table-trend table td:nth-child(1),
.table-gesamt-trend table td:nth-child(1),
.table-trend figure.tabel table td:nth-child(1),
.table-gesamt-trend figure.table table td:nth-child(1)
{
	text-align: left;
	vertical-align: middle;
}


#farbschema.klima 
{
	--Themenfarbe_2: var(--klimaEnergie_2); 
	--Themenfarbe_1: var(--klimaEnergie_1); 
}
#farbschema.natur 
{
	--Themenfarbe_2: var(--naturLandschaft_2); 
	--Themenfarbe_1: var(--naturLandschaft_1); 
}
#farbschema.umwelt 
{
	--Themenfarbe_2: var(--umweltGesundheit_2); 
	--Themenfarbe_1: var(--umweltGesundheit_1); 
}
#farbschema.ressourcen 
{
	--Themenfarbe_2: var(--ressourcenEffizienz_2); 
	--Themenfarbe_1: var(--ressourcenEffizienz_1); 
}
#farbschema.service 
{
	--Themenfarbe_2: var(--service_2); 
	--Themenfarbe_1: var(--service_1); 
}

.table-legend table tr:nth-child(1),
.table-trend table td:nth-child(1),
.table-trend table tr:nth-child(1) td,
.table-gesamt-trend table td:nth-child(1),
.table-gesamt-trend table tr:nth-child(1) td
{
	background-color: var(--Themenfarbe_2); 
}

/* einsortieren */
.table-trend table tr:nth-child(1) td
{
	text-align: center;
}
.table-trend table tr:nth-child(1),
.table-trend table td:nth-child(1),
.table-gesamt-trend table tr:nth-child(1),
.table-gesamt-trend table td:nth-child(1)
{
	font-weight: bold;	
	min-width: 6rem;
}
.table-trend table td .text-keintrend, 
.table-trend table td .text-keinTrend, 
.table-trend table td .text-nichtsTrend, 
.table-trend table td .text-konstant, 
.table-trend table td .text-posSteig, 
.table-trend table td .text-posFall, 
.table-trend table td .text-negSteig, 
.table-trend table td .text-negFall, 
.table-trend table td .text-keineBewertung, 
.table-trend table td .text-text-bessere25, 
.table-trend table td .text-mittlere50, 
.table-trend table td .text-bessere25, 
.table-trend table td .text-schlechtere25, 
.table-trend table td .text-erreicht, 
.table-gesamt-trend table td .text-keintrend, 
.table-gesamt-trend table td .text-keinTrend, 
.table-gesamt-trend table td .text-nichtsTrend, 
.table-gesamt-trend table td .text-konstant, 
.table-gesamt-trend table td .text-posSteig, 
.table-gesamt-trend table td .text-posFall, 
.table-gesamt-trend table td .text-negSteig, 
.table-gesamt-trend table td .text-negFall, 
.table-gesamt-trend table td .text-keineBewertung, 
.table-gesamt-trend table td .text-text-bessere25, 
.table-gesamt-trend table td .text-mittlere50, 
.table-gesamt-trend table td .text-bessere25, 
.table-gesamt-trend table td .text-schlechtere25, 
.table-gesamt-trend table td .text-erreicht 
{
	text-align: center;
	font-family: monospace;
	color: transparent;
	font-size: 1.2rem;
	}

.table-gesamt-trend table tr
{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 0.85rem;
}
.table-gesamt-trend table tr:nth-child(1),
.table-trend table tr:nth-child(1)
{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-gesamt-trend .table tr:nth-child(1) td
{
	background-color: var(--Themenfarbe_2);
	font-weight: bold;
}

.table-gesamt-trend table tr:nth-child(even) td:nth-child(1)
{
	width: 40%;
}
.table-gesamt-trend table tr:nth-child(odd):not(:first-child) td:nth-child(1)
{
	background-color: var(--white);
}
.table-gesamt-trend table tr:nth-child(40) td:nth-child(1)
{
	background-color: var(--klimaEnergie_2);
}

.table-gesamt-trend table td:nth-child(3)
{
	font-weight: bold;
}

#trendpfeile ul li span.text-posSteig,
#trendpfeile ul li span.text-negSteig,
#trendpfeile ul li span.text-posFall,
#trendpfeile ul li span.text-negFall,
#trendpfeile ul li span.text-keintrend,
#trendpfeile ul li span.text-erreicht
{
 	font-size: 1.2rem;
	font-family: monospace; /* Die Schriftgroesse beeinflusst Icongroesse, Grossbuchstabe: OK, Breite OK durch Monospace-Schrift*/
	color: transparent; 
}

.landesspezifika table {
	font-size: 0.85rem;
}
.landesspezifika table tr:nth-child(1) ,
.landesspezifika table td:nth-child(1) p{
	hyphens: none;
}
.suv_d1 table 
{
	width: 100%;
}
.suv_d1 table td
{
	text-align: right;
	vertical-align: middle;
	font-size: 0.85rem;
	padding: 0.5rem;
}
.suv_d1 table td:nth-child(1)
{
	font-weight: bold;
	text-align: left;
	width: 12rem;
}
.suv_d1 table tr:nth-child(1) td
{
	font-weight: bold;
	text-align: center;
}
/*.landesspezifika table td:nth-child(1), */
.landesspezifika table tr:nth-child(2n+1) td, 
.suv_d1 table tr:nth-child(2n+1) td, 
.suv_d1 table td:nth-child(1) 
{
	background-color: var(--backgroundGrey_2);
}

.landesspezifika td:nth-child(1),
.landesspezifika td:nth-child(1) p {
  font-weight: bold;
  text-align: left;
  hyphens: none;
  vertical-align: middle;
}

.landesspezifika td:nth-child(2) p {
  text-align: left;
}

.suv_d1 
{
	padding-top: 0;
	padding-bottom: 0;
}

/* Trendsymbol Tabellen Indikatoren*/
.table-trend figure.table table
{
	width: 100%;
}
.table-trend figure.table table td
{
	padding: 0.5em;
}
div#table-startseite
{ 
	margin: 0 auto;
	background-color: #e9f5fb; 
	width:100%;
}
table#bild_menu_startseite
{
	margin: 1rem auto;
	width: auto;
	background: none; 
}

.table-scrollable,
.overflow {
  width: 100%;
  overflow-y: auto;
  margin-bottom: 1em;
}

.table-scrollable,
.overflow {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.overflow,
.landesspezifika {
  overflow: auto;
  overflow-y: auto;
}

.overflow table td:nth-child(1) td,
.contenttable table td:nth-child(1) td {
  background-color: var(--backgroundGrey_2);
  font-weight: bold;
  text-align: left;
}
.bg_hellblau .table-trend .textpic {
  margin-left: unset;
}

.table-trend div.frame-container div.textpic-gallery {
  width: var(--de-map-width);
  padding-left: 5px;
  padding-right: 5px;
}

.bg_hellblau .table-trend .textpic-item .gallery-row:last-child {
  margin-bottom: unset;
}

.table-trend div.frame-container div.textpic-text {
  width: calc(100% - var(--de-map-width) - var(--gap));
}

.bg_hellblau .table-trend .textpic-item {
  padding-left: unset;
}

.likitab table.table {
  padding: 0.15em;
  font-size: 85%;
}

.likitab {
  --frame-spacing: 0.5rem;
}