@font-face {
  font-family: 'Roboto';
  src: url("roboto400.woff2");
}

@font-face {
  font-family: 'Walbaum';
  src: url("Walbaum-Fraktur.ttf");
}


@font-face {
  font-family: 'Cloister';
  src: url("CloisterBlack.ttf");
}


@font-face {
  font-family: 'comic sans ms';
  src: url("comic-sans-ms.woff");
}


@font-face {
  font-family: 'RocknRoll One';
  src: url("RocknRollOne-Regular.ttf");
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('material-icons.woff2') format('woff2');
}






*
{
margin: 0;
padding: 0;
border: none;
outline: none;

}


html {
  scroll-behavior: smooth;
}


body {
			width:100%;
			background:#eee;
			font-family:'Roboto';
			font-size:20px;
			line-height:1.8;
			color:#362617;
			transition:all 2s;
}


p { display:block;}


embed {width:33%; height:750px;}

.incontent img {
	
	border: 1px solid #ccc;
	border-bottom:10px solid #e08405;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-right:10px;
	/*width:45%;*/
}
/* @media screen and (max-width: 700px) {.incontent img {width:94%;} } */

#logo{
	position:fixed;
	top:10px;
	left:40px;
	height:80px;
	z-index:100010;
	transition:all 2s;
	
}


#headerspacer { height:0px;}

#header{
position:relative;
height:100px;
background:#EDEDED;
width:100%;
z-index:10;
box-shadow:1px 10px 5px #999;
transition: 2s all;
}





.content{
			background:#fff;
			display:block;
			text-align:center;
			width:100%;

}

.zwischencontent{
			background:#f9f9fb;
			display:block;
			text-align:center;
			width:100%;

}



.bildcontent {
	position:absolute;
	 background-image: url("getreidetechnik-schramm.jpg");
	 opacity:0.4;
	display:block;
	width:100%;
	height:600px;
	  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover;
}

.inbildcontent{
	position:relative;
	margin:0 auto;
	opacity:1;

}

video {
  max-width:100% !IMPORTANT;
  max-height:600px !IMPORTANT;
}


@media screen and (max-width: 1100px) {
	.bildcontent{  background-image: none; height:200px;}
	.inbildcontent{font-size:40px;}
}


@media screen and (max-width: 400px) {
	.bildcontent{  background-size: cover; height:100px;}
	.inbildcontent{font-size:40px;}
}

@media screen and (min-width: 2100px) {
	.bildcontent{  background-size: cover; height:800px;}
	.inbildcontent{font-size:110px;}
}

@media screen and (min-width: 3000px) {
	.bildcontent{  background-size: cover; height:900px;}
	.inbildcontent{font-size:120px;}
}

.incontent {
	display:block;
	max-width:1600px;
	padding:15px;
	margin:0 auto;
}

.incontent li {
	margin-left:30px;
	text-align:left;
}


.incontent p {
	text-align:left;
}

.incontent h1 h2{
			font-family:'Walbaum';	
}



.footer{
position:relative;
background:#EDEDED;

width:100%;
height:auto;
display: flex;
justify-content: center;
align-items: center;
box-shadow:-1px -10px 5px #999;
}


.weartikelboxgross{}

.weartikelbox {
    display: inline-block;
    margin: 5px;
	padding-bottom: 10px;
    vertical-align: top;
    width: 350px;
	background-color: #ededed; 
	border: 1px solid #ccc;
	border-bottom:10px solid #e08405;
	font-size:16px;
	overflow:hidden;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	line-height:1.6;
	max-height:370px;
	transition:all 3s;
		transition-delay:20s;

}
.weartikelbox p {
    margin: 15px 0;
	padding: 5px 10px;
		text-align:left;

}


.weartikelbox img {
    display: block;
    margin: 0 auto;
	width: 100%;
	border: 1px solid #ccc;
	border-bottom:0px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	margin-right:0px;
}
.weartikelbox h2 {
    display: block;
    height: 30px;

    text-align: center;
	font-family:'RocknRoll One';
	color:#e08405;

}

.weartikelbox li {
   margin-left:30px;
   text-align:left;

}

.weartikelbox:hover{
	background:#fff;
	cursor:pointer;
	transition:max-height, 2s;
	max-height:900px;

}


@media screen and (max-width: 800px) {
	.weartikelbox{  width:94%;}
}




.iconsatz {
display:block;
top:4px;
right:5px;
}

.icons{
position:relative;
display:inline-block;
float:right;
font-size:16px;
	color:#e08405;
margin-right:14px;

}

.icon {
	font-family:'Material Icons';
	font-size:18px;
	color:#e08405;
	margin-top:6px;

}


.icongross {
	font-family:'Material Icons';
	font-size:36px;
	color:#e08405;
	background:#eee;
	bottom:-20px;
	cursor:pointer;
	transition: all 1s;
}

#telefonicon {position: absolute; top:25px; left:300px; z-index:9999999900; line-height:12px; text-align:center;}

.icongross:hover {	background:#e08405; color:#eee; 	transition: all 1s;}

.icons a{text-decoration:none;color:#555; vertical-align:top;}
.icons a:hover{background:#eae1c2; color:#000; transition:all 1s;}
.icons img {height:16px;}





#iconstranslate{
position:fixed;
display:block;
margin-top:10px;
margin-left:5px;
z-index:100010;
}

#mobilenavi {display:none;}




#datenschutz, #impressum, #angebottext{

	overflow:auto;
	background: rgba(204,255,204,0.9);
	border-radius:10px;
	border: 20px solid #362617;
	box-shadow: 0 0 15px black;
	position:fixed;
	top:-1600px;
	padding:10px;
left:50%;
right:50%;
width:50%;
margin-left:-25%;
height:50%;
z-index:100006;
transition: all 1.5s;
}


#angebottext img{max-width:100%;}



#schliessen{
		position:absolute;
		right:5px;
		top:0px;;
		z-index:100007;
		cursor:pointer;
		font-size:40px;
		
}


@media (max-width: 1000px)
{
#datenschutz, #impressum, #angebottext{width:75%;margin-left:-37.5%;}
}


@media (max-width: 500px)
{  
#datenschutz, #impressum, #angebottext{
width:90%;
margin-left:-50%;
}
}

#finster{
	position:fixed;
	left:0px; top:0px;
	right:0px; bottom:0px;
	z-index:100005;
	background:rgba(54, 38, 23, 0.85);
	visibility:hidden;
}