/* Grundgerüst
-----------------------------------------------------------*/

/* libre-franklin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/libre-franklin-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/libre-franklin-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/roboto-mono-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Grundgerüst
-----------------------------------------------------------*/
html {
	min-height: 101%;
}

body {
	font-family: 'Libre Franklin', sans-serif;
	color: #673a27;
	font-size: 18px;
	background: #fff;
	letter-spacing: 0.025em;
}

.frame {
	width: 92%;
	max-width: 1100px;
	margin: 0 auto;
}

.whiteBG {
	background: #fff;
}

.colorBG {
	background: #ecdbb9;
/* 	border-bottom: 4px solid #b23240; */
}

section {
	padding: 4.5em 0 4.5em 0;
}

.body-home section.mainContent {
	padding-bottom: 10.5em;
}


/* Allgemeine Formatierungen
-----------------------------------------------------------*/
img {
	max-width: 100%;
}

a {
	text-decoration: none;
	color: inherit;
/* 	border-bottom: 2px solid #b23240; */
}

a:hover {
	color: #b23240;
}

.content a {
	color: #b23240;
/* 	border-bottom: 2px solid #b23240; */
}

p {
	line-height: 1.5em;
	padding: 0 0 1.5em 0;
}

strong, b {
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
}

.content ul {
	padding: 0 0 1.5em 0;
}

.content ul li {
	line-height: 1.5em;
	padding: 0 0 0 0.75em;
}

.content ul li:before {
	content: "– ";
	position: relative;
	margin-left: -0.75em;
}

p:last-child, .content ul:last-child {
	line-height: 1.5em;
	padding-bottom: 0;
}

h1 {
	font-family: 'Roboto Mono', monospace;
	border-bottom: 2px solid #fff;
	font-size: 1.6666666667em;
	font-size: 2.1em;
	position: relative;
	margin: 0 0 0.75em 0;
	padding: 0 0 0.5em 0;
}

h2 {
	font-family: 'Roboto Mono', monospace;
	border-bottom: 2px solid #efeee6;
	font-size: 1.55em;
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
}

h3 {
	position: relative;
	font-size: 1.333333em;
	line-height: 1.25em;
	font-family: 'Roboto Mono', monospace;
	border-bottom: 2px solid #efeee6;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.75em 0;
}


/*
h3:after {
	content: " ";
	position: absolute;
	display: block;
	width: 150px;
	height: 4px;
	background-color: #d2da99;
	z-index: 10;
	left: 0;
	bottom: -4px;
}
*/

h4 {
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.35em;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
/* 	color: #595a49; */
}

h5 {
	line-height: 1.5em;
/*
	color: #8a9b61;
	color: #d2da99;
*/
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
}


/* Struktur
-----------------------------------------------------------*/
.box4 {
	width: 30.612244898%;
	float: right;
}

.box5 {
	width: 39.2857142857%;
	float: right;
}

.box6 {
	width: 47.9591836735%;
	float: left;
}

.box7 {
	width: 56.6326530612%;
	float: left;
}

.box8 {
	width: 65.306122449%;
	float: left;
}

.box9 {
	width: 73.9795918367%;
	float: left;
}

.box10 {
	width: 82.6530612245%;
	float: left;
}

.trekkingBlock .box6:last-child {
	float: right;
}

.paddBottom {
	padding-bottom: 3em; 
}

.innerContent {
	padding: 1.5em;
}

.body-trekking .whiteBG:nth-child(odd) .box6 {
	float: right;
}

.body-trekking .whiteBG:nth-child(odd) .box6:last-child {
	float: left;
}

.landProd {
	padding-bottom: 3em;
}


/* Spezifische Formatierungen
-----------------------------------------------------------*/
.polaroid {
	width: 85%;
	margin: 1em auto;
	padding: 1em 1em 3em 1em;
	background: #fff;
	/*box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);*/
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
 }

.unterschriftBox div {
	float: left;
	padding: 0 3em 0 0;
}

.unterschriftBox div:last-child {
	padding-right: 0;
}

.unterschriftBox p {
	font-size: 0.8888888889em;
	margin: 0.5em 0 0 0;
}

.whiteBG h1, .whiteBG h2, .whiteBG h3 {
	border-bottom: 2px solid #649136;
}

.colorBG h1, .colorBG h2, .colorBG h3 {
	border-bottom: 2px solid #649136;
}

