@charset "utf-8";

/*********
Links
*********/
a {
	color: #007e00;
}

a.nostyle {
	color: #000000;
}

/*********
Raster-Styles
*********/
#logo {
	top: 30px;
}

#logo img {
	height: 65px;
}
@media 
only screen and (min-device-width : 220px) and (max-device-width : 920px), 
only screen and (min-width : 220px) and (max-width : 920px) {
	#logo {
		top: 15px;
	}

	#logo img {
		height: 40px;
	}
}

.content.grey-light {
	background: #ececec;
}

footer {
	background: #d4d4d3;
}

/*********
Bild-Slider
*********/
body .rsUni .rsBullet.rsNavSelected span {
	background-color: #007e00;
}

/*********
Navigation
*********/
.main-nav li.active a, 
.main-nav li a:hover, 
.main-nav li.active li.active a, 
.main-nav li.active li a:hover {
	color: #007e00;
}

.main-nav ul li.home {
	background: #ececec;
}

.main-nav ul li.active ul {
	background: #d4d4d3;
}

/*********
Tabellen
*********/
table, tbody, thead {
	font-size: 0.9rem;
	line-height: 1.5;
}

tr:first-child {
	border-top: 1px dotted;
}

tr:hover {
	background-color: rgba(0,145,0,0.15);
}

th {
	background-color: #007e00;
}

td {
	padding-right: 15px;
}

table tr td p:last-child {
	margin-bottom: 0px;
}

/*********
Tools & spezifische Content-Styles
*********/
/*Team und NEU Referenzen*/
.team.list li,
.referenzen.list li {
	background: #d4d4d3;
}

.team.list li img {
	border-bottom: 2px solid #007e00;
}

.referenzen.list li img {
	border-bottom: 2px solid #007e00;
}

.referenzen.list li img.icon {
	height: 25px;
	padding-right: 10px;
	border-bottom: 0px;
}

.referenzen.list li img.icon:last-child {
	padding-right: 0px;
}

.distributor img.icon {
    width: 50px;
    height: auto;
}

ul.referenzkat {
	padding-top: 15px;
}

ul.referenzkat li {
	list-style: none;
	margin-left: 0px;
	float: left;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
}

ul.referenzkat li:hover img.icon {
	width: 50px;
    height: auto;
	-webkit-filter: none;
    filter: none;
}

ul.referenzkat li img.icon {
	width: 50px;
    height: auto;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.galerie.list li img {
	border-color:#d4d4d3;
}

/*********
Mobile-Menü
*********/
.mean-container a.meanmenu-reveal {
	background: url(../img/layout/icon-mob-menu.svg) #ececec no-repeat center !important;
	background-size: 25px auto !important;
}

.mean-container .mean-nav ul li a:hover {
	color: #007e00 !important;
}

/*********
Neue styles
*********/
quote {
	font-size: 1.2rem;
	line-height: 1.2;
}

/*********
Layout
*********/
p + h2 {
	padding-top: 15px;
}

img.kompetenzicon {
	width: 40px;
	height: 40px;
	padding-right: 10px;
	border-bottom: 0px;
	float: left;
}

img.kompetenzicon + h2 {
	float: left;
	padding-top:10px;
}

.kompetenzen p {
	clear: both;
}

.impressum {
	text-align: right;
}

@media 
only screen and (min-device-width : 600px) and (max-device-width : 1400px), 
only screen and (min-width : 600px) and (max-width : 1400px) {
.content-block-center {
	width: 100%;
	}
}

@media 
only screen and (min-device-width : 220px) and (max-device-width : 599px), 
only screen and (min-width : 220px) and (max-width : 599px) {
.content-block-center {
	width: 100%;
	}
}