@charset "utf-8";
/* LESS Document */
@import "fonts-and-color.css";
@import "meyerweb.css";
/* LESS Document */
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#block1 {
  width: 100%;
  margin: 60px 0px 0px 0px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 720px;
}
#block1 #teaser {
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
}
#block1 #teaser .headlines {
  align-self: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
#block1 #teaser .headlines h1 {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 0px 10px;
  font-family: 'RobotoSlab-Bold';
  font-size: 3.875em;
  color: #44251c;
  line-height: 1.3em;
  background-color: #ffffff;
}
#block1 #teaser .headlines h2 {
  align-self: center;
  display: inline-table;
  font-family: 'RobotoSlab-Bold';
  color: #44251c;
  padding: 0px 10px;
  font-size: 3.875em;
  background-color: #ffffff;
  line-height: 1.3em;
  text-align: center;
}
#block2 {
  width: 100%;
  margin: 60px 0px 0px 0px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 0px;
  padding-top: 0%;
  position: relative;
}
#block2 .teaser {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  background-color: transparent;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
}
#block2 .teaser a {
  text-decoration: none;
  display: inline-table;
  text-align: center;
}
#block2 .teaser .headlines {
  align-self: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  max-width: 50%;
}
#block2 .teaser .headlines h1 {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 0px 10px;
  font-family: 'RobotoSlab-Bold';
  font-size: 3.875em;
  color: #44251c;
  line-height: 1.3em;
  background-color: #ffffff;
  text-align: center;
}
#block2 .teaser .headlines h2 {
  align-self: center;
  display: inline-table;
  font-family: 'RobotoSlab-Bold';
  color: #44251c;
  padding: 0px 10px;
  font-size: 3.875em;
  background-color: #ffffff;
  line-height: 1.3em;
  text-align: center;
}
header {
  position: absolute;
  width: 100%;
  height: 5%;
  max-width: 1280px;
  z-index: 20;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: flex-start;
}
header .navig {
  align-self: flex-start;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0px 0px 0px;
}
header .navig .menu {
  margin: 0px 20px;
}
header .navig .menu img {
  cursor: pointer;
}
header .navig .shop {
  margin: 0px 0px 4px 0px;
  min-width: 100px;
  text-align: center;
}
header .navig .shop a {
  text-decoration: none;
  color: #939393;
  font-family: 'Roboto-Regular';
  font-size: 0.75em;
}
header .navig .shop a:hover,
header .navig .shop a:focus {
  color: #000000;
}
header .navig .search {
  min-width: 150px;
  margin: 0px 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: baseline;
}
header .navig .search form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
header .navig .search form input[type=search] {
  border-radius: 8px;
  border: 1px solid #939393;
  padding: 3px;
  color: #939393;
}
header .navig .search form input[type=image] {
  margin: 0px 0px 0px 10px;
}
header .navig nav.versteckt {
  display: none;
}
header .logo {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 20;
  width: 175px;
  margin: 10px 20px 0px 0px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
header .logo a img {
  max-width: 175px;
  width: 100%;
  height: auto;
}
.schraege {
  position: absolute;
  top: 60px;
  left: 0px;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
  background: linear-gradient(7deg, transparent 0%, transparent 49.9%, #ffffff 50%, #ffffff 100%);
}
.schraege img {
  width: 100%;
  height: auto;
}
nav {
  height: 970px;
  position: absolute;
  z-index: 1000;
  top: -970px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
nav #menuepunkte {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  padding: 0px 2%;
  height: 626px;
  background-color: #44251c;
  display: flex;
  flex-flow: row nowrap;
}
nav #menuepunkte div {
  width: 24%;
  margin: 20px 0px 0px 0px;
  justify-content: flex-start;
  max-height: 630px;
}
nav #menuepunkte div ul li {
  width: 100%;
  line-height: 2em;
}
nav #menuepunkte div ul li a {
  display: flex;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.25em;
  font-family: 'Roboto-Bold';
}
nav #menuepunkte div ul li a:hover,
nav #menuepunkte div ul li a:focus,
nav #menuepunkte div ul li a.aktiv {
  color: #f2bb34;
}
nav #menuepunkte div ul ul {
  margin: 36px 0px 0px 0px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
nav #menuepunkte div ul ul li {
  width: 100%;
}
nav #menuepunkte div ul ul li a {
  text-transform: none;
  text-decoration: none;
  color: #ffffff;
  font-size: 1em;
  font-family: 'Roboto-Regular';
}
nav #menuepunkte div ul ul.open {
  display: block;
}
nav #menuepunkte div.mobile {
  display: none;
}
nav #menuepunkte #webshop {
  position: absolute;
  z-index: 1005;
  top: 39%;
  left: 2%;
  max-width: 420px;
  width: 40%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-content: flex-start;
}
nav #menuepunkte #webshop div {
  width: 100%;
  margin: 0px 0px 0px 0px;
}
nav #menuepunkte #webshop div#zumshop {
  width: 100%;
  margin: 0px 0px 20px 0px;
}
nav #menuepunkte #webshop div#zumshop a {
  text-decoration: none;
}
nav #menuepunkte #webshop div#zumshop a p {
  cursor: pointer;
  box-sizing: border-box;
  width: 85%;
  max-width: 342px;
  height: 48px;
  background-color: #f2bb34;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 15px;
  color: #44251c;
  font-family: 'Roboto-Regular';
  font-size: 1.25em;
  border: 1px solid #44251c;
  padding: 12px 0px 0px 0px;
}
nav #menuepunkte #webshop div#zumshop img {
  width: 38px;
}
nav #menuepunkte #webshop form {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
nav #menuepunkte #webshop form input[type=search] {
  text-align: center;
  box-sizing: border-box;
  width: 85%;
  max-width: 342px;
  height: 48px;
  background-color: #7b625b;
  border-radius: 15px;
  border: 1px solid #44251c;
  margin: 0px 20px 0px 0px;
  font-family: 'Roboto-Regular';
  color: #ffffff;
  font-size: 1.5em;
  padding: 0px 10px 0px 10px;
}
nav #menuepunkte #webshop form input[type=search]::-webkit-input-placeholder {
  color: #ffffff;
}
nav #menuepunkte #webshop form input[type=search]::-moz-placeholder {
  color: #ffffff;
}
nav #menuepunkte #webshop form input[type=search]:-ms-input-placeholder {
  color: #ffffff;
}
nav #menuepunkte #webshop form input[type=search]:-moz-placeholder {
  color: #ffffff;
}
nav #menuepunkte #webshop form input[type=image] {
  cursor: pointer;
  width: 38px;
}
nav #menueinfos {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  max-height: 344px;
}
nav #menueinfos #kontaktmenue {
  width: 40%;
  background-color: #f2bb34;
  box-sizing: content-box;
  padding: 2%;
}
nav #menueinfos #kontaktmenue h2 {
  color: #44251c;
  font-size: 1.25em;
  font-family: 'Roboto-Bold';
  text-transform: uppercase;
}
nav #menueinfos #kontaktmenue #telefon {
  margin: 4% 0px 0px 0px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
}
nav #menueinfos #kontaktmenue #telefon .phone {
  min-width: 54px;
}
nav #menueinfos #kontaktmenue #telefon .nummer h3 {
  color: #44251c;
  font-size: 2em;
  font-family: 'Roboto-Regular';
  text-transform: uppercase;
}
nav #menueinfos #kontaktmenue #telefon .nummer h3 a {
  text-decoration: none;
  color: #44251c;
}
nav #menueinfos #kontaktmenue #email {
  margin: 4% 0px 0px 0px;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
}
nav #menueinfos #kontaktmenue #email .mail {
  min-width: 54px;
}
nav #menueinfos #kontaktmenue #email .schreiben a {
  color: #44251c;
  font-size: 1.375em;
  font-family: 'Roboto-Regular';
  text-decoration: none;
}
nav #menueinfos #kontaktmenue p {
  color: #44251c;
  font-family: 'Roboto-Regular';
  font-size: 1.25em;
}
nav #menueinfos #newsmenue {
  width: 60%;
  background-color: #7b625b;
  box-sizing: content-box;
  padding: 2%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
}
nav #menueinfos #newsmenue div {
  width: 48%;
}
nav #menueinfos #newsmenue div.newsbild {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-self: flex-start;
  max-height: 344px;
  height: 100%;
}
nav #menueinfos #newsmenue div.newsbild img {
  align-self: flex-start;
  max-width: 365px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
