@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

html, body {
	height: 100%;
}

body {
	font-family: 'Droid Sans', sans-serif;
	position: relative;
	outline: none !important;
	background-color: #444444;
	color: #FFFFFF;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.content-wrapper {
	padding-bottom: 0px;
}

hr.separator {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	margin: 0px;
}

a {
	color: #FFFFFF;
}

.download-link {
    display: block;
    font-weight: bold;
    margin-top: 5px;
    text-align: left;
	border: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFFFFF;
}

.download-link span {
    margin-left: 15px;
}

.text-box {
	background-color: #666666;
}

.text-box .text {
	margin-top: 15px;
}

.square-container {
	position: relative;
	width: 100%;
	background-color: #888888;
}

.square-container:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.square-container-content {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 30px;
	color: #FFFFFF;
	overflow: auto;
}

.square-container .square-container-underlay {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.5;
    background-size: cover !important;
}

.square-container .square-container-overlay {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #636469;
    opacity: 0.5;
    visibility: visible;
	transition: visibility 0s linear 0.2s,opacity 0.2s linear;
	transition-delay:0s;
}

.square-container:hover {
	cursor: pointer;
}

.square-container:hover .square-container-overlay {
	opacity: 0.0;
	visibility: hidden;
	transition: visibility 0s linear 0.2s,opacity 0.2s linear;
	cursor: pointer;
}

.contact-container {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-container:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.loading-bar {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0;
    height: 1px;
    background-color: #FFFFFF;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-ms-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
    transition: width 0.2s ease-in;
}

.loading-bar.pressed {
    width: 100%;
}

.square-image {
	position: relative;
}

.square-image:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.square-image > div {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	margin: 5px;
	color: #FFFFFF;
	overflow: auto;
}

.square-container-content * {
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
}

.square-container-content a {
	color: #FFFFFF;
}

hr.separator {
	text-align: left;
}

.square-container-content hr.separator {
    margin-bottom: 15px;
	width: 50px;
    margin-left: 0px;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-ms-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
    transition: width 0.2s ease-in;
    text-align: left;
}

.slick-container-inner hr.separator {
	margin-bottom: 15px;
	text-align: left;
}

.square-container:hover hr.separator {
	width: 100px;
}

.content-container {
	padding-top: 10px;
}

.slick-container {
    width: calc(100vw - 20px);
    padding-right: 10px;
    margin: 0px;
    padding-left: 10px;
    box-sizing: content-box;
    color: #FFFFFF;
}

.slick-container a {
    color: #FFFFFF;
}

.slick-container .slick-container-overlay {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #636469;
    opacity: 0.8;
    z-index: 1;
}

.slick-container.slick-active .slick-container-overlay {
	display: none;
}

.slick-container .mini-slick {
	position: relative;
	height: 250px;
    margin-bottom: 20px;
}

.slick-container .mini-slick .slick-track .item {
	height: 250px;
	width: calc(33.3333333333vw - 20px);
	margin: 0px;
	min-height: 0px;
}

.slick-container .mini-slick .slick-dots {
    bottom: 0px;
    text-align: left;
}

.slick-container .mini-slick .slick-dots li:first-child {
    margin: 0px 5px 15px 15px;
}

.slick-container .mini-slick .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0px 5px 15px;
}

.slick-container .mini-slick .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0px;
}

.slick-container .mini-slick .slick-dots li.slick-active button:before {
    opacity: 1;
}

.slick-container .mini-slick .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '•';
    text-align: center;
    opacity: 0.5;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #FFFFFF;
}

.slick-container-inner {
	padding: 30px;
	position: relative;
	background-color: #666666;
}

.container-title {
	font-size: 25px;
    margin-bottom: 30px;
}

.panel-group {
	margin-bottom: 0px;
	font-size: 14px;
}

.panel {
	border-radius: 0px;
	box-shadow: none;
}

.panel-default {
	border: transparent;
	background-color: transparent;
}

