/* CSS from Drupal/Tailwind */
@import url("/css/drupal-css/styles.css") screen;

/* drupal corrections */
.\!link.with-icon[href*=".docx"]:after,
.\!link.with-icon[href*=".pdf"]:after,
.\!link.with-icon[href*=".qdf"]:after,
.group\/link[href*=".docx"] .\!link.with-icon:after,
.group\/link[href*=".docx"] .link.with-icon:after,
.group\/link[href*=".pdf"] .\!link.with-icon:after,
.group\/link[href*=".pdf"] .link.with-icon:after,
.group\/link[href*=".qdf"] .\!link.with-icon:after,
.group\/link[href*=".qdf"] .link.with-icon:after,
.link.with-icon[href*=".docx"]:after,
.link.with-icon[href*=".pdf"]:after,
.link.with-icon[href*=".qdf"]:after {
  content:"_";
  content:"_"/""
}
.\!link.with-icon[href*=".docx"]:after,
.\!link.with-icon[href*=".pdf"]:after,
.\!link.with-icon[href*=".qdf"]:after,
.group\/link[href*=".docx"] .\!link.with-icon:after,
.group\/link[href*=".docx"] .link.with-icon:after,
.group\/link[href*=".pdf"] .\!link.with-icon:after,
.group\/link[href*=".pdf"] .link.with-icon:after,
.group\/link[href*=".qdf"] .\!link.with-icon:after,
.group\/link[href*=".qdf"] .link.with-icon:after,
.link.with-icon[href*=".docx"]:after,
.link.with-icon[href*=".pdf"]:after,
.link.with-icon[href*=".qdf"]:after {
  grid-column-start:1;
  grid-row-start:1;
  --tw-translate-y:0.1em; --tw-translate-x:0.25em;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.ck-content ol li, .ck-content ul li {
    margin-bottom: -1px;
    margin-left: 30px;
}
@media screen and (max-width:768px) {
	.ck-content ol li, .ck-content ul li {
		margin-left: 0px;
	}
}
.ck-content ul li::before {
    content: "";
    content: ""/"";
}
a, .ck-content a  {text-decoration-line: none; }
		
		

/* Styles Umweltbericht */
 .smaller {font-size: 0.8em};
 .table { display: table; font-size: 10pt; padding-bottom: 1em;}
 .table .tr { display: table-row;}
 .table .td:first-child { white-space: nowrap}
 .table .td { display: table-cell; vertical-align: top; text-align: left; padding: 3px 0px 12px 0px;}
 .table img {height: 1.5em !important; width: 1.5em !important;}

 .Negativ {background: url("/img/negativ_small.png") no-repeat center;}
 .Positiv {background: url("/img/positiv_small.png") no-repeat center;}
 .Neutral {background: url("/img/neutral_small.png") no-repeat center;}
 .Keine   {background: url("/img/keine_small.png")   no-repeat center;}
 
 .imgBew {width: 2em; height: 2em; min-width: 2em; min-height: 2em; margin: 0.1em 1em 0 0; }
 @media screen and (max-width:500px) {
	 .imgBew {width: 1.5em; height: 1.5em; min-width: 1.5em; min-height: 1.5em; margin: 0.1em 0.6em 0 0; }
 }
.form-control {
	border: 1px solid #000;
	border-radius: 3px;
}

/* Ergänzung Magnolia-Styles */
/*#nav, #main {float: left;}*/
/*#nav{height: 1500px;}*/
#breadcrumb.no-nav {margin-top: 0px;}
/*.table-wrapper{font-size: 0.8em;}*/
/*#main td {padding: 5px;}*/
#extras, #extras .box-group .box{width: 204px !important}
#extras .box p{padding-bottom: 6px;}
#umweltbericht h1 {font-size: 300%;}

#main-wrapper-ubdb #umweltbericht {
	/*float: left;*/
}
#main-wrapper-ubdb, #main-wrapper-fb {
	display: table;
}
#nav{
	display: table-cell;
	padding-right: 10px;
}
#nav div, #main-wrapper-ubdb #umweltbericht, #main-wrapper-fb #umweltbericht {
	display: table-cell;
	vertical-align: top;
	/*float: left;*/
}
#main-wrapper-ubdb #nav div li,
#main-wrapper-fb #nav div li {
	list-style-type: none;
	max-width: 200px;
	/*padding-bottom: 2px;*/
}
#main-wrapper-ubdb #nav div li a div,
#main-wrapper-fb #nav div li a div{
	font-size:8pt;
	margin-bottom:-7px;
	display:block;
} 