nav #menueinfos #newsmenue div.newstext h4 {
  color: #ffffff;
  font-size: 1.25em;
  font-family: 'Roboto-Bold';
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
}
nav #menueinfos #newsmenue div.newstext h5 {
  color: #ffffff;
  font-size: 1.25em;
  font-family: 'Roboto-Bold';
  text-transform: uppercase;
}
nav #menueinfos #newsmenue div.newstext p {
  margin: 10px 0px 0px 0px;
  color: #ffffff;
  font-family: 'RobotoSlab-Regular';
  font-size: 1.25em;
  line-height: 1.3em;
}
nav #menueinfos #newsmenue div.newstext p a {
  font-family: 'Roboto-Regular';
  text-decoration: none;
  background-color: #f2bb34;
  color: #44251c;
  padding: 7px 17px;
  border-radius: 15px;
}
nav #close {
  position: absolute;
  z-index: 1010;
  top: 20px;
  right: 20px;
}
nav #close img {
  cursor: pointer;
}
body {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  min-width: 320px;
}
/* LESS Document */
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
main {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
main #greetings {
  box-sizing: content-box;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
main #greetings .container {
  max-width: 800px;
  padding: 40px 20px 40px 20px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-content: center;
}
main #greetings .container h3 {
  font-size: 1.5em;
  font-family: 'RobotoSlab-Bold';
  color: #44251c;
  text-align: center;
  line-height: 1.3em;
  margin: 0px 0px 15px 0px;
}
main #greetings .container p {
  font-size: 1.5em;
  font-family: 'RobotoSlab-Regular';
  color: #44251c;
  text-align: center;
  line-height: 1.4em;
}
main #greetings .container p a {
  text-decoration: none;
  color: #f2bb34;
}
main #produkte {
  width: 90%;
  max-width: 1440px;
  padding: 40px 20px 40px 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
main #produkte a {
  text-decoration: none;
  width: 31%;
  margin: 2% 0px;
}
main #produkte a article.homeprodukte {
  width: 100%;
}
main #produkte a article.homeprodukte figure {
  position: relative;
}
main #produkte a article.homeprodukte figure img {
  width: 100%;
  height: auto;
}
main #produkte a article.homeprodukte figure .schraeg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
  background: linear-gradient(7deg, #ffffff 0%, #ffffff 49.9%, transparent 50%, transparent 100%);
  min-height: 46px;
}
main #produkte a article.homeprodukte figure .schraeg img {
  width: 100%;
  height: auto;
}
main #produkte a article.homeprodukte div.textblock {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  padding: 0px 10px 2% 10px;
}
main #produkte a article.homeprodukte div.textblock h2 {
  font-family: 'RobotoSlab-Bold';
  font-size: 1.25em;
  line-height: 1.3em;
  color: #44251c;
  width: 80%;
  text-align: center;
  margin: 0px 0px 5px 0px;
}
main #produkte a article.homeprodukte div.textblock h3 {
  font-family: 'Roboto-Regular';
  font-size: 1em;
  color: #44251c;
  line-height: 1.4em;
  text-align: center;
  width: 80%;
}
main #natur {
  width: 100%;
  padding: 60px 20px 20px 20px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  background-color: #f2bb34;
}
main #natur .headlines {
  align-self: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
}
main #natur .headlines h1 {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 0px 1%;
  font-family: 'RobotoSlab-Bold';
  font-size: 3.125em;
  color: #44251c;
  line-height: 1.3em;
  background-color: #ffffff;
}
main #natur .headlines h2 {
  align-self: center;
  display: inline-table;
  font-family: 'RobotoSlab-Bold';
  color: #44251c;
  padding: 0px 10px;
  font-size: 3.125em;
  background-color: #ffffff;
  line-height: 1.3em;
  text-align: center;
}
main #natur .ziege {
  padding: 60px 0px 60px 0px;
  align-self: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 100%;
  max-width: 800px;
}
main #natur .ziege figure {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
main #natur .ziege figure img {
  align-self: flex-start;
  width: 80%;
  max-width: 920px;
  height: auto;
}
main #natur .biopionier {
  align-self: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
}
main #natur .biopionier p {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 0px 1%;
  font-family: 'RobotoSlab-Regular';
  font-size: 1.25em;
  color: #44251c;
  line-height: 1.4em;
  text-align: center;
}
main #kaeselager {
  position: relative;
  width: 100%;
  height: auto;
}
main #kaeselager .header {
  position: absolute;
  width: 100%;
  top: -1px;
  right: 0px;
  left: 0px;
  display: block;
}
main #kaeselager .header .schraegekaese {
  width: 100%;
  height: 100%;
  background: linear-gradient(7deg, transparent 0%, transparent 49.9%, #f2bb34 50%, #f2bb34 100%);
  display: block;
}
main #kaeselager .header .schraegekaese img {
  width: 100%;
  height: 100%;
}
main #kaeselager img {
  width: 100%;
  height: auto;
}
main #biokaesegenuss {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
main #biokaesegenuss .header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 3% 0px;
  width: 100%;
}
main #biokaesegenuss .header figure {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
main #biokaesegenuss .header figure img {
  align-self: center;
  box-sizing: border-box;
  padding: 15px 0px;
  width: 100%;
  max-width: 171px;
}
main #biokaesegenuss .header figure img.impression {
  width: 90%;
  max-width: 100%;
}
main #biokaesegenuss .header h4 {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 0px 1%;
  font-family: 'RobotoSlab-Bold';
  font-size: 3.125em;
  color: #44251c;
  line-height: 1.3em;
  background-color: #f2bb34;
}
main #biokaesegenuss .header h5 {
  align-self: center;
  display: inline-table;
  font-family: 'RobotoSlab-Bold';
  color: #44251c;
  padding: 0px 10px;
  font-size: 3.125em;
  background-color: #f2bb34;
  line-height: 1.3em;
  text-align: center;
}
main #biokaesegenuss .header p {
  align-self: center;
  display: inline-table;
  margin: 0px 0px 15px 0px;
  padding: 3% 1% 1% 1%;
  font-family: 'RobotoSlab-Regular';
  font-size: 1.25em;
  color: #44251c;
  line-height: 1.4em;
  text-align: center;
  max-width: 800px;
}
/* LESS Document */
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Light';
  src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Light.woff') format('woff'), url('fonts/RobotoSlab-Light.ttf') format('truetype'), url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