.panel-default > .panel-heading {
    color: #FFFFFF;
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
}

.panel-title {
	font-size: 14px;
}

.panel-title.panel-job {
	font-weight: bold;
}

.panel-title a {
	font-weight: bold;
}

.panel-title a.collapsed {
	font-weight: normal;
}

.panel-group .panel {
	padding-bottom: 10px;
}

.panel-group .panel + .panel {
	padding-top: 0px;
	margin-top: 0px;
}

.panel-group .panel + .panel.panel-job {
	//padding-top: 20px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.panel-body.panel-job {
	border-top-color: transparent;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.logo {
	width: 100%;
	height: 130px;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.col-container {
	padding: 0px;
}

input:invalid, textarea:invalid {
	background-color: #FFE5E5;
}

textarea {
	resize: none;
}

.box-rating {
	margin-top: 30px;
    border-top: 1px solid #CCC;
}

.box-rating:first-child {
	margin-top: 0px;
    border-top: 0px;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #00416a;
	margin: 0;
    position: relative;
    left: calc(50% - 10px);
}

.slideshow-container {
    margin-bottom: 10px;
}

.slideshow-container.mini {
	border: none;
	margin-bottom: 0px;
}

.carousel-inner .item {
	height: 600px;
}

.mini .carousel-inner .item {
	height: 200px;
}

.slick-track .item {
	height: calc(33.333333333vw - 20px);
    min-height: 280px;
	margin-right: 10px;
	margin-left: 10px;
	width: calc(83.333333333vw - 10px);
}

.slick-next-custom, .slick-prev-custom {
    position: absolute;
    top: 50%;
    display: block;
    /*width: 36px;*/
    /*height: 36px;*/
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #FFFFFF;
	/*font-size: 36px;*/
	font-size: 50px;
    border: none;
    outline: none;
    background: transparent;
	z-index: 1;
}

.slick-prev-custom {
	left: 7vw;
	top: 120px;
}

.slick-prev-custom > span:before, .slick-next-custom > span:before, .slick-next-custom.inner > span:before {
	//background-color: rgba(255,255,255,0.5);
}

.slick-next-custom {
	right: 7vw;
}

.slick-next-custom.inner {
    right: 7vw;
    top: 120px;
}

.slide-content {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 20px;
    color: #FFFFFF;
}

.slide-content .container-title {
	font-size: 40px;
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 30px;
}

.slide-content hr.separator {
	margin: 5px 0px 15px 0px;
    width: 50px;
}

.slide-content .caption-h2 {
	font-size: 24px;
	margin-top: 0px;
	font-weight: 300;
}

.text-left {
	text-align: left !important;
}

.color-red {
	color: #FF0000;
}

.color-green {
	color: #5CB85C;
}

.media-heading {
    color: #00416A;
    font-size: 20px;
}

.media-content {
	margin-bottom: 15px;
    overflow: hidden;
}

.media-footer {
	margin-bottom: 15px;
}

.btn-document {
	background-color: #F2F2F2;
    color: #00416A;
    font-size: 16px;
	word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

.btn-collapse {
	color: #00416A;
	font-size: 20px;
}

.btn-collapse-placeholder {
	color: #FFFFFF;
	font-size: 20px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

.without-padding {
	padding-left: 0;
	padding-right: 0;
}

.modal-content {
	border-radius: 0;
}

#spybar {
	height: 100%;
}

.navbar {
	margin-bottom: 0px;
	padding: 0px;
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-visible {
	height: 156px;
	width: 100%;
	background-color: #444444;
	color: #FFFFFF;
}

.navbar-visible.initial-active, .navbar-visible.active {
	height: 78px;
}

.navbar-toggle {
	position: absolute;
	top: 10px;
	right:10px;
	margin: 0px;
}

.icon-bar {
	//background-color: #00416A;
	background-color: #FFFFFF;
}

.link-container {
	height: 100%;
	display: table;
}

.link-container > div {
    display: table-cell;
    vertical-align: middle;
}

.link-container > div > div {
	border-left: 2px solid #FFFFFF;
	margin-left: -20px;
}

.link-container > div > div a {
	display: block;
	margin-left: 20px;
	color: #FFFFFF;
}

.link-container > div > div a.active {
	font-weight: bold;
}

.cat-container, a {
	outline: none !important;
}

.nav.col-container {
	display: block;
}

.nav.col-container .cat-container {
	display: none;
    padding: 10px;
	height: 78px;
	margin: 0px;
	width: 50%;
	float: left;
	-moz-transition: width 0.2s ease-in;
	-webkit-transition: width 0.2s ease-in;
}

.nav.col-container .cat-container.initial-active, .nav.col-container .cat-container.active {
	display: block;
}

.nav.col-container .cat-container.inactive {
	display: block;
}

.navbar .cat-link {
    display: block;
    width: 100%;
    height: 100%;
}

.cat-link.cat_5 {
	background: url(../image/logo_small_baut.png) center left no-repeat;
	background-size: contain;
}

.cat-link.cat_6 {
	background: url(../image/logo_small_rundum.png) center left no-repeat;
	background-size: contain;
}

.cat-link.cat_7 {
	background: url(../image/logo_small_garten.png) center left no-repeat;
	background-size: contain;
}

.cat-link.cat_8 {
	background: url(../image/logo_small_bohrt.png) center left no-repeat;
	background-size: contain;
}

.cat-link.cat_169 {
	background: url(../image/logo_big_baut.svg) center left no-repeat;
	background-size: contain;
}

.cat-container.initial-active .cat-link.cat_5, .cat-container.active .cat-link.cat_5 {
	background: url(../image/logo_text_baut.png) center left no-repeat;
	background-size: contain;
}

.cat-container.initial-active .cat-link.cat_6, .cat-container.active .cat-link.cat_6 {
	background: url(../image/logo_text_rundum.png) center left no-repeat;
	background-size: contain;
}

.cat-container.initial-active .cat-link.cat_7, .cat-container.active .cat-link.cat_7 {
	background: url(../image/logo_text_garten.png) center left no-repeat;
	background-size: contain;
}

.cat-container.initial-active .cat-link.cat_8, .cat-container.active .cat-link.cat_8 {
	background: url(../image/logo_text_bohrt.png) center left no-repeat;
	background-size: contain;
}

.cat-container.initial-active .cat-link.cat_169, .cat-container.active .cat-link.cat_169 {
	background: url(../image/logo_big_baut.svg) center left no-repeat;
	background-size: contain;
	left: -8px;
}

.cat-container.inactive .cat-link.cat_5 {
	background: url(../image/logo_text_baut.png) center left no-repeat;
	background-size: 100% auto;
}

.cat-container.inactive .cat-link.cat_6 {
	background: url(../image/logo_text_rundum.png) center left no-repeat;
	background-size: 100% auto;
}

.cat-container.inactive .cat-link.cat_7 {
	background: url(../image/logo_text_garten.png) center left no-repeat;
	background-size: 100% auto;
}

.cat-container.inactive .cat-link.cat_8 {
	background: url(../image/logo_text_bohrt.png) center left no-repeat;
	background-size: 100% auto;
}

.cat-container.inactive .cat-link.cat_169 {
	background: url(../image/logo_big_baut.svg) center left no-repeat;
	background-size: 100% auto;
}

#navbar-collapse {
	border: none;
	padding-left: 0px;
	padding-right: 0px;
}

#navbar-collapse .navbar-nav {
	margin: 10px;
}

#navbar-collapse hr.separator {
	margin-top: 5px;
	margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
	border: 0;
    border-top: 2px solid #FFFFFF;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
	background-color: #444444;
	color: #FFFFFF;
}

.navbar .navbar-nav > .cat_6 > a, .navbar .navbar-nav > .cat_6 > a:hover, .navbar .navbar-nav > .cat_6 > a:focus {
	color: #E9473A;
}

.navbar .navbar-nav > .cat_7 > a, .navbar .navbar-nav > .cat_7 > a:hover, .navbar .navbar-nav > .cat_7 > a:focus {
	color: #ED6B41;
}

.navbar .navbar-nav > .cat_8 > a, .navbar .navbar-nav > .cat_8 > a:hover, .navbar .navbar-nav > .cat_8 > a:focus {
	color: #F08243;
}

.navbar .navbar-nav > .cat_bold > a, .navbar .navbar-nav > .cat_bold > a:hover, .navbar .navbar-nav > .cat_bold > a:focus {
	font-weight: bold;
}

.nav > li > a {
	color: #FFFFFF;
	font-weight: bold;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: #444444;
	color: #FFFFFF;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #444444;
	color: #FFFFFF;
}

.navbar-nav .open .dropdown-menu > li > a {
	padding: 5px 15px 5px 15px;
}

.navbar-nav > li > .dropdown-menu {
	background-color: #444444;
	color: #FFFFFF;
	border-top: 0px;
}

.dropdown-menu > li > a {
	color: #FFFFFF;
	padding: 5px 20px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #444444;
	color: #FFFFFF;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #444444;
	color: #FFFFFF;
}

.dropdown-menu > .active.cat_6 > a, .dropdown-menu > .cat_6 > a:hover, .dropdown-menu > .cat_6 > a:focus {
	color: #E9473A;
}

.dropdown-menu > .active.cat_7 > a, .dropdown-menu > .cat_7 > a:hover, .dropdown-menu > .cat_7 > a:focus {
	color: #ED6B41;
}

.dropdown-menu > .active.cat_8 > a, .dropdown-menu > .cat_8 > a:hover, .dropdown-menu > .cat_8 > a:focus {
	color: #F08243;
}

.dropdown-menu > .active.cat_bold > a, .dropdown-menu > .cat_bold > a:hover, .dropdown-menu > .cat_bold > a:focus {
	font-weight: bold;
}

.navbar-fixed-top {
	background-color: #444444;
	color: #FFFFFF;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	//max-height: none;
}

.maps-frame iframe {
	width: 100%;
    height: 340px;
    padding: 0px;
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
}

.home-bar {
    position: initial;
    background: url(../image/home.png) center center no-repeat;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
	cursor: pointer;
}

.insta-bar {
    position: initial;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 10px;
	cursor: pointer;
	font-size: 50px;
	line-height: 50px;
    float: right;
    margin-top: -60px;
    margin-right: 5px;
	color: white !important;
}

.main-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 170px;
}