table#list tbody td{
	word-break: normal;
	hyphens: none;
}
table#list thead {
	font-size: inherit;
	line-height: inherit;
}

table#list tr th:nth-child(3),
table#list tr td:nth-child(3){
	width: 95%;
}

table#list thead tr:first-child th:first-child,
div:not(#main-wrapper-ub) table#list thead tr th:first-child,
table#list tr td:first-child{
	/*display: none;*/
}
table#list.show-thema thead tr:first-child th:first-child,
table#list.show-thema tr td:first-child{
	display: table-cell;
}
table#list thead tr:nth-child(2),
table#list tr td:nth-child(1n+4){
	width: 55px !important;
	min-width: 25px !important;
	max-width: 25px !important;
	/*padding: 10px 10px !important;*/
	text-align: center;
}

/*responsive anpassungen drupal list-styles*/
@media screen and (max-width:768px) {
	
	table#list.show-thema thead tr:first-child th:first-child,
	table#list.show-thema tr td:first-child,
	table#list tr:first-child th:first-child,
	table#list tr:first-child th:nth-child(2),
	table#list tr td:first-child,
	table#list tr td:nth-child(2),
	table#list.show-thema tr:first-child th:first-child,
	table#list.show-thema tr td:first-child{
		display:none;
	}
	table#list tr td:nth-child(3) span:not(.zustand, .entwicklung).hidden{
	   display: block !important;
	}
	 
}
@media screen and (max-width:500px) {
	table#list thead tr:first-child th:nth-child(1n+4),
	table#list thead tr:nth-child(2) {
		display: none;
	}
	table#list td {
		display: inline-block;
		border-bottom-width: 0px;
	}
	table#list tr td:nth-child(1n+4){
		border-width: 0px;
		padding-bottom: 30px;
	}
	table#list tr td span.hidden{
	   display: block !important;
	}
	table#list tr td.twocols span.hidden{
	   position: relative;
	   white-space: nowrap;
	   left: 16px;
	}
	table#list tr td:nth-child(3){
		margin-bottom: -25px;
	}
	table#list tr td:nth-child(3) b {
		font-size: 20px;
		word-break: break-all;
		hyphens: auto;
	}
	table#list tr td span.zustand{
		position: relative;
		top: 9px;
		left: 10px;
	}
	table#list tr td span.entwicklung{
		position: relative;
		top: -10px;
		left: 88px;
	}
	table#list .sorting_1,
	table#list .sorting_2,
	table#list .sorting_3{
		background-color: transparent;
	}
	
}

/* Icon-Links *//*copied from magnolia*/
/*a[href$='.pdf'] { 
	background-image: url(/css/magnolia-css/file-types.png) !important;
	background-position: 3px -298px;
	background-repeat: no-repeat;
	padding: 2px 0 3px 25px;
	background-position: 0 0 !important;
	display: block;
	margin: 12px 0 0;
}
a[href$='.pdf']:hover, a[href$='.pdf']:active, a[href$='.pdf']:focus {
    background-position: 0 -2100px !important;
}
*/

/*gebastel für externe links*/
.external {
	background-image: url(/css/magnolia-css/icon-sprites.png) !important;
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: -34px -697px;
}

