html, body {height:100%;}

body {background:#fff;color:#2e2e2c;font-size:14px;line-height:1.4;font-family:'Open Sans',sans-serif;font-weight:400;overflow-y:scroll;}

a {color:#000;text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}

h1, h2, h3, h4, h5 {font-family:'Open Sans',sans-serif;font-weight:normal;}

h2 {font-size:20px;font-weight:600;margin-top:30px;}
h3 {font-size:15px;font-weight:600;}
h4 {font-size:15px;font-weight:600;}
.first-headline {padding-top:0;margin-top:0;}

.container {width:1300px;}

/* *** *** *** */

.page-wrapper {position:relative;min-height:100%;height:auto !important;width:auto;padding-bottom:70px;}

#header {position:fixed;top:0;right:0;left:0;height:165px;background:#fff;box-shadow:0 2px 4px -1px #525252;z-index:10;}
#header .brand {display:block;margin:0;padding:0;text-indent:-9999em;width:703px;height:145px;background:transparent url(../img/logo.jpg) no-repeat 0 0;}
#header .nav.navbar-right {position:absolute;top:0;right:0;}
#header .nav.navbar-right li {}
#header .nav.navbar-right li a {text-decoration:none;}
#header .nav.navbar-right li a:hover, #header .nav.navbar-right li a:focus, #header .nav.navbar-right li a:active, #header .nav.navbar-right li a.active {background:transparent;text-decoration:underline;}
#header .nav.navbar-right li.divider {padding-top:15px;padding-bottom:15px;}
#header .nav.navbar-right li.divider span {}

#header .navbar.navbar-default {margin:25px 0 0;padding:0;border-radius:0;border:0;background:transparent;}
#header .navbar.navbar-default .nav {width:100%;}
#header .navbar.navbar-default .nav li {margin-right:1px;}
#header .navbar.navbar-default .nav li a {width:130px;padding:0;height:36px;text-align:center;color:#2e2e2c;background:#ececec;text-decoration:none;line-height:2.4;}
#header .navbar.navbar-default .nav li a:hover, #header .navbar.navbar-default .nav li a:focus, #header .navbar.navbar-default .nav li a:active, #header .navbar.navbar-default .nav li a.active {background:#474844;color:#fff;}
#header .navbar.navbar-default .nav li a.page-home {text-align:left;text-indent:-9999em;width:36px;height:36px;padding:0;background:transparent url(../img/home-button.png) no-repeat 0 -38px;}
#header .navbar.navbar-default .nav li a.page-home:hover, #header .navbar.navbar-default .nav li a.page-home:focus, #header .navbar.navbar-default .nav li a.page-home:active, #header .navbar.navbar-default .nav li a.page-home.active {background-position:0 0;}
#header .navbar.navbar-default .nav li.last {margin-right:0;float:right;}
#header .navbar.navbar-default .nav li.last a {background:transparent url(../img/shop-button.png) no-repeat 0 0;background-size:100% auto;width:162px;height:36px;padding:0;text-indent:-9999em;position:relative;top:0;}
#header .navbar.navbar-default .nav li.last a:hover, #header .navbar.navbar-default .nav li.last a:focus, #header .navbar.navbar-default .nav li.last a:active, #header .navbar.navbar-default .nav li.last a.active {background-position:0 -36px;}

/* *** *** *** */

.btn-secondary {display:inline-block;width:auto;height:30px;padding:0 16px;background:#474844;color:#fff;text-decoration:none;line-height:2;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {background:#000 !important;color:#fff !important;}

#main {padding-top:165px;min-height:100%;height:auto !important;width:auto;min-width:1300px;}
#main .btn {border:0;border-radius:0;}
#main .btn-send {background:transparent url(../img/abschicken-button.jpg) no-repeat 0 0;width:96px;height:25px;text-indent:-9999em;border:0;text-align:left;}
#main .btn-send:hover, #main .btn-send:focus, #main .btn-send:active {background-position:0 -27px;}
#main .btn-agb {display:inline-block;background:transparent url(../img/agb-button-neu.jpg) no-repeat 0 0;width:110px;height:27px;text-indent:-9999em;border:0;text-align:left;}
#main .btn-agb:hover, #main .btn-agb:focus, #main .btn-agb:active {background-position:0 -29px;}
#main .btn-back {display:inline-block;width:100px;height:25px;background:transparent url(../img/zur-uebersicht.png) no-repeat 0 0;text-indent:-9999em;text-align:left;}
#main .btn-back:hover, #main .btn-back:focus, #main .btn-back:active {background-position:0 -27px;}

#main .ajax-content {display:none;position:relative;z-index:5;height:auto;}
#main .ajax-content.active {display:block;}
#main .content {padding:80px 0;}
#main .bg-white {background:#fff;}
#main .box {padding:40px;}
#main .box > img {margin:20px 0 30px;width:100%;height:auto;}
#main .switchOut {overflow:hidden;}

#background {position:fixed;top:165px;right:0;left:0;height:100%;z-index:1;}
#background .backgrounds {margin:0;padding:0;list-style:none;}
#background .backgrounds li {display:none;overflow:hidden;position:absolute;top:0;right:0;left:0;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;background-attachment:fixed;}
#background .backgrounds li.active {display:block;}
#background .backgrounds li.switchIn {box-shadow:0 -3px 6px 2px #525252;}

.stoerer {position:fixed;top:200px;right:20px;width:auto;height:90%;}

.content.home {padding:0 !important;}
.content.home .bgimage {width:100%;height:auto;}
.content.home .slogan {position:absolute;top:30px;left:50%;margin-left:-460px;display:none;}

.content h1 {margin:0;padding:0 0 30px;}

.overview {margin:0;padding:0;list-style:none;}
.overview li {margin:0 0 5px;padding:8px;position:relative;background:#ececec;}
.overview li::after {content:"";display:block;clear:both;visibility:hidden;}
.overview li .image-wrapper {float:left;width:50%;}
.overview li .image-wrapper img {width:90%;height:auto;}
.overview li .text-wrapper {float:right;width:50%;}
.overview li .text-wrapper img {width:90%;height:auto;margin:0 auto 32px;}
.overview li .btn-readmore {position:absolute;right:0;bottom:0;width:auto;height:30px;padding:0 16px;background:#474844;color:#fff;text-decoration:none;line-height:2;}
.overview li .btn-readmore:hover, .overview li .btn-readmore:focus, .overview li .btn-readmore:active {background:#000;}

.partnerlist {margin:0 0 0 -5px;padding:0;list-style:none;}
.partnerlist::after {content:"";display:block;clear:both;visibility:hidden;}
.partnerlist li {margin:0 0 1.333% 1.333%;padding:8px 8px 36px;position:relative;float:left;width:32%;background:#ececec;height:240px;}
.partnerlist li .image-wrapper {margin-bottom:20px;}
.partnerlist li .image-wrapper img {width:100%;height:auto;}
.partnerlist li .text-wrapper {}
.partnerlist li .btn-readmore {position:absolute;right:0;bottom:0;width:auto;height:30px;padding:0 16px;background:#474844;color:#fff;text-decoration:none;line-height:2;}
.partnerlist li .btn-readmore:hover, .partnerlist li .btn-readmore:focus, .partnerlist li .btn-readmore:active {background:#000;}

.cataloguelist {margin:0 0 0 -5px;padding:0;list-style:none;}
.cataloguelist::after {content:"";display:block;clear:both;visibility:hidden;}
.cataloguelist li {margin:0 0 1.333% 1.333%;padding:8px 8px 36px;position:relative;float:left;width:32%;background:#ececec;height:400px;}
.cataloguelist li .image-wrapper {margin-bottom:20px;}
.cataloguelist li .image-wrapper img {width:100%;height:auto;}
.cataloguelist li .text-wrapper {}
.cataloguelist li .btn-readmore {position:absolute;right:0;bottom:0;width:auto;height:30px;padding:0 16px;background:#474844;color:#fff;text-decoration:none;line-height:2;}
.cataloguelist li .btn-readmore:hover, .cataloguelist li .btn-readmore:focus, .cataloguelist li .btn-readmore:active {background:#000;}

.contactform {}
.contactform .form-group {margin-bottom:2px;}
.contactform .form-info2 {margin-top:15px;margin-bottom:15px;}
.contactform .form-checkbox {margin-top:15px;margin-bottom:15px;}
.contactform .form-group label {background:#474844;color:#fff;text-align:right;margin-right:2px;display:block;height:30px;line-height:30px;padding:0 10px;font-weight:300;}
.contactform .form-group input {background:#ececec;border-radius:0;border:0;color:#000;padding:0 10px;height:30px;line-height:30px;width:100%;box-shadow:none;}
.contactform .form-group textarea {background:#ececec;border-radius:0;border:0;color:#000;padding:0 10px;height:180px;width:100%;box-shadow:none;resize:none;}
.contactform .form-group .col-md-8 {padding:0;}
.contactform .form-actions {text-align:right;width:92.4%;}
.contactform .form-actions .btn {background:#474844;color:#fff;text-align:right;margin-right:2px;display:inline-block;height:30px;line-height:30px;padding:0 10px;font-weight:300;}

.approach {margin-top:40px;}
.approach .gmap {width:100%;height:260px;border:10px solid #ececec;margin-bottom:20px;}

.success-message {color:green;padding:14px 0;margin:0;}
.error-message {color:red;padding:14px 0;margin:0;}

.btn-back-holder {padding:20px 4px 0;}

/* *** *** *** */

/*
#header.stick {height:118px;}
#header.stick .brand {background-size:100% auto;background-position:0 -14px;width:340px;height:70px;}
#header.stick .navbar.navbar-default {margin:0;}

.stick-header #main {padding-top:118px;}
.stick-header #background {top:118px;}
*/

/* *** *** *** */

#footer {position:fixed;right:0;bottom:0;left:0;height:70px;background:#1d1d1b;color:#cacaca;font-size:16px;z-index:20;}
#footer ul {margin:0;padding:24px 0;list-style:none;text-align:center;}
#footer ul::after {content:"";display:block;height:0;clear:both;}
#footer ul li {margin:0;padding:0;display:inline-block;}
#footer ul li a {color:#cacaca;text-decoration:none;}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {text-decoration:underline;}
#footer ul li.divider {padding:0 2px;}
#footer ul li.divider span {position:relative;top:-1px;}
#footer ul li.color-orange {color: #E96000;}



/* *** *** *** */

/*
#header {transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;}
#header .brand {transition:all .25s ease-in 0s;-webkit-transition:all .25s ease-in 0s;-moz-transition:all .25s ease-in 0s;-o-transition:all .25s ease-in 0s;}
#header .navbar.navbar-default {transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;}

#main {transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;}
#background {transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;}
*/

/* *** *** *** */


#header .brand {background-size:100% auto;background-position:0 -14px;width:490px;height:90px;}