#newsletter {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  background-color: #44251c;
  padding: 3% 1%;
  box-sizing: border-box;
  margin: 5px 0px 0px 0px;
}
#newsletter .container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#newsletter .container .header {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-around;
}
#newsletter .container .header h2 {
  align-self: center;
  display: inline-table;
  margin: 1% 0px 3% 0px;
  padding: 0px 1%;
  font-family: 'RobotoSlab-Bold';
  font-size: 3.125em;
  color: #44251c;
  line-height: 1.3em;
  background-color: #ffffff;
}
#newsletter .container .header p {
  align-self: center;
  font-size: 1.5em;
  font-family: 'RobotoSlab-Regular';
  color: #ffffff;
  text-align: center;
  line-height: 1.4em;
  max-width: 800px;
}
#newsletter .container form {
  padding: 3% 0% 2% 0%;
  width: 33%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#newsletter .container form #fehler {
  align-self: center;
  font-size: 1.5em;
  font-family: 'RobotoSlab-Regular';
  color: #ff0000;
  text-align: center;
  line-height: 1.4em;
}
#newsletter .container form input[type=text],
#newsletter .container form input[type=email] {
  margin: 1% 0px;
  width: 100%;
  border-radius: 15px;
  border: 3px solid #ffffff;
  background-color: #ffffff;
  padding: 3px 10px;
  color: #44251c;
  font-size: 1.5em;
  font-family: 'RobotoSlab-Regular';
  text-align: center;
  line-height: 1.4em;
  -webkit-appearance: none;
}
#newsletter .container form .sbtbtn {
  cursor: pointer;
  width: 50%;
  margin: 5% 0px;
  border-radius: 15px;
  border: 3px solid #f2bb34;
  background-color: #f2bb34;
  padding: 3px 10px;
  color: #44251c;
  font-size: 1.125em;
  font-family: 'RobotoSlab-Regular';
  text-align: center;
  line-height: 1.85em;
  -webkit-appearance: none;
}
#newsletter .container .shortcuts {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  margin: 5% 0% 0% 0%;
}
#newsletter .container .shortcuts ul {
  width: 60%;
  max-width: 660px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#newsletter .container .shortcuts ul li {
  margin: 0px 1%;
  min-height: 40px;
}
#newsletter .container .shortcuts ul li a {
  text-decoration: none;
  color: #f2bb34;
  font-size: 1.125em;
  font-family: 'Roboto-Regular';
  text-align: center;
  line-height: 1.4em;
  text-transform: uppercase;
}
#newsletter .container .socialmedia {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
  margin: 5% 0% 0% 0%;
}
#newsletter .container .socialmedia ul {
  width: 220px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
footer {
  background-color: #00aacf;
  margin: 5px 0px 0px 0px;
  width: 100%;
  padding: 15px 20px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
footer .container {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  max-width: 1440px;
}
footer .container #rights {
  width: 40%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  padding: 15px 0px;
  box-sizing: border-box;
}
footer .container #rights #copyrights {
  width: 33%;
  min-width: 140px;
}
footer .container #rights #copyrights p {
  color: #ffffff;
  font-size: 0.75em;
  text-transform: uppercase;
  font-family: 'RobotoSlab-Light';
  margin: 2px 0px 0px 0px;
}
footer .container #rights #footermenu {
  width: 67%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  min-width: 210px;
}
footer .container #rights #footermenu ul {
  width: 80%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}
