* {margin: 0px; padding: 0px; }

@-ms-viewport { 
	width: device-width; zoom:1; 
}
@-o-viewport {
	width: device-width; zoom:1; 
}
@viewport {
	width: device-width; zoom:1; 
}

@media screen and (max-width: 1150px) {
	.teaser-Bild {
		margin: 14px 2px 10px 0px;
	}
	
	#teaser {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-around;	
	overflow: hidden;
	}
}

@media screen and (max-width: 1100px) {
	.teaser-Bild:nth-of-type(4n+4) {
		display: none;
		}
	.teaser-Bild:nth-of-type(4n+3) {
		margin-right: 0px;
	}	
	.teaser-Bild {
		margin: 14px 2px 10px 0px;
	}
	
	#teaser {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-around;	
	overflow: hidden;
	}

}

	
@media screen and (max-width: 599px) {
	#header h1 {
		font-size: 150%;
	}
	
	#header h2 {
		font-size: 90%;
		margin-bottom: 35px;
	}
	
	#header img {
		width: 20%;
	}
	
	.flex-menu {
		font-size: 80%;		
		padding-left: 15px;
		margin-right: 5px;
		margin-bottom: 7px;		
	}
	
	.flex-menu2 {
		font-size: 80%;
	}
	
	ul.meta-menu {
		margin-top: 10px;
	}
	
	ul.meta-menu li {
		background-size: 15%;
		background: url(images/li-hauptnavi_item.png) 0px 1px no-repeat;
	}
	
	ul.meta-menu2 li {
		background-size: 15%;
		background: url(images/li-hauptnavi_item.png) 0px 0px no-repeat;
	}
	
	ul.menu {
		background: url(images/unter_navi_bg.png) repeat-x;
		width: 100%;
		margin-top: 23px;
		overflow: hidden;
		height: 42px;
		padding: 0px;
	}

	ul.menu li a {
		display: block;
		padding: 10px 5px 0px 5px;
		height: 25px;
		text-decoration: none;
		color: #113f10;
		font-size: 97%;
		font-weight: bold;
		border-right: 1px dotted grey;
	}
	ul.menu li.last a {
		border: none;
	}
	ul.menu span {
		font-size: 110%;
		line-height: 0px;
	}

	ul.menu li a:hover {
		background: url(images/hover_bg.png) repeat-x;
	}

	ul.menu li {
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		background: none;
	}
	
	/* Info-Menu */
	ul.menu2{ 
		width: 100%;
		margin: 20px 0px 0px 0px;
		overflow: hidden;
		height: 115px;
	}

	ul.menu2 li a {
		display: block;
		padding: 10px 20px 0px 20px;
		height: 25px;
		text-decoration: none;
		color: #113f10;
		font-size: 97%;
		font-weight: bold;
		border-right: 1px dotted grey;
	}

	ul.menu2 span {
		font-size: 110%;
		line-height: 0px;
	}

	ul.menu2 li a:hover {
		background: url(images/hover_bg.png) repeat-x;
	}

	ul.menu2 li {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		background: url(images/navi_bg.png) repeat-x;
	}

