/** Seitenlayout */
html{ margin: 0; padding: 0; height: 100%; }
body { height: 100%; min-height: 100%;  margin: 0; padding: 0; background: #f0f0f0 url("../images/noise.png") 0 0 repeat;}
#page {  position:relative; height:auto !important; height:100%; min-height: 100%; }
#page-wrap { background: #ffffff;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); }
#logo { position: absolute; bottom: 0; margin-bottom: -31px; left: 0;  right: 0; margin-left: auto; margin-right: auto; width: auto; height: auto;  max-width: 100%;  max-height: 160px; }
#title {  margin: 15px 5px; line-height: 1.2; float: left; display: inline-block; }
#title .brand { font-weight: 500; font-size: 28px;  }
#title .address { font-weight: 300; font-size: 16px; }
#zettel { position: absolute; background: #f6eb66; right: 0; margin-top: 30px; margin-right: 25px; padding: 15px; border-radius: 3px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20); z-index: 200; transition: opacity 0.4s;  }
#zettel:before{  content: ' ';  position: absolute;  width: 0;  height: 0;  top:0; right: -20px;  border-width: 15px 10px;  border-style: solid;  border-color: transparent transparent #988d45 #988d45; }
#zettel.scrolled { opacity: 0; }
#body.scrolled { margin-top: 135px; }

header { transition: height 0.6s ease;  background: #ffffff; width: 100%; margin-top: 60px; }
header.sticky { margin-top: 0; position: fixed; z-index: 100;  width:inherit; top: 0; box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
header.sticky .hidesticky { opacity: 0; transition: all 0.4s  }
header.sticky #logo { max-height: 68px; margin-top: 0px; transition: all 0.6s; right: auto; margin-left: 20px;   }
header.sticky #title {  margin: 10px 5px; }
header.sticky #title .address { display: none; transition: all 0.6s; }
header.sticky #title .brand { font-size: 18px; transition: all 0.6s; }

#mmheader { overflow: hidden; background: #be260f;  padding: 5px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); color: #ffffff; }
#mobile { font-size: 20px; height: 26px; line-height: 26px; color: #ffffff; }
#mobileheader { clear: both; padding-left: 15px; padding-right: 15px; padding-top: 5px; }
#logo_xs { float:left; display:blocK; width: auto; max-width: 100%; height: auto; }

footer { background: #be260f url("../images/bg_footer.png") 100% 100% no-repeat; background-size: 100% auto; color: #ffffff; font-size: 12px; border-top: 1px solid #e5e5e5; min-height: 160px; overflow: visible; padding-top: 20px; }
footer a { color: #fff; font-weight: 400; }
footer a:hover { text-shadow: 2px 2px 5px #000000; color: #ffffff; }
main { padding-top: 10px; padding-bottom: 20px; clear: both; display: block; }

/** Menü oben */
nav { background: #be260f; overflow: visible; height: 32px; }
nav ul.nav { padding: 0; list-style: none; display: inline-block; margin: 0; overflow: visible;  -webkit-backface-visibility: hidden;  position: relative;  z-index: 10; }
nav ul.nav li { background: none; list-style: none; padding: 0; margin: 0 15px 0 0; *display: inline; display: inline-block; position: relative; }
nav ul.nav li a { display: block; padding: 5px 8px;  line-height: 22px; font-size: 16px; color: #FFFFFF; font-weight: 400; }
nav ul.nav li.deeper>a { padding-right: 5px; }
nav ul.nav li.deeper>a:after {  font-family: "feenders"; content: '\e854'; font-style: normal; font-weight: normal;  speak: none;  display: inline-block; float: right; width: 1em; text-align: center; line-height: 1.3em; margin-left: .2em; }
nav ul.nav li a:hover { color: #333333; background: #e5e5e5; }
nav ul.nav>li:last-child { margin-right: 0; }
nav ul.nav>li:first-child { margin-left: 0; }
nav ul.nav li.active>a, nav ul.nav li.current>a { background: #9c210e; color: #e5e5e5;  }
nav ul.nav>li.active:after { width: 100%; background: #f0f0f0; }

/** unterebenen **/
nav ul.nav li ul { width: 220px; w\idth: 220px; margin: 0; padding: 5px 0; text-align:left; position: absolute; z-index: 999; left: -999em; display: none;  height: auto; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4); box-shadow:  2px 2px 5px rgba(0,0,0,.4); background: #be260f; }
nav ul.nav li:hover ul { left: auto;  display: block; }
nav ul.nav li ul li { margin: 0; padding: 0px; display:block; height: auto !important; overflow: visible; }
nav ul.nav li ul li a { text-transform: none; border-radius: 0; font-size: 14px; padding: 5px 10px 5px 20px; margin: 0; display: block; height: auto; line-height: 1.2em; text-align: left; width: 218px; w\idth: 218px; background: none; border: none; }
nav ul.nav li ul li.deeper>a:after { content: '\e852' }

/* 2 unterebene */
nav ul.nav li:hover ul li.parent>a { background-position: 95% 10px; background-repeat: no-repeat; }
nav ul.nav li:hover ul li ul { left: -999em; border-radius: 3px;  }
nav ul.nav li ul li:hover ul { left: 218px; margin-top: -31px; z-index: 1999; }

footer ul.nav { margin: 0; padding: 0; list-style: none; display: inline-block; float: left; margin-right: 20px; }
footer ul.nav li { padding: 0 0 5px 0; margin: 0;  display: block; }

#searchbox {  float: right;  margin: 4px 0 0 0; width: 160px; }
#searchword {  padding: 2px 30px 2px 8px;  line-height: 1em;  float: left;  display: inline-block;  width: 100%;  background: transparent;  border: 1px solid #9c210e; color: #ffffff; box-shadow: inset 4px 4px 10px 0 #9c210e; border-radius:3px;}
#searchbutton { color: #ffffff; position: absolute; margin-left: -25px; }
#searchbutton:hover { color: #e5e5e5;   }
#searchword:focus { box-shadow: none; outline: 0; border: 1px solid #9C210E;  }

/** linke seite */
#left .moduletable {  padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e5e5e5; }
#left .moduletable:last-of-type {  border-bottom: none; }
#left ul.menu, #left ul.menu li ul  { margin: 0 0 0 0; padding: 0; list-style: none; }
#left ul.menu li ul { margin-bottom: 10px; }
#left ul.menu li { background: none; padding: 0 0 3px 0; margin: 0; display: block; }
#left ul.menu li a { color: #444444; font-weight: 300; padding: 0; margin: 0; line-height: 20px; }
#left ul.menu li a:hover, #left ul.menu li.current a  { color: #be260f; }
#left ul.menu li a.hilight { color: #be260f; font-size: 1.2em; }
#left ul.menu .nav-header { background: #e5e5e5; display: block; padding: 5px 5px 5px 15px; font-weight: 400; color: #000; margin-left: -15px; margin-bottom: 5px; }

#left ul.menu { margin-left: -15px; margin-bottom: 10px; }
#left ul.menu>li { padding-left: 15px; }

.table-container { clear: both; display: block; margin: 0 -5px; }
.item-table { clear: both; display: table; margin-bottom: 20px; width: 100%;  }
.item-table .trow { display: table-row; }
.item-table .column { display: table-cell; background: #e5e5e5; padding: 10px; padding-top: 0; width: 33.33333333%; border-right: 5px solid #ffffff; border-left:  5px solid #ffffff; margin-bottom: 5px; }
.item-table .col-empty { background: none; }
.item-table .teaser-img { height: 80px; border: 1px solid #e5e5e5; margin: 0 -10px 10px -10px; background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center;  }
.item-table .product-img { height: 210px; margin: 0; background-size: contain; }

@media (min-width: 1200px) {
    #left ul.menu { margin-left: -25px; }
    #left ul.menu .nav-header { margin-left: -25px;  padding-left: 25px; }
    #left ul.menu>li { padding-left: 25px; }
}

#scrolltotop { position: absolute; bottom: 0; cursor: pointer; width: 64px; height: 26px; left: 50%; margin-left: -32px; }
#content ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#content ul>li { list-style: none; padding: 3px 0; background: none; margin-left: 25px; }
#content ul>li:before  { font-family: "feenders"; color: #be260f; font-style: normal; font-weight: normal; position: absolute; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none;  line-height: 1.4em;  margin-left: -25px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e852';  }

ul.breadcrumb { float: left; display: block; list-style: none; margin: 10px 0; padding: 0; color: #666666; font-size: 13px; }
ul.breadcrumb li { list-style: none; background: none; display: inline-block; padding: 0 0 0 15px; margin: 0; line-height: 1em; }
ul.breadcrumb li:before { font-family: "feenders"; color: #333333; font-style: normal; font-weight: normal; position: absolute; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none;  line-height: 1em;  margin-left: -15px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: '\e852';  }
ul.breadcrumb li a { color: #666666; }
ul.breadcrumb li a:hover { color: #333333; }

.pagination { margin: 10px 0; padding: 10px 0; text-align: center; display: block; }
.pagination ul { width: auto; padding:0; margin: 10px 0;  text-align: center; }
.pagination ul li { display: inline-block; *display: inline; margin:0 5px!important;  }
.pagination li:before { content: ""!important; display: none!important;}
.pagination a {  color: #222222; display: block; border: 1px solid #d5d5d5; border-radius: 3px; padding: 5px 10px; margin: 0; text-decoration: none;  }
.pagination a:hover, .pagination a:focus { text-decoration: none; background:#281d1d; color:#fff;  text-shadow: none; }
.pagination li:hover a { color: #be260f; background: #d5d5d5;  }
.pagination li.currentpage>a { background: #be260f; color: #ffffff; }

.page-header h2 {  margin-top: 0; margin-bottom: 1.5rem }
.item-title { padding: 0; margin-top: 0; }
.infoblock { margin-bottom: 10px; }
.divider { clear: both; float: left; display: block; height: 20px; line-height: 20px; }

.img_caption { margin: 0px 15px 10px 15px; font-size: 12px; color: #666666; }
.close { float: right; margin: 0 0 10px 10px; cursor: pointer; color: #000000; }
#mobileDetect { display: none; }
#cr { opacity: 0.6; }

#system-message {  margin-bottom: 10px; }
.alert {  background: #be260f; color: #ffffff; padding: 10px; border-radius: 3px; }
.alert h4 {  display: none; }
.alert a {  color: #cccccc;  }
.alert a:hover {  color: #ffffff;  text-shadow: 2px 2px 5px #000000;  }

@media (max-width: 1200px) {
    nav ul.nav>li { margin-right: 0px; }
}
@media (max-width: 992px) {
    nav ul.nav>li a { padding: 5px; font-size: 14px; }
    #searchbox {  float: right;  margin: 4px 0 0 0; width: 100px; }
}
@media (max-width: 765px) {
    .item-table { display: table; margin-bottom: 15px; width: 100%;  }
    .item-table .trow { display: block }
    .item-table .column { display: inline-block; width: 100%; border-right: 5px solid #ffffff; border-left:  5px solid #ffffff; margin-bottom: 20px; }
    .item-table .col-empty { display: none; }
    header { margin: 0; }
    #mobileDetect { display: block; }
    #zettel { position: relative; float: left; display: block; width: 100%; margin: 0; clear: both; top: 0; border-radius: 0; overflow: hidden; }
    #zettel:before{ display: none; }
    #zettel.scrolled { opacity: 1; }
    #body.scrolled { margin-top: 0px; }
}
@media (max-width: 600px) {
}
@media (min-width: 1200px) {
}
@media screen {
}