@charset "UTF-8";
@import url("../webfonts/ufonts_com_arial_rounded_mt/stylesheet.css");
body {
	color: #683C11;
	background-color: #FFFAF1;
	font-family: "ufonts com arial rounded mt";
	font-weight: normal;
	font-style: normal;
}

h1 {
	font-size: 4em;
}

h2 {
	font-size: 3em;
}

@media (max-width:768px){
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size:2em;
	}
}

h5 {
	font-size: 1.3em;
	color: #454545;
	font-family: "ufonts com arial rounded mt";
	text-align: center;
}

.navbar-collapse.collapse {
        text-align: center; 
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
}

.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
	font-size: 14px;
}

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {min-height:40px !important}

.nopadding {
	margin: 0px;
	padding: 0px;
}

@media (min-width: 768px) {
	.navstyle {
		max-height: 40px;
		min-height: 40px;
	}
}
@media (max-width: 767px) {
	.navstyle {
		max-height: 40px;
		min-height: 40px;
	}
}

.navbar-brand {
  float: none;
	display:inline-block;
  height: 40px;
  padding: 5px;
  line-height: 40px;
}

.navbar-brand>img {
	max-height: 100%;
	height: 40px;
	width: auto;
	margin: 0 auto;

	-o-object-fit: contain;
	object-fit: contain;
}

@media (max-width:768px) {
	.navbar-brand {
		height:50px;
		line-height: 50px;
		vertical-align: middle;
	}
	.navbar-brand>img{
		height: 50px;
	}
	
}

#secondrow {
	top: 80px;
}

.navbar-brand {
	padding: 6px;
}

/*.logo img {
	height: 50px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	border: none;
	padding-left: 0.5em;
}*/

.navbar-default {
	border: 0px;
	background-color: #FAFAFA;
	/*font-size: large;*/
}

/*.navbar.center .navbar-inner {
    text-align: center;
	vertical-align: middle;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
    vertical-align: top;
}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	border: none;
	/*font-size: large;*/
}

.carousel-caption > h3 {
	display: inline-block;
	font-size: 4em;
	text-shadow: 0px 0px;
	color: white;
	/*color: #454545;*/
	position: relative;
  	top: 15%;
  	transform: translateY(-50%);
}

.carousel-caption > p {
	display: inline-block;
	font-size: 2em;
	color: white;
	/*color: #454545;*/
	opacity: 1;
	z-index: 20;
	text-shadow: 0px 0px 0px;
	box-shadow: 0px;
	text-decoration: none;
	position: relative;
  	top: 30%;
  	transform: translateY(-50%);
}

.carousel-caption {
	position: absolute;
	/*display:flex;*/
	left: 60%;
	height: 100%;
	bottom: 0px;
	width: 400px;
	z-index: 10;
	margin: auto;
	padding-top: auto;
	padding-bottom: auto;
	color: #fff;
	text-align: center;
	text-shadow: 0px;
	padding-left: 15px;
	padding-right: 15px;	
	background-color: rgba(1,1,1,0.4);
	/*align-items: center;*/
}

@media (max-width:767px){
	.carousel-caption{
		left: 0%;
		width: 100%;
	}	
	
	.carousel-caption > h3 {
		display: inline-block;
		font-size: 4em;
		text-shadow: 0px 0px;
		color: white;
		/*color: #454545;*/
		position: relative;
		top: 15%;
	}

	.carousel-caption > p {
		display: inline-block;
		font-size: 2em;
		color: white;
		/*color: #454545;*/
		opacity: 1;
		z-index: 20;
		text-shadow: 0px 0px 0px;
		box-shadow: 0px;
		text-decoration: none;
		position: relative;
		top: 35%;
	}
}

@media (min-width:768px) and (max-width:1300px){
	.carousel-caption{
		left: 50%;
	}	
	
		.carousel-caption > h3 {
		display: inline-block;
		font-size: 4em;
		text-shadow: 0px 0px;
		color: white;
		/*color: #454545;*/
		position: relative;
		top: 15%;
	}

	.carousel-caption > p {
		display: inline-block;
		font-size: 2em;
		color: white;
		/*color: #454545;*/
		opacity: 1;
		z-index: 20;
		text-shadow: 0px 0px 0px;
		box-shadow: 0px;
		text-decoration: none;
		position: relative;
		top: 40%;
	}
}

/*.carousel-caption.carouselbackground {
	position:absolute;
	height:100%;
	z-index:-1;
	right: 0%;
	height:100%;
	bottom: 0px;
	left: 0%;
	z-index: -1;
	padding-top: 20px;
	padding-bottom: 40px;
	color: #fff;
	text-align: center;
	text-shadow: 0px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	opacity: 0.5;
}*/


#Beschreibung1 {
	font-size: 1.6em;
	text-align: center;
	padding: 20px 10%;
}

.paddingprodukte {
	padding: 10px;
	
	
}
#testcarousel1, #testcarousel2, #testcarousel3{
	width: 100%;
	padding: 0px;
	margin: 0px;
	min-height: 1000px;
}

@media (min-width:1300px) and (max-width:1500px) {
	#testcarousel1, #testcarousel2, #testcarousel3 {
		min-height: 800px;
	}
}