/* Info-Menu Ende*/
	.teaser-Bild:nth-of-type(4n+4) {
			display: none;
		}
	.teaser-Bild:nth-of-type(4n+3) {
			display: none;
		}
	.teaser-Bild:nth-of-type(4n+2) {
			margin-right: 0px;
		}
		
	#main-container{
		background: white url(images/main2_bg.png) repeat-x;
		width: 85%;
		margin: 0px auto;
		padding: 0px 15px 20px 15px;
	}

	#teaser {
		padding: 5px 0px 0px 0px;
		height: 176px;
		padding-left:0px;
		width: 100%;			
	}
	
	#teaser {
		display: inline-flex;
		flex-direction: row;
		justify-content: space-around;	
		overflow: hidden;
	}

	
	.teaser-Bild {
		margin: 14px 2px 10px 0px;
	}
	
	.info-zweispaltig {
		overflow: hidden;
		margin-top: 20px;
	}

	.info-zweispaltig .schnellübersicht {
		width: 100%;	
		margin-top: 25px;
	}
	
	.info-zweispaltig .haupt-info {
		margin-right: 0px; 
		border-bottom: 2px dotted grey;
	}
	.haupt-info {
		width: 100%;
		padding-bottom: 10px;
	}
	.haupt-info  h2 {
		margin: 0px 0px 10px 0px;
	}

	.haupt-info p  {
		font-weight: normal;
		font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
		font-size: 110%;
		line-height: 1.5;
		margin: 0px 0px 10px 0px;
	}

	.haupt-info .absatz {
		margin: 0px 0px 30px 0px;
	}

	.schnellübersicht h2{
		margin: 0px 0px 10px 0px;
	}

	.schnellübersicht h3{
		margin: 35px 0px 10px 0px;
		color: #392e3d;
		font-size: 115%;
		font-weight: bold;
		background: #eee;
	}
	
	.flex {
		overflow: hidden;
	}
	
	.smart {
		margin-right: 0px; 
		
		padding-right: 15px;
		width: 100%;	
		overflow: hidden;
	}
	.smart2 {
		width: 100%;
		overflow: hidden;
		border-bottom: 2px dotted grey;
		padding-bottom: 10px;
	}
	
	.Wagenbild {
	max-width: 100%;
	height: auto;
	}

	/* Produkte-Seite Start*/
	
	#Products h2.Pd {
		font-size: 130%;
		margin-top: 20px;
	}

	#Products h2.Produktuebersicht {
		margin: 30px 0px 10px 0px;
		color: #392e3d;
		font-size: 115%;
		font-weight: bold;
		background: #F7C56F;
	}

	#Products ul.schnellmenu .Pd1 {
		font-size: 110%;
	}

	ul.schnellmenu li {
		margin-top: 20px;
		margin-bottom: 32px;
	}

	#Products ul.Pd1 li {
		background: url(images/li-hauptnavi_item.png) 0px 20px no-repeat;
		padding-left: 15px;
		margin-right: 5px;
		list-style-type: none;
		margin-bottom: 0px;
		margin-top: 10px;
	}

	#produkte2 img.uv {
		float: right;
		left: 730px;
		top: 600px;
	}

	#produkte2 img.uv1 {
		float: right;
	}

	.Pd2 img {
	float: left;	
	margin-top: -80px;
	margin-left: 100%;
	}

	.Pd2 {
		width: 75%;
		padding: 25px 0px;
		display: block;
	}

	.Pd3 {
		max-width: 35%;
		height: auto;
	}
	
	/* Produkte-Seite Ende*/

	.schnellübersicht p{
		color: red;
	}

	.schnellübersicht .Anwendunginfo {
		margin: 20px 0px 20px 0px;
		color: black;
	}

	p.Anwendunginfo1 {
		margin-top: 30px;
		color: black;
		line-height: 1.6;
	}

	.schnellübersicht table {
		margin-bottom: 20px;
	}

	#bottom {
		background: #ddd url(images/shadow-trans.png) repeat-x;
		width: 85%;
		padding: 10px 30px 10px 30px;
		margin: 0px auto;
		position: relative;
	}

	#bottom address {
		position: absolute;
		right: 15px;
		top: 10px;
	}

	#bottom p, adress {
		font-weight: normal;
	}

	#bottom img {
		position: absolute;
		right: 460px;
		top: 7px;
	}
	#content {
		width: 100%;
	}
	#content form {
		background: #ddd;
		padding: 20px;
	}

	#content input, #content textarea {
		border: 1px solid grey;
		background: white;
		padding: 2px;
	}

	#content #send {
		background: #eee;
		border: 3px outset;
		margin-left: 120px;
	}

	#content label {
		float: left;
		min-width: 120px;
		border-bottom: 1px solid gray;
	}

	#content form p {
		overflow: hidden;
	}

	.uid {
		background: #ddd;
		width: 150px;
	}

	#produkte{
		margin-top: 20px;
	}

	#produkte h2 {
		margin-bottom: 10px;
	}
	#produkte li a {
		font-size: 120%;
	}
	#produkte  li {
		margin: 15px 0px;
	}

	#produkte ul li {
		background: url(images/li-hauptnavi_item.png) 0px 5px no-repeat;
		padding-left: 20px;
		margin-right: 5px;
		list-style-type: none;
		margin-bottom: 7px;
	}


	span.fragen2 { 
		background: #DDDDDD;
		width: 145px;
	}
	p.fragen3 {
		margin: 20px 0px 0px;
	}

	p.fragen2 {
		background: #DDDDDD;
		width: 155px;
	}
		
	.gelocht {
		font-size: 90%;
	}
	.Beispiel {
		margin-top: 20px;
	}

	#produkte2 {	
		width: 100%;
	}

	#produkte2 p {
		margin: 15px 0px;
	}

	.Baendchengewebe {
		max-width: 80%;
		height: auto;
		margin-left: 20px;
	}
	li.material {
		background: none;
	}

	.uv {
		width: 60px;
		height: 80px;
		float: right;
	}	

	.uv1 {
		width: 60px;
		height: 80px;
		float: right;
		margin-right: 17.85714286%;
		margin-top: 20px;	
	}

	.Gallerie h2 {
		margin-bottom: 20px; 
	}

	#Preise h2 {
		margin: 20px 0px 20px 0px;
	}


	#Preise dt {
		font-size: 110%;
		margin: 40px 0px 12px;
	}

	#Preise dl dd  {
		font-size: 110%;
		color: #392e3d;	
		margin: 5px 0px 10px;
	}

	.kursiv {
		font-style: italic;
	}

	#Preise p {
		font-size: 110%;
		line-height: 1.5;
		font-weight: normal;
		color: #392e3d;	
		margin-top: 25px;
		font-family: Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif ;
	}

	.Gallerie {
		background: #eee;
		width: 140px;
		float: left;
		border: 1px solid #ddd;
		margin: 0px 10px 10px 0px;
		height: 160px;
	}

	.Gallerie p {
		text-align: center;
		padding-top: 15px;
	}

	.Gallerie img {
		padding: 5px;
		background: #ecea93;
		border: 1px solid gray; 
	}

	.Gallerie img:hover {
		border-color: orange;
	}

	#Gallerie-h2 h2 {
		margin-bottom: 30px;
	}

	#Gallerie-h2 h3 {
		text-decoration: underline;
	}

	#Gallerie-h3 h3 {
		text-decoration: underline;
	}

	#GalleriePeterle-h3 {
		text-decoration: underline;
	}

	.Gallerie-Salat {
		background: #eee;
		width: 140px;
		float: left;
		border: 1px solid #ddd;
		margin: 0px 10px 10px 0px;
		height: 130px;
	}

	.Gallerie-Salat p {
		text-align: center;
		padding-top: 25px;
	}

	.Gallerie-Salat img {
		padding: 5px;
		background: #ecea93;
		border: 1px solid gray; 
	}

	.Gallerie-Salat img:hover {
		border-color: orange;
	}

	p.fragen {
		margin-top: 20px;
	}

	#info-Bilder img {
		display: inline-block;
		width: 90%;
		height: auto;
		padding: 35px 30px 0px 10px;
	}

	#info-Bilder h2{
		margin-top: 20px;
	}
	
	.info-gelocht {
	display: flex;
	}


	/* Zubehoer */

	#Zubehoer h2 {
		margin-top: 0px;
	}

	#Produkte2 li {
		font-size: 110%;
		margin: 25px 0px 20px 0px;
	}

	/* Erntewagen Erntekarren */

	.h3-unterlegt { 
	margin: 25px 0px 20px 0px;
	color: #392e3d;
	font-size: 115%;
	font-weight: bold;
	background: #f6e9c0;
	}
	
	.h3-unterlegt2 { 
		margin: 30px 0px 20px 0px;
		color: #392e3d;
		font-size: 115%;
		font-weight: bold;
		background: #f6e9c0;
	}
	
	.Erntewagen h2 {
		margin: 20px 0px 15px 0px;	
	}
	.Erntewagen p {
		margin-bottom: 10px;
	}

	.Variante1 h3 {
		margin-top: 36px;
		background: #F7C56F;
	}
	
	p.VPE {
	margin-bottom: 10px;
	}

	.Gallerie-Varainte1 {
		background: #eee;
		width: 140px;
		float: left;
		border: 1px solid #ddd;
		margin: 5px 10px 10px 0px;
		height: 100px;
	}

	.Gallerie-Varainte1 p {
		text-align: center;
		padding-top: 13px;
	}

	.Gallerie-Varainte1 img {
		padding: 5px;
		background: #ecea93;
		border: 1px solid gray; 
	}

	.Gallerie-Varainte1 img:hover {
		border-color: orange;
	}

	p.Vlies {
		font-weight: normal;
	}

	p.Vlies1 {
		font-weight: normal;
	}

	p.Vlies2 {
		font-weight: normal;
	}

	#produkte2 p.Vlies {
		margin-top: 5px;
		line-height: 1.5;
	}

	#produkte2 p.Vlies1 {
		margin-top: 5px;
		line-height: 1.5;
	}

	#produkte2 p.Vlies2 {
		margin-top: 25px;
		line-height: 1.5;
	}

	h2.Vlies {
		margin-top: 30px;
	}
	
	.col1 {
		width: 65px;
	}
	.col2 {
		width: 107px;
	}
	.col3 {
		width: 78px;
	}
	.col4 {
		width: 130px;
	}
	.col5 {
		width: 120px;
	}	
	
	#bottom address{
		display: none;
	}
}

@media screen and (max-width: 350px) {
	#header h1 {
		font-size: 130%;
	}
	
	#header h2 {
		font-size: 90%;
		margin-bottom: 35px;
	}
	
	ul.menu li a {
		padding: 10px 5px 0px 5px;
		font-size: 90%;
		border-right: 1px dotted grey;
	}	
	
	ul.menu span {
		font-size: 103%;
	}
	
	ul.menu2 li a {
		font-size: 90%;
	}

	ul.menu2 span {
		font-size: 103%;
	}
	
	#bottom address{
		display: none;
	}
}