/*Farbdefinitionen LIKI*/ 
:root {
--klimaEnergie_1: #366092;
--klimaEnergie_2: #CEDFE8;
--naturLandschaft_1: #76933C;
--naturLandschaft_2: #EBF1DE;
/*
--umweltGesundheit_1: #FFC000;
--umweltGesundheit_2: #F9E4A9;
*/
--umweltGesundheit_1: #FF8300;
--umweltGesundheit_2: #FFE4C8;
--ressourcenEffizienz_1: #948A54;
--ressourcenEffizienz_2: #DDD9C4;
--service_1: #000000;
--service_2: #CCCCCC;
--backgroundGrey_1: #FEFEFE;
--backgroundGrey_2: #E0E0E0;
--backgroundGrey_3: #F0F0F0;
--likigruen_1: #CCEA9F;
--likigruen_2: #ABD65D;
--likigruen_3: #87C626;
--likigruen_4: #4C6D7E;
--hellblau: #E2F4FD;
}
/*Anwendung der Farbe color: var(--farbname)
var(--klimaEnergie_1);
var(--klimaEnergie_2);
var(--naturLandschaft_1);
var(--naturLandschaft_2);
var(--umweltGesundheit_1);
var(--umweltGesundheit_2);
var(--ressourcenEffizienz_1);
var(--ressourcenEffizienz_2);
var(--backgroundGrey_1);
var(--backgroundGrey_2);
var(--hellblau);
*/

/* Schriftart Arial, Webfonts (Download auf Server geblockt, Typo3 Exeption) vermeiden*/
body{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 1.1rem;
  }

/* Texte im Akkordeon, Start und Sonderseiten: Zentriert und mit Trennung*/
li.acc-li,
.frame-default .frame-inner p{
	text-align: justify;
	hyphens: auto;
}

.table-trend .contenttable  td:nth-child(1),
.table-trend .contenttable  tr:nth-child(1) td,
.table-trend .contenttable td{
	background-color: var(--backgroundGrey_1); 
}

/* Klima und Energie */
#farbschema.klima ul.tinyaccordion div.acc-section {
	background-color: var(--klimaEnergie_2);
}
#farbschema.klima ul.tinyaccordion h3.acc-selected,
#farbschema.klima ul.tinyaccordion h4.acc-selected{
	background-color: var(--klimaEnergie_2);
}
#farbschema.klima ul.tinyaccordion li h3,
#farbschema.klima ul.tinyaccordion li h4{
	background-color: var(--klimaEnergie_2);
}
#farbschema.klima h1,
#farbschema.klima h2,
#farbschema.klima h3,
#farbschema.klima h5{ 
	color: var(--klimaEnergie_1);
}
#farbschema.klima .table-trend .contenttable td:nth-child(1),
#farbschema.klima .table-trend .contenttable tr:nth-child(1) td {
	background-color: var(--klimaEnergie_2); 
}
#farbschema.klima .table-legend .contenttable  td:nth-child(1){
	background-color: var(--white); 
}
#farbschema.klima .vcard_likititel{
	color: var(--klimaEnergie_1); 
}

/*
#farbschema.klima .table.table-striped tr:nth-of-type(2n+1){
	background-color: var(--klimaEnergie_2);
}
#farbschema.klima .bg_hellblau div {
	background-color: var(--klimaEnergie_2);
}
*/

