/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media only screen and (max-width : 1200px) {

	html {
	 background: #ecf0f1;
	}

}

@media only screen and (max-width : 1100px) {

	#menu li {
		font-size: .95em;

	}

	body.ru #menu li {
		font-size: .95em;
		margin-right: 20px;
	}

	#menu li {
			margin: 0 25px 0 0;
	}

}


@media only screen and (max-width : 950px) {
	.news-article {
	    margin: 0 3.97% 3.97% 0;
	    width: 48.011%;
	}

	.news-article:nth-of-type(3n) {
	    margin-right: 3.97%;
	}

	.news-article:nth-of-type(2n) {
	    margin-right: 0;
	}

	.hentry .entry-content .produktgruppe-teaser h2 {
		font-size: 1em;
	}

	/* ==========================================================================
	   Menu / Mobile
	   ========================================================================== */

		#menu {
			display: none;
		}

		#menu-mobil {
			display: block;
		}

		a#menu-mobil-button {
			float: right;
			margin: 36px 0 0;
			position: relative;
			color: #aaa;
			text-decoration: none;
			font-size: .9em;
		}

		a#menu-mobil-button:before {
			content: '\f419';
			font-family: "Genericons";
			position: absolute;
			top: -40px;
			font-size: 35px;
			left: 1px;
			color: #0091d1;
		}

		a#menu-mobil-button.active:before {
			content: '\f405';
			font-size: 45px;
			left: -5px;
			top: -45px;
		}

		ul.mobile-menu {
			display: none;
			position: absolute;
			z-index: 9999;
			width: 100%;
			background: #0091d1;
			background: rgba(0,160,228,0.95);
			left: 0;
			top: 150px;
			border-bottom: 5px solid #77929d;
			border-top: 5px solid #77929d;
			padding: 0;

		}

		ul.mobile-menu li {
			text-align: center;
			line-height: 40px;
			border-bottom: 1px dotted #ccc;
			text-transform: uppercase;
		}

		ul.mobile-menu li:last-child {
			border-bottom: 0;
		}

		ul.mobile-menu li a {
			color: #FFF;
			text-decoration: none;
			display: block;
		}

		ul.mobile-menu li ul {
			displaY: none;
		}

}

@media only screen and (max-width : 900px) {

	.slogan h1, .intro {
		width: 85%;
	}

	.intro h4 {
		text-align: center;
	}

	.produktgruppe-wrapper .produkt {
		width: 48.4%;
	}

	.produktgruppe-wrapper .produkt:nth-of-type(3n) {
		margin: 0 3.07% 3.07% 0;
	}

	.produktgruppe-wrapper .produkt:nth-of-type(2n) {
		margin: 0 0 3.07% 0;
	}

	body.page-template-tpl_produkt_anbau-php .wrapper-produkte,
	.produkt-info  {
		float: none;
		width: auto;
	}


	.item h3.slider-hl {
		font-size: 1.15em;
	}

	p.slider-content {
	    font-size: .875em;
	}

	.reg-contacts {
	    margin: 0 4.88% 35px 0;
	    width: 47.05%;
	}

	.reg-contacts:nth-of-type(3n) {
	    margin: 0 4.88% 35px 0;
	}

	.reg-contacts:nth-of-type(2n) {
			margin: 0 0 35px 0;
	}

}

@media only screen and (max-width : 860px) {
	.news {
		position: relative;
	}

	.article-left-news p.entry-date {
		position: relative;
	}

	.icons-services	{
		width: 65.642%;
	}

	ul.icons li {
	    margin: 0 6.14% 35px 0;
	    width: 15%;
	}

	ul.icons li:nth-child(5n) {
	    margin: 0 0 35px 0;
	}

}

@media only screen and (max-width : 790px) {

	.home-intro,
	.post-content {
		float: none;
		width: auto;
	}

	.post-content {
		border-bottom: 1px solid #0091d1;
		padding-bottom: 40px;
	}

	#sidebar,
	body.home #sidebar {
		float: none;
		width: auto;
		padding-top: 60px;
	}


}


@media only screen and (max-width : 768px) {



	.teaser 	{
		margin-top: 40px;
	}


}

@media only screen and (max-width : 660px) {

	.produkt-teaser,
	.produkt-teaser:nth-of-type(2n) {
		display: block;
		clear: both;
		float: none;
		width: 450px;
		margin: 0 auto;
		margin-bottom: 60px;
		min-height: 1px;
	}

	.produkt-teaser:last-child {
		margin-bottom: 0;
	}

	.produkt-teaser .entry-content {
	    min-height: auto;
	}

	.hentry .entry-content {
		width: auto;
		float: none;
	}

	#sidebar {
		float: none;
		width: 100%;
	}

	#footer p {
		float: none;
		text-align: center;
		width: 100%;
		display: block;
	}

	.produkt th {
		font-size: 0.8em;
	}

	body.page-template-tpl_produkt_anbau-php .hentry .entry-content .produkt-hl h3	{
		font-size: .95em;
	}

	.page-header {
	    display: none;
	}

	.icons-services {
    width: 450px;
		margin: 0 auto 70px;
	}

	body.home .icons-services {
	    margin: 100px auto 60px;
	}

	#breadcrumb {
	    margin: 15px 0 60px;
	}

	.contact,
	.contact .left,
	.contact .right	{
		display: block;
		width: 100%;
	}

	.contact .left {
		margin-bottom: 70px;
	}

	header.page-headline h1.entry-header,
	header.page-headline p.category-header {
		margin-bottom: 40px;
	}

}

