/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

html, body {height: 100%; }

body {
color: #343434;
font-size: 100%;
padding: 0;
font-family: 'Open Sans', sans-serif;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+100 */
background: rgba(231,231,231,0.5);
}


a { color:#73BE1E;}

a:hover {color:#73BE1E; text-decoration: underline;}

#header-topper {background-color: #73BE1E; border-bottom: 1px solid rgba(255,255,255,0.3);position: relative; z-index: 2;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.68);}
#header-topper-inner {color: rgba(255,255,255,1) !important;font-weight: 500;letter-spacing: 1px;}
#header-topper-inner-left ul li {display: none;float: left;padding-right: 10px; border-right: 1px solid rgba(255,255,255,0.7);margin-right: 10px;line-height: 1;margin-top: 15px;margin-bottom: 15px;}
#header-topper-inner-left ul li a {color: rgba(255,255,255,1);font-size: 0.8em;}
#header-topper-inner-left ul li:first-child, #header-topper-inner-left ul li:last-child, #header-topper-inner-left ul li:nth-last-child(2) {display: block;}
#header-topper-inner-left ul li:last-child {margin-right: 0px; padding-right: 0px; border-right: 0px;}
#header-topper-inner-right {font-size: 0.8em;float: right;text-align: right;line-height: 1;margin-top: 15px;}

#header-wrapper {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#150877+0,24187a+100 */
background: #464646; border-bottom: 1px solid rgba(255,255,255,0.7);}
#header-inner {padding: 38px 0px;}

#slideshow-wrapper {float: left;margin-top: 100px;}
#slideshow-inner {}
#slideshow-shadow {height: 50px; background: url(../images/slideshow-shadow.png);    background-size: 100%;background-repeat: no-repeat;}

#menu {}
nav {}
nav ul {float: right;}
nav ul li {float: left;border-left: 1px solid rgba(255,255,255,0.8);padding: 0px 60px 25px 10px;}
nav ul li:first-child {display: none;}
nav ul li:nth-last-child(3) {margin-right: 0px;padding-right: 0px;}
nav ul li a {}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus {color: rgba(255,255,255,1);}
nav ul li.active a {}
nav ul li:last-child, nav ul li:nth-last-child(2) {display: none;}
nav ul li a {width: 100%; color: rgba(255,255,255,0.9); float: left;font-weight: 500; font-size: 1.1em;text-transform: uppercase;font-weight: bold;}
nav .menupunkt-unterschrift {color: rgba(255,255,255,0.7);font-size: 0.8em;font-style: italic;}

#content-inner-start {}
#content-inner {background-color: #FBFBFB;padding: 25px;box-sizing: border-box;color: rgba(0,0,0,0.7);border: 1px solid #eee;font-size: 1.1em;}

#shadow-under-content {background: url(../images/shadow-under-content.png) no-repeat 100%;height: 38px;}

#content-inner #ueberschrift {margin-bottom: 15px;}
#content-inner #ueberschrift h1 {font-size: 1.4em;}
#content-inner h2 {font-size: 1.1em;padding-bottom: 0px; margin-bottom: 5px; width: 100%; text-align: left;margin-top: 30px;}
#content-inner p {margin-bottom: 15px;}
#content-inner ul {margin-left: 20px;}


.content-box {background-color: rgba(255,255,255,0.5); padding: 10px;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.6);}
.content-box-shadow {height: 20px; background: url(../images/slideshow-shadow.png); background-size: 100%;background-repeat: no-repeat;float: left; width: 100%;}

.content-box h2 {background-color: #001493;color: #fff;font-weight: 500; font-size: 1.3em;margin: -10px -10px 10px -10px;padding: 10px;float: left;width: 100%;border-radius: 5px 5px 0px 0px;}

.angebot-box {background-color: rgba(255,255,255,0.5); padding: 10px; border: 1px solid rgba(255,255,255,0.9);}
#content-wrapper {padding: 20px 0px;font-size: 0.8em;}
#content-1 {}
#content-2 {}
#content-3 {}
#content-4 {}

#ueberschrift-wrapper {}

#produkte-menu-produkte ul {margin-left: 0px;}
#produkte-menu-produkte ul li, #start-menu-produkte ul li {background-color: rgba(255,255,255,0.5);padding: 10px;border: 1px solid rgba(255,255,255,1);box-shadow: 0px 0px 2px rgba(0,0,0,0.2);}
#produkte-menu-produkte ul li {height: 360px;}
#produkte-menu-produkte ul li:nth-child(1), #start-menu-produkte ul li:nth-child(1) {margin-bottom: 20px;}
#produkte-menu-produkte ul li:nth-child(2), #start-menu-produkte ul li:nth-child(2) {margin-bottom: 20px;}
#produkte-menu-produkte ul li:nth-child(3), #start-menu-produkte ul li:nth-child(3) {margin-bottom: 20px;}
#produkte-menu-produkte ul li:nth-child(4), #start-menu-produkte ul li:nth-child(4) {margin-bottom: 20px;}
#produkte-menu-produkte ul li .image-title, #start-menu-produkte ul li .image-title {color: #73BE1E;width: 100%; text-align: center;float: left;font-size: 1.3em;margin-bottom: 10px;margin-top: 10px;}
#produkte-menu-produkte ul li .menupunkt-unterschrift, #start-menu-produkte ul li .menupunkt-unterschrift {float: left;width: 100%;}
#produkte-menu-produkte ul li img, #start-menu-produkte ul li img {float: left; width: 100%;}
#produkte-menu-produkte ul li:nth-child(5), #start-menu-produkte ul li:nth-child(5) {margin-left: 0px;}

#breadcrumbs {font-size: 0.8em;margin-bottom: 20px;}

.phocamaps-box {margin-top: 0px !important;}
#herstellerinfo {}
#herstellerinfo p {text-align: left;}
#herstellerinfo h2 {font-size: 1.4em; padding-bottom: 0px; margin-bottom: 5px; width: 100%; text-align: left;}
#herstellerinfo ul {margin-top: 10px; margin-left: 15px;}

.justify {text-align: justify;}
.separator {background-color: #ABAAAA;border-bottom: 1px solid #fff; height: 1px;margin: 50px 0px;}
.button {background-color: #73BE1E; color: rgba(255,255,255,0.8); text-align: center;width: 100%;float: left;padding: 5px 0px;margin-top: 10px;}

.slideshow-button {background-color: #73BE1E;color: #fff !important;padding: 3px 20px !important;float: left;white-space: nowrap !important;}

footer {}
#footer-inner {border-top: 1px solid #D8D8D8;margin-top: 50px; padding-top: 50px;}

@media (max-width: 767px) {
    #breadcrumbs {display: none;}
    .container {padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box;}
    #slideshow-wrapper {display: none;}
    #start-menu-produkte ul li {float: left;}
    #content-inner h2 {line-height: 1.3;}
    #produkte-menu-produkte ul li {float: left;height: auto; margin-bottom: 20px;}
    #header-topper {position: fixed;}
    #header-wrapper {padding-top: 55px;}
    #telefonnummer {text-align: center;font-size: 1.5em;font-weight: bold;margin-top: 30px;}
    #telefonnummer a {color: #fff;}
    #telefonnummer a:hover, #telefonnummer a:active, #telefonnummer a:focus  {color: #fff; text-decoration: none;}
}