/* Ergänzung DataTable-Styles */
/*.datatab table {font-size: 100%;}*/
.datatab table {margin: 0px !important;}
.datatab table thead tr th, .datatab table tbody tr td {text-align: left; vertical-align: top; font-size: 0.8em; padding: 2px 0.5em 0.5em 0; line-height: normal;}
details .datatab table thead tr th, details .datatab table tbody tr td { color: white;}
.datatab .link {color: #079bca; cursor: pointer;}
.datatab {padding: 15px; }
.datatab-link-wrapper {position: relative; top: 0px; left: 10px;}

table.dataTable thead th, table.dataTable thead td{
	padding: 10px 5px !important;
}
table.dataTable tbody td{
	word-break: break-all;
	hyphens: auto;
}
table.dataTable a{
	border-bottom: none;
}

/*overwrite*/
/*#main thead th:first-child {
	border-left: 1px solid #d9dee1 !important;
}*/
.twocols {
	border-right: none !important;
}
.twocols img{
	position: relative;
	left: 23px;
}
.nocol img{
	display: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover , .nav-tabs > li.active > a:focus {
	/*background-color: #fefefe;*/
	background-color: rgb(242 247 243);
	padding-bottom: 5px;
}
.nav-tabs > li > a:hover{
	padding-bottom: 3px;
	/*z-index: -5;*/
}
#myTabContent table {
	margin-bottom: 20px;
	border-top: 1px solid #d9dee1;
}
#myTabContent {
	/*font-size: 70%;*/
	padding: 10px 5px 20px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	/*background-color: #fefefe;*/
	background-color: rgb(242 247 243);
	box-shadow: 0 -5px 5px -7px #333, 0 5px 5px -7px #333; /*, 2px 0 2px -2px #333, -2px 0 2px -2px #333;*/
}
#myTabContent img {
	display: inline-block;
}
#myTabContent .tab-pane > div:last-child{
	padding-top: 5px;
}
/*#myTabContent a[href$=".pdf"]{
	border-bottom: none;
	margin: 0px;
	/* trick to reduce href-img-size */
	/*font-size: 125%;
	transform: scale(0.8);
	display: inline-block;
	transform-origin: left bottom;/*0 50%;*/
/*}*/
#myTabContent div.table-top-left {
	/*float: left; 
	clear: both; */
	font-size: 0.9em; 
	font-weight: bold; 
	padding: 2em 0px 2px 0px;
}
#myTabContent div.table-top-right,
#myTabContent div.table-top-right a {
	/*float: right;
	transform-origin: right bottom;*/
	font-size: .9em;
}
#myTabContent table.bewertung thead th{
	text-align: left;
	line-height: normal;
}
#myTabContent table.bewertung tbody td{
	padding-bottom: 6px;
}

/* bewertung, falls summe von einzelbewertungen (test) */
table.opacity03 tbody tr{
	opacity: 1; /*0.6*/
}
table.opacity03 tbody tr img{
	transform: scale(0.8);
}
table.opacity03 tbody tr:last-child {
	opacity: 1;
}
table.opacity03 tbody tr:last-child  img{
	transform: scale(1);
}

#summary2{
	/*font-size: 100%; /*110%;*/
	line-height: 1.7em;
}
#summary2 div{
	vertical-align: top;
}
#summary2 > div:first-child{
	font-weight: bold;
	padding-bottom: 6px;
}
#summary2 div div{
	width: 220px; /*180px;*/
	display: inline-block;
	padding-right: 10px;
}
@media screen and (max-width:500px) {
	#summary2 div div{
		width: 170px;
	}
}
#summary2 div div > span{
	/*width: 80px;*/
	display: inline-block;
}
#summary2 div div:first-child{
	width: 0px; /*101px;*/
}
#summary2  > div:nth-child(4){
	padding: 10px 0px;
	line-height: 1.4em;
}
.tab-content img{
	vertical-align: middle;
}
#summary2 img{
	vertical-align: middle;
}