@media only screen and (max-width : 605px) {



	.logo-pic-outer {
		width: 30.28%;
		margin: 0 3.067% 3.067% 0;
	}

	.logo-wrapper .logo-pic-outer:nth-of-type(5n) {
		margin-right: 3.067%;
	}

	.logo-wrapper .logo-pic-outer:nth-of-type(3n) {
		margin-right: 0;
	}

	body.page-template-tpl_produkt_anbau-php .hentry .entry-content .produktgruppe-hl h2 {
		position: relative;
		display: block;
	}

	.produktgruppe-teaser {
		float: none;
		width: auto;
		margin: 0 0 50px;
		overflow: hidden;
	}

	.produktgruppe-teaser:nth-child(2n) {
	    margin: 0 0 50px;
	}

	.produktgruppe-teaser:last-child {
	    margin: 0;
	}

	body.page-template-tpl_produktgruppen p.start-aktuelle-hl {
		margin-bottom: 70px;
		margin-top: 75px;
	}

	.news-article {
	    margin: 0 auto 35px;
	    width: 450px;
			float: none;
	}

	.news-article:nth-of-type(3n) {
	    margin: 0 auto 35px;
	}

	.news-article:nth-of-type(2n) {
	    margin: 0 auto 35px;
	}

	.article-content {
		min-height: auto;
	}

	p.slider-content {
	    display: none;
	}

	.owl-carousel .owl-item {
	    padding: 0 0 38px;
	}

	.slider-content-wrapper {
	    width: 100%;
	}

}

@media only screen and (max-width : 540px) {

	.produkt-teaser,
	.produkt-teaser:last-child,
	.icons-services {
		width: auto;
	}

	.reg-contacts {
	    margin: 0 0 50px 0;
	    width: 100%;
	}

	.reg-contacts:nth-of-type(3n) {
	    margin: 0 0 50px 0;
	}

	.reg-contacts:nth-of-type(2n) {
			margin: 0 0 50px 0;
	}

}


@media only screen and (max-width : 510px) {

	.produktgruppe-wrapper .produkt {
		width: auto;
		margin: 0 0 40px;
		float: none;
	}

	.produktgruppe-wrapper .produkt:nth-of-type(3n) {
		margin: 0 0 40px;
	}

	.produktgruppe-wrapper .produkt:nth-of-type(2n) {
		margin: 0 0 40px;
	}

	.produkt {
		width: 100%;
	}

	.grid-sizer {
		width: 100%;
	}

	.produkt th {
		font-size: 0.9em;
	}

	.news-article {
	    width: auto;
	}



}

@media only screen and (max-width : 490px) {



	.slogan h1,
	.intro h4 {
		font-size: 1.5em;
	}

	body.page-template-tpl_produkt_anbau-php .produktgruppe-wrapper .produkt {
		width: 100%;
		margin: 0 0 30px 0;
	}

	body.page-template-tpl_produkt_anbau-php .produktgruppe-wrapper .produkt:nth-of-type(odd) {
		margin: 0 0 30px 0;
	}

}

@media only screen and (max-width : 460px) {

	.slogan h1, .intro {
		width: 100%;
	}

	.schnellkontakt {
		float: none;
		width: 100%;
		background: rgba(242,242,242, .95);
	}

	.schnellkontakt p {
		width: 250px;
		margin: 5px auto;

	}

	.hentry .entry-content .produktgruppe-hl h2 {
		font-size: 1.15em;
	}

	.article-left-news {
		margin: 0 20px 20px 0;
	}

	.article-content {
		margin-left: 0;
	}

	.item h3.slider-hl {
	    font-size: 1.05em;
	}

	.owl-carousel .owl-item {
    padding: 0 0 36px;
	}

}

@media only screen and (max-width : 428px) {

.logo-wrapper .logo-pic-outer {
	width: 46.66%;
	margin: 0 4.67% 4.67% 0;
}

.logo-wrapper .logo-pic-outer:nth-of-type(3n) {
	margin-right: 4.67%;
}

.logo-wrapper .logo-pic-outer:nth-of-type(2n) {
	margin-right: 0;
}

.wrapper {
    padding: 0 20px;
}

.wrapper.header {
    padding: 20px 20px 20px;
}

.wpcf7 p.left-form,
.wpcf7 p.right-form {
	float: none;
	width: auto;
}

#logo {
	width: 130px;
	margin-top: 10px;
}

}