#produkte #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
}   
#kuchen #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-kuchen.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-kuchen.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-kuchen.jpg");
}   
#spezialitaeten #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-spezialitaeten.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-spezialitaeten.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-spezialitaeten.jpg");
}   
#teilchen #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-teilchen.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-teilchen.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-teilchen.jpg");
}   
#inhaltsstoffe #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-inhaltsstoffe.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-inhaltsstoffe.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-inhaltsstoffe.jpg");
}   
#grillbeilagen #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-grillbeilagen.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-grillbeilagen.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-grillbeilagen.jpg");
}   
#festlichkeiten #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-festlichkeiten.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-festlichkeiten.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-festlichkeiten.jpg");
}   
#brot #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-brot.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-brot.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-brot.jpg");
}   
#baeckerei #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-baeckerei.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-baeckerei.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-baeckerei.jpg");
}   
#handwerk #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-handwerk.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-handwerk.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-handwerk.jpg");
}   
#produkte #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-produkte.jpg");
}   
#auszeichnungen #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-auszeichnungen.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-auszeichnungen.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-auszeichnungen.jpg");
}
#ernaehrungsberatung #main > header {
   background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-ernaehrungsberatung.jpg");
   background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-ernaehrungsberatung.jpg");
   background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner-ernaehrungsberatung.jpg");
}

#banner:after {
	background-color: #900;
}
#banner h1 {
    line-height: 1.75em;
}
#header {
	background-color: #b40000;
}
#header a.title {
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    height: inherit;
    left: 1.25em;
    line-height: inherit;
    position: absolute;
    top: 0;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.225em;
    line-height: 1em;
    margin: 1em 0;
    text-transform: uppercase;
    border: 0;
}
#header.alt a.title {
    pointer-events: none;
    opacity: 0;
}
#menu {
    background-color: #4D0000;
}
.wrapper.style1 {
    background-color: #4D0000;
    color: #fff;
}
.wrapper.style1 header.major p {
    color: #fff;
}
.wrapper.style2 {
    background-color: #FEE89A;
}
.wrapper.style2 p,
.wrapper.style2 h2 {
	color: #900;
}
.wrapper.style3 {
    background-color: #eee;
    color: #222;
}

.wrapper.style3 h2, 
.wrapper.style3 h3, 
.wrapper.style3 h4, 
.wrapper.style3 h5, 
.wrapper.style3 h6 {
    color: #b40000;
}
.wrapper.style3 strong, .wrapper.style3 b {
    color: #222;
}
.features li::before {
	color: #b40000;
}
body.landing #footer {
    background-color: rgba(0, 0, 0, 0.7);
}
#menu ul li ul {
    margin: 0;
}
#menu ul li ul li {
    margin: 0;
    padding: 0 0 0 .5rem;
    border-top: 0;
}

#menu ul li ul li a {
    font-size: 0.7em;
} 

#main > header h1 {
    font-size: 1.75em;
    margin: 0 0 0.5em 0;
}
.image.fit {
    margin: 0;
}
a.teaser {
    border:0;
    position: relative;
    display: block;
}
a.teaser .teaser-title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,.3);
    transition: all .25s ease;
}
a.teaser .teaser-title span {
    font-size: 1.25em;
    color: #fff;
    font-weight: 800;
    line-height: 1em;
    text-transform: uppercase;
    transition: all .25s ease;
}
a.teaser:hover .teaser-title {
    background-color: rgba(0,0,0,.6);
}
a.teaser:hover .teaser-title span {
    font-size: 1.5em;
}
input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, button.primary, .button.primary {
    background-color: #b40000;
}
input[type="submit"].primary:hover, input[type="reset"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover {
    background-color: #4D0000 !important;
}
.wrapper.style5 input[type="submit"], .wrapper.style5 input[type="reset"], .wrapper.style5 input[type="button"], .wrapper.style5 button, .wrapper.style5 .button,
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    box-shadow: inset 0 0 0 2px #b40000;
    color: #b40000;
    transition: all 0.2s ease-in-out;
}
.wrapper.style5 input[type="submit"]:hover, .wrapper.style5 input[type="reset"]:hover, .wrapper.style5 input[type="button"]:hover, .wrapper.style5 button:hover, .wrapper.style5 .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #4D0000;
    color: #4D0000;
}
footer {
  padding: 2em 0 1em;
}
footer .wrapper {
    padding: 0;
}
footer p,
footer b,
footer td,
footer li {
  font-size: 80%;
}
footer p {
  margin: 0;
}
.wrapper.style5 table tbody tr:nth-child(2n+1),
table tbody tr:nth-child(2n+1) {
    background-color: transparent;
}

.row.gtr-uniform ul {
    margin-bottom: 2em !important;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 
.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}