.footer {
	height: 100%;
}

.footer > div {
	height: 100%;
}

.footer .footer-left {
	//background: url(../image/footer.png) no-repeat;
    background-position: right 12px top;
    background-size: 540px;
    background-color: #E9473A;
}

.footer .footer-right {
	//background: url(../image/footer.png) no-repeat;
    background-position: left 12px top;
    background-size: 540px;
    background-color: #E9473A;
}

.footer p a {
	color: #FFFFFF;
}

.footer p a img {
	margin-right: 10px;
}

.footer-left {
    padding-left: 5px;
}

.footer-right {
    padding-right: 5px;
}

.sitemap-container {
    float: left;
    width: calc(25% - 5px);
    border-left: 1px solid #FFFFFF;
    padding-left: 5px;
    margin-right: 5px;
    text-align: center;
    height: 100%;
}

.sitemap-container:first-child {
    border: 0px;
    padding-left: 0px;
}

.sitemap-title {
	font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}

.sitemap-sub {
    font-size: 12px;
	margin-bottom: 3px;
}

.magazin-img {
	margin-top: -5px;
}

.caption-h1 {
	font-size: 70px;
	margin-left: -3px;
	margin-bottom: 0px;
}

.caption-h2 {
	font-size: 24px;
	margin-top: 0px;
	font-weight: 300;
}