footer .container #rights #footermenu ul li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.75em;
  font-family: 'RobotoSlab-Light';
}
footer .container #siegel {
  width: 60%;
  min-width: 600px;
  padding: 15px 0px;
  box-sizing: content-box;
}
footer .container #siegel ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
@media screen and (min-width: 641px) and (max-width: 980px) {
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  #block1 {
    min-height: 400px;
  }
  #block1 .teaser .headlines h1 {
    font-size: 2.5em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #ffffff;
  }
  #block1 .teaser .headlines h2 {
    padding: 0px 10px;
    font-size: 2.5em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #ffffff;
  }
  #block2 .teaser .headlines h1 {
    font-size: 2.5em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #ffffff;
  }
  #block2 .teaser .headlines h2 {
    padding: 0px 10px;
    font-size: 2.5em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #ffffff;
  }
  header {
    max-width: 980px;
  }
  header .navig .menu {
    margin: 0px 20px;
  }
  header .navig .menu img {
    cursor: pointer;
  }
  header .navig .shop {
    margin: 0px 15px 2px 15px;
    min-width: 80px;
    text-align: center;
  }
  header .navig .shop a {
    color: #939393;
    font-family: 'Roboto-Regular';
    font-size: 0.75em;
  }
  header .navig .search {
    min-width: 120px;
    margin: 0px 10px;
  }
  header .navig nav.versteckt {
    display: none;
  }
  header .logo a img {
    max-width: 125px;
    width: 70%;
    height: auto;
  }
  nav #menuepunkte div ul li {
    line-height: 1.75em;
  }
  nav #menuepunkte div ul li a {
    color: #ffffff;
    font-size: 1em;
    font-family: 'Roboto-Bold';
  }
  nav #menuepunkte div ul li a:hover,
  nav #menuepunkte div ul li a:focus,
  nav #menuepunkte div ul li a.aktiv {
    color: #f2bb34;
  }
  nav #menuepunkte div ul ul {
    margin: 26px 0px 0px 0px;
  }
  nav #menuepunkte div ul ul li {
    width: 100%;
  }
  nav #menuepunkte div ul ul li a {
    color: #ffffff;
    font-size: 0.875em;
    font-family: 'Roboto-Regular';
  }
  nav #menuepunkte #webshop {
    top: 42%;
    width: 40%;
  }
  nav #menuepunkte #webshop div#zumshop {
    margin: 0px 0px 20px 0px;
  }
  nav #menuepunkte #webshop div#zumshop a p {
    cursor: pointer;
    width: 75%;
    height: 38px;
    border-radius: 15px;
    font-size: 1em;
    border: 1px solid #44251c;
    padding: 10px 0px 0px 0px;
  }
  nav #menuepunkte #webshop div#zumshop img {
    width: 30px;
    height: 38px;
  }
  nav #menuepunkte #webshop form {
    justify-content: flex-start;
  }
  nav #menuepunkte #webshop form input[type=search] {
    width: 75%;
    height: 38px;
    border-radius: 15px;
    margin: 0px 20px 0px 0px;
    font-size: 1.25em;
  }
  nav #menuepunkte #webshop form input[type=image] {
    align-self: center;
    width: 30px;
    height: 38px;
  }
  nav #menueinfos #kontaktmenue {
    width: 40%;
    background-color: #f2bb34;
    box-sizing: content-box;
    padding: 2%;
  }
  nav #menueinfos #kontaktmenue h2 {
    color: #44251c;
    font-size: 1em;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
  }
  nav #menueinfos #kontaktmenue #telefon {
    margin: 4% 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  nav #menueinfos #kontaktmenue #telefon .phone {
    align-self: center;
    min-width: 44px;
  }
  nav #menueinfos #kontaktmenue #telefon .phone img {
    width: 32px;
    height: 32px;
  }
  nav #menueinfos #kontaktmenue #telefon .nummer h3 {
    color: #44251c;
    font-size: 1.5em;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
  }
  nav #menueinfos #kontaktmenue #telefon .nummer h3 a {
    text-decoration: none;
    color: #44251c;
  }
  nav #menueinfos #kontaktmenue #email {
    margin: 4% 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  nav #menueinfos #kontaktmenue #email .mail {
    min-width: 44px;
  }
  nav #menueinfos #kontaktmenue #email .mail img {
    width: 32px;
    height: 19px;
  }
  nav #menueinfos #kontaktmenue #email .schreiben a {
    color: #44251c;
    font-size: 1em;
    font-family: 'Roboto-Regular';
    text-decoration: none;
  }
  nav #menueinfos #kontaktmenue p {
    align-self: center;
    color: #44251c;
    font-family: 'Roboto-Regular';
    font-size: 1em;
  }
  nav #menueinfos #newsmenue {
    width: 60%;
    background-color: #7b625b;
    box-sizing: content-box;
    padding: 2%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: center;
  }
  nav #menueinfos #newsmenue div {
    width: 48%;
  }
  nav #menueinfos #newsmenue div.newsbild {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-self: flex-start;
    max-height: 344px;
    height: 100%;
  }
  nav #menueinfos #newsmenue div.newsbild img {
    align-self: flex-start;
    max-width: 365px;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  nav #menueinfos #newsmenue div.newstext h4 {
    font-size: 0.875em;
    margin: 0px 0px 10px 0px;
  }
  nav #menueinfos #newsmenue div.newstext h5 {
    color: #ffffff;
    font-size: 0.875em;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
  }
  nav #menueinfos #newsmenue div.newstext p {
    margin: 10px 0px 0px 0px;
    color: #ffffff;
    font-family: 'RobotoSlab-Regular';
    font-size: 0.875em;
    line-height: 1.4em;
  }
  nav #menueinfos #newsmenue div.newstext p a {
    font-family: 'Roboto-Regular';
    text-decoration: none;
    background-color: #f2bb34;
    color: #44251c;
    padding: 7px 17px;
    border-radius: 15px;
  }
  nav #close {
    position: absolute;
    z-index: 1010;
    top: 20px;
    right: 20px;
  }
  nav #close img {
    cursor: pointer;
  }
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  main #greetings .container {
    max-width: 600px;
    padding: 30px 20px 20px 20px;
  }
  main #greetings .container h3 {
    font-size: 1.25em;
    color: #44251c;
    text-align: center;
    line-height: 1.3em;
  }
  main #greetings .container p {
    font-size: 1.25em;
    color: #44251c;
    text-align: center;
    line-height: 1.4em;
  }
  main #produkte {
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  main #produkte a {
    text-decoration: none;
    width: 48%;
    margin: 2% 0px;
  }
  main #produkte a article.homeprodukte div.textblock {
    padding: 0px 10px 2% 10px;
  }
  main #produkte a article.homeprodukte div.textblock h2 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0px 0px 5px 0px;
  }
  main #produkte a article.homeprodukte div.textblock h3 {
    font-size: 0.875em;
    line-height: 1.3em;
    width: 80%;
  }
  main #natur {
    padding: 40px 20px 10px 20px;
  }
  main #natur .headlines {
    max-width: 600px;
  }
  main #natur .headlines h1 {
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-size: 2.25em;
    line-height: 1.3em;
  }
  main #natur .headlines h2 {
    padding: 0px 10px;
    font-size: 2.25em;
    line-height: 1.3em;
  }
  main #natur .ziege {
    padding: 30px 0px 30px 0px;
    width: 80%;
    max-width: 600px;
  }
  main #natur .ziege figure img {
    width: 80%;
    max-width: 400px;
    height: auto;
  }
  main #natur .biopionier {
    width: 100%;
    max-width: 500px;
  }
  main #natur .biopionier p {
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-size: 1em;
    line-height: 1.4em;
  }
  main #kaeselager {
    position: relative;
  }
  main #kaeselager img {
    width: 100%;
    height: auto;
    min-height: auto;
  }
  main #biokaesegenuss {
    width: 100%;
    max-width: 560px;
  }
  main #biokaesegenuss .header {
    padding: 3% 0px;
  }
  main #biokaesegenuss .header img {
    box-sizing: border-box;
    padding: 15px 0px;
    width: 100%;
    max-width: 120px;
    height: auto;
  }
  main #biokaesegenuss .header img.impression {
    max-width: 100%;
  }
  main #biokaesegenuss .header h4 {
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-size: 2.25em;
    line-height: 1.3em;
  }
  main #biokaesegenuss .header h5 {
    padding: 0px 10px;
    font-size: 2.25em;
    line-height: 1.3em;
  }
  main #biokaesegenuss .header p {
    margin: 0px 0px 15px 0px;
    padding: 3% 1% 1% 1%;
    font-size: 1em;
    color: #44251c;
    line-height: 1.4em;
    text-align: center;
    max-width: 800px;
  }
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Light';
    src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Light.woff') format('woff'), url('fonts/RobotoSlab-Light.ttf') format('truetype'), url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  #newsletter .container {
    max-width: 560px;
  }
  #newsletter .container .header h2 {
    margin: 1% 0px 3% 0px;
    padding: 0px 1%;
    font-size: 2.25em;
    line-height: 1.3em;
  }
  #newsletter .container .header p {
    font-size: 1.25em;
    line-height: 1.4em;
    max-width: 500px;
  }
  #newsletter .container form {
    width: 50%;
  }
  #newsletter .container form #fehler {
    font-size: 1.25em;
    line-height: 1.4em;
  }
  #newsletter .container form input[type=text],
  #newsletter .container form input[type=email] {
    margin: 1% 0px;
    width: 100%;
    border-radius: 15px;
    font-size: 1em;
    line-height: 1.4em;
  }
  #newsletter .container form .sbtbtn {
    width: 66%;
    font-size: 0.875em;
    line-height: 1.6em;
  }
  #newsletter .container .shortcuts {
    width: 100%;
  }
  #newsletter .container .shortcuts ul {
    width: 90%;
    max-width: 560px;
  }
  #newsletter .container .shortcuts ul li {
    margin: 0px 1%;
    min-height: 30px;
  }
  #newsletter .container .shortcuts ul li a {
    font-size: 0.875em;
  }
  #newsletter .container .socialmedia {
    margin: 5% 0% 2% 0%;
  }
  #newsletter .container .socialmedia ul {
    width: 180px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #newsletter .container .socialmedia ul li img {
    width: 48px;
    height: 49px;
  }
  footer .container {
    max-width: 600px;
  }
  footer .container #rights {
    width: 80%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 15px 0px;
    box-sizing: border-box;
  }
  footer .container #rights #footermenu {
    justify-content: flex-end;
  }
  footer .container #siegel {
    width: 60%;
    max-width: 600px;
    padding: 15px 0px;
    box-sizing: content-box;
  }
  footer .container #siegel ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
  }
  footer .container #siegel ul li {
    margin: 2% 0px 2% 0px;
    width: 48%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
}
@media screen and (min-width: 1921px) {
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  #block1 {
    min-height: 920px;
  }
  #block2 #teaser {
    top: 50%;
  }
  header {
    position: absolute;
    width: 100%;
    height: 5%;
    max-width: 1280px;
    z-index: 20;
  }
  header .navig {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 0px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0px 0px 0px;
  }
  header .navig .menu {
    margin: 0px 20px;
  }
  header .navig .menu img {
    cursor: pointer;
  }
  header .navig .shop {
    margin: 0px 0px 4px 0px;
    min-width: 100px;
    text-align: center;
  }
  header .navig .shop a {
    text-decoration: none;
    color: #939393;
    font-family: 'Roboto-Regular';
    font-size: 0.75em;
  }
  header .navig .shop a:hover,
  header .navig .shop a:focus {
    color: #000000;
  }
  header .navig .search {
    min-width: 150px;
    margin: 0px 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: baseline;
  }
  header .navig .search form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
  }
  header .navig .search form input[type=search] {
    border-radius: 8px;
    border: 1px solid #939393;
    padding: 3px;
    color: #939393;
  }
  header .navig .search form input[type=image] {
    margin: 0px 0px 0px 10px;
  }
  header .navig nav.versteckt {
    display: none;
  }
  header .logo a img {
    width: 100%;
    height: auto;
  }
  nav {
    height: 970px;
    position: absolute;
    z-index: 1000;
    top: -970px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
  nav #menuepunkte {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    padding: 0px 2%;
    height: 626px;
    background-color: #44251c;
    display: flex;
    flex-flow: row nowrap;
  }
  nav #menuepunkte div {
    width: 24%;
    margin: 20px 0px 0px 0px;
    justify-content: flex-start;
    max-height: 630px;
  }
  nav #menuepunkte div ul li {
    width: 100%;
    line-height: 2em;
  }
  nav #menuepunkte div ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25em;
    font-family: 'Roboto-Bold';
  }
  nav #menuepunkte div ul li a:hover,
  nav #menuepunkte div ul li a:focus,
  nav #menuepunkte div ul li a.aktiv {
    color: #f2bb34;
  }
  nav #menuepunkte div ul ul {
    margin: 36px 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
  nav #menuepunkte div ul ul li {
    width: 100%;
  }
  nav #menuepunkte div ul ul li a {
    text-transform: none;
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
    font-family: 'Roboto-Regular';
  }
  nav #menuepunkte div ul ul.open {
    display: block;
  }
  nav #menuepunkte div.mobile {
    display: none;
  }
  nav #menuepunkte #webshop {
    position: absolute;
    z-index: 1005;
    top: 39%;
    left: 2%;
    max-width: 420px;
    width: 40%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: flex-start;
  }
  nav #menuepunkte #webshop div {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
  nav #menuepunkte #webshop div#zumshop {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  nav #menuepunkte #webshop div#zumshop a {
    text-decoration: none;
  }
  nav #menuepunkte #webshop div#zumshop a input[type=button] {
    cursor: pointer;
    box-sizing: border-box;
    width: 85%;
    max-width: 342px;
    height: 48px;
    background-color: #f2bb34;
    border-radius: 15px;
    color: #44251c;
    font-family: 'Roboto-Regular';
    font-size: 1.25em;
    border: 1px solid #44251c;
    -webkit-appearance: none;
  }
  nav #menuepunkte #webshop div#zumshop img {
    width: 38px;
  }
  nav #menuepunkte #webshop form {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  nav #menuepunkte #webshop form input[type=search] {
    text-align: center;
    box-sizing: border-box;
    width: 85%;
    max-width: 342px;
    height: 48px;
    background-color: #7b625b;
    border-radius: 15px;
    border: 1px solid #44251c;
    margin: 0px 20px 0px 0px;
    font-family: 'Roboto-Regular';
    color: #ffffff;
    font-size: 1.5em;
    padding: 0px 10px 0px 10px;
  }
  nav #menuepunkte #webshop form input[type=image] {
    cursor: pointer;
    width: 38px;
  }
  nav #menueinfos {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    max-height: 344px;
  }
  nav #menueinfos #kontaktmenue {
    width: 40%;
    background-color: #f2bb34;
    box-sizing: content-box;
    padding: 2%;
  }
  nav #menueinfos #kontaktmenue h2 {
    color: #44251c;
    font-size: 1.25em;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
  }
  nav #menueinfos #kontaktmenue #telefon {
    margin: 4% 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  nav #menueinfos #kontaktmenue #telefon .phone {
    min-width: 54px;
  }
  nav #menueinfos #kontaktmenue #telefon .nummer h3 {
    color: #44251c;
    font-size: 2em;
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
  }
  nav #menueinfos #kontaktmenue #telefon .nummer h3 a {
    text-decoration: none;
    color: #44251c;
  }
  nav #menueinfos #kontaktmenue #email {
    margin: 4% 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  nav #menueinfos #kontaktmenue #email .mail {
    min-width: 54px;
  }
  nav #menueinfos #kontaktmenue #email .schreiben a {
    color: #44251c;
    font-size: 1.375em;
    font-family: 'Roboto-Regular';
    text-decoration: none;
  }
  nav #menueinfos #kontaktmenue p {
    color: #44251c;
    font-family: 'Roboto-Regular';
    font-size: 1.25em;
  }
  nav #menueinfos #newsmenue {
    width: 60%;
    background-color: #7b625b;
    box-sizing: content-box;
    padding: 2%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: center;
  }
  nav #menueinfos #newsmenue div {
    width: 48%;
  }
  nav #menueinfos #newsmenue div.newsbild {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-self: flex-start;
    max-height: 344px;
    height: 100%;
  }
  nav #menueinfos #newsmenue div.newsbild img {
    align-self: flex-start;
    max-width: 365px;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  nav #menueinfos #newsmenue div.newstext h5 {
    color: #ffffff;
    font-size: 1.25em;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
  }
  nav #menueinfos #newsmenue div.newstext p {
    margin: 20px 0px 0px 0px;
    color: #ffffff;
    font-family: 'RobotoSlab-Regular';
    font-size: 1.25em;
    line-height: 1.3em;
  }
  nav #menueinfos #newsmenue div.newstext p a {
    font-family: 'Roboto-Regular';
    text-decoration: none;
    background-color: #f2bb34;
    color: #44251c;
    padding: 7px 17px;
    border-radius: 15px;
  }
  nav #close {
    position: absolute;
    z-index: 1010;
    top: 20px;
    right: 20px;
  }
  nav #close img {
    cursor: pointer;
  }
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  main {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
  }
  main #greetings {
    box-sizing: content-box;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  main #greetings .container {
    max-width: 800px;
    box-sizing: content-box;
    width: 100%;
    padding: 40px 20px 40px 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-content: center;
  }
  main #greetings .container h3 {
    font-size: 1.5em;
    font-family: 'RobotoSlab-Bold';
    color: #44251c;
    text-align: center;
    line-height: 1.3em;
    margin: 0px 0px 15px 0px;
  }
  main #greetings .container p {
    font-size: 1.5em;
    font-family: 'RobotoSlab-Regular';
    color: #44251c;
    text-align: center;
    line-height: 1.4em;
  }
  main #produkte {
    width: 90%;
    max-width: 1280px;
    padding: 40px 20px 40px 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  main #produkte a {
    text-decoration: none;
    width: 31%;
    margin: 2% 0px;
  }
  main #produkte a article.homeprodukte {
    width: 100%;
  }
  main #produkte a article.homeprodukte img {
    width: 100%;
    height: auto;
  }
  main #produkte a article.homeprodukte div.textblock {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    padding: 0px 10px 2% 10px;
  }
  main #produkte a article.homeprodukte div.textblock h2 {
    font-family: 'RobotoSlab-Bold';
    font-size: 1.25em;
    line-height: 1.3em;
    width: 80%;
    text-align: center;
    margin: 0px 0px 5px 0px;
  }
  main #produkte a article.homeprodukte div.textblock h3 {
    font-family: 'Roboto-Regular';
    font-size: 1em;
    line-height: 1.3em;
    text-align: center;
    width: 80%;
  }
  main #natur {
    width: 100%;
    padding: 60px 20px 20px 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    background-color: #f2bb34;
  }
  main #natur .headlines {
    align-self: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
  }
  main #natur .headlines h1 {
    align-self: center;
    display: inline-table;
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-family: 'RobotoSlab-Bold';
    font-size: 3.125em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #ffffff;
  }
  main #natur .headlines h2 {
    align-self: center;
    display: inline-table;
    font-family: 'RobotoSlab-Bold';
    color: #44251c;
    padding: 0px 10px;
    font-size: 3.125em;
    background-color: #ffffff;
    line-height: 1.3em;
    text-align: center;
  }
  main #natur .ziege {
    padding: 60px 0px 60px 0px;
    align-self: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
    max-width: 800px;
  }
  main #natur .ziege figure {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  main #natur .ziege figure img {
    align-self: flex-start;
    width: 80%;
    max-width: 592px;
    height: auto;
  }
  main #natur .biopionier {
    align-self: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
  }
  main #natur .biopionier p {
    align-self: center;
    display: inline-table;
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-family: 'RobotoSlab-Regular';
    font-size: 1.25em;
    color: #44251c;
    line-height: 1.4em;
    text-align: center;
  }
  main #kaeselager {
    position: relative;
    width: 100%;
    height: auto;
  }
  main #kaeselager .header {
    position: absolute;
    width: 100%;
    top: -1px;
    right: 0px;
    left: 0px;
  }
  main #kaeselager .header .schraege {
    width: 100%;
    height: 100%;
    background-color: #f2bb34;
    background: linear-gradient(7deg, transparent 0%, transparent 49.9%, #f2bb34 50%, #f2bb34 100%);
  }
  main #kaeselager .header .schraege img {
    width: 100%;
    height: auto;
  }
  main #kaeselager img {
    width: 100%;
    height: auto;
  }
  main #biokaesegenuss {
    width: 100%;
    max-width: 1280px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  main #biokaesegenuss .header {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 3% 0px;
  }
  main #biokaesegenuss .header img {
    box-sizing: border-box;
    padding: 15px 0px;
    width: 100%;
    max-width: 171px;
  }
  main #biokaesegenuss .header img.impression {
    max-width: 100%;
  }
  main #biokaesegenuss .header h4 {
    align-self: center;
    display: inline-table;
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font-family: 'RobotoSlab-Bold';
    font-size: 3.125em;
    color: #44251c;
    line-height: 1.3em;
    background-color: #f2bb34;
  }
  main #biokaesegenuss .header h5 {
    align-self: center;
    display: inline-table;
    font-family: 'RobotoSlab-Bold';
    color: #44251c;
    padding: 0px 10px;
    font-size: 3.125em;
    background-color: #f2bb34;
    line-height: 1.3em;
    text-align: center;
  }
  main #biokaesegenuss .header p {
    align-self: center;
    display: inline-table;
    margin: 0px 0px 15px 0px;
    padding: 3% 1% 1% 1%;
    font-family: 'RobotoSlab-Regular';
    font-size: 1.25em;
    color: #44251c;
    line-height: 1.4em;
    text-align: center;
    max-width: 800px;
  }
}
@media screen and (max-width: 640px) {
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  #block1 {
    min-height: 200px;
  }
  #block1 #teaser {
    top: 50%;
  }
  #block1 #teaser .headlines h1 {
    font-size: 1.3125em;
    margin: 0px 0px 5px 0px;
    line-height: 1.3em;
  }
  #block1 #teaser .headlines h2 {
    padding: 0px 5px;
    font-size: 1.3125em;
    line-height: 1.3em;
  }
  #block2 .teaser .headlines h1 {
    font-size: 1.3125em;
    margin: 0px 0px 5px 0px;
    line-height: 1.3em;
  }
  #block2 .teaser .headlines h2 {
    padding: 0px 5px;
    font-size: 1.3125em;
    line-height: 1.3em;
  }
  header .navig .menu {
    margin: 0px 10px 0px 20px;
  }
  header .navig .menu img {
    cursor: pointer;
  }
  header .navig .shop {
    margin: 0px 0px 4px 5px;
    min-width: 120px;
    text-align: left;
  }
  header .navig .shop a {
    text-decoration: none;
    color: #939393;
    font-family: 'Roboto-Regular';
    font-size: 0.75em;
  }
  header .navig .shop a:hover,
  header .navig .shop a:focus {
    color: #f2bb34;
  }
  header .navig .search {
    display: none;
  }
  header .navig nav.versteckt {
    display: none;
  }
  header .logo a img {
    max-width: 90px;
    width: 90%;
    height: auto;
  }
  nav {
    top: -970px;
    height: auto;
    flex-flow: row wrap;
  }
  nav #menuepunkte {
    box-sizing: border-box;
    padding: 60px 0px 0px 0px;
    height: auto;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
  nav #menuepunkte div {
    width: 100%;
    margin: 0px 0px 0px 0px;
    flex-flow: row wrap;
    justify-content: flex-start;
    max-height: none;
  }
  nav #menuepunkte div ul {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
  }
  nav #menuepunkte div ul li {
    display: block;
    border-top: 1px solid #ffffff;
    width: 100%;
    line-height: 2em;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
  }
  nav #menuepunkte div ul li a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-size: 1em;
    font-family: 'Roboto-Bold';
    padding: 10px 0px 10px 20px;
  }
  nav #menuepunkte div ul li a:hover,
  nav #menuepunkte div ul li a:focus,
  nav #menuepunkte div ul li a.aktiv {
    color: #ffffff;
  }
  nav #menuepunkte div ul li.fueller,
  nav #menuepunkte div ul li.desktop {
    display: none;
  }
  nav #menuepunkte div ul ul {
    margin: 0px 0px 0px 0px;
    width: 100%;
    display: none;
    flex-flow: column nowrap;
    justify-content: flex-start;
  }
  nav #menuepunkte div ul ul li {
    width: 100%;
    background-color: #baa8a3;
  }
  nav #menuepunkte div ul ul li a {
    text-transform: none;
    text-decoration: none;
    color: #44251c;
    font-size: 1em;
    font-family: 'Roboto-Regular';
  }
  nav #menuepunkte div ul ul.open {
    display: flex;
  }
  nav #menuepunkte div.mobile {
    display: flex;
    width: 100%;
  }
  nav #menuepunkte div.mobile ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  nav #menuepunkte div.mobile ul li {
    width: 100%;
  }
  nav #menuepunkte #webshop {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: flex-start;
    align-content: flex-start;
  }
  nav #menuepunkte #webshop div {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
  nav #menuepunkte #webshop div#zumshop {
    width: 100%;
    margin: 0px 0px 0px 0px;
    background-color: #f2bb34;
    border-top: 1px solid #ffffff;
  }
  nav #menuepunkte #webshop div#zumshop a {
    width: 100%;
    text-decoration: none;
  }
  nav #menuepunkte #webshop div#zumshop a p {
    width: 100%;
    height: 52px;
    background-color: #f2bb34;
    border-radius: 0px;
    color: #44251c;
    font-family: 'Roboto-Regular';
    font-size: 1.25em;
    border: none;
    padding: 16px 0px 0px 0px;
  }
  nav #menuepunkte #webshop div#zumshop img {
    display: none;
  }
  nav #menuepunkte #webshop form {
    width: 100%;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 0px 6px 20px;
    border-top: 1px solid #ffffff;
  }
  nav #menuepunkte #webshop form input[type=search] {
    width: 80%;
    height: 40px;
    border-radius: 15px;
    border: 1px solid #44251c;
    margin: 0px 20px 0px 0px;
    font-family: 'Roboto-Regular';
    color: #ffffff;
    font-size: 1em;
    padding: 0px 10px 0px 10px;
  }
  nav #menuepunkte #webshop form input[type=image] {
    cursor: pointer;
    width: 30px;
    height: auto;
  }
  nav #menueinfos {
    display: none;
  }
  nav #menueinfos #kontaktmenue {
    display: none;
  }
  nav #menueinfos #newsmenue {
    display: none;
  }
  nav #close {
    position: absolute;
    z-index: 1010;
    top: 20px;
    right: 20px;
  }
  nav #close img {
    cursor: pointer;
  }
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  main #greetings .container {
    box-sizing: content-box;
    width: 85%;
    max-width: 600px;
    padding: 20px 20px 20px 20px;
  }
  main #greetings .container h3 {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0px 0px 10px 0px;
  }
  main #greetings .container p {
    font-size: 1em;
    line-height: 1.4em;
  }
  main #produkte {
    max-width: 640px;
    padding: 20px 20px 20px 20px;
  }
  main #produkte a {
    width: 48%;
  }
  main #produkte a article.homeprodukte div.textblock {
    padding: 0px 10px 2% 10px;
  }
  main #produkte a article.homeprodukte div.textblock h2 {
    font-size: 0.875em;
    line-height: 1.3em;
  }
  main #produkte a article.homeprodukte div.textblock h3 {
    font-size: 0.75em;
    line-height: 1.3em;
  }
  main #natur {
    padding: 20px 20px 20px 20px;
  }
  main #natur .headlines {
    width: 85%;
    max-width: 800px;
  }
  main #natur .headlines h1 {
    margin: 0px 0px 5px 0px;
    padding: 0px 10px;
    font-size: 1.3725em;
    line-height: 1.5em;
  }
  main #natur .headlines h2 {
    padding: 0px 10px;
    font-size: 1.3725em;
    line-height: 1.5em;
  }
  main #natur .ziege {
    padding: 30px 0px 30px 0px;
  }
  main #natur .ziege figure img {
    width: 50%;
    height: auto;
  }
  main #natur .biopionier p {
    margin: 0px 0px 5px 0px;
    padding: 0px 10px;
    font-size: 1em;
    line-height: 1.4em;
  }
  main #biokaesegenuss .header {
    padding: 3% 0px 0px 0px;
  }
  main #biokaesegenuss .header figure {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: flex-start;
    width: 100%;
  }
  main #biokaesegenuss .header figure img {
    width: 80%;
    max-width: 171px;
    height: 100%;
  }
  main #biokaesegenuss .header figure img.impression {
    width: 90%;
    height: 100%;
  }
  main #biokaesegenuss .header h4 {
    margin: 5px 0px 5px 0px;
    font-size: 1.3725em;
    line-height: 1.5em;
    padding: 0px 10px;
  }
  main #biokaesegenuss .header h5 {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px;
    font-size: 1.3725em;
    line-height: 1.5em;
  }
  main #biokaesegenuss .header p {
    margin: 0px 0px 5px 0px;
    font-size: 1em;
    line-height: 1.4em;
  }
  /* LESS Document */
  @font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Roboto-Thin';
    src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold.woff') format('woff'), url('fonts/RobotoSlab-Bold.ttf') format('truetype'), url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular.woff') format('woff'), url('fonts/RobotoSlab-Regular.ttf') format('truetype'), url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'RobotoSlab-Light';
    src: url('fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Light.woff') format('woff'), url('fonts/RobotoSlab-Light.ttf') format('truetype'), url('fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  #newsletter .container .header h2 {
    margin: 1% 0px 15px 0px;
    padding: 0px 10px;
    font-size: 1.3125em;
    line-height: 1.5em;
  }
  #newsletter .container .header p {
    font-size: 1em;
    line-height: 1.4em;
  }
  #newsletter .container form {
    width: 85%;
  }
  #newsletter .container form #fehler {
    font-size: 1em;
    line-height: 1.4em;
  }
  #newsletter .container form input[type=text],
  #newsletter .container form input[type=email] {
    border-radius: 10px;
    padding: 3px 10px;
    color: #44251c;
    font-size: 1em;
    line-height: 1.4em;
  }
  #newsletter .container form .sbtbtn {
    cursor: pointer;
    width: 50%;
    margin: 5% 0px;
    border-radius: 10px;
    padding: 3px 10px;
    font-size: 1em;
    line-height: 1.4em;
    -webkit-appearance: none;
  }
  #newsletter .container .shortcuts ul {
    width: 100%;
  }
  #newsletter .container .shortcuts ul li {
    margin: 0px 7px;
    min-height: 25px;
  }
  #newsletter .container .shortcuts ul li a {
    font-size: 0.8125em;
    line-height: 1.4em;
  }
  #newsletter .container .socialmedia {
    margin: 8% 0% 4% 0%;
  }
  #newsletter .container .socialmedia ul {
    width: 160px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  #newsletter .container .socialmedia ul img {
    width: 39px;
    height: 40px;
  }
  footer {
    flex-flow: column wrap;
    justify-content: center;
  }
  footer .container {
    display: flex;
    flex-flow: column wrap;
  }
  footer .container #rights {
    width: 100%;
    flex-flow: column wrap;
    justify-content: center;
    padding: 15px 0px;
    box-sizing: border-box;
  }
  footer .container #rights #copyrights {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  footer .container #rights #copyrights p {
    font-size: 0.75em;
  }
  footer .container #rights #footermenu {
    margin: 5% 0px 5% 0px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  footer .container #rights #footermenu ul {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-self: center;
  }
  footer .container #rights #footermenu ul li {
    margin: 3px 0px;
    align-self: center;
  }
  footer .container #rights #footermenu ul li a {
    font-size: 0.75em;
  }
  footer .container #siegel {
    width: 100%;
    min-width: 320px;
  }
  footer .container #siegel ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  footer .container #siegel ul li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
    margin: 10px 0px;
  }
}