@media (min-width:768px) and (max-width:1299px) {
	#testcarousel1, #testcarousel2, #testcarousel3 {
		min-height: 600px;
	}
}

@media (max-width:767px) {
	#testcarousel1, #testcarousel2, #testcarousel3 {
		min-height: 700px;
	}
	#Beschreibung1 {
		font-size: 1.2em;
		text-align: center;
		padding: 10px 10%;
	}
}

.carouselrow {
	width: 100%;
	padding: none;
	margin: none;
	height: 100%;
}

.picture {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.pic1 {
	background-image: url("../images/Pics/Startseite_Pic1.JPG");
}
.pic2 {
	background-image: url("../images/Pics/Startseite_Pic2.JPG");
}
.pic3 {
	background-image: url("../images/Pics/haus2.JPG");
}

.pic4 {
	background-image: url("../images/Pics/Startseite_Pic3.JPG");
}


.produkte img {
	width: 100%;
	height: 150px;
}

.produkte p {
	text-align: center;
	color: #454545;
}

.produkte #img1 {
	background-image: url("../images/Graphics/Chicken2.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img2 {
	background-image: url("../images/Graphics/Goose2.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img3 {
	background-image: url("../images/Graphics/Duck2.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img4 {
	background-image: url("../images/Graphics/Egg.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img5 {
	background-image: url("../images/Graphics/Pumpkin.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img6 {
	background-image: url("../images/Graphics/Potato.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

.produkte #img7 {
	background-image: url("../images/Graphics/Sunflower.svg");
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	height: 150px;
}

@media (min-width: 768px) {
	.produkte div:hover #img2 {
		background-image: url("../images/Graphics/Goose_g2.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img1 {
		background-image: url("../images/Graphics/Chicken2_g2.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img3 {
		background-image: url("../images/Graphics/Duck2_g2.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img4 {
		background-image: url("../images/Graphics/Egg_g.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img5 {
		background-image: url("../images/Graphics/Pumpkin_g.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img6 {
		background-image: url("../images/Graphics/Potato_g.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	.produkte div:hover #img7 {
		background-image: url("../images/Graphics/sunflower_g.svg");
		background-repeat: no-repeat;
		background-position:center;
	}	
}

.produkte div:hover p{
	color:#006633;
}

.produkte div:hover h5{
	color:#006633;
}

@media (max-width: 767px) {
	.produkte img {
		height: 300px;
	}
}


.nomargin {
	margin: none;
}
.proddesc h1{
	padding-top:80px;
	text-align: center;
}

.proddesc h2{
	text-align: center;
	vertical-align: middle;
	height: 60px;
	top: 6px;
	position:relative;
}

.borderprodukte {
	border-top: 2px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 2px solid white;
}

.diemandls {
	background-image: url("../images/Pics/wirmandls.jpg");
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 1000px;
}


.diemandlstext > h1 {
/*	display: inline-block;
	font-size: 4em;
	text-shadow: 0px 0px;
	color: white;*/
	position: relative;
  	top: 60%;
  	transform: translateY(-50%);
	left: 15%;
	width: 80%;
}

.diemandlstext > button {
	position: absolute;
	bottom: 200px;
	left: 15.3%;
	margin: auto 0 auto 0;
}

.diemandlstext > p {
	position: relative;
  	top: 60%;
  	transform: translateY(-50%);
	left: 15%;
	width: 80%;
	font-size: 2em;
}

@media (max-width:767px){
	.diemandlstext > button {
		bottom: 100px;
		margin-left: auto;
		margin-right: auto;
		left: 50px;
		right: 50px;
	}
	.diemandlstext > p {
		text-align: center;
		left:0;
		width: 100%;
	}
	.diemandlstext > h1 {
		text-align: center;
		left:0;
		width: 100%;
		top:30%	
	}
}

@media (min-width:768px) and (max-width:991px) {
	.diemandlstext > button {
		bottom: 100px;
	}
	.diemandlstext > h1 {
		top: 35%;
	}
}

@media (max-width:1300px){
	.diemandls {
		height: 800px;
	}
}

@media (min-width: 991px) and (max-width:1300px) {
	.diemandlstext > button {
		bottom: 100px;
	}
}

.diemandlstext {
	position: relative;
	/*display:flex;*/
	right: 0%;
	height: 100%;
	bottom: 0px;
	left: 0%;
	z-index: 10;
	margin: auto;
	padding-top: auto;
	padding-bottom: auto;
	color: #fff;
	text-shadow: 0px;
	padding-left: 15px;
	padding-right: 15px;	
	/*background-color: rgba(1,1,1,0.2);*/
	/*align-items: center;*/
}

.paddingfooter {
	padding-top: 40px;
	padding-bottom: 40px;
}


.footerrow p {
	padding: none;
	margin: none;
	line-height: 0.7;
	font-size: small;	
}

.footerrow a {
	color: #683C11;
}

.footerrow a:hover {
	color:#006633;
}

/*.logofooter {
	transform: translateY(-100%);
}*/

@media (min-width: 768px){
	#footerrowleft {
		text-align: left;
	}
	#footerrowmiddle {
		text-align: center;
	}
	#footerrowright	{
		text-align: right;
	}
}

@media (max-width: 767px){
	#footerrowleft, #footerrowmiddle, #footerrowright{
		text-align:center;
	}
}