/* Natur und Landschaft */
#farbschema.natur ul.tinyaccordion div.acc-section {
	background-color: var(--naturLandschaft_2);
}
#farbschema.natur ul.tinyaccordion h3.acc-selected,
#farbschema.natur ul.tinyaccordion h4.acc-selected{
	background-color: var(--naturLandschaft_2);
}
#farbschema.natur ul.tinyaccordion li h3,
#farbschema.natur ul.tinyaccordion li h4{
	background-color: var(--naturLandschaft_2);
}
#farbschema.natur h1,
#farbschema.natur h2,
#farbschema.natur h3,
#farbschema.natur h5{ 
	color: var(--naturLandschaft_1);
}
#farbschema.natur .table-trend .contenttable td:nth-child(1),
#farbschema.natur .table-trend .contenttable tr:nth-child(1) td {
	background-color: var(--naturLandschaft_2); 
}
#farbschema.natur .table-legend .contenttable  td:nth-child(1){
	background-color: var(--white); 
}
#farbschema.natur .vcard_likititel{
	color: var(--naturLandschaft_1); 
}
/*
#farbschema.natur .table.table-striped tr:nth-of-type(2n+1){
	background-color: var(--naturLandschaft_2);
}
#farbschema.natur .bg_hellblau div {
	background-color: var(--naturLandschaft_2);
}
*/

/*Umwelt #B1C800 #B1C80040 / #EBF1BF */
#farbschema.umwelt ul.tinyaccordion div.acc-section {
	background-color: var(--umweltGesundheit_2);
}
#farbschema.umwelt ul.tinyaccordion h3.acc-selected,
#farbschema.umwelt ul.tinyaccordion h4.acc-selected{
	background-color: var(--umweltGesundheit_2);
}
#farbschema.umwelt ul.tinyaccordion li h3,
#farbschema.umwelt ul.tinyaccordion li h4{
	background-color: var(--umweltGesundheit_2);
}
#farbschema.umwelt h1,
#farbschema.umwelt h2,
#farbschema.umwelt h3,
#farbschema.umwelt h5{ 
	color: var(--umweltGesundheit_1);
}
#farbschema.umwelt .table-trend .contenttable td:nth-child(1),
#farbschema.umwelt .table-trend .contenttable tr:nth-child(1) td {
	background-color: var(--umweltGesundheit_2); 
}
#farbschema.umwelt .table-legend .contenttable  td:nth-child(1){
	background-color: var(--white); 
}
#farbschema.umwelt .vcard_likititel{
	color: var(--umweltGesundheit_1); 
}
/*
#farbschema.umwelt .table.table-striped tr:nth-of-type(2n+1){
	background-color: var(--umweltGesundheit_2);
}
#farbschema.umwelt .bg_hellblau div {
	background-color: var(--umweltGesundheit_2);
}
*/

/* Ressourcen und Effizienz */
#farbschema.ressourcen ul.tinyaccordion div.acc-section {
	background-color: var(--ressourcenEffizienz_2);
}
#farbschema.ressourcen ul.tinyaccordion h3.acc-selected,
#farbschema.ressourcen ul.tinyaccordion h4.acc-selected{
	background-color: var(--ressourcenEffizienz_2);
}
#farbschema.ressourcen ul.tinyaccordion li h3,
#farbschema.ressourcen ul.tinyaccordion li h4{
	background-color: var(--ressourcenEffizienz_2);
}
#farbschema.ressourcen h1,
#farbschema.ressourcen h2,
#farbschema.ressourcen h3,
#farbschema.ressourcen h5{ 
	color: var(--ressourcenEffizienz_1);
}
#farbschema.ressourcen .table-trend .contenttable td:nth-child(1),
#farbschema.ressourcen .table-trend .contenttable tr:nth-child(1) td {
	background-color: var(--ressourcenEffizienz_2); 
}
#farbschema.ressourcen .table-legend .contenttable  td:nth-child(1){
	background-color: var(--white); 
}
#farbschema.ressourcen .vcard_likititel{
	color: var(--ressourcenEffizienz_1); 
}
/*
#farbschema.ressourcen .table.table-striped tr:nth-of-type(2n+1){
	background-color: var(--ressourcenEffizienz_2);
}
#farbschema.ressourcen .bg_hellblau div {
	background-color: var(--ressourcenEffizienz_2);
}
*/