h3.media-heading {
	padding-top: 15px;
    padding-bottom: 10px;
}

.btn-success {
    color: #fff;
    background-color: #00416B;
    border-color: #00406B;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #0769A9;
    border-color: #0769A9;
}

.site-layout .slick-container-inner {
	//padding-top: 10px;
	color: #FFFFFF;
}

.site-layout .slick-container-inner a {
	color: #FFFFFF;
}

.sub-navigation {
	padding-top: 156px;
	//margin-top: 156px;
}

.sub-navigation.initial-active, .sub-navigation.active {
	padding-top: 78px;
	//margin-top: 78px;
}

.sub-navigation .subnav-link {
	color: #FFFFFF;
	text-transform: uppercase;
	padding-left: 10px;
    border-left: 1px solid #FFFFFF;
    margin-right: 10px;
    font-size: 10px;
}

.sub-navigation .subnav-link:first-child {
	padding-left: 0px;
    border-left: 0px;
    margin-right: 10px;
}

.slideshow-big {
	margin-top: 0px;
}

.header-logo {
	height: 50px;
	width: auto;
}

.reference-from {
	color: #9C9E9F;
    display: block;
    margin-top: 10px;
}

.line {
	height: 1px;
	background-color: #CFCDCD;
}

.team-image {
	height: 260px;
}

