/* custom.css */

/*
Grün: 	color: #009a64;
Grün hover: 	color: #00b38b;
*/

.noshow {
	display: none;
}

.tm-headerbar-top {
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}

.uk-navbar-nav > li.uk-active > a {
	background: #009a64;
}
.uk-navbar-nav > li > a:hover {
	background: #009a64;
}

 .uk-navbar-nav > li > a[aria-expanded="true"]:not(:hover) {
	background-color: #009a64;
}

ul.uk-nav-sub {
	padding: 0px 0 15px 15px;
}

ul.uk-nav-sub li a:before {
	content: "⌊";
}

.sslider picture [data-uk-cover]:where(img, video),
.sslider picture  [uk-cover]:where(img, video) {
	object-position: top;
}

.sslider .uk-position-cover {transform: scale(1.0) !important;}


.homebutton-more a {
	font-size: 28px;
}

.homebutton-more a:hover {
	color: #009a64;
	font-weight: 700;
}

.section-footer {
	border-top: 1px solid #777;
	margin-top: 20px;
}

.section-footer .uk-nav-default > li > a {
	font-size: 16px;
}

.section-footer .uk-nav-default > li > a:hover {
	color: #009a64;
}

.section-footer .uk-nav-default {
	line-height: 1.0;
}

.section-footer h3 {
	border-bottom: 1px solid #009a64;
}

.ref-grid .el-image {
	width: 100%;
	height: 210px;
	object-fit: cover;
	clear: both;
}

.ref-grid h3 {
	font-size: 22px;
}

.ref-det-images .el-image {
	width: 100%;
	height: 210px;
	object-fit: cover;
	clear: both;
	border: 2px solid green;
}
.table-home {width: 100%;margin: 0 auto;}
.table-home td {
	width: 33.33%;
	padding: 0 20px 0 0;
	text-align: center;
	vertical-align: top;
	}
.table-home td h2 {font-size: 1.4rem;}
.table-referenz .td1 {
	padding-right: 20px;
	font-weight: 700;
}

body.ref-abwassertechnik .ref-link-overvw-page1,
body.ref-biogastechnik .ref-link-overvw-page2,
body.ref-abfalltechnik .ref-link-overvw-page3 {
	display: block;
}

.ref-det-prevnext svg {
	width: 11px;
	height: 20px;
	margin: 0 6px 0 6px;
}

.js-finder-search-query  {
	font-size: 20px;
}

/* Responsive */
.uk-navbar-toggle svg {width: 40px;}
.uk-offcanvas-close svg {width: 32px;color: #000;font-weight: bold;}

@media screen and (max-width: 1200px){
	.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
		font-size: 14px;
	}
		.uk-h2 {font-size: 1.4em;}
	.container-dl {padding-left: 20px;padding-right: 20px;}
}

@media screen and (max-width: 1060px){
	.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
		font-size: 12px;
	}

}

@media screen and (max-width: 1023px){
	.uk-navbar-container:not(.uk-navbar) {
		padding-bottom: 20px;
	}
	.section-footer {
	border-top: 0;
}
}

@media screen and (max-width: 767px){
	.table-home td img {max-width: 120px;}
	.table-home td h2 {font-size: 1.0rem;}
}


@media screen and (max-width: 740px){
	.uk-logo {
		max-width: 95%;
	}
}

@media screen and (max-width: 480px){
	.table-responsive th,
	.table-responsive td {
		display: block;
		width: 100%;
	}
	.table-responsive h2 {
		margin: 0 0 10px 0;
	}
	.table-home td {padding-bottom: 25px;text-align: center;}
	
	.osmap-sitemap ul {padding-left: 0;}
}

@media screen and (max-width: 420px){
	h1 {font-size: 1.2em;}
	h2 {font-size: 1.0em;}
}


@media screen and (max-width: 390px){
	.section-slider {display: none;}
}

@media screen and (max-width: 380px){
	.osmap-items ul {
	margin: 0 0 9px 10px;
	font-size: 0.95em;
}

}
@media screen and (max-width: 360px){
.uk-navbar {
	display: grid;
	grid-template-columns: 1fr;
}
.uk-navbar-left {
	display: block;
	margin: 0;
	padding: 0;
}
.uk-navbar-left a.uk-logo {
	max-width: none;
}

}