/* Service - Seiten */
#farbschema.service ul.tinyaccordion div.acc-section {
	background-color: var(--service_2);
}
#farbschema.service ul.tinyaccordion h3.acc-selected,
#farbschema.service ul.tinyaccordion h4.acc-selected{
	background-color: var(--service_2);
}
#farbschema.service ul.tinyaccordion li h3,
#farbschema.service ul.tinyaccordion li h4{
	background-color: var(--service_2);
}
#farbschema.service h1,
#farbschema.service h2,
#farbschema.service h3{ 
	color: var(--service_1);
}
#farbschema.service .table-trend .contenttable td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(1) td {
	background-color: var(--service_2); 
}
#farbschema.service .table-legend .contenttable  td:nth-child(1){
	background-color: var(--white); 
}
/*
#farbschema.service .table.table-striped tr:nth-of-type(2n+1){
	background-color: var(--service_2);
}
#farbschema.service .bg_hellblau div {
	background-color: var(--service_2);
}
*/
/* Trendtabelle Service, gesamter Spiegel: Status, Indikatortitel und erstes Tab-Feld */
#farbschema.service .table-trend .contenttable tr:nth-child(odd)  td:nth-child(1) {
	background-color: var(--white);
}
#farbschema.service .table-trend .contenttable tr:nth-child(even) td:nth-child(1) {
	font-size: 1em;
}
#farbschema.service .table-trend .contenttable tr:nth-child(1) td:nth-child(1) {
	background-color: var(--service_2);
}

div #spiegel .textpic-gallery {
/*	width:20%; */
	padding-left: 5px;
	padding-right: 5px;
}
div #spiegel .textpic-text {
/*	width:80%; */
}

/******************************************************
* icongruppe
******************************************************/

.icongruppe .element-header {
	text-align: left;
}
.icongruppe .frame-container {
/*	padding-left: 0px; */
	padding-right: 0px;
	text-align: left; /*KFAM: center*/
}
.icongruppe .gallery-row {
	display:inline;
}
.icongruppe .gallery-item {
    display: inline-grid;
	min-width: 6em;
	padding: 0.4em;
}
.icongruppe figure.image img{
	width:80px;
	height:auto;
	/* padding:2px; */
}
.icongruppe figcaption.caption {
	font-size: 0.95rem;
	hyphens: auto;
	margin-left: 1em;
	margin-right: 1em;
}
.icongruppe .gallery-row{
	margin-left: 0;
	margin-right: 0;
}

.dpsir .frame-container {
	padding-left: 0px;
	text-align: left;
}
.dpsir .gallery-item {
	display: block;
	min-width:6em;
	margin: 0em; 
	float: right;
	padding-right: 0rem;
}
.dpsir figure.image img{
	width:80px;
	height:auto;
	padding:2px;
}

/******************************************************
* Indikatoren spezifisch
******************************************************/

/******************************************************
* Allgemeines
******************************************************/
.ns, 
.nicht_sichtbar {
	display: none;
}
.rechts{
	text-align:right;
}

/******************************************************
* Tabellen / Tabelle im Content
******************************************************/
/**/
.tinyaccordion .acc-li .acc-section .contenttable {
	margin-bottom: 1rem;
}
/**/
.tinyaccordion .acc-li .acc-section .contenttable td{
	padding: 0.75rem;
	text-align: right;
	background-color: var(--backgroundGrey_1); 
	vertical-align: middle;
}

.tinyaccordion .acc-li .acc-section .contenttable  td:nth-child(1){
	font-weight: bold;	
	text-align: left;
	vertical-align: middle;
	hyphens: none;
}

.tinyaccordion .acc-li .acc-section .contenttable  tr:nth-child(1){
	font-weight: bold;	
	text-align: center;
	vertical-align: middle;
	hyphens: none;
}

/* styles für Trendlegende */
/* setzt voraus, dass dass content-element "Trendlegende" die Id "trendlegende" hat */

div#trendlegende.acc-section{
	display:flex;
	flex-wrap:wrap;
}

div#trendlegende.frame.trendlegende{
	padding-top:0.5rem;
	min-width:330px;
}
div#trendlegende .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + div#trendlegende .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage){
margin-top:0;
}