.shadowBox {
/* 	box-shadow:  0 0 0 2px #efeee6; */
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
/* 	border: 2px solid #ecdbb9;  */
	border: 9px solid #fff;
/*     box-shadow: 0 0 3px #ecdbb9 inset; */
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.centerA {
	text-align: center;
}

.centerA h3 {
	border-bottom: none;
	margin-bottom: 0;
}

.centerA h3:after {
/*
	content: " ";
	position: absolute;
	display: block;
	width: 150px;
	height: 4px;
	background-color: #649136;
	z-index: 10;
	bottom: -4px;
	top: 1.65em;
	left: 30%;
	right: 30%;
	width: 40%;
*/
}


.shopStoerer {
	width: 150px;
	height: 150px;
	position: absolute;
	right: 2.5%;
	top: 3em;
	cursor: pointer;
	/* transform: rotate(-10deg); */
}

/* Deckhengst
---------------------------------*/
.deckHengst {
	margin-bottom: 3em;
}

.deckHengst:nth-child(even) {
	float: right;
}

.deckHengst li {
	text-align: center;
}

.content .deckHengst ul li:before {
	content: none;
}

.deckHengst h3 {
	text-align: center;
}


/* Shop
---------------------------------*/
.prodAnriss {
	text-align: center;
	margin-bottom: 3em;
	display: block;
}

.prodAnriss:nth-child(even) {

}

.prodAnriss.box4 {
	float: left;
}



/* Maps
---------------------------------*/
.google-maps {
    position: relative;
    padding-bottom: 50%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
	margin: 0 0 1.3846153846em 0;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.btnLink {
	display: block;
	margin: 3em 0 0 0;
	float: right;
}

.btnLink a {
/* 	border-bottom: 2px solid #649136; */
}

.linkBlock a {
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
}

.body-farm .mainContent {
	background: #ecdbb9 url(../_img/lama2-small.png) no-repeat 80% bottom;
}

.body-trekking .mainContent {
	background: #ecdbb9 url(../_img/lama1-small.png) no-repeat 80% bottom;
}

.body-kontakt .mainContent {
	background: #ecdbb9 url(../_img/lama3-small.png) no-repeat 80% bottom;
}

.body-lohnunternehmen .mainContent {
	background: #ecdbb9 url(../_img/traktor-small.png) no-repeat 20% bottom;
}

.body-produkte .mainContent {
	background: #ecdbb9 url(../_img/lama4-small.png) no-repeat 70% bottom;
}


/* News
-------------------------------------*/
.newsBoxHome {
	margin: -11em 0 0 0;
	padding: 1.7em 2% 1.7em 2%;
	background: #fff;
/*
	box-shadow: 0 0 0 2px #efeee6,
	0 0 0 9px #fff,
	0 0 5px 9px rgba(0,0,0,0.1);
*/
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

.newsBlock {
	float: left;
	width: 47%;
}

.newsBlock:last-child {
	float: right;
}

.newsBlock a {
	color: #b23240;
}

.newsBlock h2 {
	margin-top: 1.3em;
}

.newsBlock h3 {
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
/* 	color: #595a49; */
	border: none;
	margin: 0;
	padding: 0;
}

.newsBlock h3:after {
	content: none;
}

.newsBlock h4 {
	text-transform: none;
	line-height: 1.5em;
	color: #649136;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 600;
	padding-bottom: 1em;
	font-size: 1em;
}

.newsList .newsBlock {
	float: none;
	width: 100%;
	margin-bottom: 3em;
}

.newsList .newsBlock:last-child {
	float: none;
	margin-bottom: 0;
}

a.galleryThumb {
	width: 22%;
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ecdbb9;
	margin: 0 3% 3% 0;
	box-sizing: border-box;
}

/* a.galleryThumb:nth-child(4n) {
	margin-right: 0;
} */

/* Header
-----------------------------------------------------------*/
.logo {
	display: block;
/* 	margin: 0 auto; */
	width: 400px;
	position: relative;
	z-index: 100;
	padding-top: 3.5em;
/*
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
*/
	border: none;
}

h2.logozusatz {
	font-size: 1.225em;
	border: none;
	padding: 0.25em 0 2em 0;
	font-family: 'Libre Franklin', sans-serif;
	line-height: 1.2em;
	letter-spacing: 0.03em
}

h2.logozusatz span {
	display: block;
}

.logo img {
	width: 100%;
}

.siteHeader {
	position: relative;
	background: url(../_img/header-autumn.jpg) no-repeat right center;
	background-size: cover;
}

.siteHeader .frame {
	position: relative;
/* 	height: 250px; */
}

/* Footer
-----------------------------------------------------------*/
.siteFooter {
/* 	background: #fff; */
	background: #ecdbb9;
	margin-top: 2em;
}

.siteFooter .footerImg {
	background: url(../_img/footerBG.jpg) no-repeat center center;
	background-size: cover;
	height: 250px;
}

.siteFooter .frame {
	border-bottom: 2px solid #649136;
	margin: 2.5em auto 5em auto;
	background: url(../_img/lama-footer.png) no-repeat 99% 101%;
}

.siteFooter p {
	float: left;
	padding: 1.5em 8.5144927536% 0.5em 0;
	font-size: 0.8888888889em;
}


/* Main Navigation
-----------------------------------------------------------*/
.mainNav {
	font-family: 'Libre Franklin', sans-serif;
	background: #b23240;
	width: 100%;
}

.mainNav ul ul {
	display: none;
	position: absolute;
	z-index: 200;
	background: #be5239;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.20);
}

.mainNav ul li:hover > ul {
	display: block;
	min-width: 20%;
}

.mainNav ul > li {
	float: left;
	line-height: 1.3em;

}

.mainNav ul ul li {
	display: block;
	float: none;
}

.mainNav ul li a {
	color: #fff;
	padding: 14px 0.75em;
	display: block;
	border-bottom: none;
}

.mainNav li.selected,
.mainNav li:hover 
{
	background: #c77573;
}

.mainNav input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.mainNav label {
	display: none;
	cursor: pointer;
	user-select: none;
}


/*-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------
MediaQueries
-------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------*/

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

body {
	font-size: 16px;
}

.body-farm .mainContent {
	background: #ecdbb9 url(../_img/lama2-small.png) no-repeat 90% bottom;
}

.body-trekking .mainContent {
	background: #ecdbb9 url(../_img/lama1-small.png) no-repeat 90% bottom;
}

.body-kontakt .mainContent {
	background: #ecdbb9 url(../_img/lama3-small.png) no-repeat 90% bottom;
}

.body-lohnunternehmen .mainContent {
	background: #ecdbb9 url(../_img/traktor-small.png) no-repeat 7.5% bottom;
}


h2.logozusatz {
	font-size: 1.37em;
}

} /* Ende 1100 */



@media screen and (max-width: 1070px) {
.frame {
	width: 90%;

}

.unterschriftBox div {
	width: 125px;
	padding: 0 2.5em 0 0;
}


/* Header
-----------------------------------------------------------*/
.logo {
	width: 300px;
	padding: 4.5em 0 1.5em 0;;
}

h2.logozusatz {
	font-size: 1em;
	padding: 0.75em 0 0.75em 0;
	margin: 0;
	line-height: 1.2em;
	color: #fff;
}

h2.logozusatz span {
	display: inline;
}

.roterBalken {
	background: #b23240;
}

/*
.siteHeader {
	height: 225px;
}
*/

section {
	padding: 3em 0 4.5em 0;
}

.innerContent {
	padding: 1em;
}

.shopStoerer {
	width: 100px;
	height: 100px;
	top: 1.75em;
}

/* Navigation
-----------------------------------------------------------*/
.mainNav {
	display: block;
	z-index: 100;
	position: absolute;
	width: 100%;
	top: 15px;
	border: none;
	background: none;
}

.mainNav ul {
	display: none;
	margin: 2.1em 0 0 0;
	background: #b23240;
}

.mainNav ul li {
	float: none;
}

.mainNav label {
	display: block;
	line-height: 34px;
	padding: 0 0.5em 0 2em;
	position: absolute;
	top: 0;
}

.mainNav label span {
	line-height: 1.4em;
	color: #673a27;
	border-bottom: 2px solid #b23240;
	text-transform: uppercase;
	font-weight: 700;
}

.mainNav label:before {
	position: absolute;
	left: 0;
	top: -0.1em;
	content: "\2261";
	font-size: 2.5em;
	color: #b23240;
	font-weight: 700;
}

.mainNav input[type=checkbox]:checked ~ ul {
	display: block;
	position: static;
}

.mainNav input[type=checkbox]:checked ~ label {
	background: #b23240;
}

.mainNav input[type=checkbox]:checked ~ label span {
	color: #fff;
}

.mainNav input[type=checkbox]:checked ~ label:before {

	color: #fff;
}




} /* Ende 950 */



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

.frame {
	width: 90%;
}

h1 {
	font-size: 1.75em;
}

.newsBlock {
	width: 100%;
	margin-bottom: 3em;
}

.newsBlock:last-child {
	margin-bottom: 0;
}

.polaroid {
	margin: 3em auto;
 }

.trekkingBlock .box6.colorBG {
	margin-top: 1.5em;
}

.deckHengst:last-child {
/* 	margin-top: 3em; */
}


/* Header
-----------------------------------------------------------*/
.logo {
	width: 250px;
}

.siteHeader {
/* 	height: 175px; */
}

.shopStoerer {
	width: 75px;
	height: 75px;
	top: 1em;
}

/* Struktur
-----------------------------------------------------------*/
.box4, .box5, .box6, .box7, .box8, .box9, .box10 {
	width: 100%;
}


.mainContent .shadowBox {
	margin: 1.5em 0 1em 0;
}

}

/* Advanced Checkbox Hack Navigation
-----------------------------------------------------------*/
body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
	padding: 0;
  }
  to {
	padding: 0;
  }
}




/* Clearfix
-----------------------------------------------------------*/
.group:after {
  content: "";
  display: table;
  clear: both;
 }