.zoom-in {
	cursor: zoom-in !important;
}

.btn-col {
	width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.site-description {
	color: #9C9E9F;
}

.site-description p {
	margin: 0px;
}

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  display: none;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #666666;
}
::-webkit-scrollbar-thumb:active {
  background: #666666;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #FFFFFF;
}
::-webkit-scrollbar-track:active {
  background: #FFFFFF;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

@media (min-width: 480px){
	.cat-container.inactive .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
	}
}

@media (min-width: 768px){
	.content-wrapper {
		padding-bottom: 170px;
	}

	#navbar-collapse {
		display: none !important;
	}

	.navbar-visible {
	    height: 106px;
	    width: 100%;
	    background-color: #444444;
	    color: #FFFFFF;
	}

	.navbar-visible.initial-active, .navbar-visible.active {
		height: 106px;
	}

	.nav.col-container .cat-container {
		display: block;
	    width: 85px;
	    padding: 10px;
		height: 106px;
		margin: 0px;
	}

	.nav.col-container .cat-container.active, .nav.col-container .cat-container.initial-active {

	    width: -webkit-calc(100% - (3 * 90px));
	   	width: -moz-calc(100% - (3 * 90px));
	   	width: calc(100% - (3 * 90px));

	}
	/*
_:-ms-fullscreen, :root .cat-container.active, .cat-container.initial-active {
  width: 50%;
}


 _:-ms-lang(x), .cat-container.active, .cat-container.initial-active {
  width: 50%;
  width: calc(100%-(3*90px));
}
*/

	.nav.col-container .cat-container.inactive {
		width: 25%;
	}

	.nav.col-container .cat-container.all-active {
		width: 25%;
	}

	.navbar .cat-link {
	    display: block;
	    width: 100%;
	    height: 100%;
	}

	.sub-navigation {
		padding-top: 106px;
		//margin-top: 106px;
	}

	.sub-navigation.initial-active, .sub-navigation.active {
		padding-top: 106px;
		//margin-top: 106px;
	}

	.slideshow-big {
		margin-top: 0px;
	}

	.cat-link.cat_5 {
		background: url(../image/logo_small_baut.png) center left no-repeat;
	}

	.cat-link.cat_6 {
		background: url(../image/logo_small_rundum.png) center left no-repeat;
	}

	.cat-link.cat_7 {
		background: url(../image/logo_small_garten.png) center left no-repeat;
	}

	.cat-link.cat_8 {
		background: url(../image/logo_small_bohrt.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_5, .cat-container.active .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_6, .cat-container.active .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_7, .cat-container.active .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_8, .cat-container.active .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
	}

	.cat-container.all-active .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.all-active .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.all-active .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.all-active .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.inactive .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.inactive .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.inactive .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
		background-size: 100% auto;
	}

	.cat-container.inactive .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
		background-size: 100% auto;
	}

	.slick-container {
	    width: calc(33.3333333333vw - 20px);
	    padding-right: calc(33.3333333vw + 10px);
	    margin-left: calc(-33.333333vw);
	    padding-left: 10px;
	    box-sizing: content-box;
	    color: #FFFFFF;
	}

	.slick-next-custom.inner {
	    right: 0px;
	    left: 59vw;
	}

	.nav > li.category {
		width: 150px;
		height: 150px;
		display: block;
	}

	.slideshow-container {
		border-top: 0px;
	}

	.navbar.navbar-collapse {
		border-top: 0px;
		//border-bottom: 6px solid #00416A;
	}

	.navbar .navbar-collapse {
		border-top: 0px;
	}

	.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
		background-color: #444444;
		color: #FFFFFF;
	}

	.nav > li > a:hover, .nav > li > a:focus {
		background-color: #444444;
		color: #FFFFFF;
	}

	.nav-1 > li > a:hover, .nav-1 > li > a:focus {
		background-color: #444444;
		color: #FFFFFF;
	}

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: #444444;
		color: #FFFFFF;
	}

	.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
		border-bottom: 6px solid #50768e;
	}

	.navbar-nav > li > .dropdown-menu {
		background-color: #00416A;
		color: #FFFFFF;
		border-top: 6px solid #50768e;
	}

	.dropdown-menu > li > a {
		color: #FFFFFF;
		padding: 8px 20px;
		border-bottom: 1px solid #FFFFFF;
	}

	.dropdown-menu > li:last-child > a {
		color: #FFFFFF;
		border-bottom: 0px;
	}

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #888888;
	}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: #888888;
	}

	.nav-2 {
		float: right;
		margin-bottom: -6px;
	}

	.home-bar {
		position: fixed;
	    background: url(../image/home.png) center center no-repeat;
	    bottom: 160px;
	    width: 50px;
	    height: 50px;
	    left: calc(8.333333vw - 36px);
	    margin: 0px;
	    z-index: 1;
	}
	
	.insta-bar {
		position: fixed;
/* 	    background: url(../image/home.png) center center no-repeat; */
	    bottom: 160px;
	    width: 50px;
	    height: 50px;
	    right: calc(8.333333vw - 36px);
	    margin: 0px;
	    z-index: 1;
	}

	.footer {

	}

	.dropdown-menu {
		padding: 0px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .575);
	}

	.col-xs-12.media-middle {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

	.btn-default {
	    margin: 0 5px;
	}
}

@media (min-width: 1200px){
	.cat-link.cat_5 {
		background: url(../image/logo_small_baut.png) center left no-repeat;
	}

	.cat-link.cat_6 {
		background: url(../image/logo_small_rundum.png) center left no-repeat;
	}

	.cat-link.cat_7 {
		background: url(../image/logo_small_garten.png) center left no-repeat;
	}

	.cat-link.cat_8 {
		background: url(../image/logo_small_bohrt.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_5, .cat-container.active .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_6, .cat-container.active .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_7, .cat-container.active .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
	}

	.cat-container.initial-active .cat-link.cat_8, .cat-container.active .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_5 {
		background: url(../image/logo_text_baut.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_6 {
		background: url(../image/logo_text_rundum.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_7 {
		background: url(../image/logo_text_garten.png) center left no-repeat;
	}

	.cat-container.inactive .cat-link.cat_8 {
		background: url(../image/logo_text_bohrt.png) center left no-repeat;
	}
}

@media (max-width: 768px) {

	.padding-bottom-10,
	.col-xs-12.media-middle {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
}