/******************************************************
* Highchart und Unterschrift
******************************************************/

.bg_hellblau {
	margin-top:-3rem; /* Abstand zur Überschrift */
}

/* Trendtabelle unterhalb der Grafik, PDF Logo*/
.bg_hellblau .table-trend .textpic-item {
	padding-left: unset;
}
.bg_hellblau .table-trend .textpic {
	margin-left: unset;
}
.bg_hellblau .table-trend .textpic-item .gallery-row:last-child{
	margin-bottom: unset;
}


.bg_hellblau p{
	padding: 0.75em;
	hyphens: auto;
}
.bg_hellblau .kfm_grafik{
	min-width: 200px;
	height: 400px;
	overflow: inherit !important; /* Highcharts setzt das auf (sonst) hidden und versteckt die halbe Grafik*/
	float: left; /* Grafik links */
	z-index: 1;
	padding: 0.5em;
}

/**************************************
Auf Handlungsfeld-Seiten das dritte Icon
der Liste (Verweis aufs Handlungsfeld)
wieder ausblenden
**************************************/

.hf_links .gallery-item:nth-child(3) {
	display:none;
}


/******************************************************
* Ansprechpersonen
******************************************************/
.ansprechpersonen h3 {
	max-width:80%;
}
.ansprechpersonen .frame {
	padding: 0px;
}

/******************************************************
* Tabellen / Tabelle im Content
******************************************************/
/**/
.table-trend .contenttable {
	margin-bottom: 0.1rem;
	line-height: 1.1;
	font-size: 0.8rem
}
/**/
.table-trend .contenttable td{
	padding: 0.2rem;
	text-align: center;
/*	background-color: var(--backgroundGrey_1); */
}

.table-trend .contenttable  td:nth-child(1) {
/*	background-color: var(--backgroundGrey_2); */
/*	font-weight: bold; */
	font-size: 1rem;	
	text-align: left;
}

.table-trend .contenttable  tr:nth-child(1) td{
/*	background-color: var(--backgroundGrey_2); */
	font-weight: bold;	
	font-size: 1rem;	
	text-align: center;
}

.table-legend .contenttable  td:nth-child(1){
/**/	background-color: var(--white); 
	font-weight: bold;
	font-size: 1rem;	
	text-align: center;
}

/* Wenn Trendpfeile, dann den "Pflichttext(Formatierung)" ausblenden*/

#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-konstant
{
 	font-size: 1.2rem;
	font-family: monospace; /* Die Schriftgröße beeinflusst Icongröße, Größbuchstabe: OK, Breite OK durch Monospace-Schrift*/
	color: transparent; 
}

.table-trend .contenttable td .text-keinTrend,
.table-trend .contenttable td .text-nichtsTrend,
.table-trend .contenttable td .text-konstant,
.table-trend .contenttable td .text-keintrend,
.table-trend .contenttable td .text-posSteig,
.table-trend .contenttable td .text-posFall,
.table-trend .contenttable td .text-negSteig,
.table-trend .contenttable td .text-negFall,
.table-trend .contenttable td .text-keineBewertung,
.table-trend .contenttable td .text-text-bessere25,
.table-trend .contenttable td .text-mittlere50,
.table-trend .contenttable td .text-bessere25, 
.table-trend .contenttable td .text-schlechtere25,
.table-trend .contenttable td .text-erreicht 
{
 	font-size: 1rem;
	font-family: monospace; /* Gleiche Anzahl Großbuchstaben: gleiche Symbolgröße!*/
	color: transparent; 
}	

