/* DEBUG */
/*{
	outline: 1px solid red;
 } */
   
   html{overflow-x: hidden;}

  .row{
	margin: 0px;
	padding: 0px;
	width:100%;
  }

  /* SECTION1 */

  .sectionone{
	background-image: url(img/backgr.png);
	background-repeat: no-repeat;
	background-size: 100vw;
	}

	#text1{
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	width:auto;
	}

	/* Button */
	#button1 {
	width: 173px;
	height: 47px;
	background: rgb(232, 75, 33);
	box-shadow: rgba(232, 75, 33, 0.698) 2px 3px 20px 0px;
	border-radius: 25px;
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0px;
	color: rgb(255, 255, 255);
	text-align: center;
	border:none;
	}

	
	#button1:hover {
	background: #D6350A;
	box-shadow: 2px 3px 20px rgba(232, 75, 33, 0.7);
	}


	#s1 {
	-webkit-appearance: none;
	border:none;
	background-color: transparent;
	font-family: Oswald;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	padding-right:20px;
	color: #000000;
	background: url(img/arrow.svg) no-repeat right;
	}
 
	.menuitem {
	font-family: Oswald;
	font-size: 24px;
	font-weight: 300;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	justify-content: flex-start;
	text-decoration: none;
	}

	.menuitem:hover {
	color: #D6350A;
	text-decoration: none;
	}

	
    #box1
    {
    width: 290px;
	height: auto;
	filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.35));
    }



/* SECTION2 */

	.sectiontwo{
	background-image: url(img/sect2.png);
	position: relative;
	display: flex;
	background-size: 100vw;
	height:75vh;
	width:100vw;
	}

	#vidos
	{
	border-radius: 18px;
	box-shadow: rgba(0, 0, 0, 0.2) 10px 4px 20px 0px;
	width: 548px;
	height: 308px;
	}
	
	#text2{
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 130.2%;
	color:black;
	}

	#title2{
	font-family: Oswald;
	font-style: normal;
	font-weight: 300;
	font-size: 72px;
	line-height: 105.2%;
	color: #000000;
	}

	.sect2txt
	{
	position: absolute;
	top:32vh;
	right:10vw;
	width:auto;
	}





/* SECTION3 */

	.sectionthree{
	background-image: url(img/grill.png);
	position: relative;
	display: flex;
	height:100vh;
	width:100vw;
	background-repeat: no-repeat!important;
	background-size: auto;
	background-position: right; 
	}

	#box2{
	background-image: url(img/box2.png);
	position: absolute;
	transform: translate(53vw,15vh);
	filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.35));
	width:460px;
	height:643px;
	}


	#title3
	{
	position: absolute;
	width: 193px;
	height: 76px;
	font-family: Oswald;
	font-style: normal;
	font-weight: 300;
	font-size: 72px;
	line-height: 105.2%;
	color: #000000;
	width:100%;
	}
	.prodtext{
	position: absolute;
	width: 380px;
	height: 76px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 130.2%;
	}

	#prod1{
	position: absolute;
	left:22vw;
	top:30vh;
	}
	#prod2{
	position: absolute;
	left:15vw;
	top:43vh;
	}
	#prod3{
	position: absolute;
	left:22vw;
	top:55vh;
	}
	#prod4{
	position: absolute;
	left:15vw;
	top:70vh;
	}
	

	#shar1{
	position: absolute;
	left:55vw;
	top:27vh;
	width:272px;
	height:70px;
	}
	
	#shar2{
	position: absolute;
	left:45vw;
	top:40vh;
	width:272px;
	height:70px;
	}
	
	#shar3{
	position: absolute;
	left:55vw;
	top:52vh;
	width:272px;
	height:70px;
	}
	
	#shar4{
	position: absolute;
	left:45vw;
	top:67vh;
	width:272px;
	height:70px;
	}







/* SECTION4 */