/* NUN: Trendpfeile bzw. Status rein */
.table-trend .contenttable td span.text-keinTrend {
	background-image: url(/fileadmin/liki/trend_status/keintrend1.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-nichtsTrend {
	background-image: url(/fileadmin/liki/trend_status/t-nichts.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-konstant,
.table-trend .contenttable td span.text-konstant {
	background-image: url(/fileadmin/liki/trend_status/konstant.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-keintrend,
.table-trend .contenttable td span.text-keintrend {
	background-image: url(/fileadmin/liki/trend_status/konstant_tilde.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-posSteig,
.table-trend .contenttable td span.text-posSteig {
	background-image: url(/fileadmin/liki/trend_status/pos_steig.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-posFall,
.table-trend .contenttable td span.text-posFall {
	background-image: url(/fileadmin/liki/trend_status/pos_fall.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-negSteig,
.table-trend .contenttable td span.text-negSteig {
	background-image: url(/fileadmin/liki/trend_status/neg_steig.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
#trendpfeile ul li span.text-negFall,
.table-trend .contenttable td span.text-negFall {
	background-image: url(/fileadmin/liki/trend_status/neg_fall.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-keineBewertung {
/*	background-image: url(/fileadmin/liki/trend_status/s-ohne.svg); */
	background-image: url(/fileadmin/liki/trend_status/s-nichts.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-bessere25 {
	background-image: url(/fileadmin/liki/trend_status/s-obere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-mittlere50 {
	background-image: url(/fileadmin/liki/trend_status/s-mittlere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-schlechtere25 {
	background-image: url(/fileadmin/liki/trend_status/s-untere.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}
.table-trend .contenttable td span.text-erreicht {
	background-image: url(/fileadmin/liki/trend_status/s-erreicht.svg); 
	background-repeat: no-repeat;
	background-size: contain;
}

.overflow,
.landesspezifika {
	overflow: auto;
}

.contenttable {
  background-color: var(--white);
	font-size: 85%;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.contenttable td.grau {
  background-color: var(--hellblau);
}
.contenttable tr.grau {
    background-color: var(--hellblau);
}

.contenttable td:nth-child(1){
	font-weight: bold; 
	}

/* die H4 Überschrift II aus der Tabelle sichtbar machen */
ul.tinyaccordion .acc-section h4 {
	display: inline;
	color: #000;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	background-image: none;
	padding: 0.5em;
}
	
.overflow table,
.contenttable table {
	background-color: var(--white);
	text-align: right;
	border: 1px solid;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 85%;
}

.overflow table td,
.contenttable table td {
	border: 1px solid;
	padding: 0.15em;
}

.overflow table tr:nth-child(1),
.contenttable table tr:nth-child(1) {
	font-weight:bold;
	text-align: center;
}

.overflow table tr:nth-child(even),
.contenttable table tr:nth-child(even) {
	background-color: var(--white);
}

.overflow table tr:nth-child(odd),
.contenttable table tr:nth-child(odd) {
	background-color: var(--backgroundGrey_3);
}

.overflow table td:nth-child(1),
.contenttable table td:nth-child(1){
	background-color: var(--backgroundGrey_3);
	font-weight: bold;
	text-align: left;
}

/* B8.1 / B8.2 zweite Überschrift, gleiche Breite, passt aber auch zu anderen Indikatoren */
.overflow table td:nth-child(1n+2)
{
	max-width: 4em;
}

/* B8.1 / B8.2: Zweite Überschruftzeile */
.zusatztitel tr:nth-child(2)
{
	text-align: left;
}

.table-gesamt-trend .contenttable tr:nth-child(odd) td{
	background-color: var(--white); 
	font-weight: normal;
	text-align: center;
	font-size: 0.8rem;
} 

.table-gesamt-trend .contenttable tr:nth-child(even) td:nth-child(2){
	font-weight:bold;
}
.table-gesamt-trend .contenttable tr:nth-child(1) td{
	background-color: var(--backgroundGrey_2);
	font-weight: bold;
}

.unframe-both {
	padding-top: unset; 
	padding-bottom: unset; 
}

.unframe-top {
	padding-top: unset;
}

.unframe-bottom {
	padding-bottom: unset; 
}

.indigruppe div.frame-inner {
	display: inline-flex;
	flex-wrap: wrap;
}

.landesspezifika .frame-container .frame-inner .contenttable td:nth-child(2),
.landesspezifika .frame-container .frame-inner .contenttable td:nth-child(3){
	text-align: left;
}

.table-trend .frame-container .frame-inner table.contenttable{
	width: 100%;
}
/* ein halber Anfang... passt alles noch nicht*/
#farbschema.service .kontakte .vcard_likititel,
#farbschema.footnav .kontakte .vcard_likititel {
	display: none;
}

.vcard {
	display: inline-flex;
	flex-wrap: wrap;
	width: 35em;
/*	height: 17em; */
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 80%;
	vertical-align: top;
}
.vcard_foto{
	padding:0.5em;
	display: unset;
	width: 5.5em;
}
.vcard img{
	width: 4em;
	height: auto;
}
.vcard_institut {
	width: 24em;
}
.vcard_texte {
	display: inline-block;
	width:24em;
}
.vcard_name, .vcard_likititel {
	font-size:125%;
}

/*Impressum*/
.impress figure.image a picture img {
	width: auto;
}

.veroeff div.textpic-gallery {
	width: 15%;
}

.veroeff div.textpic-text {
	width: 85%;
}

.veroeff h2 {
	font-size: 1.2em;
}
.veroeff .gallery-item img {
	padding: 0.1em;
}
/*Das soll die Tabelle mit den Veröffentlichungen treffen, wird aber später überschrieben*/
.veroeff div.textpic-text table tbody tr td {
}

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

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

/*
.indigruppe {
    display: flex;
    flex-wrap: wrap;
}
*/
nav.breadcrumb-section {
	background-color: #fff;
}

ol.breadcrumb {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 70%;
	background-color: #fff;
}
/* */
#laenderwappen figure.image img {
    width: 4em;
    height: auto;
    padding: 2px;
}

#laenderwappen  .gallery-item {
    min-width: 5em;
    margin: 0.3em;
}
#laenderwappen  .gallery-item-size-1 {
    width: calc(100%/10);
}

#laenderwappen .gallery-item figure.image figcaption {
	font-size: 0.8rem;
}

div#table-startseite{ 
margin: 0 auto;
background-color: #e9f5fb; 
width:100%;
}
table#bild_menu_startseite{
	margin: 2rem auto;
	width: auto;
	background: none; 
	}

figure.startbild_quer, 
figure.startbild {
/*    overflow: hidden;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    margin: -1px; }
 
figure.startbild_quer:hover img, 
figure.startbild:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    /*opacity: .5;
    filter: alpha(opacity=50);*/
} 
figure.startbild_quer:hover img{
	transform-origin:center center;
}
figure.startbild.to-top-left:hover img{
	transform-origin:bottom right;
}
figure.startbild.to-top-right:hover img{
	transform-origin:bottom left;
}
figure.startbild.to-bottom-left:hover img{
	transform-origin:top right;
}
figure.startbild.to-bottom-right:hover img{
	transform-origin:top left;
}
 
figure.startbild_quer img, 
figure.startbild img {
	height:auto;
	width:25em;;
	border:none;
	background-color:transparent;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
} 

a.xls::before {
  content: url("/fileadmin/images/gifs/icon_xls.gif");
  margin-right: .2em;
}

#farbschema.service .icongroup-item {
	width: 25em;
	height: 9em;
}
#farbschema.service .icongroup-align-center {
	justify-content: left;
}
/*Barrierefreiheit Formular*/
div.form-container {
	box-sizing: border-box;
/*	margin: 2em; */
	padding: 1em;
	border: 1px solid var(--service_2);
	border-radius: 2px;
	box-shadow: 0 2px 0 #BBB;
	background-color: var(--backgroundGrey_2); 
}
/* DE-Grafik Formate*/

.table-trend  figure.image figcaption.caption {
    font-size: 50%;
	hyphens: auto;
}
.table-trend div.frame-container div.textpic-gallery {
	width: 7%;
	padding-left: 5px;
	padding-right: 5px;
}
.table-trend div.frame-container div.textpic-text {
	width: 93%;
}

div.dropdown-menu {
	width:fit-content;
	hyphens: auto;
  }

.tinyaccordion .acc-li .acc-section .landesspezifika table td{
	border: 1px solid;
}
.tinyaccordion .acc-li .acc-section .landesspezifika table tr:nth-child(1) ,
.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(1) p{
	hyphens: none;
}
.tinyaccordion .acc-li .acc-section .landesspezifika table tr:nth-child(odd) td,
.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(1) {
	background-color: var(--backgroundGrey_3);
}

.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(2),
.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(3),
.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(4),
.tinyaccordion .acc-li .acc-section .landesspezifika table td:nth-child(5){
	min-width: 20em;
	vertical-align: top;
} 

.tinyaccordion .acc-li .acc-section .tbl_l_r_r table td:nth-child(2),
.tinyaccordion .acc-li .acc-section .tbl_l_r_r table td:nth-child(3){
	min-width: unset;
	width: 5em;
	text-align: right;
}

.liki_bild figcaption {
	text-align:justify;
}

.tinyaccordion li.acc-li div.acc-section ol,
.tinyaccordion li.acc-li div.acc-section ul{
  margin-bottom: 1rem;
}

#aktuell-block div.frame-inner{
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
	}
	
#aktuell-block div.frame-space-before-extra-small {
  margin-top: unset;
}	


#farbschema.service .table-trend .contenttable tr:nth-child(2) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(4) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(6) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(8) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(10) td:nth-child(1) {
	background-color: var(--klimaEnergie_2);
	width: 40%;
}


#farbschema.service .table-trend .contenttable tr:nth-child(12) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(14) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(16) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(18) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(20) td:nth-child(1) {
	background-color: var(--naturLandschaft_2);
	width: 40%;
}


#farbschema.service .table-trend .contenttable tr:nth-child(22) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(24) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(26) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(28) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(30) td:nth-child(1) {
	background-color: var(--umweltGesundheit_2);
	width: 40%;
}


#farbschema.service .table-trend .contenttable tr:nth-child(32) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(34) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(36) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(38) td:nth-child(1),
#farbschema.service .table-trend .contenttable tr:nth-child(40) td:nth-child(1) {
	background-color: var(--ressourcenEffizienz_2);
	width: 40%;
}

#farbschema.service .service-trend .contenttable tr td:nth-child(2),
#farbschema.service .service-trend .contenttable tr td:nth-child(1){
	width: unset !important;
	background-color: white !important;
}

/* OG-Navi: ausblenden der Obergruppe*/
#og-navi .icongruppe .frame-container .frame-inner :nth-child(2) div{
	display: none;
}

.link-indikator:before {
	content: url(/fileadmin/images/gifs/indikatoren.gif);
	display: inline-block;
	margin-right: 0.15em;
}

/* aktuelles als Akkordeon */
.aktuelles ul.tinyaccordion h4
{
	background: none;
	padding: 0 0 0 0em;
	font-size: 90%;
	text-align: left;
	font-weight: bold;
}
/*.aktuelles ul.tinyaccordion li {background-color: white;}*/
.aktuelles ul.tinyaccordion div.acc-section
{
	background-color: white;
	font-size: 90%;
	padding:0;
}

/* Download der AK UGRdL und LAK Tabellen */
.downloadtab .contenttable tr:first-child
{
	font-weight: bold;
}

/* Download der Datentabellen */
.downloadtab .contenttable table,
.downloadtab .contenttable th,
.downloadtab .contenttable td
{
	border: thin solid;
	text-align: center;
}
.downloadtab .contenttable td
{
	width: 10em;
	hyphens: auto;
}
.downloadtab .contenttable td:nth-child(1)
{
	width: 3em;
}

.downloadtab .contenttable tr:first-child
{
	font-weight: bold;
}