.sectionfour{
	background-image: url(img/sect4.png);
	background-color: white;
	position: relative;
	display: flex;
	background-size: 100vw;
	height:100vh;
    width:100vw;
	}


	#title4
	{
	font-family: Oswald;
	font-style: normal;
	font-weight: 300;
	font-size: 72px;
	line-height: 105.2%;
	color: #000000;
	width:100%;
	}

	#whyus{
	position: absolute;
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	text-align: center;
	color: #000000;
	margin-left:30px;
	}

	.shary {
	position: absolute;
	left:12.5%;
	right:12.5%;
	top:40%;
	width:auto;
	}

	.block {
	width: 10%;
	display: inline-block;
	margin-right: 10%;
	}




	/* SECTION5 */

	.sectionfive{
	background-image: url(img/forest.png);
	position: relative;
	display: flex;
	background-size: 100vw;
	height:120vh;
	width:100vw;
	}

	/* Contacts */
	#title5 {
	font-family: Oswald;
	font-size: 72px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	justify-content: flex-start;
	width: 218px;
	transform: translate(0px, 3.68256px);
	line-height: 75.744px;
	height: 76px;
	position: absolute;
	width:100%;
	}


	#line2{
	position: absolute;
	top:84%;
	left:30%;
	}

	#ig2{
	position: absolute;
	}

	#fb2{
	position: absolute;
	}

/* Impressum */
	#impress {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	line-height: 18.75px;
	}

	#allright {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	line-height: 18.75px;
	}

	/* Made by North IT Group */
	#made {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	justify-content: flex-start;
	line-height: 18.75px;
	}

	/* Datenschutz */
	#date {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	justify-content: flex-start;
	line-height: 18.75px;
	}

	/* Privacy policy */
	#privacy {
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	justify-content: flex-start;
	line-height: 18.75px;
	}

	#field {
	width: auto;
	height:40px;
	}
	
	#inq{
	width: 65%;
	height:80px;

}



	/* Send Button */
	#send {
	background: rgb(232, 75, 33);
	box-shadow: rgba(232, 75, 33, 0.698) 2px 3px 20px 0px;
	border-radius: 25px;
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0px;
	color: rgb(255, 255, 255);
	text-align: center;
	border:none;
	width: 106px;
	height: 47px;
	text-align: center;
	position: absolute;
	vertical-align:middle;
	}

	#send:hover {
	background: #D6350A;
	box-shadow: 2px 3px 20px rgba(232, 75, 33, 0.7);
	}

	/* error */
	#error {
	color:#D6350A;
	font-family: "Open Sans";
	font-size: 16px;
	}

	.line-form input[type="text"],
	.line-form input[type="sur"],
	.line-form input[type="email"],
	.line-form input[type="tel"] {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border-bottom: 1px solid rgb(232, 75, 33);
	border-radius: 0;
	color: #000;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 400;
	}

	.line-form ::placeholder {
	color: #666;
	font-family: "Open Sans";
	font-size: 20px;
	line-height: normal; 
	font-weight: 300;
	letter-spacing: 0px;
	color: rgba(0, 0, 0, 0.63);
	}

	.line-form input[type="inquiry"] {
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid rgb(232, 75, 33);
	border-radius: 0;
	color: #000;
	font-family: "Open Sans";
	padding-bottom:40px;
	font-size: 16px;
	font-weight: 400;
	}

/* Telephone */
#ttl {
	font-family: Oswald;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0px;
	color: rgb(232, 75, 33);
}

/* phonenum */
#sec5txt {
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(0, 0, 0);
}

	/* Google Maps */
	#google {
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0px;
	color: rgb(232, 75, 33);
	line-height: 23.436px;
	}

	#n12_61:hover {
	color: #D6350A;
	}

	#ggle {
	color: rgb(232, 75, 33);
	text-decoration: none;
	}

	#ggle:hover {
	color: #D6350A;
	}

	#footer{
	position: absolute;
	bottom:	10vh;
	width:75%;
	right:0vw;
	}

	.logo2{
	position: absolute;
	left:-8vw;
	bottom:-5vh;
	width:auto;
	}

 @media (min-width: 2000px) {
	#text1,#button1,#logo,#vidos,#title2,#title3,#box2,#prod1,#prod2,#prod3,#prod4,#title3,#title4,#title5,#footer,#text2
	{
		transform: scale(1.5);
	}
#box2{right:10vw;top:25vh;}
	.logo2{left:0vw;}
	#text2{padding-top:2vh;}
  }

  @media (max-width: 1260px) {
	#text1,#button1,#logo,#title2,#title3,#box2,#prod1,#prod2,#prod3,#prod4,#title3,#title4,#title5,#footer,#text2,#header
	{
		transform: scale(0.9);
	}
#box2{right:0vw;top:5vw;}
	#prod2,#prod4{left:10vw;}
	#prod1,#prod3{left:15vw;}
	#button1{top:70vh}
  }