/**
 * Default CSS file for SPAX
 *
 * @package spax
 * @subpackage css
 * @structure:
 * - BASIC ELEMENTS
 * - FLAGS
 * - BLOCK DEFAULT
 * - OWL SLIDER
 * - HEADER MENU
 * - HEADER SUBMENU
 * - SCROLL HEADER MENU
 * - HEADER SUBMENU UNTERNEHMEN
 * - HEADER SUBMENU SPRACHAUSWAHL
 * - HEADER IMAGE
 * - FOOTER MENU
 * - BLOCK DEFAULT
 * - BLOCK NACHRICHTEN
 * - BLOCK MASONRY
 * - BLOCK PRODUKTDETAIL
 * - BLOCK XPERTISE-BANNER
 * - BLOCK STORELOCATOR
 * - BLOCK NACHRICHTEN
 * - BLOCK NEWSLETTER-KONTAKT
 * - BLOCK GREIFVERHALTEN
 * - BLOCK YOUTUBE
 * - SOCIAL-MEDIA
 * - LAYERSLIDER
 * - PROJEKTE SLIDER
 * - PROJECT FILTER NAV
 * - BREADCRUMB
 * - BOOTSTRAP-SELECT
 * - HIGHLIGHT BOX
 * - NEIGHBOR NAVIGATION
 * - MORE TOPICS SLIDER
 * - YOUTUBE ROW
 * - IMAGE FLOATINGS
 * - CONTACT FORMS
 * - LIGHTBOX
 * - COOKIES BANNER
 */

/*** BASIC ELEMENTS ***/
html,
body {
    width: 100%;
}

.dropdown-backdrop{
    display: none;
}
body, p {
    font-family: 'Neue Helvetica eText W01', sans-serif;
    font-weight: 300;
    font-style: normal;
    padding-top: 65px;
    color: #616060;
    font-size: 16px;
}

.it .filter label {
    font-family: 'Neue Helvetica eText W01', sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-top: 65px;
    color: #616060;
    font-size: 14px;
}

::-moz-selection {
    color: #FFF;
    background: #00894d;
}

::selection {
    color: #FFF;
    background: #00894d;
}

.ls-container {
    margin: 0 auto;
}

#ls-global * .ls-container img:not(.usp-image,.slideshow-mig-logo), body * .ls-container img:not(.usp-image,.slideshow-mig-logo), html * .ls-container img:not(.usp-image,.slideshow-mig-logo) {
    height: 100% !important;
    top: 0 !important;
    width: auto !important;
}

#ls-global * .ls-container .slideshow-mig-logo, body * .ls-container .slideshow-mig-logo, html * .ls-container .slideshow-mig-logo {
    /*height: 100px!important;*/
    /*top: 400px!important;*/
}

p {
    padding-top: 0;
    line-height: 26px;
    margin-bottom: 26px;
}

p.not-available {
    font-weight: 700;
    margin-bottom: 0;
    display: block;
    background: #fff;
    padding: 10px;
}

a.text-link, a.text-link:hover {
    text-decoration: underline;
}

.nowrap{
    white-space: nowrap;
    display: inline-block;
}

#aufsparrendaemmung .grid-item {
    padding-left: 0;
    padding-top: 80px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    font-weight: 400;
    line-height: 1;
    color: #777;
}

h1 {
    font-size: 26px;
    line-height: 34px;
}

.contentImageWrapper h1 {
    margin-top: 0;
}

h2 {
    font-size: 22px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 26px;
}

ol {
    padding: 0 15px;
}

ol li {
    padding: 10px 0;
}

ol li span {
    display: block;
    padding: 12px 0px;
}

ol.list-agb li {
    list-style-type: decimal;
    list-style-position: outside;
    padding-bottom: 20px;
    margin-left: 25px;
    position: relative;
}

ol.list-agb li.first {
    padding-top: 65px;
}

ol.list-agb li h2 {
    position: absolute;
    left: -30px;
    top: 0;
}

ol li ol li {
    font-weight: normal;
}

ol[type="A"] li {
    list-style: upper-alpha;
}

ol[type="1"] li {
    list-style: decimal;
}

ol.list-unstyled li {
    list-style: none;
}

ol.list-unstyled .indent {
    display: inline;
    margin-left: -15px;
    padding: 0 5px 0 0;
}

button,
.scrollToElement,
.cursor-pointer {
    cursor: pointer;
}

.start-grid {
    margin: 0 auto;
    padding-bottom: 75px;
}
.grid-card {
    width: 255px;
    margin-top: 20px;
}

@media screen and (max-width: 1249px) {
    .grid-card {
        width: 205px;
    }
}

@media screen and (max-width: 1059px) {
    .grid-card {
        margin: 0!important;
        width: 100%;
        margin-top: 50px!important;
    }

    .grid-card-title {
        font-size: 2rem;
    }

    .flex-container-grid {
        flex-direction: column!important;
    }
}

.grid-card:nth-child(1),
.grid-card:nth-child(2),
.grid-card:nth-child(3) {
    margin-right: 20px;
}

.grid-card:nth-child(2),
.grid-card:nth-child(3),
.grid-card:nth-child(4) {
    margin-left: 20px;
}

.grid-card:first-child(){
    margin-left: 50px;
}

.grid-card-title {
    background: #00894d;
    color: #ffffff;
    padding: 3px 20px 4px 20px;
    margin: 0px;
    text-align: center;
    font-size: 1.6rem;
}

.divider-spax-green {
    width: 100%;
    height: 10px;
    background-color: #00894d;
}

.flex-container-grid {
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    align-items: center;
}

.text-hidden{
    display: none;
}

.de .text-hidden{
    display: block;
}



.vertical-align {
    float: none;
    vertical-align: middle;
    display: table-cell;
}

.text-uppercase {
    text-transform: uppercase
}

.tablesorter > thead > tr > th {
    cursor: pointer;
}

.table > thead > tr > th {
    background: #00894d;
    color: #fff;
}

.table > thead > tr > th,
.table > tbody > tr > td {
    padding: 16px;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox input[type="checkbox"] + label.fa {
    color: #00894d;
    font-size: 25px;

    height: 25px;
    cursor: pointer;
}

.checkbox input[type="checkbox"]:checked + label.fa {
    background: #fff;
}

.checkbox input[type="checkbox"] + label.fa:before {
    display: inline-block;
    content: "\f096";
    cursor: pointer;
}

.checkbox input[type="checkbox"]:checked + label.fa:before {
    content: "\f046";
    position: relative;
    left: 2px;
}

.haendlersuche .checkbox span {

    font-weight: 700;
    padding: 8px 7px;
    display: inline-block;
}

.btn.active, .btn:active {
    box-shadow: none;
}

.tab-content h2 {
    margin-top: 0;
}
.slideshow {
    border-bottom: 10px solid #00894d;
}

#produkte h2 {
    margin-bottom: 40px;
}

h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 13px;
}

.col-md-6  h3 {
    margin-top: 0px;
}

h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}

a,
a:focus,
a:active {$(sub).css({
'max-height': newHeight,
'overflow': 'auto'
});
color: #00894d;
outline: none;
text-decoration: none;
font-weight: 600;
}

a:hover {
    color: rgba(0, 122, 59, 1);
    text-decoration: none;
}

.textlink .fa,
.btn-text .fa {
    padding-left: 4px;
}

ul {
    padding: 5px 22px;
}

ul li {
    padding: 10px 0;
}

hr {
    border-color: #b2b2b2;
}

p.small,
p.small .btn.btn-primary {
    font-size: 14px;
    line-height: 22px;
}

p.lead {
    font-size: 16px;
    display: none;
}

.list-bullet {
    color: #00894d;
    list-style: square outside;
    padding: 0 20px;
}

.list-bullet li {
    padding: 5px 0;
}

.orange {
    color: orange;
}

.red {
    color: red;
}

.green {
    color: green;
}

.grey {
    background: #dfdfdf;
}

.white {
    background: #fff;
}

.no-padding-right {
    padding-right: 0;
}

.stroke {
    border-bottom: solid 1px #ececec;
}

.download-item {
    display: table;

    width: 100%;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #00894d;
}

.btn-success.active, .btn-success:active,
.open > .dropdown-toggle.btn-success {
    background: #00894d;
}

.gradient {
    background: rgb(247, 247, 247);
    background: -moz-linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
    background: linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=1);
}

.thumbnail {
    position: relative;
    padding: 0;
    border: none;
    overflow: hidden;
    background: #ccc;
    border-radius: 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.schraubenfinder .thumbnail {
    background: #f1f1f1;
    overflow: visible;
    height: 133px;
    margin-bottom: 0;
}

.schraubenfinder .thumbnail .wrap {
    padding-bottom: 0;
}

.schraubenfinder .thumbnail img {
    margin-top: 25px;
    width: 65%;
}

.schraubenfinder .thumbnail h3 {
    color: #616060;
    margin-top: 28px;
}

.thumbnail .type {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    font-size: 26px;
    color: #00894d;
    line-height: 1;
    z-index: 1;
}

.thumbnail .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px 0;
}

.thumbnail .caption.spax-bg-white {
    position: relative;
}

.thumbnail img {
    width: 100%;
    height: auto;
}

.thumbnail .caption h3 {
    margin: 0 0 10px 0;
    color: #616060;
    font-size: 20px;
}

.thumbnail .caption p {
    margin: 0 0 15px 0;
    color: #616060;
    font-size: 16px !important;
}

.thumbnail.youtube {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.thumbnail.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.spax-bg-white {
    background: #FFF;
}

.spax-bg-green {
    background: #00894d;
}

.spax-bg-lightgreen {
    background: #4cac82;
}

.spax-bg-green *, .spax-bg-lightgreen * {
    color: #FFF !important;
}

.spax-bg-green.opacity-80 {
    background: rgba(0, 122, 59, .8);
}

.spax-bg-green.opacity-75 {
    background: rgba(0, 122, 59, .75);
}

.spax-bg-green.opacity-50 {
    background: rgba(0, 122, 59, .5);
}

.spax-bg-green.opacity-25 {
    background: rgba(0, 122, 59, .25);
}

.spax-bg-grey {
    background: #ececec;
    position: relative;
}

.spax-bg-light-grey {
    background: #f1f1f1;
}

.spax-bg-grey.opacity-80 {
    background: rgba(236, 236, 236, .8);
}

.spax-bg-grey.opacity-75 {
    background: rgba(236, 236, 236, .75);
}

.spax-bg-grey.opacity-50 {
    background: rgba(236, 236, 236, .5);
}

.spax-bg-grey.opacity-25 {
    background: rgba(236, 236, 236, .25);
}

.spax-bg-white.opacity-80 {
    background: rgba(255, 255, 255, .92);
}

.spax-bg-white.opacity-75 {
    background: rgba(255, 255, 255, .92);
}

.spax-bg-white.opacity-50 {
    background: rgba(255, 255, 255, .92);
}

.spax-bg-white.opacity-25 {
    background: rgba(255, 255, 255, .92);
}

.slick-slide {
    outline: none;
}

.form-control {
    border: 1px solid #00894d;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 16px;
    font-weight: 300;
    height: 43px;
}

.form-section {
    background: #f7f7f7;
    padding: 16px 5px;
}

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

.padding-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-md {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-xl {
    padding-top: 80px;
    padding-bottom: 80px;
}

.box-shadow {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}

.box-shadow-md {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .25);
}

.box-shadow-lg {
    box-shadow: 9px 9px 9px rgba(0, 0, 0, .25);
}

.box-shadow.inset {
    box-shadow: inset -1px -1px 2px rgba(0, 0, 0, .25);
}

.box-shadow-md.inset {
    box-shadow: inset -4px -4px 0 rgba(0, 0, 0, .25);
}

.box-shadow-lg.inset {
    box-shadow: inset -9px -9px 0 rgba(0, 0, 0, .25);
}

.modal-header .close {
    margin-top: -10px;
    opacity: 1;
    color: #fff;
    font-size: 35px;
}

.col-md-2_5 {
    float: left;
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.list-bullet li span {
    color: #616060;
}

blockquote {
    padding: 10px 0;
    font-size: 26px;
    border-left: none;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    height: 100%;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}

.nav-pills > li > a {
    color: #616060;
    font-size: 16px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-pills > li.suche > a:focus,
.nav-pills > li.suche > a:hover,
.nav-pills > li.suche:hover > a,
.nav-pills > li.suche.active:hover > a,
.nav-pills > li.suche.active > a,
.nav-pills > li.suche.active > a:focus,
.nav-pills > li.suche.active > a:hover {
    color: #fff;
    background: #00894d;
}

.btn.btn-primary {
    background: #00894d;
    color: #FFF;
    font-size: 16px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 11px 15px;
    font-weight: 600;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    background: #00894d;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 0;
}

.btn-group-vertical > .btn:first-child {
    margin-bottom: 5px;
}

.btn-group-vertical > .btn:last-child:not(:first-child),
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0;
}

.btn-group .btn {
    border-radius: 0;
}

.btn-group .btn:active {
    box-shadow: none;
}

.btn-group .btn.focus,
.btn-group .btn:focus,
.btn-group .btn:hover {
    outline: none;
}

.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
    box-shadow: none;
    border-color: #00894d;
    height: 43px;
}

.btn-group.disabled .dropdown-toggle {
    border-color: #ccc;
}

.nav-tabs {
    padding: 0;
}

.nav-tabs > li {
    padding: 0;
}

.nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li > a:hover {
    border-bottom: 0;
}

.nav-tabs > li > a:hover {
    background: #00894d;
    border: 1px solid #00894d;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #00894d;
}

.nav-tabs > li > a {
    background-color: #00894d;
    color: #fff;
    border-radius: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 1px solid #00894d;
    border-bottom: 1px solid #fff;
}

/*** Filtermenu ***/

#findermenu > form {
    position: relative;
    z-index: 0;
}

.btn-group.bootstrap-select select{
    left:-9999px;
}
#suggestions {
    overflow-y: auto;
    overflow-x: hidden;
    height:500px;
    display:none;
    margin-top:32px;
}
#suggestions .normal-results .col-md-12  {
    padding-right: 35px;
}
#suggestions p.search-message{
    text-align: center;
    font-weight: bold;
}
.schraubenfinder .thumbnail #suggestions .normal-results  h3  {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    color: #00894d!important;
}
.schraubenfinder .thumbnail #suggestions .normal-results h3 a  {
    color: #00894d!important;
    outline: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.schraubenfinder .thumbnail #suggestions .normal-results a{
    display: table-cell;
    height: 150px;
    min-height: 50px;
    margin: auto;
    width: 100%;
    vertical-align: middle;
    height: auto;
}
.schraubenfinder.search-artnr {
    position:relative;
    z-index:0;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index:99;
}

/*@media (min-width: 768px) {*/
@media (min-width: 830px) {
    .finderform {
        position: relative;
        z-index: 90;
    }
}

/*@media (max-width: 768px) {*/
@media (max-width: 830px) {
    .btn-results {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 20000 !important;
        background: #FFF;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 20%);
        width: 80%;
        padding: 30px 10px 0;
    }
}

/*@media (max-width: 768px) {*/
@media (max-width: 830px) {
    .bs-container.btn-group.bootstrap-select.open,
    .bootstrap-select.btn-group .dropdown-menu {
        position: fixed;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 99999 !important;
        background: rgba(0, 0, 0, .5);
        max-height: 9999px !important;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

    .bs-container.btn-group.bootstrap-select.open ul.dropdown-menu.inner,
    .bootstrap-select.btn-group ul.dropdown-menu.inner {
        position: absolute;
        width: 90% !important;
        height: 90% !important;
        max-height: 90% !important;
        top: 5% !important;
        left: 5% !important;
        z-index: 9999999;
        min-width: 0 !important;
        padding: 0;
        margin: 0;
        background: transparent;
        overflow-y: auto;
    }

    .bootstrap-select.btn-group ul.dropdown-menu.inner li {
        background: #FFF;
    }
}

/*** FLAGS ***/
li.de {
    list-style-image: url(../img/flags/de.gif);
}

li.ch {
    list-style-image: url(../img/flags/ch-icon.png);
}

li.at {
    list-style-image: url(../img/flags/at-icon.png);
}

li.pl {
    list-style-image: url(../img/flags/pl.gif);
}

li.be {
    list-style-image: url(../img/flags/be.gif);
}

li.es {
    list-style-image: url(../img/flags/es.gif);
}

li.ru {
    list-style-image: url(../img/flags/ru.gif);
}

li.fr {
    list-style-image: url(../img/flags/fr.gif);
}

li.se {
    list-style-image: url(../img/flags/se.gif);
}
li.fi {
    list-style-image: url(../img/flags/fi.png);
}

li.it {
    list-style-image: url(../img/flags/it.gif);
}

li.tr {
    list-style-image: url(../img/flags/tr.gif);
}

li.lu {
    list-style-image: url(../img/flags/lu.gif);
}

li.uk {
    list-style-image: url(../img/flags/gb.gif);
}

li.nl {
    list-style-image: url(../img/flags/nl.gif);
}

li.en {
    list-style-image: url(../img/flags/england.gif);
}

li.cn {
    list-style-image: url(../img/flags/cn.gif);
}

li.th {
    list-style-image: url(../img/flags/th.gif);
}

li.uae {
    list-style-image: url(../img/flags/ae.gif);
}

li.au {
    list-style-image: url(../img/flags/au.gif);
}

li.us {
    list-style-image: url(../img/flags/us.gif);
}

li.br {
    list-style-image: url(../img/flags/br.gif);
}

/*** OWL SLIDER ***/
.owl-item .item a {
    margin-bottom: 18px;
}

.owl-item .item a:hover, .owl-item .item a:focus {
    text-decoration: none;
}

.owl-item .item .caption span {
    display: block;
    color: #00894d;
    margin-top: 10px;
}

.owl-controls {
    position: absolute;
    width: 100%;
    top: 130px;
}

.owl-controls .owl-prev {
    position: absolute;
    left: 0;
}

.owl-controls .owl-next {
    position: absolute;
    right: 0;
}

.owl-controls .owl-next,
.owl-controls .owl-prev {
    padding: 16px 20px;
    background: #00894d;
    color: #fff;
}

/*** HEADER MENU ***/
.header-menu,
    /*.navbar-header,*/
nav.header-menu.findermenuIn {
    background: #FFFFFF;
    border: none;
    z-index: 100;
    /*box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .35);*/
    border-bottom: 1px solid #00894d;
}

.navbar-header {
    width: 100%;
    height: 65px;
}

.navbar-header .navbar-brand img {
    width: auto;
    height: 100%;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.navbar-header {
    position: relative;
}

.navbar-header .nav-pills > li {
    position: inherit;
    padding: 7px 0;
}

/*.navbar-header .nav-pills > li.themen .fa {
    display: none;
}*/

.navbar-header .nav-pills > li .sub a {
    font-size: 15px;
    width: 100%;
}

.navbar-header .nav {
    font-weight: bold;
    padding: 0;
}

.navbar-header .nav.navbar-toggle {
    padding: 0;
    margin: 0;
}

.navbar-header .nav.navbar-toggle .btn.btn-primary {
    padding: 10px 16px 11px;
}

.navbar-header .nav.navbar-toggle .btn.btn-primary:focus {
    outline: none;
}

.header-menu,
.navbar-header .nav,
.navbar-header,
.navbar-header .navbar-brand img,
.navbar-header .nav-pills li,
.navbar-header .nav-pills li a,
.scroll .navbar-header .nav-pills > li:after,
.scroll .navbar-header .nav-pills > li .sub {
    transition: all .25s;
}

.header-menu .nav-pills > li > a:focus,
.header-menu .nav-pills > li > a:hover,
.header-menu .nav-pills > li:hover > a,
.header-menu .nav-pills > li.active:hover > a,
.header-menu .nav-pills > li.active > a,
.header-menu .nav-pills > li.active > a:focus,
.header-menu .nav-pills > li.active > a:hover {
    color: #00894d;
    background: #fff;
}

.header-menu .nav-pills > li > a.spax-bg-green:focus,
.header-menu .nav-pills > li > a.spax-bg-green:hover,
.header-menu .nav-pills > li:hover > a.spax-bg-green,
.header-menu .nav-pills > li.active:hover > a.spax-bg-green,
.header-menu .nav-pills > li.active > a.spax-bg-green,
.header-menu .nav-pills > li.active > a.spax-bg-green:focus,
.header-menu .nav-pills > li.active > a.spax-bg-green:hover {
    color: #fff;
    background: #00894d;
}

.header-menu .nav-pills > li.sprachauswahl > a:focus,
.header-menu .nav-pills > li.sprachauswahl > a:hover,
.header-menu .nav-pills > li.sprachauswahl:hover > a,
.header-menu .nav-pills > li.sprachauswahl.active:hover > a,
.header-menu .nav-pills > li.sprachauswahl.active > a,
.header-menu .nav-pills > li.sprachauswahl.active > a:focus,
.header-menu .nav-pills > li.sprachauswahl.active > a:hover {
    color: #fff;
    background: #00894d;
}

.navbar-header .nav-pills > li a .bs-caret {
    display: none;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none;
}

.nav .suche.open > a, .nav .suche.open > a:focus, .nav .suche.open > a:hover,
.nav .sprachauswahl.open > a, .nav .sprachauswahl.open > a:focus, .nav .sprachauswahl.open > a:hover {
    background: #00894d;
}

#menu-produkte a {

}
/*** HEADER SUBMENU ***/
/*.navbar-header .nav-pills li .sub {
    position: absolute;
    top: -99999px;
    left: 0;
    width: 100%;
    background: #FFF;
    border: 1px solid #00894d;
    padding: 0px 15px 5px 15px;
    opacity: 0;
    -webkit-transition: top 0s linear .2s, opacity .2s linear 0s;
    -moz-transition: top 0s linear .2s, opacity .2s linear 0s;
    transition: top 0s linear .2s, opacity .2s linear 0s;
}*/

.navbar-header .nav-pills > li a:hover .sub {
    opacity: 1;
    top: 16px;
}

.navbar-header .nav-pills > li.cbp-hropen:after {
    content: " ";
    position: relative;
    left: 50%;
    top: 16px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #00894d transparent;
    display: none;
}

.navbar-header .nav-pills > li.hover:after,
.navbar-header .nav-pills > li:hover:after {
    display: block;
}

.navbar-header .nav-pills > li.hover .sub,
.navbar-header .nav-pills > li:hover .sub,
.navbar-header .nav-pills > li:focus .sub,
.navbar-header .nav-pills > li:focus .sub {
    z-index: 500;
    opacity: 1;
    top: 105px;
}
[data-toggle="dropdown"]{
    cursor: pointer;
}
#mainmenu > li > .sub {/*
    pointer-events: none;
    display: block;
    visibility: hidden;
    z-index: -99999;*/
    left: 1px;
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #00894d;
    border-left: 1px solid #00894d;
    border-right: 1px solid #00894d;
    border-bottom: 1px solid #00894d;
    padding: 0 15px 5px 15px;
    opacity: 1;
    top: 65px;

}

body.scroll #mainmenu > li > .sub {
    top: 65px;
}

/*
#mainmenu > li.open > .sub,
#mainmenu > li:hover > .sub {
    pointer-events: auto;
    display: block;
    visibility: visible;
    z-index: 500;
    opacity: 1;
    -webkit-transition: opacity .3s ease 0s, visibility 0s ease 0s, z-index .3s ease 0s;
    -moz-transition: opacity .3s ease 0s, visibility 0s ease 0s, z-index .3s ease 0s;
    -ms-transition: opacity .3s ease 0s, visibility 0s ease 0s, z-index .3s ease 0s;
    -o-transition: opacity .3s ease 0s, visibility 0s ease 0s, z-index .3s ease 0s;
    transition: opacity .3s ease 0s, visibility 0s ease 0s, z-index .3s ease 0s;
}
*/
#mainmenu > li:after {
    content: " ";
    position: relative;
    left: 50%;
    top: 0px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    /*border-color: transparent transparent #FFFFFF transparent;*/
    display: block;
    opacity: 0;
    visibility: hidden;
    transition:none;
}

#mainmenu > li.cbp-hropen:after {
    display: block;
    opacity: 1;
    visibility: visible;
}

body.scroll #mainmenu > li:after {
    top: -2px;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    padding:0 15px 15px 15px
}

.cbp-hropen .cbp-hrsub {
    display: block;
}


.navbar-header .nav-pills > li.active:hover .sub {
    z-index: 99999;
}

.navbar-header .nav-pills > li .sub .wrap {
    padding: 15px 0;
}

.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail {
    position: relative;
    margin: 0 0 6px;
    padding-bottom: 0;
    overflow: hidden;
}

/*@media (min-width: 767px){*/
@media (min-width: 829px) {
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail {
        max-height: 133px;
        min-height: 133px;
    }
}

.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail.submenuThumbnail {
    padding: 15px;
    margin-bottom: 5px;
    font-size: 16px;
}

.navbar-header .nav-pills > li .sub .col-md-2_5.schraubenfinder .thumbnail {
    height: 255px;
    max-height: none;
}

.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail img {
    width: 100%;
    height: auto;
}

.navbar-header .nav-pills > li .sub .col-md-2_5.schraubenfinder .wrap .thumbnail img {
    width: 65%;
    padding-top: 11px;
    height: auto;
}

#sprachauswahl .container.padding .wrap .caption,
.navbar-header .nav-pills > li .sub .wrap .caption {
    display: block;
    position: relative;
    padding: 8px 10px;
    margin-bottom: 8px;
    color: #616060;
    background: #e7e7e7;
    border-bottom: solid #dfdfdf 5px;
    font-weight: 600;
}

.navbar-header .nav-pills > li #menu-produkte.sub .wrap .thumbnail .caption,
.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 8px 10px;
    color: #616060;
    margin-bottom: 0;
    background: rgba(255, 255, 255, .85);
    font-size: 16px;
}

.navbar-header #menu-produkte.sub.hidden-xs {
    height: 735px;
}

body.se .navbar-header #menu-produkte.sub.hidden-xs {
    overflow: scroll;
}

.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .headline {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding: 6px 10px;
    bottom: 33px;
    position: absolute;
    background: rgba(255, 255, 255, .85);
}

.navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption.spax-bg-green {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px 10px;
    color: #fff;
    background: #00894d;
    border-bottom: 0 !important;
    height: 100%;
}

.navbar-header .nav-pills > li .sub .wrap ul li a,
.navbar-header .nav-pills > li .sub .wrap p {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #616060;
}

.navbar-header .nav-pills > li .sub .wrap p {
    padding: 0 10px;
}

.navbar-header .termine-detail img {
    width: 102px;
}

#projekte .projectSlideItem img {

}


.projekte .sub .col-md-2_5 .wrap .thumbnail {
    overflow: visible;
    background: none;
}

.sub .wrap ul {
    padding: 0 27px;
}

.sub .termine .wrap ul {
    padding: 0;
}

.sub .wrap li {
    padding: 1px 0;
}

.projekte .sub .col-md-2_5 .wrap .thumbnail .caption {
    border-top: solid #dcdcdc 0;
}

.projekte .sub .col-md-2_5.indoor .wrap .thumbnail .caption {
    border-color: #ffc826;
}

.projekte .sub .col-md-2_5.indoor .wrap .list-bullet li {
    color: #ffc826 !important;
}

.projekte .sub .col-md-2_5.outdoor .wrap .thumbnail .caption {
    border-color: #90be45;
}

.projekte .sub .col-md-2_5.outdoor .wrap .list-bullet li {
    color: #90be45 !important;
}

.projekte .sub .col-md-2_5.holzbau .wrap .thumbnail .caption {
    border-color: #a85420;
}

.projekte .sub .col-md-2_5.holzbau .wrap .list-bullet li {
    color: #a85420 !important;
}

.projekte .sub .col-md-2_5.fensterbau .wrap .thumbnail .caption {
    border-color: #003b61;
}

.projekte .sub .col-md-2_5.fensterbau .wrap .list-bullet li {
    color: #003b61 !important;
}

.projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .thumbnail .caption {
    border-color: #c2007b;
}

.projekte .sub .col-md-2_5.window-construction .wrap .thumbnail .caption {
    color: #003b61 !important;
}

.projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .thumbnail .caption {
    border-color: #c2007b;
}

.projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .list-bullet li {
    color: #c2007b !important;
}


/* Produkte Universal Thumbnail */
.produkte .sub .col-md-4.universal .wrap .thumbnail .caption {
    border-color: #00894d;
}

.produkte .sub .col-md-4.universal .wrap .list-bullet li {
    color: #00894d;
}

.produkte .sub .col-sm-4.universal .wrap .thumbnail .caption {
    border-color: #00894d;
}

.produkte .sub .col-sm-4.universal .wrap .list-bullet li {
    color: #00894d;
}


/* Produkte universeel Thumbnail */
.produkte .sub .col-md-4.universeel .wrap .thumbnail .caption {
    border-color: #00894d;
}

.produkte .sub .col-md-4.universeel .wrap .list-bullet li {
    color: #00894d;
}

.produkte .sub .col-sm-4.universeel .wrap .thumbnail .caption {
    border-color: #00894d;
}

.produkte .sub .col-sm-4.universeel .wrap .list-bullet li {
    color: #00894d;
}






/* Produkte Universale Thumbnail */

.produkte .sub .col-md-4.universelle .wrap .thumbnail .caption {
    border-color: #00894d;
}
.produkte .sub .col-md-4.universelle .wrap .list-bullet li {
    color: #00894d;
}
.produkte .sub .col-sm-4.universelle .wrap .thumbnail .caption {
    border-color: #00894d;
}
.produkte .sub .col-sm-4.universelle .wrap .list-bullet li {
    color: #00894d;
}

/* Produkte Holzbau Thumbnail */
.produkte .sub .col-md-4.holzbau .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-md-4.holzbau .wrap .list-bullet li {
    color: #a85420;
}

.produkte .sub .col-sm-4.holzbau .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-sm-4.holzbau .wrap .list-bullet li {
    color: #a85420;
}




/* Produkte Houtconstructies Thumbnail */
.produkte .sub .col-md-4.houtconstructies .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-md-4.houtconstructies .wrap .list-bullet li {
    color: #a85420;
}

.produkte .sub .col-sm-4.houtconstructies .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-sm-4.houtconstructies .wrap .list-bullet li {
    color: #a85420;
}

/* Produkte Construction Thumbnail */
.produkte .sub .col-md-4.construction .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-md-4.construction .wrap .list-bullet li {
    color: #a85420;
}

.produkte .sub .col-sm-4.construction .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-sm-4.construction .wrap .list-bullet li {
    color: #a85420;
}

/* Produkte construccion-de-madera Thumbnail */
.produkte .sub .col-md-4.construccion-de-madera .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-md-4.construccion-de-madera .wrap .list-bullet li {
    color: #a85420;
}

.produkte .sub .col-sm-4.construccion-de-madera .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-sm-4.construccion-de-madera .wrap .list-bullet li {
    color: #a85420;
}


/* Produkte Construction bois Thumbnail */
.produkte .sub .col-md-4.construction-bois .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-md-4.construction-bois .wrap .list-bullet li {
    color: #a85420;
}

.produkte .sub .col-sm-4.construction-bois .wrap .thumbnail .caption {
    border-color: #a85420;
}
.produkte .sub .col-sm-4.construction-bois .wrap .list-bullet li {
    color: #a85420;
}




/* Produkte Roestvast staal Thumbnail */
.produkte .sub .col-md-4.roestvast-staal .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-md-4.roestvast-staal .wrap .list-bullet li {
    color: #0d9ed9;
}

.produkte .sub .col-sm-4.roestvast-staal .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-sm-4.roestvast-staal .wrap .list-bullet li {
    color: #0d9ed9;
}


/* Produkte Edelstahl Thumbnail */
.produkte .sub .col-md-4.edelstahl .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-md-4.edelstahl .wrap .list-bullet li {
    color: #0d9ed9;
}

.produkte .sub .col-sm-4.edelstahl .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-sm-4.edelstahl .wrap .list-bullet li {
    color: #0d9ed9;
}


/* Produkte acero inoxidable Thumbnail */
.produkte .sub .col-md-4.acero-inoxidable .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-md-4.acero-inoxidable .wrap .list-bullet li {
    color: #0d9ed9;
}

.produkte .sub .col-sm-4.acero-inoxidable .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-sm-4.acero-inoxidable .wrap .list-bullet li {
    color: #0d9ed9;
}


/* Produkte Acier inoxydable Thumbnail */
.produkte .sub .col-md-4.acier-inoxydable .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-md-4.acier-inoxydable .wrap .list-bullet li {
    color: #0d9ed9;
}

.produkte .sub .col-sm-4.acier-inoxydable .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-sm-4.acier-inoxydable .wrap .list-bullet li {
    color: #0d9ed9;
}


/* Produkte Stainless steel Thumbnail */
.produkte .sub .col-md-4.stainless-steel .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-md-4.stainless-steel .wrap .list-bullet li {
    color: #0d9ed9;
}

.produkte .sub .col-sm-4.stainless-steel .wrap .thumbnail .caption {
    border-color: #0d9ed9;
}
.produkte .sub .col-sm-4.stainless-steel .wrap .list-bullet li {
    color: #0d9ed9;
}




/* Produkte Extras Thumbnail */
.produkte .sub .col-md-4.extras .wrap .thumbnail .caption {
    border-color: #bf1c8a;
}
.produkte .sub .col-md-4.extras .wrap .list-bullet li {
    color: #bf1c8a;
}

.produkte .sub .col-sm-4.extras .wrap .thumbnail .caption {
    border-color: #bf1c8a;
}
.produkte .sub .col-sm-4.extras .wrap .list-bullet li {
    color: #bf1c8a;
}

/* Produkte Divers Thumbnail */
.produkte .sub .col-md-4.divers .wrap .thumbnail .caption {
    border-color: #bf1c8a;
}
.produkte .sub .col-md-4.divers .wrap .list-bullet li {
    color: #bf1c8a;
}

.produkte .sub .col-sm-4.divers .wrap .thumbnail .caption {
    border-color: #bf1c8a;
}
.produkte .sub .col-sm-4.divers .wrap .list-bullet li {
    color: #bf1c8a;
}



/* Produkte Special Thumbnail */
.produkte .sub .col-md-4.spezial .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-sm-4.spezial .wrap .list-bullet li {
    color: #ffc826;
}

.produkte .sub .col-sm-4.spezial .wrap .thumbnail .caption {
    border-color:  #ffc826;
}
.produkte .sub .col-sm-4.spezial .wrap .list-bullet li {
    color:  #ffc826;
}





/* Produkte tornillos-especiale Thumbnail */

.produkte .sub .col-md-4.tornillos-especiales .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-md-4.tornillos-especiales .wrap .list-bullet li {
    color: #ffc826;
}

.produkte .sub .col-sm-4.tornillos-especiales .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-sm-4.tornillos-especiales .wrap .list-bullet li {
    color: #ffc826;
}



.produkte .sub .col-sm-4.spezial .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-md-4.spezial .wrap .list-bullet li {
    color: #ffc826;
}
/* Produkte Spacial Thumbnail */
.produkte .sub .col-md-4.special .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-sm-4.special .wrap .list-bullet li {
    color: #ffc826;
}

.produkte .sub .col-sm-4.special .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-md-4.special .wrap .list-bullet li {
    color: #ffc826;
}


/* Produkte Speciaal Thumbnail */
.produkte .sub .col-md-4.speciaal .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-sm-4.speciaal .wrap .list-bullet li {
    color: #ffc826;
}

.produkte .sub .col-sm-4.speciaal .wrap .thumbnail .caption {
    border-color: #ffc826;
}
.produkte .sub .col-md-4.speciaal .wrap .list-bullet li {
    color: #ffc826;
}






/* Produkte Window Thumbnail */
.produkte .sub .col-md-4.fensterbau .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-md-4.fensterbau .wrap .list-bullet li {
    color: #003b61;
}

.produkte .sub .col-sm-4.fensterbau .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-sm-4.fensterbau .wrap .list-bullet li {
    color: #003b61;
}


.produkte .sub .col-md-4.vensterbouw .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-md-4.vensterbouw .wrap .list-bullet li {
    color: #003b61;
}

.produkte .sub .col-sm-4.vensterbouw .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-sm-4.vensterbouw .wrap .list-bullet li {
    color: #003b61;
}


/* Produkte Window Thumbnail */
.produkte .sub .col-md-4.acabado-de-ventanas .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-md-4.acabado-de-ventanas .wrap .list-bullet li {
    color: #003b61;
}

.produkte .sub .col-sm-4.acabado-de-ventanas .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-sm-4.acabado-de-ventanas .wrap .list-bullet li {
    color: #003b61;
}


/* Produkte construction-de-fenetres Thumbnail */
.produkte .sub .col-md-4.construction-de-fenetres .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-md-4.construction-de-fenetres .wrap .list-bullet li {
    color: #003b61;
}

.produkte .sub .col-sm-4.construction-de-fenetres .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-sm-4.construction-de-fenetres .wrap .list-bullet li {
    color: #003b61;
}




/* Produkte window-construction Thumbnail */
.produkte .sub .col-md-4.window-construction .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-md-4.window-construction .wrap .list-bullet li {
    color: #003b61;
}

.produkte .sub .col-sm-4.window-construction .wrap .thumbnail .caption {
    border-color: #003b61;
}
.produkte .sub .col-sm-4.window-construction .wrap .list-bullet li {
    color: #003b61;
}

/*** Lexicon ***/
.lexTable .lexiconTable{
    width:100%;
    padding:5px;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    text-align: left !important;
    margin-bottom:80px;
}

.lexTable .lexiconTable th, .lexTable .lexiconTable td{
    padding:15px;
    border: 1px solid #DDDDDD;
    display: table-cell !important;
}



/*** HEADER SUBMENU UNTERNEHMEN ***/
.navbar-header .unternehmen .ueber-uns .list-bullet {
    float: left;
    padding-bottom: 15px;
}

.navbar-header .unternehmen .termine .termine-detail {
    float: left;
    border-bottom: solid 1px #b2b2b2;
    width: 100%;
    padding: 15px 0;
}

.navbar-header .unternehmen .termine .termine-detail p {
    margin-bottom: 0;
}

.navbar-header .unternehmen .termine .termine-detail:first-child {
    padding-top: 0;
}

.navbar-header .unternehmen .termine .termine-detail img {
    float: left;
    padding: 5px 12px 5px 0;
}

.navbar-header .unternehmen .termine .btn {
    margin: 15px 0 0;
}

/*** HEADER SUBMENU SPRACHAUSWAHL ***/
.navbar-header .sprachauswahl .flags .list-bullet {
    padding: 0 25px;
}

/*** HEADER IMAGE ***/
.imageHeader {
    height: 600px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    border-bottom: 10px solid #00894d;
}

.imageHeader.bgfixed {
    background-attachment: fixed;
}

.imageHeader .headline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.imageHeader .headline h1,
.imageHeader .headline h2,
.imageHeader .headline h3,
.imageHeader .headline h4,
.imageHeader .headline h5,
.imageHeader .headline h6 {
    margin: 10px 0
}

.imageHeader.xpertise h1,
.imageHeader.xpertise h2,
.imageHeader.xpertise h3,
.imageHeader.xpertise h4,
.imageHeader.xpertise h5,
.imageHeader.xpertise h6,
.imageHeader.xpertise p,
.imageHeader.xpertise p:first-of-type,
.imageHeader.xpertise p:last-of-type {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    padding: 15px;
    position: absolute;
    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    -o-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

.imageHeader.xpertise h1,
.imageHeader.xpertise h2,
.imageHeader.xpertise h3,
.imageHeader.xpertise h4,
.imageHeader.xpertise h5,
.imageHeader.xpertise h6 {
    top: 20px;
    left: 15px;
    opacity: 0;
}

.imageHeader.xpertise p:first-of-type {
    top: 140px;
    left: 55px;
    opacity: 0;
}

.imageHeader.xpertise p:last-of-type {
    top: 257px;
    left: 15px;
    opacity: 0;
}

.imageHeader.in h1,
.imageHeader.in h2,
.imageHeader.in h3,
.imageHeader.in h4,
.imageHeader.in h5,
.imageHeader.in h6 {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.imageHeader.in p:first-of-type {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: all 1s ease .3s;
    -o-transition: all 1s ease .3s;
    transition: all 1s ease .3s;
}

.imageHeader.in p:last-of-type {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: all 1s ease .6s;
    -o-transition: all 1s ease .6s;
    transition: all 1s ease .6s;
}

/*** SCROLL HEADER MENU ***/
.scroll .navbar-header .nav.navbar-toggle .btn.btn-primary {
    padding: 8px 14px;
}

.scroll .navbar-header,
.scroll .navbar-header .navbar-brand img {
    height: 65px;
}

/*
.scroll .header-menu {
    box-shadow: 2px 0 2px rgba(0, 0, 0, .35);
}
*/

.scroll .navbar-header .nav-pills > li {
    padding: 7px 0;
}

.scroll .navbar-header .nav-pills > li a {
    font-size: 16px;
}

.scroll .navbar-header .nav-pills > li.hover .sub,
.scroll .navbar-header .nav-pills > li.hover:hover .sub,
.scroll .navbar-header .nav-pills > li.hover:focus .sub,
.scroll .navbar-header .nav-pills > li:hover .sub,
.scroll .navbar-header .nav-pills > li:focus .sub {
    top: 65px;
}

.scroll .navbar-header .nav-pills > li:after {
    margin-left: -5px;
    border-width: 0 5px 8px 5px;
}

.scroll .navbar-header .nav-pills > li.active:after,
.scroll .navbar-header .nav-pills > li:hover:after,
.scroll .navbar-header .nav-pills > li:focus:after,
.scroll .navbar-header .nav-pills > li:focus:after {
    top: 3px;
}

/*** FOOTER MENU ***/
.footer-menu .nav-pills > li > a:focus,
.footer-menu .nav-pills > li > a:hover,
.footer-menu .nav-pills > li:hover > a,
.footer-menu .nav-pills > li.active:hover > a,
.footer-menu .nav-pills > li.active > a,
.footer-menu .nav-pills > li.active > a:focus,
.footer-menu .nav-pills > li.active > a:hover {
    background: #00894d;
    color: #fff;
}

/*** BLOCK DEFAULT ***/
.block {
    background: #fff;
}

/*** BLOCK SCROLLER ***/
.scroller.bottom {
    position:relative;
    z-index:10;
    padding-bottom: 0!important;
}

.block.scroller a{
    display: inline-block;
    padding:6px;
}
.block.scroller a{
    display: inline-block;
    padding:6px;
}

/*** BLOCK NACHRICHTEN ***/
.block.nachrichten .thumbnail {
    padding: 4px;
}

.newsContainer {
    padding: 0 80px;
}

.newsContainer h3 {
    color: #00894d;
}

.newsContainer .item {
    padding-bottom: 40px;
}

.newsContainer .item p {
    margin: 0;
}

.newsContainer .item .btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.newsImage.fullWidth {
    width: 750px !important;
    margin: 10px 0px !important;
}
.newsImage.expanded {
    width: 900px !important;
    margin: 10px -75px !important;
}

/*** BLOCK MASONRY ***/
/*.block.masonry .col-md-12.format-16-10 .thumbnail{ height: 712px }
.block.masonry .col-md-12.format-16-9 .thumbnail{ height: 641px }
.block.masonry .col-md-12.format-4-3 .thumbnail{ height: 855px }
.block.masonry .col-md-12.format-1-1 .thumbnail{ height: 1140px }

.block.masonry .col-md-11.format-16-10 .thumbnail{ height: 641px }
.block.masonry .col-md-11.format-16-9 .thumbnail{ height: 577px }
.block.masonry .col-md-11.format-4-3 .thumbnail{ height: 770px }
.block.masonry .col-md-11.format-1-1 .thumbnail{ height: 1027px }

.block.masonry .col-md-10.format-16-10 .thumbnail{ height: 590px }
.block.masonry .col-md-10.format-16-9 .thumbnail{ height: 531px }
.block.masonry .col-md-10.format-4-3 .thumbnail{ height: 708px }
.block.masonry .col-md-10.format-1-1 .thumbnail{ height: 945px }

.block.masonry .col-md-9.format-16-10 .thumbnail{ height: 529px }
.block.masonry .col-md-9.format-16-9 .thumbnail{ height: 476px }
.block.masonry .col-md-9.format-4-3 .thumbnail{ height: 635px }
.block.masonry .col-md-9.format-1-1 .thumbnail{ height: 847px }

.block.masonry .col-md-8.format-16-10 .thumbnail{ height: 487px }
.block.masonry .col-md-8.format-16-9 .thumbnail{ height: 438px }
.block.masonry .col-md-8.format-4-3 .thumbnail{ height: 585px }
.block.masonry .col-md-8.format-1-1 .thumbnail{ height: 780px }

.block.masonry .col-md-7.format-16-10 .thumbnail{ height: 407px }
.block.masonry .col-md-7.format-16-9 .thumbnail{ height: 366px }
.block.masonry .col-md-7.format-4-3 .thumbnail{ height: 489px }
.block.masonry .col-md-7.format-1-1 .thumbnail{ height: 652px }

.block.masonry .col-md-6.format-16-10 .thumbnail{ height: 346px }
.block.masonry .col-md-6.format-16-9 .thumbnail{ height: 312px }
.block.masonry .col-md-6.format-4-3 .thumbnail{ height: 416px }
.block.masonry .col-md-6.format-1-1 .thumbnail{ height: 555px }

.block.masonry .col-md-5.format-16-10 .thumbnail{ height: 285px }
.block.masonry .col-md-5.format-16-9 .thumbnail{ height: 257px }
.block.masonry .col-md-5.format-4-3 .thumbnail{ height: 342px }
.block.masonry .col-md-5.format-1-1 .thumbnail{ height: 457px }

.block.masonry .col-md-4.format-16-10 .thumbnail{ height: 225px }
.block.masonry .col-md-4.format-16-9 .thumbnail{ height: 202px }
.block.masonry .col-md-4.format-4-3 .thumbnail{ height: 270px }
.block.masonry .col-md-4.format-1-1 .thumbnail{ height: 360px }

.block.masonry .col-md-3.format-16-10 .thumbnail{ height: 163px }
.block.masonry .col-md-3.format-16-9 .thumbnail{ height: 147px }
.block.masonry .col-md-3.format-4-3 .thumbnail{ height: 196px }
.block.masonry .col-md-3.format-1-1 .thumbnail{ height: 262px }

.block.masonry .col-md-2.format-16-10 .thumbnail{ height: 103px }
.block.masonry .col-md-2.format-16-9 .thumbnail{ height: 92px }
.block.masonry .col-md-2.format-4-3 .thumbnail{ height: 123px }
.block.masonry .col-md-2.format-1-1 .thumbnail{ height: 165px }

.block.masonry .col-md-1.format-16-10 .thumbnail{ height: 41px }
.block.masonry .col-md-1.format-16-9 .thumbnail{ height: 37px }
.block.masonry .col-md-1.format-4-3 .thumbnail{ height: 50px }
.block.masonry .col-md-1.format-1-1 .thumbnail{ height: 67px }*/

.block.masonry .col-md-12.format-16-10 .thumbnail > a.imgwrap {
    height: 712px;
}

.block.masonry .col-md-12.format-16-9 .thumbnail > a.imgwrap {
    height: 641px;
}

.block.masonry .col-md-12.format-4-3 .thumbnail > a.imgwrap {
    height: 855px;
}

.block.masonry .col-md-12.format-1-1 .thumbnail > a.imgwrap {
    height: 1140px;
}

.block.masonry .col-md-11.format-16-10 .thumbnail > a.imgwrap {
    height: 641px;
}

.block.masonry .col-md-11.format-16-9 .thumbnail > a.imgwrap {
    height: 577px;
}

.block.masonry .col-md-11.format-4-3 .thumbnail > a.imgwrap {
    height: 770px;
}

.block.masonry .col-md-11.format-1-1 .thumbnail > a.imgwrap {
    height: 1027px;
}

.block.masonry .col-md-10.format-16-10 .thumbnail > a.imgwrap {
    height: 590px;
}

.block.masonry .col-md-10.format-16-9 .thumbnail > a.imgwrap {
    height: 531px;
}

.block.masonry .col-md-10.format-4-3 .thumbnail > a.imgwrap {
    height: 708px;
}

.block.masonry .col-md-10.format-1-1 .thumbnail > a.imgwrap {
    height: 945px;
}

.block.masonry .col-md-9.format-16-10 .thumbnail > a.imgwrap {
    height: 529px;
}

.block.masonry .col-md-9.format-16-9 .thumbnail > a.imgwrap {
    height: 476px;
}

.block.masonry .col-md-9.format-4-3 .thumbnail > a.imgwrap {
    height: 635px;
}

.block.masonry .col-md-9.format-1-1 .thumbnail > a.imgwrap {
    height: 847px;
}

.block.masonry .col-md-8.format-16-10 .thumbnail > a.imgwrap {
    height: 487px;
}

.block.masonry .col-md-8.format-16-9 .thumbnail > a.imgwrap {
    height: 438px;
}

.block.masonry .col-md-8.format-4-3 .thumbnail > a.imgwrap {
    height: 585px;
}

.block.masonry .col-md-8.format-1-1 .thumbnail > a.imgwrap {
    height: 780px;
}

.block.masonry .col-md-7.format-16-10 .thumbnail > a.imgwrap {
    height: 407px;
}

.block.masonry .col-md-7.format-16-9 .thumbnail > a.imgwrap {
    height: 366px;
}

.block.masonry .col-md-7.format-4-3 .thumbnail > a.imgwrap {
    height: 489px;
}

.block.masonry .col-md-7.format-1-1 .thumbnail > a.imgwrap {
    height: 652px;
}

.block.masonry .col-md-6.format-16-10 .thumbnail > a.imgwrap {
    height: 346px;
}

.block.masonry .col-md-6.format-16-9 .thumbnail > a.imgwrap {
    height: 312px;
}

.block.masonry .col-md-6.format-4-3 .thumbnail > a.imgwrap {
    height: 416px;
}

.block.masonry .col-md-6.format-1-1 .thumbnail > a.imgwrap {
    height: 555px;
}

.block.masonry .col-md-5.format-16-10 .thumbnail > a.imgwrap {
    height: 285px;
}

.block.masonry .col-md-5.format-16-9 .thumbnail > a.imgwrap {
    height: 257px;
}

.block.masonry .col-md-5.format-4-3 .thumbnail > a.imgwrap {
    height: 342px;
}

.block.masonry .col-md-5.format-1-1 .thumbnail > a.imgwrap {
    height: 457px;
}

.block.masonry .col-md-4.format-16-10 .thumbnail > a.imgwrap {
    height: 225px;
}

.block.masonry .col-md-4.format-16-9 .thumbnail > a.imgwrap {
    height: 202px;
}

.block.masonry .col-md-4.format-4-3 .thumbnail > a.imgwrap {
    height: 270px;
}

.block.masonry .col-md-4.format-1-1 .thumbnail > a.imgwrap {
    height: 360px;
}

.block.masonry .col-md-3.format-16-10 .thumbnail > a.imgwrap {
    height: 163px;
}

.block.masonry .col-md-3.format-16-9 .thumbnail > a.imgwrap {
    height: 147px;
}

.block.masonry .col-md-3.format-4-3 .thumbnail > a.imgwrap {
    height: 196px;
}

.block.masonry .col-md-3.format-1-1 .thumbnail > a.imgwrap {
    height: 262px;
}

.block.masonry .col-md-2.format-16-10 .thumbnail > a.imgwrap {
    height: 103px;
}

.block.masonry .col-md-2.format-16-9 .thumbnail > a.imgwrap {
    height: 92px;
}

.block.masonry .col-md-2.format-4-3 .thumbnail > a.imgwrap {
    height: 123px;
}

.block.masonry .col-md-2.format-1-1 .thumbnail > a.imgwrap {
    height: 165px;
}

.block.masonry .col-md-1.format-16-10 .thumbnail > a.imgwrap {
    height: 41px;
}

.block.masonry .col-md-1.format-16-9 .thumbnail > a.imgwrap {
    height: 37px;
}

.block.masonry .col-md-1.format-4-3 .thumbnail > a.imgwrap {
    height: 50px;
}

.block.masonry .col-md-1.format-1-1 .thumbnail > a.imgwrap {
    height: 67px;
}

.block.masonry .grid-item {
    margin-bottom: 30px;
}
.block.masonry .grid-item .grid-item-header{
    background: #00894d;
    color: #ffffff;
    padding: 3px 20px 4px 20px;
    margin:0px;
}
.block.masonry .thumbnail {
    margin-bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
}
.block.masonry .multiYoutube .thumbnail{
    background-color: #f2f2f2;
}

.block.masonry .grid-item .caption,
.grid-item .caption {
    width: 100%;
    padding: 15px 20px;
    background: #f2f2f2;
}

.block.masonry .spaces {
    background: #f2f2f2;
}

.block.masonry .thumbnail a.imgwrap {
    position: relative;
    display: block;
    /*display: flex;*/
    height: 100%;
    /*align-content: center;*/
    /*flex-direction: column;*/
    /*justify-content: space-around;*/
    -webkit-background-size: cover;
    background-size: cover;
    background: no-repeat 50% 50%;
}

.block.masonry .facebook {
    position: relative
}

.block.masonry .facebook .btn.btn-primary.fa.fa-search {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    border-radius: 50px;
    padding: 10px;
    line-height: 1;
    margin: -30px 0 0 -30px;
    pointer-events: none;
    width: auto;
}

.block.masonry .facebook .thumbnail .bg.blured {
    display: none;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff 50% 50% no-repeat;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    zoom: 2;
}

.block.masonry .facebook .thumbnail .type {
    z-index: 90;
}

.block.masonry .thumbnail .btn.btn-primary,
.block.masonry .grid-item .caption .btn.btn-primary {
    margin: 0 0 15px 0;
}

.block.masonry .has-preview .embed-responsive {
    display: none;
}

.block.masonry .has-preview img {
    cursor: pointer;
}

#termine .masonryOverview .imgwrap {
    border: 2px solid #f2f2f2;
}

#termine .masonryOverview .imgwrap {
    border: 2px solid #f2f2f2;
}

#termine .spaces {
    display: none !important;
}

/*** BLOCK PRODUKTDETAIL ***/
.productdetail-header {
    border-bottom: solid 1px #00894d;

}

.productdetail-header h1 {
    margin-top: 0;
}

.productdetail-header h1 span {
    font-weight: 700;
    color:inherit;
}

.container-fluid .container-fluid {
    margin-left: -15px;
    margin-right: -15px;
}

/*@media (min-width: 1200px) {*/
@media (min-width: 1250px) {
    .schraubenfinder .col-md-3.filter {
        width: 14.28%;
    }
    .schraubenliste .title {
        min-width:570px;
    }

}

.schraubenfinder .category h3 a,
.schraubenfinder .subcategory h3 a {
    display: block;
    padding: 11px 15px;
}

.schraubenfinder .subcategory h3 {
    margin-top: 5px;
    margin-bottom: 0;
}

.schraubenfinder .subcategory h3 a {
    font-weight: 400;
}

.schraubenfinder .category h3 {
    margin-bottom: 0;
}

.schraubenfinder .detail {
    margin: 0;
    display: table;
    position: relative;
    width: 100%;
}
/*## Resize Schraubenfinder Images ## */
.schraubenfinder .detail img {
    max-height: 150px;
    max-width: 250px;
    width:auto;
}
.schraubenfinder .detail.schraubenset img {
    max-height: none;
}

.schraubenfinder .detail.universal img, .schraubenfinder .detail.holzbau img {
    width:200px;
}
.schraubenfinder .detail.trockenbau img{
    max-height: none;
    width:160px;
}
.schraubenfinder .detail.bits img{
    max-height: none;
    width:120px;
}
.schraubenfinder .detail.extras.window img{
    max-height: none;
    width:70px;
}
.schraubenfinder .detail.gid-2201.universal img {
    width:auto;
}
.schraubenfinder .detail.ean-4003530182358.holzbau img {
    width:140px;
}

.schraubenfinder .detail.ean-4003530247910 img {
    width:180px;
}

.schraubenfinder .detail.ean-4003530192852.bits img,
.schraubenfinder .detail.ean-4003530192869.bits img,
.schraubenfinder .detail.ean-4003530192876.bits img,
.schraubenfinder .detail.ean-4003530192883.bits img,
.schraubenfinder .detail.ean-4003530192890.bits img,
.schraubenfinder .detail.ean-4003530192906.bits img{
    width:200px;
}

.schraubenfinder .detail.ean-4003530159305.bits img{
    width:140px;
}

.schraubenfinder .detail.ean-4003530241598.extras img{
    width:250px;
    max-height:none;
}

.schraubenfinder .detail.ean-4003530189388.extras img{
    width:190px;
    max-height:none;
}

.schraubenfinder .detail.ean-4003530241581.extras img{
    width:200px;
    max-height:none;
}

.schraubenfinder .detail.ean-4003530168956.holzbau img{
    width:200px;
    max-height:none;
}

.schraubenfinder .detail.BIT_LANG_T10 img, .schraubenfinder .detail.BIT_LANG_T15 img, .schraubenfinder .detail.BIT_LANG_T20 img, .schraubenfinder .detail.BIT_LANG_T25 img, .schraubenfinder .detail.BIT_LANG_T30 img, .schraubenfinder .detail.BIT_LANG_T40 img{
    width: 230px;
}

.schraubenfinder .detail.BIT_T10 img, .schraubenfinder .detail.BIT_T15 img, .schraubenfinder .detail.BIT_T20 img, .schraubenfinder .detail.BIT_T25 img, .schraubenfinder .detail.BIT_T30 img, .schraubenfinder .detail.BIT_T40 img{
    width: 160px;
}

.schraubenfinder .detail.ZIERKAPPE_POZI_BEIGE img, .schraubenfinder .detail.ZIERKAPPE_POZI_SCHWARZ img, .schraubenfinder .detail.ZIERKAPPE_POZI_REHBRAUN img, .schraubenfinder .detail.ZIERKAPPE_POZI_WEISS img, .schraubenfinder .detail.ZIERKAPPE_SCHWARZ img, .schraubenfinder .detail.ZIERKAPPE_WEISS1 img, .schraubenfinder .detail.ZIERKAPPE_TORX_BEIGE img, .schraubenfinder .detail.ZIERKAPPE_TORX_WEISS img, .schraubenfinder .detail.KAPPE_BEIGE img, .schraubenfinder .detail.KAPPE_GRAU img, .schraubenfinder .detail.KAPPE_MAHAGONI img, .schraubenfinder .detail.KAPPE_OCKER img, .schraubenfinder .detail.KAPPE_REHBRAUN img, .schraubenfinder .detail.KAPPE_SCHWARZ img, .schraubenfinder .detail.KAPPE_WEISS img{
    width: 160px;
}

.schraubenfinder .detail.gid-8600.terrasse img,
.schraubenfinder .detail.gid-8800.terrasse img,
.schraubenfinder .detail.gid-9400.terrasse img,
.schraubenfinder .detail.gid-9200.terrasse img,
.schraubenfinder .detail.ean-4003530188633.terrasse img {
    width:190px;
    max-height:none;
}

.schraubenfinder .detail.gid-9000.terrasse img {
    width:140px;
    max-height:none;
}

.schraubenfinder .detail.ean-4003530188633.terrasse img {
    margin:0 auto;
}

.schraubenfinder .detail.ean-4003530191664.terrasse img {
    width:180px;
    max-height:none;
    margin:0 auto;

}

.schraubenfinder .detail.ean-4003530241093.terrasse img{
    width:100%;
    max-height:none;
}



.schraubenfinder .detail.ean-4003530025631 img,
.schraubenfinder .detail.ean-4003530025648 img,
.schraubenfinder .detail.ean-4003530025655 img,
.schraubenfinder .detail.ean-4003530025662 img,
.schraubenfinder .detail.ean-4003530191282 img,
.schraubenfinder .detail.ean-4003530191299 img {
    width:125px;
}


.schraubenfinder .detail.ean-4003530012693  img,
.schraubenfinder .detail.ean-4003530026102 img,
.schraubenfinder .detail.ean-4003530094965 img,
.schraubenfinder .detail.ean-4003530192746 img,
.schraubenfinder .detail.ean-4003530246609 img {
    width:175px;
}

.schraubenfinder .detail.ean-4003530013454 img,
.schraubenfinder .detail.ean-4003530241291 img {
    width:235px;
}




.schraubenfinder .detail.ean-4003530189258 img {
    width:150px;
    max-height:none;
}

.schraubenfinder .detail.ean-4003530247637 img {
    width:170px;
    max-height:none;
}


.schraubenfinder .detail.ean-4003530043246 img,
.schraubenfinder .detail.ean-4003530043253 img {
    width:80px;
    max-height:none;
}



.schraubenfinder .detail.gid-7500.fassade img,
.schraubenfinder .detail.ean-4003530192845.extras img {
    width:200px;
}



.schraubenfinder .detail.bits.gid-12700  img{
    max-height: none;
    width:180px;
}
.schraubenfinder .detail.gid-8500 img{
    max-height: none;
}
.schraubenfinder .detail.gid-9500 img, .schraubenfinder .detail.gid-9500 img{
    max-height: none;
    width:120px;
}


.schraubenfinder .detail.gid-8700 img{
    max-height: none;
    width:170px;
}

.schraubenfinder .detail.gid-8300 img{
    max-height: none;
    width:170px;
}


.schraubenfinder .detail.gid-5100 img {
    max-height: none;
    width:110px;
}
.schraubenfinder .detail.gid-10400 img{
    max-height: none;
    width:135px;
}
.schraubenfinder .detail.gid-10401 img{
    max-height: none;
    width:210px;
}
.schraubenfinder .detail.gid-12800 img {
    max-height: none;
    width:230px;
}
.schraubenfinder .detail.gid-4900 img,
.schraubenfinder .detail.gid-5000 img,
.schraubenfinder .detail.gid-5200 img,
.schraubenfinder .detail.gid-5300 img,
.schraubenfinder .detail.gid-5400 img{
    max-height: none;
    width:170px;
}


.schraubenfinder .detail.pid-90 img {width:200px; }
.schraubenfinder .detail.pid-80 img {width:160px; }
.schraubenfinder .detail.pid-81 img {width:160px; }
.schraubenfinder .detail.pid-82 img{width:160px;}
.schraubenfinder .detail.pid-83 img {width:200px; }
.schraubenfinder .detail.pid-84 img {width:160px; }

.schraubenfinder .detail.pid-86 img {     width:160px; }

.schraubenfinder .detail.pid-42 img {     width:225px; }
.schraubenfinder .detail.pid-43 img {     width:225px; }
.schraubenfinder .detail.pid-44 img {     width:225px; }
.schraubenfinder .detail.pid-45 img {     width:225px; }
.schraubenfinder .detail.pid-46 img {     width:225px; }
.schraubenfinder .detail.pid-47 img {     width:225px; }

.schraubenfinder .detail.pid-54 img {     width:180px; }
.schraubenfinder .detail.pid-56 img {     width:240px; }

.schraubenfinder .detail.gid-1100 img,
.schraubenfinder .detail.gid-1108 img {     width: 165px; }

.schraubenfinder .detail.gid-1200 img,
.schraubenfinder .detail.gid-1300 img {     width: 175px; }

.schraubenfinder .detail.gid-100 img,
.schraubenfinder .detail.gid-200 img,
.schraubenfinder .detail.gid-400 img,
.schraubenfinder .detail.gid-500 img,
.schraubenfinder .detail.gid-700 img,
.schraubenfinder .detail.gid-1600 img,
.schraubenfinder .detail.gid-1700 img,
.schraubenfinder .detail.gid-1800 img,
.schraubenfinder .detail.gid-1900 img,
.schraubenfinder .detail.gid-2000 img,
.schraubenfinder .detail.gid-2100 img {     width: 170px; }

.schraubenfinder .detail.gid-2400 img {     width: 180px; }

.schraubenfinder .detail.gid-6600 img,
.schraubenfinder .detail.gid-6500 img {     width: 200px; }

.schraubenfinder .detail.gid-1101 img,
.schraubenfinder .detail.gid-1102 img,
.schraubenfinder .detail.gid-1103 img,
.schraubenfinder .detail.gid-1104 img,
.schraubenfinder .detail.gid-1105 img,
.schraubenfinder .detail.gid-1106 img,
.schraubenfinder .detail.gid-1107 img,
.schraubenfinder .detail.gid-6100 img,
.schraubenfinder .detail.pid-64  img,
.schraubenfinder .detail.pid-66  img,
.schraubenfinder .detail.pid-68  img,
.schraubenfinder .detail.gid-6101 img {     width: 75px; }

.schraubenfinder .detail.pid-60  img,
.schraubenfinder .detail.pid-61  img {     width: 75px; }

.schraubenfinder .detail.pid-74  img,
.schraubenfinder .detail.pid-75  img,
.schraubenfinder .detail.pid-76  img,
.schraubenfinder .detail.pid-77  img,
.schraubenfinder .detail.pid-78  img,
.schraubenfinder .detail.pid-79  img {     width: 100px; }

.schraubenfinder .detail.gid-8300 img,
.schraubenfinder .detail.gid-20001 img,
.schraubenfinder .detail.gid-20002 img,
.schraubenfinder .detail.gid-20003 img,
.schraubenfinder .detail.gid-20004 img,
.schraubenfinder .detail.gid-20005 img,
.schraubenfinder .detail.gid-20006 img {     width: 125px; }


.schraubenfinder .detail.gid-6201 img,
.schraubenfinder .detail.gid-6202 img,
.schraubenfinder .detail.gid-6204 img {     width: 140px; }

.schraubenfinder .detail.gid-10400 img,
.schraubenfinder .detail.gid-5100 img,
.schraubenfinder .detail.gid-11201 img,
.schraubenfinder .detail.gid-11202 img,
.schraubenfinder .detail.gid-11203 img,
.schraubenfinder .detail.gid-11205 img,
.schraubenfinder .detail.gid-11207 img {     width: 160px; }

.schraubenfinder .detail.gid-3700 img,
.schraubenfinder .detail.gid-3800 img {     width: 175px; }

.schraubenfinder .detail.gid-2500 img,
.schraubenfinder .detail.gid-2800 img,
.schraubenfinder .detail.gid-4300 img,
.schraubenfinder .detail.gid-4400 img,
.schraubenfinder .detail.gid-7900 img,
.schraubenfinder .detail.gid-7901 img,
.schraubenfinder .detail.gid-8000 img,
.schraubenfinder .detail.gid-8100 img,
.schraubenfinder .detail.gid-10700 img,
.schraubenfinder .detail.gid-11204 img {     width: 200px; }

.schraubenfinder .detail.gid-6300 img,
.schraubenfinder .detail.gid-6400 img,
.schraubenfinder .detail.gid-6700 img,
.schraubenfinder .detail.gid-6800 img,
.schraubenfinder .detail.gid-7100 img,
.schraubenfinder .detail.gid-7300 img {     width: 200px; }

.schraubenfinder .detail.gid-3500 img,
.schraubenfinder .detail.gid-3600 img,
.schraubenfinder .detail.gid-8400 img {     width: 225px; }

.schraubenfinder .detail.gid-12100 img,
.schraubenfinder .detail.gid-12200 img,
.schraubenfinder .detail.gid-12300 img,
.schraubenfinder .detail.gid-12400 img,
.schraubenfinder .detail.gid-12500 img,
.schraubenfinder .detail.gid-12600 img,
.schraubenfinder .detail.gid-9500 img {     width: 250px; }

.schraubenfinder .detail.SPAX_PRESS__TEILGEWINDE__4CUT__WIROX__SPAX_RING  {
    background: #ffffff url("../img/global/neu-left.png") no-repeat!important;
    background-position: 0px 10px!important;
}


.schraubenfinder .detail.KS_A8B6D6E3F10H3N1 {
    background: #ffffff url(../img/global/neu-left.png) no-repeat!important;
    background-position: 0px 10px!important;
}

.schraubenfinder .detail.traekonstruktion.brickhuvud.SPAX_PRESS__TEILGEWINDE__4CUT__WIROX__SPAX_RING,
.se .schraubenfinder .detail.KS_A8B6D6E3F10H3N1 {
    background: none !important;
    background-position: 0px 10px!important;
}
/* ## Resize End ## */


.schraubenfinder .detail .title h5 {
    color: #616060;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.schraubenfinder .detail:nth-child(odd) {
    background: #f1f1f1;
}

.schraubenfinder .detail .col-md-3.col-xs-12.image {
    width: 280px;
}
.schraubenfinder .detail .col-md-3.col-xs-12.title {
    width: 550px;
}

.schraubenfinder .detail a {
    display: table-cell;
    /*padding: 50px 20px;*/
    max-height: 200px;
    height: 170px;
    min-height: 160px;
    margin: auto;
    width: 100%;
    vertical-align: middle;
}


.schraubenfinder .detail a:hover {
    text-decoration: none;
}
#schraubenfinder .technical-details {
    width:100%;
    font-size:13px;
}
#schraubenfinder .technical-details td {
    padding:5px;
    background-color: #fff;
    border-bottom: 1px solid #DDDDDD;
    display: table-cell !important;
    text-align: left !important;
}
#schraubenfinder .technical-details .td-label {
    width:210px;
    background-color: #f5f5f5;
}

.finderform .col-md-3.col-xs-12 .preloader {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    border: 1px solid #00894d;
}

.slider {
    display: none;
}

.slider.slick-initialized {
    display: block;

}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    color: #00894d;
    font-family: 'FontAwesome';
    font-size: 50px;
    font-weight: 600;
}

.slick-slider .focuspoint {
    border: solid 1px #00894d;
    padding: 0;
    background: #fff;
}

.slick-slider a {
    color: inherit;
    font-weight: 300;
}

.slick-slide img {
    border: solid 1px #00894d;
}

.slider.double-slider .slick-slide img {
    border: none;
}

.slider.double-slider .slick-slide .thumbnail .focuspoint {
    width: 100% !important;
}

.related-products .slick-slide .img-container {
    border: solid 1px #00894d;
    background: #fff;
    margin: 0 auto;
}

.related-products .slick-slide img {
    border: solid 0px #00894d;
    padding: 0px 6px;
}

.slick-slider a:hover {
    text-decoration: none;
}

.slick-prev,
.slick-next {
    width: 18px !important;
    height: 50px !important;
}
.multiYoutube .slick-prev,
.multiYoutube .slick-next,
.multiYoutube .slick-prev:hover,
.multiYoutube .slick-next:hover,
.multiYoutube .slick-prev:active,
.multiYoutube .slick-next:active,
.multiYoutube .slick-prev:focus,
.multiYoutube .slick-next:focus{
    z-index: 99;
    width: 50px!important;
    height: 50px!important;
    background-color: rgba(255,255,255,.5);
}
.multiYoutube .slick-prev{left: 0;}
.multiYoutube .slick-next{right: 0;}

.img-container {
    background: #fff;
    height: 165px;
    width: 165px;
    position: relative;

}

.img-container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.related-products .img-container img {
    max-height: 170px;
}

.productdetail-header .slick-next {

}

.productdetail-header .slick-prev {
    left: -23px;
}

.slick-slider .slick-prev:before {
    content: "\f104";
}

.slick-slider .slick-next:before {
    content: "\f105";
}

.thumbnail-slider .slick-slide {
    padding: 15px;
    height: 457px;
}

.productdetail-header .slick-slider {
    background: #fff;
    margin: 0 0 25px 0;
}

.eigenschaften .slick-slider .slick-slide .img-container,
.extras .slick-slider .slick-slide .img-container,
.related-products .slick-slider .slick-slide .img-container,
.zertifikate .slick-slider .slick-slide .img-container {

    padding: 15px;
    box-sizing: border-box;

    border: solid 1px #00894d;
}

/*@media (max-width: 767px){*/
@media (max-width: 829px) {
    .eigenschaften .slick-slider .slick-slide .img-container,
    .extras .slick-slider .slick-slide .img-container,
    .related-products .slick-slider .slick-slide .img-container,
    .zertifikate .slick-slider .slick-slide .img-container {
        border: none;
    }

    .img-container img {
        height: auto;
        max-height: 200px;
    }

    .productdetail-header .slick-slider {
        height: auto;
        width: 100%;
        margin: 0 auto 25px;
    }

    .productdetail-header .slick-slider {

    }

    .img-container {
        padding: 0;
        height: 165px;
    }

}

@media (max-width: 1249px) {
    .img-container {
        width: 100%;
        height: 132px;
    }
    .related-products .img-container img {
        max-height: 120px;
    }

    .thumbnail-slider .slick-slide {
        height: 275px;
    }
}

@media (max-width: 1059px) {
    .img-container {
        width: 100%;
        height: 220px;
    }

    .navbar-header .navbar-brand {
        width: 200px;
    }
}

/*@media (min-width: 768px){*/
@media (min-width: 830px) {

    .extras .slick-slider .slick-slide img,
    .zertifikate .slick-slider .slick-slide img {
        border: none;
        width: auto;
        max-height: 90%;
        max-width: 90%;
    }

    .eigenschaften .slick-slider .slick-slide img {
        border: none;
    }

}

.productdetail-header .slick-slider .slick-track {
    text-align: center;
}

.productdetail-header .slider-nav.slick-slider {
    background: none;
    height: auto;
    margin: 10px auto 0;
    width: 100%;
}

.superzeichen {
    display: none;
}

.productdetail-header .slider-nav.slick-slider .slick-slide {
    position: relative;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    overflow: hidden;
    display:inline-block;
    float:none;
    box-sizing: border-box;
}

.productdetail-header .slider-nav.slick-slider .slick-slide:before{
    position: absolute;
    top:0;
    left:0;
    content:" ";
    width:98%;
    height:98%;
    border: solid 1px #00894d;
    background: #fff;
}

.productdetail-header .slider-nav.slick-slider .slick-slide img {
    max-height: 99px;
    max-width: 99px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    -ms-interpolation-mode: bicubic;
}

.productdetail-header .slick-slider img,
.productdetail-header .slider-nav.slick-slider .slick-slide img {
    border: 0;
}

.thumbnail-slider .slick-slide img {
    max-height: 100%;
    position: absolute;
    padding: 65px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -ms-interpolation-mode: bicubic;
}

.thumbnail-slider img {
    padding: 0 30px;
}

.slick-slide img {

}

.slider-nav img {
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: unset;
    max-height: 75px;
}

.productdetail-header .slider-nav.slick-slider .slick-slide.slickVideo {
    background: transparent;
}

.slider-nav .slick-slide.slickVideo iframe {
    z-index: -1;
}

/*** BLOCK XPERTISE-BANNER ***/
.block.xpertise-banner {
    background-size: cover;
    background: transparent url(../img/block/special/xpertise/wood-bg-250-small.jpg) no-repeat 50% 50%;
    min-height: 145px;


}

.block.xpertise-banner h2 span {
    color: #FFF;
    position: relative;
    display: block;
    margin-bottom: 30px;
    line-height: 36px;
    font-weight: 600;
}

.block.xpertise-banner img {
    position: relative;
    margin: 0 0 -100px;
}

/*** BLOCK STORELOCATOR ***/
.block.storelocator .input-group {
    width: 100%;
}

/*** BLOCK NACHRICHTEN ***/
.block.nachrichten {
    overflow: hidden;
}

.block.nachrichten ul li .thumbnail {
    background: transparent no-repeat 50% 50%;
    background-size: cover;
}

.block.nachrichten .controls a {
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

/*** BLOCK NEWSLETTER-KONTAKT ***/
.block.newsletter-kontakt .input-group {
    width: 100%;
}

.block.block.newsletter-kontakt {
    overflow: hidden;
    position: relative;
    background: #e8e8e8;
}

.block.newsletter-kontakt:before {
    position: absolute;
    top: 0;
    left: 50%;
    content: " ";
    float: left;
    width: 10000px;
    height: 10000px;
    background: #f1f1f1;
    transform: rotate(45deg);
    margin: 0 0 0 -2800px;
}

/*** BLOCK GREIFVERHALTEN ***/
.block.greifverhalten {
    height: 900px;
    /*background: url(../img/block/special/greifverhalten/optimiertes-greifverhalten.jpg)*/
    background: transparent;
    border-bottom: 10px solid #00894d;
}

/*** BLOCK YOUTUBE ***/
.youtubeHeader {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.youtubeHeader a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.row.youtubeRow h3 {
    margin-top: 0;
}

/*** SOCIAL-MEDIA ***/
.social-media .nav a:hover,
.social-media .nav a:focus {
    background: transparent;
}

.social-media a i {
    font-size: 36px;
    color: #00894d;
}

.social-media a:hover i {
    color: rgba(0, 122, 59, .8);
}

/*** LAYERSLIDER ***/
.ls-thumbnail-wrapper,
.ls-thumbnail,
.ls-thumbnail-inner {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width:auto;
    right: 21px;
    z-index: 10;
}

.ls-thumbnail-slide-container {
    overflow: visible !important;
    position: relative;
    height: 100%;
}

.ls-thumbnail-slide {
    position: absolute;
    top: 50%;
    right: 0;
    height: auto !important;
    margin-left: 0 !important;
}

.ls-thumbnail-slide a {
    display: block;
    float: left;
    overflow: visible;
    margin-bottom: 15px;
}

.ls-thumbnail-slide a img {
    border: 1px solid #00894d !important;
    margin: 4px;
}

.ls-thumbnail-slide a img:hover {
    border: 5px solid rgba(0, 122, 59, .5) !important;
    margin: 0;
}

.ls-thumbnail-slide a img.ls-thumb-active {
    border: 5px solid #00894d !important;
    margin: 0;
}

/*** PROJEKTE SLIDER ***/
.projectSliderWrapper {
    position: relative;
    border-bottom: 10px solid #00894d;
}

.projectSlider {
    overflow: hidden;
}

.projectSliderWrapper .projectSliderNav {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -175px;
    height: 50px;
    width: 350px;
}

.projectSliderWrapper .projectSliderNav .projectSlidePrev {
    width: 50px;
    height: 50px;
    background-color: #00894d;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
}

.projectSliderWrapper .projectSliderNav .projectSlideNext {
    width: 50px;
    height: 50px;
    background-color: #00894d;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide {
    position: absolute;
    top: 0;
    left: 50px;
    width: 250px;
    background-color: rgba(255, 255, 255, .75);
    height: 100%;
    padding: 0 10px;
}

/* range slider */
/*applying base styles*/
.projectSliderWrapper .projectSliderNav .projectRangeSlide input {
    margin-top: 21px;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}

_:-ms-lang(x), .projectSliderWrapper .projectSliderNav .projectRangeSlide input {
    margin-top: -6px;

}

_:-ms-lang(x), _:-webkit-full-screen, .projectSliderWrapper .projectSliderNav .projectRangeSlide input {
    margin-top: 7px;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input:focus {
    outline: none;
}

/*styling the thumb*/
.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -12px;
    background: #00894d url(../img/projekte/infobutton.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    border: 2px solid #fff;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-moz-range-thumb {
    border: none;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    cursor: pointer;
    background: #00894d url(../img/projekte/infobutton.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    border: 2px solid #fff;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-ms-thumb {
    border: none;
    margin-top: -10px;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    cursor: pointer;
    background: #00894d url(../img/projekte/infobutton.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    border: 2px solid #fff;
}

/*styling the track*/
.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: rgba(255, 255, 255, .85);
    border: none;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input:focus::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, .85);
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: rgba(255, 255, 255, .85);
    border: none;
}

.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-ms-track {
    margin-top:-1px;
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    background-color: transparent;
}
.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-ms-fill-lower {
    background: rgba(255, 255, 255, .85);
}
.projectSliderWrapper .projectSliderNav .projectRangeSlide input::-ms-fill-upper {
    background: rgba(255, 255, 255, .85);
}

.projectSlider .projectSlideItem {
    position: relative;
}

.projectSlider .projectSlideItem button {
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 1;
    border-radius: 50%;
    padding: 14px 14px;
    font-size: 20px;
    line-height: 1;
    border: 2px solid #fff;
    background: url(../img/projekte/infobutton.png) no-repeat -1px 0;
    animation: pulse-glow 2s linear infinite;
}

.projectSlider .projectSlideItem img {
    width: 100%;
    height: auto;
    border: none;
}

.popover {
    border: 1px solid #00894d;
    border: 1px solid rgba(0, 122, 59, 1);
    border-radius: 2px;
    max-width: 350px;
}

.popover p {
    font-size: 14px;
    line-height: 22px;
}

.popover .btn {
    width: 100%;
}

.popover.bottom > .arrow {
    border-bottom-color: #00894d;
    border-bottom-color: rgba(0, 122, 59, 1);
}

/* pulse-glow */
@keyframes pulse-glow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .5),
        0 0 0 0 rgba(255, 255, 255, .3),
        0 0 0 0 rgba(255, 255, 255, .4);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0),
        0 0 1px 20px rgba(255, 255, 255, 0),
        0 0 5px 25px rgba(255, 255, 255, 0);
    }
}

/*** PROJECT FILTER NAV ***/
.projectFilterNav > .row {
    position: absolute;
    top: 25px;
    z-index: 1;
    width: 1170px;
}

.projectFilterNav button {
    padding: 11px 29px;
    background: rgba(255, 255, 255, .85);
    font-size: 16px;
    font-weight: 600;
    border: 0;
}

.projectFilterNav .dropdown-toggle,
.projectFilterNav .btn-group.open .dropdown-toggle {
    padding: 10px 17px;
    background: rgba(0, 137, 77, .85);
    color: #fff;
    height: 44px;
}

.projectFilterNav .btn-group {
    margin-right: 0;
}

.projectFilterNav .btn-group:last-child {
    margin-right: 0;
}

.projectFilterNav .btn-group a {
    color: #616060;
    background: rgba(255,255,255,.85);
    padding: 12px 18px;
    border: 0;
    font-weight: 600;
    width:81%;
    text-align:left;
}

.projectFilterNav .btn-group > .btn + .dropdown-toggle {
    padding-left: 17px;
    padding-right: 17px;
}

.projectFilterNav .dropdown-menu {
    background-color: transparent;
    min-width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
}

.projectFilterNav .dropdown-menu li {
    margin: 0 0 2px 0;
    padding:0 15px;
}

.projectFilterNav .dropdown-menu li a {
    background-color: rgba(255, 255, 255, .85);
    margin: 0;
    padding: 12px 20px;
    width:100%;
}

.projectFilterNav .btn-group.indoor > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    box-shadow: inset 0 -10px 0 -7px #ffc826;
}

.projectFilterNav .btn-group.outdoor > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    box-shadow: inset 0 -10px 0 -7px #90be45;
}

.projectFilterNav .btn-group.holzbau > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    box-shadow: inset 0 -10px 0 -7px #a85420;
}

.projectFilterNav .btn-group.fensterbau > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    box-shadow: inset 0 -10px 0 -7px #003b61;
}

.projectFilterNav .btn-group.extras-und-zubehoer > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    box-shadow: inset 0 -10px 0 -7px #c2007b;
}

.projectFilterTabNav {
    display: none;
}

.projectFilterTabNav .panel {
    margin-bottom: 5px;
    border: none;
    background-color: transparent;
}

.projectFilterTabNav .panel .btn-block + .btn-block {
    margin-top: 2px;
}

.projectFilterTabNav .panel li {
    background: #f1f1f1;
    border-radius: 0;
}

.projectFilterTabNav .panel li a {
    color: #616060;
    display: block
}

.projectFilterTabNav .panel li:active {
    box-shadow: none;
}

.projectFilterTabNav .panel > a .fa-minus,
.projectFilterTabNav .panel > a.collapsed .fa-plus {
    display: block;
}

.projectFilterTabNav .panel > a.collapsed .fa-minus,
.projectFilterTabNav .panel > a .fa-plus {
    display: none;
}

/*** BREADCRUMB ***/
.breadcrumb {
    background: #d6e6db;
    margin-bottom: 0;
    border-radius: 0;
}

.breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display:block;
}

.breadcrumb ol li {
    display: inline;
}

.breadcrumb ol li a {
    color: #3a3939;
    font-weight: 700;
}

.breadcrumb > li + li:before {
    font-family: FontAwesome;
    content: "\f054";
    color: #3a3939;
    font-size: 12px;
}

.breadcrumb > .active {
    color: inherit;
}

/*** BOOTSTRAP-SELECT ***/
.form-group {
    position:relative;
}

.form-group .preloader {
    position: absolute;
    width: 100%;
    height: 43px;
    bottom: 0;
    left: 0;
    z-index: 900;
    border: 1px solid #CCC;
}

ol.greencircle {
    list-style: none;
    padding: 0 30px;
}
ol.greencircle li {
    counter-increment: item;
    margin-bottom: 5px;
    padding: 0 10px;
    text-indent: -40px;
}
ol.greencircle li:before {
    margin-right: 10px;
    content: counter(item);
    background: #00894d;
    border-radius: 100%;
    color: white;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    text-indent: 0;
    font-weight: 700;
}

/*@media (max-width: 768px) {*/
@media (max-width: 830px) {
    .form-group .preloader {
        height: 51px;
        z-index: 1000;
    }
}

.bootstrap-select.btn-group .dropdown-menu {
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    /*padding: 8px 12px;*/
    padding: 0;
    border-bottom: solid 1px #ddd;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a {
    /*padding:8px 12px 8px 40px;*/
    padding: 0;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a span.text,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a span.text {
    padding: 13px 19px 13px 60px;
    width: 100%;
    background-repeat: no-repeat;
}

.bootstrap-select > .dropdown-toggle span.bs-caret {
    color: #00894d;
}

.bootstrap-select > .dropdown-toggle span.bs-caret i{
    position: relative;
    padding: 10px;
    margin: -10px;
    z-index: 100;
}

.bootstrap-select.disabled > .dropdown-toggle span.bs-caret {
    color: #ccc;
}

.bootstrap-select.open > .dropdown-toggle.btn-default:focus {
    background: none;
    color: #00894d;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: #00894d;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    /*padding: 5px 7px;*/
    padding: 13px 19px;
    color: #00894d;
    width: 100%;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select.open > .dropdown-toggle.btn-default {
    background: #fff;
    color: #00894d;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #00894d;
    font-weight: 700;
    text-overflow: ellipsis;
}

.bootstrap-select.btn-group .dropdown-toggle.disabled .filter-option {
    color: #ccc;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 425px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner li {
    padding: 0;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-plana,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .senkkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .foersaenkt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-fraisee,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flat-countersunk-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-svasata,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-stozkowa {
    background: transparent url(../img/products/icons/kopfform/icon-senkkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-redonda,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .bolkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .halbrundkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .kullrigt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-ronde,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .pan-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-tonda,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-polkulista {
    background: transparent url(../img/products/icons/kopfform/icon-halbrundkopf.png) 20px 50% no-repeat;
}



.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flachrueckwandkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platt-utanpaliggande-huvud {
    background: transparent url(../img/products/icons/kopfform/icon-flachrueckwandkopf.png) 20px 50% no-repeat;
}


.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-gota-de-sebo,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .lenskop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .linsensenkkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .kullerfoersaenkt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-bombee,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .raised-countersunk-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-svasata-con-calotta,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-soczewkowa {
    background: transparent url(../img/products/icons/kopfform/icon-linsensenkkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-con-arandela,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .discuskop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tellerkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .brickhuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-disque,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .washer-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-piatta,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-talerzowa {
    background: transparent url(../img/products/icons/kopfform/icon-tellerkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-de-union,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .achterwand-schoef,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .rueckwandkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flaenshuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-rounde-large-plate,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flange-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-per-pannelli-posteriori,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-z-podkladka {
    background: transparent url(../img/products/icons/kopfform/icon-rueckwandkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-cilindrica,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cilinderkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .zylinderkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cylindriskt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-cylindrique,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cylindrical-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-cilindrica,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-cylindryczna {
    background: transparent url(../img/products/icons/kopfform/icon-zylinderkopf.png) 20px 50% no-repeat;
}
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platkop-spax-ra,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flachsenkkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platt-foersaenkt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flat-countersunk-head-spax-ra,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-plate-fraisee,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-svasata-piana,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-stozkowa-plaska {
    background: transparent url(../img/products/icons/kopfform/icon-flachsenkkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-segmentada,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flachrundkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platt-runt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .mushroom-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-tonda-larga,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-kratownicy {
    background: transparent url(../img/products/icons/kopfform/icon-flachrundkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-con-encaje,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .rustkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .rastkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .lashuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .snap-on-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-a-innesto,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-zatrzaskowa {
    background: transparent url(../img/products/icons/kopfform/icon-rastkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-hexagonal,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .kop-6-kant,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .sechskantkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .sexkanthuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-hexagonale,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .hex-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-esagono,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-szesciokatna {
    background: transparent url(../img/products/icons/kopfform/icon-sechskantkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .sin-cabeza,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .zonder-kop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .ohne-kopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .utan-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .sans-tete,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .without-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .senza-testa,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .bez-glowki {
    background: transparent url(../img/products/icons/kopfform/icon-ohnekopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-decorativa,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .sierkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .zierkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .lagt-kullrigt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-decorative,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .decorative-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-decorativa,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-ozdobna {
    background: transparent url(../img/products/icons/kopfform/icon-zierkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-fresadora-aguda,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .puntige-freeskop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .spitzer-fraeskopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-de-fraisage-aigue,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .pointed-milling-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-fresata-aguzza,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .ostra-glowka-z-frezami,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .waska-glowka-z-frezami {
    background: transparent url(../img/products/icons/kopfform/icon-spitzer-fraeskopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-abocinada,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .trompetkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .trompetenkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .trumpethuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-trompette,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .trumpet-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-a-tromba,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-trabkowa {
    background: transparent url(../img/products/icons/kopfform/icon-trompetenkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-de-centrado,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .centreerkop,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .zentrierkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .centrerhuvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .tete-centrante,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .fillister-head,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-di-centraggio,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-centrujaca {
    background: transparent url(../img/products/icons/kopfform/icon-zentrierkopf.png) 20px 50% no-repeat;
}

.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .cabeza-de-arandela,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platkop-spax-fex,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flachkopf,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .platt-huvud,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .flathead,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .testa-piana,
.filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a .glowka-plaska {
    background: transparent url(../img/products/icons/kopfform/icon-flachkopf.png) 20px 50% no-repeat;
}

.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .t-star-plus {
    background: transparent url(../img/products/icons/antrieb/icon-tstarplus.png) 20px 50% no-repeat;
}

.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .kruiskop-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .ranura-en-cruz-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .kreuzschlitz-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .krysspar-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .cruciforme-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .cross-recess-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .intaglio-a-croce-z,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .gniazdo-pz {
    background: transparent url(../img/products/icons/antrieb/icon-kreuzschlitz-z.png) 20px 50% no-repeat;
}

.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .ranura-en-cruz-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .kruiskop-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .kreuzschlitz-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .krysspar-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .cruciforme-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .cross-recess-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .intaglio-a-croce-h,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .gniazdo-h {
    background: transparent url(../img/products/icons/antrieb/icon-kreuzschlitz-h.png) 20px 50% no-repeat;
}

.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .hexagonal,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .hexagonaal,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .sechskant,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .sexkant,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .hexagonale,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .hexagon,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .esagono,
.filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a .szesciokatne {
    background: transparent url(../img/products/icons/antrieb/icon-sechskant.png) 20px 50% no-repeat;
}

/*** HIGHLIGHT BOX ***/
.highlight {
    background-color: #f5f5f5;
    padding: 20px;
    border-left: 5px solid #00894d;
    margin: 50px 0;
}

.highlight p:last-child {
    margin-bottom: 0;
}

.highlight h1,
.highlight h2,
.highlight h3,
.highlight h4,
.highlight h5,
.highlight h6 {
    margin-top: 0;
}

/*** NEIGHBOR NAVIGATION ***/
.neighborPrev,
.neighborNext {
    z-index: 9999999;
    position: fixed;
    top: 50%;
    margin-top: -56px;
    max-width: 40px;
    overflow: hidden;
    height: 112px;
    -webkit-transition: max-width 1s ease .5s;
    -o-transition: max-width 1s ease .5s;
    transition: max-width 1s ease .5s;
}

.neighborPrev:hover,
.neighborNext:hover {
    max-width: 600px;
    -webkit-transition: max-width 1s ease;
    -o-transition: max-width 1s ease;
    transition: max-width 1s ease;
}

.neighborPrev {
    left: -40px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.neighborNext {
    right: -40px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.neighborPrev.in {
    left: 5%;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.neighborNext.in {
    right: 5%;
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.neighborGBtn {
    background-color: #00894d;
    color: #fff;
    height: 100%;
    width: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    display: table;
    z-index: 1;
    opacity: .2;
    -webkit-transition: opacity 1s ease 1s;
    -o-transition: opacity 1s ease 1s;
    transition: opacity 1s ease 1s;
}

.neighborPrev:hover .neighborGBtn,
.neighborNext:hover .neighborGBtn {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.neighborNext .neighborGBtn {
    right: 0;
}

.neighborPrev .neighborGBtn {
    left: 0;
}

.neighborGBtn span {
    display: table-cell;
    vertical-align: middle;
}

.neighborContainer {
    background-color: #f5f5f5;
}

.neighborNext .neighborContainer {
    padding: 15px 40px 15px 15px;
    opacity: 0;
    -webkit-transition: opacity .4s ease 1s;
    -o-transition: opacity .4s ease 1s;
    transition: opacity .4s ease 1s;
}

.neighborPrev .neighborContainer {
    padding: 15px 15px 15px 40px;
    opacity: 0;
    -webkit-transition: opacity .4s ease 1s;
    -o-transition: opacity .4s ease 1s;
    transition: opacity .4s ease 1s;
}

.neighborNext:hover .neighborContainer,
.neighborPrev:hover .neighborContainer {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.neighborInnerContainer {
    display: table;
}

.neighborText {
    display: table-cell;
}

.neighborText p {
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
}

.neighborText p:last-of-type {
    color: #00894d;
    font-weight: 600;
}

.neighborPrev .neighborText {
    padding: 15px;
}

.neighborNext .neighborText {
    padding: 15px;
}

.neighborNavImage {
    width: 82px;
    height: 82px;
    display: table-cell;
    background-size: cover;
    background-repeat: no-repeat;
}

/*** MORE TOPICS SLIDER ***/
.item .type {
    position: absolute;
    top: 1px;
    left: 16px;
    padding: 12px;
    font-size: 26px;
    color: #00894d;
    line-height: 1;
    z-index: 1;
}

/*** YOUTUBE ROW ***/
.youtubeRow {
    padding: 20px 0;
}

.youtubeRow.has-preview .embed-responsive {
    display: none;
}

/*** IMAGE FLOATINGS ***/
img.imgFloatLeft {
    float: left !important;
    width: 300px !important;
    height: auto !important;
    margin: 10px 10px 10px -150px !important;
}

img.imgFloatRight {
    float: right !important;
    width: 300px !important;
    height: auto !important;
    margin: 10px -150px 10px 10px !important;
}

/*** CONTACT FORMS ***/
#contactform .form-group {
    display: inline-block;
    width: 100%;
}

p.control-label {
    font-weight: 700;
}

ul.radiogroup label {
    font-weight: 300;
}

ul.radiogroup label:hover {
    cursor: pointer;
}

ul.radiogroup input {
    margin-right: 15px;
    /*display: none; */
}

ul.radiogroup .spaxRadio {
    margin-right: 10px;
    width: 20px;
    color: #00894d;
}

ul.radiogroup .spaxRadio {
    cursor: pointer;
}

ul.radiogroup.has-error .spaxRadio, .error {
    color: #a94442;
}

ul.radiogroup.has-error label {
    color: #a94442;
}

.radio input {
    margin-right: 30px;
}

#contactform .form-control {
    position: relative;
}

#contactform .form-control:focus {
    border-color: rgba(0, 122, 59, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 122, 59, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 122, 59, .6);
    box-shadow: 0 0 8px rgba(0, 122, 59, .6);
}

#contactform .has-error .form-control:focus {
    border-color: rgba(169, 68, 66, .8);
    -webkit-box-shadow: 0 0 8px rgba(169, 68, 66, .6);
    -moz-box-shadow: 0 0 8px rgba(169, 68, 66, .6);
    box-shadow: 0 0 8px rgba(169, 68, 66, .6);
}

#contactform .control-label {
    margin-bottom: 5px;
}

/***  LIGHTBOX ***/
#lightcase-overlay {
    background: #000;
}

.lightcase-contentInner p > img {
    width: 100%;
}

#lightcase-case {
    font-size:16px;
}

[class*='lightcase-icon-']:before {
    font-family: FontAwesome;
    padding: 5px;
}

.lightcase-icon-prev:before {
    content: '\f053';
}

.lightcase-icon-next:before {
    content: '\f054';
}

.lightcase-icon-close:before {
    content: '\f00d';
}

.lightcase-icon-spin:before {
    content: '\f110';
    color: #00894d;
    text-shadow: 0 0 15px #00894d;

}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 0;
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 0;
}

#lightcase-loading {
    -webkit-animation: lightcase-spin 1.5s infinite linear;
    -moz-animation: lightcase-spin 1.5s infinite linear;
    -o-animation: lightcase-spin 1.5s infinite linear;
    animation: lightcase-spin 1.5s infinite linear;
}

.lightcase-icon-play:before {
    content: '\f04b';
    color: #00894d;
    text-shadow: none;
}

.lightcase-icon-pause:before {
    content: '\f04c';
    color: #00894d;
    text-shadow: none;
}

#lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus {
    /*color: rgba(0, 122, 59, 1);*/
    color: #00894d;
    font-size: 45px;
    background: #fff;
}

#lightcase-nav a[class*='lightcase-icon-']:hover {
    color: #00894d;
    text-shadow: none;
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
    top: 0;
    right: 0;
}

.lightcase-info {
    color: #00894d;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 0;
}

a.lightcase-info {
    color: #00894d;
    z-index:99999;
}


/***	COOKIES BANNER    ***/

.cc_container {
    border: 0!important;
    border-top: 1px solid #007a3b!important;
}

.cc_container a,
.cc_container a:visited {
    color: #007a3b!important;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    color: #fff!important;
    background-color: #007a3b!important;
}

.cc_container .cc_message {
    line-height: 21.7px!important;
}

/***	HAENDLERSUCHE	***/
.haendlersuche .haendlerliste {
    text-align: left;
}

.haendlersuche label {
    display: block;
}

.haendlersuche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.haendlersuche .haendlerliste li {
    border-bottom: solid 1px #ececec;
    padding: 12px;
}

.haendlersuche .haendlerliste li h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.haendlersuche .haendlerliste li a,
.haendlersuche .haendlerliste li p {
    font-size: 14px;
    margin: 0;
}

.haendlersuche .pagination {
    margin: 0 0;
    border-radius: 0;
    width: 100%;
    padding: 10px 0 5px 0;
    background: #ececec;
    display: none;
    bottom: 0;
}

.haendlersuche .pagination > li:last-child > a, .pagination > li:last-child > span,
.haendlersuche .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: none;
    outline: none;
    color: #00894d;
}

.haendlersuche .pagination > li:first-child > a,
.haendlersuche .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.haendlersuche .pagination > li a {
    padding: 0;
    border: none;
    background: none;
    color: #00894d;
}

.haendlersuche .pager li > span {
    width: 50px;
    padding: 1px;
    background-color: #ececec;
    border: 0;
    border-radius: 0;
    margin: 0 1px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
}

.haendlersuche .pager {
    margin: 0;
    padding: 0;
    text-align: center;
}

.haendlersuche .pager li {
    display: inline-block;
}

#map {

    height: 80vh;
    max-width: 750px;
    max-height: 750px;
}

.haendlersuche .checkbox {
    margin-top: 0;
    border-right: 0px solid #00894d;
    height: 43px;
}

.haendlersuche .checkbox label.fa {

    padding: 9px;
}

.haendlersuche .bootstrap-switch {
    border-radius: 0;
    border: 1px solid #00894d;
}

.haendlersuche .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.haendlersuche .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #00894d;
    padding: 11px 12px;
}

.haendlersuche .bootstrap-switch .bootstrap-switch-handle-on {
    border-radius: 0;
}

.haendlersuche .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.haendlersuche .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background: #ececec;
}

.haendlersuche .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.haendlersuche .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #00894d;
}

.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background: url('https://dev.spax.com/assets/img/products/icons/google/spax-gmap-marker-white.png') no-repeat 15px;

}

.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.haendlersuche .baumarkt-checkbox .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    opacity: .5;

}

.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.haendlersuche .fachhande-checkbox .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    background: url('https://dev.spax.com/assets/img/products/icons/google/spax-gmap-marker.png') no-repeat 15px;
}

.haendlersuche .baumarkt-checkbox a,
.haendlersuche .fachhande-checkbox a {
    border: 0;
    padding: 10px;
}

.baumarkt-checkbox label,
.fachhande-checkbox label {
    float: left;
}

.baumarkt-checkbox img,
.fachhande-checkbox img {
    padding: 5px;
}

.baumarkt-checkbox .btn,
.fachhande-checkbox .btn {
    background: none;
    box-shadow: none;
}

.baumarkt-checkbox .btn:hover,
.fachhande-checkbox .btn:hover {
    background: none;
}

.baumarkt-checkbox .btn.active .fa-check,
.fachhande-checkbox .btn.active .fa-check {
    color: #00894d;
}

.baumarkt-checkbox .btn.active .fa-close,
.fachhande-checkbox .btn.active .fa-close {
    color: #a92222;
}

.baumarkt-checkbox .btn .fa-check,
.baumarkt-checkbox .btn .fa-close,
.fachhande-checkbox .btn .fa-check,
.fachhande-checkbox .btn .fa-close {
    color: #c1c1c1;
}

.btn-group:focus {
    outline: none;
}

.google-tooltipwrapper {
    display: inline-block;
    margin: 2px;
}

.google-tooltipwrapper p {
    margin-bottom: 0;
}

.google-tolltip-left {
    padding: 5px;
}

.google-tolltip-right {
    width: 40%;
    display: inline-block;
    padding: 5px;
}

/***	DOWNLOADS	***/

.locked {
    color: #9e9e9e;
    font-weight: 600;
}

.book {
    display: inline-block;
    box-shadow: 2px 2px 20px #333;
    margin: 25px;
}

.book img {
    position: relative;
    vertical-align: middle;
    max-width: 100px;
}

.books {
    -moz-perspective: 100px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.book {
    position: relative;
    -moz-perspective: 100px;
    /* -moz-transform: rotateY(-3deg); */
    /* -webkit-transform: perspective(100) rotateY(-3deg); */
    -webkit-transform: perspective(100);
    outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
    box-shadow: none;
    margin: 0;
}

.book:before,
.book:after {
    position: absolute;
    top: 2%;
    height: 96%;
    content: ' ';
    z-index: -1;
}

.book:before {
    width: 100%;
    left: 6.5%;
    background-color: #888;
    box-shadow: 2px 2px 10px #333;
}

.book:after {
    width: 5%;
    left: 100%;
    background-color: #EFEFEF;
    box-shadow: inset 0px 0px 5px #aaa;
    -moz-transform: rotateY(20deg);
    -webkit-transform: perspective(100) rotateY(20deg);
}

#downloads-collapse .container-fluid .container {
    padding: 0;
}

/**
 *  LOADERGIF PRODUKTE
 */

.preloader {
    width: 100%;
    text-align: center;
    display: none;
    background: #fff url(../img/preloader/default.gif) 50% 50% no-repeat;

}


/**
* Unternehmen Logo List
*/
.logo-list {
    margin-top: 20px;
    padding: 20px 0;
}

.logo-list > div {
    min-height: 120px;
    opacity: 1;
    text-align: center;
    position: relative;
    height: 150px;
    line-height: 150px;
}

.logo-list > div img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 150px;
    padding-bottom: 40px;
}

.logo-list > div img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.logo-line {
    border-top: 1px solid #a7a7a7;
    margin-bottom: 70px;
}

.focuspoint {
    width: 100%;
    height: 100%;
}

/**
 * Historie
 */

.cd-timeline-content {
    margin: 25px 0;
    padding: 0;
    min-height: 310px;
}

.cd-timeline-content h2 {
    font-size: 20px;
}

.cd-timeline-content .content h3 {
    margin-top: 0;
}

.cd-timeline-content .content p {
    position: relative;
    background: transparent;

}

.cd-timeline-block:nth-child(even) .cd-timeline-content .content {
    left: -123%;
    margin: 0 115px 0 0;

}

.cd-timeline-content .content {
    position: absolute;
    left: 100%;
    width: 100%;
    margin: 0 0 0 115px;
    top: 0;
}

.cd-timeline-img {
    top: 50%;
    margin-top: -43px;
    border-radius: 0;
    box-shadow: none;
    background: #f1f1f1;
    border: solid 3px #fff;
}

.cd-timeline-content h2 {
    color: inherit;
}
.cd-timeline-content.exporte h2 {
    line-height: 235px;
}

.cd-timeline-img span {
    display: block;
    padding: 14px 7px;
    text-align: center;
}

/**
 * Tablesorter
 */

table.tablesorter thead tr th.headerSortUp,
table.tablesorter thead tr th.headerSortDown,
table.tablesorter thead tr th.header {
    background-repeat: no-repeat;
    background-position: 15px;
    text-indent: 22px;
}

table.tablesorter thead tr th.header {
    background-image: url(../img/global/tablesorter.gif);
}

table.tablesorter thead tr th.headerSortUp {
    background-image: url(../img/global/tablesorter-up.gif);
}

table.tablesorter thead tr th.headerSortDown {
    background-image: url(../img/global/tablesorter-down.gif);
}

/***	STANDORTE	***/

.standorteMapWrapper {
    height: 550px;
    position: relative;
    /*overflow: hidden;*/
    border-bottom: 10px solid #00894d;
}

.standorteMapWrapper #standorte-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
}

#standorteMap {
    height: 100%;
    width: 100%;
}

#standorteCheckboxes {
    margin-top: 30px;
}

#standorteCheckboxes .btn {
    text-align: left;
    border: 1px solid #00894d;
    overflow: hidden;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
}

#standorteCheckboxes .btn div {
    display: table-cell;
}

#standorteCheckboxes .btn div:first-child {
    padding: 7px 14px;
}

#standorteCheckboxes .btn div:last-child {
    background-color: #00894d;
    padding: 10px 10px;
    width: 85%;
}

#schraubenfinder #standorteCheckboxes {
    margin: 0;
}

#schraubenfinder #standorteCheckboxes .btn div:first-child {
    padding: 6px 13px;
}

#haendlersuche #standorteCheckboxes .btn {
    border: none;
    padding: 0 16px;

}

#haendlersuche #standorteCheckboxes .btn .fa {
    width: 20px;
    font-size: 20px;
    color: #00894d;
    vertical-align: middle;
}

#haendlersuche #standorteCheckboxes .btn div:last-child {
    background-color: #FFF;
    color: #000;
}

#haendlersuche #standorteCheckboxes .btn div:first-child {
    padding: 7px 0;
}

#haendlersuche #standorteCheckboxes .btn div:last-child,
#schraubenfinder #standorteCheckboxes .btn div:last-child {

    width: auto;
}

/*@media (min-width: 768px){*/
@media (min-width: 830px) {
    .haendlersuche #zip {
        width: 354px;
    }

    #haendlersuche #standorteCheckboxes,
    #schraubenfinder #standorteCheckboxes {
        margin: 10px 0 0;
    }

    #haendlersuche #standorteCheckboxes .btn div:last-child,
    #schraubenfinder #standorteCheckboxes .btn div:last-child {
        width: 305px;
    }
}

/*@media (min-width: 992px){*/
@media (min-width: 1060px) {
    .haendlersuche #zip {
        width: 200px;
    }

    #haendlersuche #standorteCheckboxes,
    #schraubenfinder #standorteCheckboxes {
        margin: 0;
    }

    #haendlersuche #standorteCheckboxes .btn div:last-child,
    #schraubenfinder #standorteCheckboxes .btn div:last-child {
        padding: 0 8px;
        width: auto;
    }
}

/*@media (min-width: 1200px){*/
@media (min-width: 1250px) {
    .haendlersuche #zip {
        width: 140px;
    }
}

#standorteCheckboxes .btn .fa {
    width: 16px;
}

#standorteCheckboxes .btn p {
    display: inline-block;
    margin-bottom: 0;
}

.haendler-legende {
    margin: 26px 0px;
}
.haendler-legende h3 {
    margin-top: 0px;
}
.haendler-legende .legende-container {
    display: flex;
    justify-content: flex-start;
}
.haendler-legende .legende-container p {
    margin-bottom: 5px;
    margin-right: 20px;
}
.haendler-legende .legende-container .legende-icon {
    height: 30px;
    margin-right: 10px;
}

/***	Leitsätze	***/
.leitsaetze-list ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;

}

.leitsaetze-list li {
    padding: 1.5em;
}

.leitsaetze-list h2 {
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.leitsaetze-list p {
    margin: 0;
}

.leitsaetze-list h2:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    z-index: -1;
    left: -1.8em;
    top: -1.6em;
    background: #f5f5f5;
    height: 3em;
    width: 3em;
    text-align: center;
    font-size: 1.4em;
    color: #ccc;
    border-radius: 2.5em;
    transition: all .2s ease-out;
    padding: 18px 17px;
    color: #00894d;
}

.leitsaetze-list li:hover h2:before {
    background-color: #f5f5f5;
    border: .2em rgba(0, 0, 0, .08);

    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

/***	Organigramm Anfang	***/

.org-chart {
    display: block;
    clear: both;
    margin-bottom: 30px;
    position: relative;
    /**
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
    /* Box colors */
    /* 1 column */
    /* 2 column */
    /* 3 column */
    /* DEPARTMENTS COLUMNs */
}

.org-chart.cf:before, .org-chart.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.org-chart.cf:after {
    clear: both;
}

.org-chart.cf {
    *zoom: 1;
}

.org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.org-chart ul li {
    position: relative;
    list-style: none;
    padding: 0;
}

.org-chart ul li span {
    display: table;
    border: none;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 15px;

    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    background: #00894d;
    padding: 4px;
    height: 50px;
    width: 100%;
}

.org-chart .lvl-b {
    background: #00894d;
    color: #fff;
}

.org-chart .board {
    width: 70%;
    margin: 0 auto;
    display: block;
    position: relative;
}

.org-chart .board:before {
    content: "";
    display: block;
    position: absolute;
    height: 60px;
    width: 0px;
    border-left: 2px solid #706f6f;
    margin-left: 50%;
    top: 32px;
}

.org-chart ul.columnOne {
    height: 90px;
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}

.org-chart ul.columnOne li {
    width: 45%;
    margin: 0px auto;
    top: 20px;
}

.org-chart ul.columnTwo {
    position: relative;
    width: 100%;
    display: block;
    height: 90px;
    clear: both;
}

.org-chart ul.columnTwo li:first-child {
    width: 30%;
    float: left;
}

.org-chart ul.columnTwo li {
    width: 30%;
    float: right;
}

.org-chart ul.columnTwo:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 2px solid #706f6f;
    margin: 0 auto;
    top: 40px;
}

.org-chart ul.columnThree {
    position: relative;
    width: 100%;
    display: block;
    clear: both;
}

.org-chart ul.columnThree li:first-child {
    width: 30%;
    float: left;
    margin-left: 0;
}

.org-chart ul.columnThree li {
    width: 30%;
    margin-left: 5%;
    float: left;
}

.org-chart ul.columnThree li:last-child {
    width: 30%;
    float: right;
    margin-left: 0;
}

.org-chart ul.columnThree:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 2px solid #706f6f;
    margin: 0 auto;
    top: 40px;
}

.org-chart .departments {
    width: 100%;
    display: block;
    clear: both;
}

.org-chart .departments:before {
    content: "";
    display: block;
    width: 68%;
    height: 22px;
    border-top: 2px solid #706f6f;
    border-left: 2px solid #706f6f;
    border-right: 2px solid #706f6f;
    margin: 0 auto;
    top: 0px;
}

.org-chart .department {
    border-left: 2px solid #706f6f;
    width: 31.33%;
    float: left;
    margin: 0px 1%;
}

.org-chart .department:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 22px;
    border-left: 2px solid #706f6f;
    left: 50%;
    top: -22px;
}

.org-chart .department:first-child:after {
    display: none;
}

.org-chart .department:last-child:after {
    display: none;
}

.org-chart .department.central {
    background: none;
}

.org-chart .department.central:after {
    display: none;
}

.org-chart .department span {
    border-left: 1px solid #706f6f;
}

.org-chart .department li {
    padding-left: 25px;
    border-bottom: none;
    height: 64px;
    margin-bottom: 0;
    position: relative;
}

.org-chart .department li span {
    background: #c6c6c6;
    top: 38px;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 50px;
    vertical-align: middle;

    line-height: 20px;
    border: none;
    color: #000;
}

.org-chart .department .sections {
    margin-top: 0px;
}

.org-chart strong {
    display: table-cell;
    vertical-align: middle;
}

.department .sections .section::after {
    content: "";
    display: block;
    height: 2px;
    width: 60px;
    background-color: #706f6f;
    position: absolute;
    bottom: 0;
    left: 0;
}

.org-chart a {
    color: #fff;
    text-decoration: none;
}

.org-chart a:hover span {
    background: #00894d;
}

.department .section:first-child {
    height: 40px;
}

.department .section:first-child span {
    top: 14px;
}

/*			Sucheergebnisse		*/
.search-result-text a {
    font-weight: 400;
}

.product-results .detail,
.normal-results .detail {
    margin: 0;
}

.product-results .detail img,
.normal-results .detail img {
    max-height: 70px;
}

.normal-results .detail {
    background: #f1f1f1;
    border-bottom: solid 1px #fff;
}

.normal-results.white .detail {
    background: #fff;
    border-bottom: solid 1px #ececec;
}

/*			Sitemap		*/
.sitemap span {
    display: block !important;
    color: #00894d !important;;
}

.sitemap .fa-search, .sitemap .fa-globe {
    display: none !important;
}

/*				SPAXI				*/
#spaxis-werkstatt .spaces {
    display: none !important;
}

.lb-prev, .lb-next {
    opacity:1!important;
}

.lb-nav a.lb-prev,.lb-nav a.lb-next {
    background:none!important;
}

.lb-nav a.lb-prev:before,.lb-nav a.lb-next:before {
    position:absolute;
    content: "\f105";
    color: #00894d;
    font-family: 'FontAwesome';
    font-size: 50px;
    font-weight: 600;
    text-indent: 5px;
    top: 46%;
    background: rgba(255, 255, 255, .75);
    height: 50px;
    line-height: 46px;
    width: 50px;
}
.lb-nav a.lb-prev:before {
    content: "\f104";
    left: 0;
    text-indent: 0px;
}
.lb-nav a.lb-next:before {
    content: "\f105";
    text-indent: 5px;
    right: 0;
}


#datenschutz li p {
    margin-bottom: 0px;
}

.lehrwerkstattInfo {
    margin-top: 50px;
}

.referenzenLogos .logoImage {
    display: block;
    overflow: hidden;
}

.referenzenLogos .logoImage .imageWrapper {
    margin: 0 auto;
    transition: margin-top .3s;
}
.referenzenLogos .logoImageColoumn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 144px;
}
.referenzenLogos img.img-bw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 25px;
}

#technisches-lexikon h1 {margin-top:0;}
.panel-default .panel-heading{ background: #00894d; border-radius: 0; padding:0; }
.panel-title{ display: initial}
.panel-title a, .panel-title i{ color: #ffffff; }
.panel-title a{ padding: 15px; display: block; }
.panel-title a:hover{ color: #ffffff; }
.panel-group .panel{ border: none; }
.panel-body{  background: #ececec;}
#lexicon-nav li{ display: block; border-bottom: 1px solid #FFFFFF; color: #00894d; padding: 10px 0 10px 16px;}
#lexicon-nav li a{ display: block;}
#lexicon-nav li:hover{background: #dedede;}
.lexicon-item-active{background: #dedede;}
.tech-article-image{ float: left; padding-right:10px;}

.panel-title a.collapsed .fa-plus{  display:inline }
.panel-title a.collapsed .fa-minus{  display:none }
.panel-title a .fa-plus{ display:none }
.panel-title a .fa-minus{ display:inline }

/*@media (min-width: 240px) and (max-width: 1199px) {*/
@media (min-width: 240px) and (max-width: 1249px) {
    /*		News		*/
    .frame.newscontainer {
        height: auto;
    }

    .news .caption {
        position: relative;
    }

    .projectFilterNav > .row {
        width: 970px;
    }


    .projectFilterNav button {
        padding: 11px 10px;
    }

    .projectFilterNav .btn-group {

    }
    .projectFilterNav .btn-group a {
        width: 76%;
    }
    /*	Menu	*/
    .nav-pills > li > a {
        font-size:14px;
        padding:10px 12px;
    }
    #mainmenu > li:after {
        top: 26px;
    }
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail {
        min-height: 107px;
    }
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption,
    .navbar-header .nav-pills > li .sub .wrap .caption	{
        font-size:14px;
        line-height: 18px;
    }
    #menu-produkte.sub.hidden-xs {
        height: 825px !important;
    }

    .newsImage.fullWidth {
        width: 620px !important;
    }
    .newsImage.fullWidth.expanded {
        width: 770px !important;
    }
}

/*@media (min-width: 240px) and (max-width: 991px) {*/
@media (min-width: 240px) and (max-width: 1059px) {

    /*		Global				*/
    .breadcrumb {
        display: none !important;
    }

    body {
        padding-top: 70px;
    }

    h1 {
        margin: 10px 0;
        font-size: 22px;
        line-height: 32px;
    }
    .vertical-align {
        float:left;
    }
    .btn.btn-primary {
        text-align: left;
    }

    .btn.btn-primary i {
        text-align: right;
    }

    .input-group .btn.btn-primary i {
        float: none;
    }

    /*		Header-Start		*/
    .navbar-header .navbar-brand img {
        height: 100%;
        width: auto;
    }

    .scroll .navbar-header .navbar-brand img,
    .scroll .navbar-header {
        height: 55px;
        width: 100%;
    }

    .navbar-header .nav-pills li .sub .col-md-2_5 {
        width: 50%;
    }

    .navbar-header .nav-pills > li.hover .sub,
    .navbar-header .nav-pills > li:hover .sub,
    .navbar-header .nav-pills > li:focus .sub,
    .navbar-header .nav-pills > li:focus .sub {
        top: 25px;
    }
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail {
        min-height: auto;
    }

    #menu-produkte.sub.hidden-xs {
        height: 825px !important;
    }

    /*		Spacer				*/
    /*		Slider				*/
    /*		Project Slider		*/
    .projectSliderNav {
        display: none;
    }

    .projectSlideItem button {
        display: none;
    }
    #projectFilterTabNav .fa {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #projectFilterTabNav .btn {
        position:relative;
    }

    #projectFilterTabNav .btn {
        position:relative;
    }


    #projectFilterTabNav .btn-primary {
        margin-bottom:5px;
    }

    #projectFilterTabNav ul {
        padding:0;

    }

    #projectFilterTabNav ul li {
        text-align:left;
    }

    /*.projectSliderWrapper .container{
        width: 750px;
    }*/
    .projectSliderWrapper .projectFilterNav {
        position: relative;
    }

    .projectFilterNav {
        display: none;
    }

    .projectFilterNav > .row {
        width: 750px;
    }

    .projectFilterNav .btn-group {
        width: 100%;
        margin-right: 0;
        display: none;
    }

    .projectFilterTabNav {
        display: block;
    }

    .spacer {
        border-bottom: solid 1px #00894d;
    }

    /*		Aktuelle Themen	*/
    .block.masonry.padding {
        padding-bottom: 0;
    }

    .block.masonry.box-shadow {
        box-shadow: none;
    }

    .block.masonry .grid-item {
        /*position: relative !important;*/
        /*top: 0 !important;*/
        padding: 15px;
    }


    /*.block.masonry .grid-item:nth-child(odd) {
        background:#f1f1f1;
    }*/
    .block.masonry .grid-item .thumbnail .caption {
        position: relative;
        padding: 15px;
    }

    .block.masonry .grid-item .thumbnail img {
        width: 100%;
    }

    .block.masonry .grid-item .thumbnail .caption p.lead,
    .block.masonry .grid-item .thumbnail .caption p {
        margin: 0 0 15px 0;
    }

    .block.masonry .thumbnail .btn.btn-primary {
        margin-bottom: 0;
    }

    .block.masonry .grid-item .thumbnail {
        margin-bottom: 0;
    }

    .block.masonry .btn.btn-primary {
        width: 100%;
    }

    /*		Block Special Xpertise Banner		*/
    .content.block.xpertise img {
        margin: 0;
    }

    .content.block.xpertise span {
        display: block;
        line-height: 40px;
    }

    .content.block.xpertise .btn.btn-primary {
        margin: 20px 0 0 0 !important;
        width: 100%;
    }
    .block.xpertise-banner {
        background-attachment:initial;
    }

    /*		Block Special Greifverhalten	*/
    .content.block.greifverhalten {
        background-size: contain !important;
        /* background: #ececec none no-repeat top center !important; */
        background:#f9f9f9 no-repeat top center
    }

    .content.block.greifverhalten.padding-xl {
        height: auto;
    }

    .content.block.greifverhalten.padding-xl .col-md-5 .padding {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .content.block.greifverhalten.padding-xl .col-md-5 .padding .btn.btn-primary {
        width: 100%;
    }

    /*		Storelocator	*/
    .block.storelocator img {
        padding-top: 35px;
        margin: auto;

    }
    /*	Messe		*/

    .messe .grid img {
        display:none;
    }

    .messe .block.masonry .grid-item {
        padding-bottom: 0;
        padding-top: 0;
    }

    .neighborPrev,.neighborNext {
        display:none;
    }



    /*		Schraubenfinder	*/
    .schraubenfinder.search-artnr {
        margin-bottom: 15px;
    }

    .schraubenfinder.filter .col-md-2 {
        width: 100%;
        z-index: 9999;
    }

    .schraubenfinder .detail .button span {
        width: 100%;
    }

    .schraubenfinder .detail .image {
        text-align: center;
    }

    .schraubenfinder .detail {
        padding: 20px 0;
    }

    .schraubenfinder .detail.SPAX_PRESS__TEILGEWINDE__4CUT__WIROX__SPAX_RING  {
        background: #ffffff url("../img/global/neu-right.png") no-repeat!important;
        background-position: right 10px!important;
    }

    .schraubenfinder .detail.traekonstruktion.brickhuvud.SPAX_PRESS__TEILGEWINDE__4CUT__WIROX__SPAX_RING,
    .se .schraubenfinder .detail.KS_A8B6D6E3F10H3N1  {
        background: none !important;
        background-position: right 10px!important;
    }

    .schraubenfinder .detail a {
        display: block;
        padding: 0;
        height:auto;
    }

    .productdetail-header .slider-nav {
        display: none;
    }

    .navbar-header .nav-pills li a {
        font-size: 12px;
        padding: 8px;
    }
    .scroll .navbar-header .nav-pills li a {
        font-size: 12px;
    }

    .navbar-header .nav-pills .list-bullet a {
        padding: 0;
    }

    .navbar-header .nav-pills li.icon a {
        padding: 10px 15px;
    }

    .navbar-header .nav-pills > li {
        padding: 15px 0;
        margin-left: 0;
    }

    .navbar-header {
        height: 70px;
    }

    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail {
        overflow: visible;
        padding: 0;
    }

    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail img {
        display: none;
    }

    .navbar-header .nav-pills > li.hover .sub,
    .navbar-header .nav-pills > li:hover .sub,
    .navbar-header .nav-pills > li:focus .sub,
    .navbar-header .nav-pills > li:focus .sub {
        top: 70px;
    }

    .navbar-header .nav-pills > li .sub .wrap ul li a,
    .navbar-header .nav-pills > li .sub .wrap p,
    .navbar-header .nav-pills > li .sub a,
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption {
        font-size: 14px;
        position: relative;
    }

    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption,
    .navbar-header .nav-pills > li .sub .wrap .caption {
        background: #f1f1f1;
    }

    .navbar-header .unternehmen .ueber-uns .list-bullet {
        padding-bottom: 0;
    }

    .newsContainer {
        padding: 0 110px;
    }

    /* image header */
    .imageHeader.bgfixed {
        background-attachment: initial;
    }

    .imageHeader {
        height: 370px;
    }

    .slideshow-mig-logo {
        width: auto !important;
        height: 15% !important;
    }

    img.imgFloatLeft {
        margin: 0 10px 10px 0 !important;
    }

    img.imgFloatRight {
        margin: 10px 0 10px 10px !important;
    }


    #mainmenu>li:after{
        top: 9px;
    }
    #mainmenu>li>.sub{
        top: 70px;
    }
    body.scroll #mainmenu>li>.sub{
        top: 55px;
    }

    .newsImage.fullWidth {
        width: 750px !important;
    }
    .newsImage.fullWidth.expanded {
        width: 800px !important;
        margin: 10px -40px !important;
    }
}

/*@media (min-width: 240px) and (max-width: 767px) {*/
@media (min-width: 240px) and (max-width: 829px) {

    /*		Global		*/
    body {
        padding-top: 62px;
    }

    h2 {
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    #kataloge-broschueren .container-fluid.padding {
        padding:0;
    }





    .btn-group, .btn-group-vertical {
        width: 100%;
    }
    .btn.btn-primary {
        padding: 15px 19px;
        text-align: left;
    }

    .col-xs-12.btn.btn-primary {
        margin-bottom: 12px;
    }
    .flags .col-xs-6 {
        width:100%;
    }
    .form-control {
        height: 51px;

    }

    .box-shadow {
        box-shadow: none;
    }

    .padding-xl {
        padding: 30px 15px;
    }

    /*		layerslider 	*/
    .ls-container, .ls-inner, .ls-inner, .ls-slide {
        padding-bottom:109px;
    }


    html * .ls-slide > a, body * .ls-slide > .btn.btn-primary {
        bottom: 0;
        width: 100%;
        top: auto !important;
        left: auto !important;

    }

    html * .ls-slide > h1, body * .ls-slide > h1 {
        position: relative !important;
        top: 25% !important;
        left: 10% !important;
        font-size: 175% !important;
    }

    html * .ls-slide > h2, body * .ls-slide > h2 {
        position: relative !important;
        top: 30% !important;
        margin-left: 8% !important;
        font-size: 120% !important;
        line-height: 130% !important;
    }

    html * .ls-slide > h2 small, body * .ls-slide > h2 small {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    html * .ls-slide .fa {
        font-size: 16px !important;
    }

    html * .ls-container img.sliderSchraubeImage,
    body * .ls-container img.sliderSchraubeImage,
    #ls-global * .ls-container img.sliderSchraubeImage {
        display: none;
    }

    html * .ls-container img.sliderZusatz,
    html * .ls-container img.sliderZusatz2,
    body * .ls-container img.sliderZusatz,
    body * .ls-container img.sliderZusatz2,
    #ls-global * .ls-container img.sliderZusatz,
    #ls-global * .ls-container img.sliderZusatz2 {
        position: relative;
        top: 0 !important;
        display: none;
    }
    .slideshow-header-image {
        top: 0px !important;
        height: 100% !important;
        width: auto !important;
    }
    .slideshow-mig-logo {
        top: 65% !important;
        height: 15% !important;
        width: auto !important;
    }

    html * .ls-container img,
    body * .ls-container img,
    #ls-global * .ls-container img {
        left: 10% !important;
    }


    #ls-global * .ls-container .tippspiel img {
        left: 0 !important;
    }

    #ls-global * .ls-container .tippspiel .slideshow-header-image {
        top: auto !important;
        bottom: 10% !important;
        left: auto !important;
        right: 5% !important;
        height: 50% !important;
        width: auto !important;
    }
    #ls-global * .ls-container .tippspiel .slideshow-mig-logo {
        left: 5% !important;
        top: 50% !important;
        height: 25% !important;
        width: auto !important;
    }

    #ls-global * .ls-container .spax-usp .usp-image{
        top: auto !important;
        bottom: 88px !important;
        left: 15px !important;
        right: auto !important;
        height: auto !important;
        width: calc(100% - 30px) !important;
    }

    /*		header start		*/
    .navbar-header, .scroll .navbar-header, .scroll .navbar-header .navbar-brand img {
        height: 55px;
    }

    .scroll .navbar-header .navbar-brand {
        transition: all .25s;
    }

    .navbar-header .nav.navbar-toggle {
        margin-right: -15px;
    }

    .scroll .navbar-header .nav.navbar-toggle button {
        transition: all .25s;
    }

    .navbar-header .nav.navbar-toggle .btn.btn-primary {
        padding: 10px 12px;
        font-size: 24px;
        background: #00894d;;
    }

    .navbar-header .nav.navbar-toggle .btn.btn-primary i {
        color: #ffffff !important;
    }

    .scroll .navbar-header .nav.navbar-toggle .btn.btn-primary {
        padding: 6px 12px;
    }

    .scroll .navbar-header .nav-pills > li {
        padding: 3px 0;
    }

    .navbar-header .nav-pills > li {
        padding: 3px 0;
    }

    .navbar-header .nav-pills > li.icon {
        display: none;
    }

    .scroll-bottom {
        display: none;
    }

    .navbar-header {
        box-shadow: none;
    }

    .navbar-header .navbar-brand img {
        height: 62px;
    }

    #mainmenu.nav-pills > li.dropdown .bs-caret {
        float: right;
        margin-top: 2px;
        display: block;
    }

    #mainmenu.bs-caret .fa-plus {
        display: block;
    }

    #mainmenu.nav-pills > li.dropdown .bs-caret .fa-minus,
    #mainmenu.nav-pills > li.dropdown .bs-caret .fa-chevron-down {
        display: none;
    }

    #mainmenu.nav-pills > li.dropdown.open .bs-caret .fa-minus,
    #mainmenu.nav-pills > li.dropdown.open .dropdown-submenu.open .bs-caret .fa-minus {
        display: block;
    }

    #mainmenu.nav-pills > li.dropdown.open .dropdown-submenu.open .bs-caret .fa-plus,
    #mainmenu.nav-pills > li.dropdown.open .bs-caret .fa-plus {
        display: none;
    }

    #mainmenu.nav-pills > li.dropdown.open .dropdown-submenu .bs-caret .fa-plus {
        display: block;
    }

    #mainmenu.nav-pills > li.dropdown.open .dropdown-submenu .bs-caret .fa-minus {
        display: none;
    }

    #mainmenu.nav-pills .flags li {
        list-style-image: none;
    }

    #mainmenu.nav-pills .flags .caption {
        display: none;
    }

    #mainmenu > li:hover > .sub{
        display: none;
    }
    #mainmenu > li.open .sub{
        display: block;
    }
    #mainmenu > li:after {
        display:none!important;
    }

    .navbar-header .list-bullet {
        float: none !important;
        padding-bottom: 0 !important;
    }

    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption {
        background: none;
        font-size: 16px;
        padding: 0;
        margin-bottom: 0;
        border: none;
        position: relative;
        display: inline;
    }

    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5 .wrap .thumbnail .caption,
    .navbar-header .nav-pills > li.projekte .sub .col-md-2_5 .wrap .thumbnail .caption {
        color: #fff;
    }

    .scroll #mainmenu, #mainmenu {
        position: fixed;
        top: 0;
        left: -100vw;
        z-index: 9999;
        background: transparent;
        margin: 0;
        padding: 10px 0;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        overflow: auto;
        transition: all .25s;
    }

    #mainmenu:before,
    #mainmenu:after {
        position: fixed;
        top: 0;
        left: -100vw;
        z-index: 999;
        background: rgba(0, 0, 0, .75);
        margin: 0;
        padding: 0;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        min-width: 100vh;
        transition: all .25s;
    }

    #mainmenu:before {
        left: 0;
        opacity: 0;
    }

    #mainmenu.collapse.in:before {
        opacity: 1;
    }

    .scroll #mainmenu.collapse.in,
    #mainmenu.collapse.in,
    #mainmenu.collapse.in:after {
        left: 0;
    }

    #mainmenu:after {
        background: #FFF;
        width: 80vw;
        min-width: 80vw;
        box-shadow: 0 0 15px rgba(0, 0, 0, .35);
    }

    #mainmenu li {
        width: 100%;
        position: relative;
    }

    #mainmenu > li {
        z-index: 9999;
        width: 74vw;
        margin: 0 2.7vw;
    }

    #mainmenu.nav-pills > li,
    #mainmenu.nav-pills > li {
        padding: 0;
    }

    #mainmenu.nav-pills > li.dropdown,
    #mainmenu.nav-pills > li.dropdown {
        padding: 0;
    }

    #mainmenu.nav-pills > li .sub {
        top: 0;
        position: relative;
        opacity: 1;
        border: none;
        box-shadow: none;
        padding: 0;
    }

    #mainmenu.nav-pills > li .sub .wrap {
        padding: 0;
    }

    #mainmenu.nav-pills > li .sub .col-md-2_5 {
        width: 100%;
    }

    #mainmenu.nav-pills > li .sub .col-md-2_5 img {
        display: none;
    }

    #mainmenu.nav-pills > li.produkte.lvl1 > a,
    #mainmenu.nav-pills > li.projekte.lvl1 > a {
        color: #fff;
        background: #00894d;
        margin-bottom: 5px;
    }

    #mainmenu.nav-pills > li.lvl1 > a {
        color: #fff;
        background: #00894d;
        margin-bottom: 5px;
    }

    .sub .col-md-2_5 .wrap .thumbnail {
        overflow: visible;
        display: block;
    }

    .scroll .navbar-header #mainmenu.nav-pills > li a,
    .navbar-header #mainmenu.nav-pills > li a,
    .navbar-header #mainmenu.nav-pills > li .form {
        font-size: 16px;
        padding: 15px;
        margin-bottom: 5px;
    }

    .navbar-header #mainmenu.nav-pills > li .form {
        padding: 0;
    }

    .scroll .navbar-header #mainmenu.nav-pills > li a:hover,
    .navbar-header #mainmenu.nav-pills > li a:hover {
        text-decoration: none;
    }

    .navbar-header .nav-pills > li .sub .wrap ul li a,
    .navbar-header .nav-pills > li .sub .wrap .thumbnail,
    .navbar-header .nav-pills > li .sub .wrap p {
        padding: 10px 15px;
        background: #f1f1f1;
        font-weight: 600;
        color: #616060;
    }

    .navbar-header .nav-pills > li .sub .cat-overview .wrap .thumbnail,
    .navbar-header .nav-pills > li .sub .cat-overview .wrap .thumbnail:after,
    .navbar-header .nav-pills > li .sub .cat-overview .wrap .thumbnail .caption,
    .navbar-header .nav-pills > li.projekte .sub .cat-overview .wrap .thumbnail .caption {
        height: auto;
        background: transparent;
        color: #616060;
    }


    /*.navbar-header #menu-produkte .thumbnail .caption,
    .navbar-header #menu-produkte .thumbnail .bs-caret .fa-plus,
    .navbar-header #menu-produkte .thumbnail .bs-caret .fa-minus {
        color: #616060;
    }*/

    .navbar-header #menu-produkte .thumbnail .caption {
        color: #616060;
    }

    .navbar-header .nav-pills > li .sub .wrap ul {
        list-style: none;
        padding: 0;
    }

    .navbar-header .nav-pills > li .sub .wrap li {
        margin-bottom: 5px;
        padding: 0;
    }

    /*.navbar-header .nav-pills>li .sub .wrap li a:after,
    .navbar-header .nav-pills>li .sub .col-md-2_5 .wrap .thumbnail:after	 {
        font-family: FontAwesome;
        content: "\f054";
        float:right;
    }*/
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail:after {

    }

    /*.navbar-header .nav-pills>li.produkte .sub .col-md-2_5 .wrap .thumbnail:after,
    .navbar-header .nav-pills>li.projekte .sub .col-md-2_5 .wrap .thumbnail:after	 {
        content: "\f067";
    }*/
    /*.navbar-header .nav-pills>li.produkte .sub .col-md-2_5.cat-overview .wrap .thumbnail:after,
    .navbar-header .nav-pills>li.projekte .sub .col-md-2_5.cat-overview .wrap .thumbnail:after	 {
        content: "\f054";
    }*/
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5 .wrap .thumbnail:after,
    .navbar-header .nav-pills > li.projekte .sub .col-md-2_5 .wrap .thumbnail:after {
        color: #fff;
    }

    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.universalschraube .wrap .thumbnail:after,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.special .wrap .thumbnail:after,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.edelstahl-rostfrei .wrap .thumbnail:after,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.zubehoer .wrap .thumbnail:after {
        display: none;
    }

    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.universalschraube .wrap .thumbnail i,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.special .wrap .thumbnail i,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.edelstahl-rostfrei .wrap .thumbnail i,
    .navbar-header .nav-pills > li.produkte .sub .col-md-2_5.zubehoer .wrap .thumbnail i {
        color: #fff;
    }

    .special .list-bullet {
        display: none;
    }

    #mainmenu .dropdown a {
        background: #00894d;
        color: #fff;
        font-weight: 600;
    }

    #mainmenu .dropdown .dropdown-menu a {
        background: #f1f1f1;
        color: #616060;
        font-weight: 600;
    }

    #mainmenu .dropdown-menu {
        padding: 0;
    }

    #mainmenu .dropdown-menu .overview {
        background: #616060;
    }

    /*#mainmenu .dropdown-menu .overview:after,
    #mainmenu .dropdown-submenu .dropdown-menu a:after,
    #mainmenu .dropdown .dropdown-menu a:after 	{
        font-family: FontAwesome;
        content: "\f054";
        float:right;
    }*/
    #mainmenu .dropdown-submenu .dropdown-menu a {
        background: #f1f1f1 !important;
        color: #616060 !important;
    }

    #mainmenu .dropdown-submenu.universalschraube a {
        background: #00894d;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.spezial a {
        background: #ffc826;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.edelstahl-rostfrei a {
        background: #009fe3;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.zubehoer a {
        background: #c2007b;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.indoor a {
        background: #ffc826;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.outdoor a {
        background: #90be45;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.construction a {
        background: #a85420;
        color: #fff;
    }

    #mainmenu .dropdown-submenu.fensterbau a {
        background: #003b61;
        color: #fff;
    }

    #mainmenu .plusminus:after {
        display: none;
    }

    #mainmenu .overview.plusminus {
        background: #616060 !important;
        color: #fff !important;
    }

    .navbar-header .nav-pills > li.hover:after, .navbar-header .nav-pills > li:hover:after {
        display: none;
    }

    .navbar-header .nav-pills > li.withsub:after {
        display: none;
    }

    .sub .col-md-2_5 .list-bullet {
        margin: 0 !important;
    }

    #mainmenu li.icon {
        display: none;
    }

    nav.header-menu.findermenuIn {
        z-index: 0;
    }

    .ls-thumbnail-wrapper {
        display: none;
    }

    .text-container {
        background: red;
        width: 100%;
        height: 40px;
    }

    .projekte .sub .col-md-2_5 .wrap .thumbnail .caption {
        border-top: solid #dcdcdc 0;
    }

    .projekte .sub .col-md-2_5.indoor .wrap .thumbnail,
    .projekte .sub .col-md-2_5.indoor .wrap .thumbnail .caption {
        background: #ffc826 !important;
    }

    .projekte .sub .col-md-2_5.outdoor .wrap .thumbnail,
    .projekte .sub .col-md-2_5.outdoor .wrap .thumbnail .caption {
        background: #90be45 !important;
    }

    .projekte .sub .col-md-2_5.holzbau .wrap .thumbnail,
    .projekte .sub .col-md-2_5.holzbau .wrap .thumbnail .caption {
        background: #a85420 !important;
    }



    .projekte .sub .col-md-2_5.indoor .wrap .list-bullet li {
        color: #ffc826 !important;
    }

    /*.projekte .sub .col-md-2_5.outdoor-terrasse .wrap .thumbnail,
    .projekte .sub .col-md-2_5.outdoor-terrasse .wrap .thumbnail .caption {
        background: #90be45 !important;
    }*/

    .projekte .sub .col-md-2_5.outdoor-terrasse .wrap .list-bullet li {
        color: #90be45 !important;
    }

    /*.projekte .sub .col-md-2_5.construction .wrap .thumbnail,
    .projekte .sub .col-md-2_5.construction .wrap .thumbnail .caption {
        background: #a85420 !important;
    }*/

    /*.projekte .sub .col-md-2_5.construction .wrap .list-bullet li {
        color: #a85420 !important;
    }*/

    .navbar-header .nav-pills > li #menu-produkte.sub .wrap .thumbnail.visible-xs .caption,
    .navbar-header .nav-pills > li #menu-produkte.sub .col-md-2_5.visible-xs .wrap .thumbnail .caption,
    .navbar-header .nav-pills > li .sub .col-md-2_5 .wrap .thumbnail .caption {
        display: initial;
        position: inherit;
        padding: initial;
        background: initial;
    }


    .projekte .sub .col-md-2_5.fensterbau .wrap .thumbnail,
    .projekte .sub .col-md-2_5.fensterbau .wrap .thumbnail .caption {
        background: #003b61 !important;
    }

    .projekte .sub .col-md-2_5.fensterbau .wrap .list-bullet li {
        color: #003b61 !important;
    }

    .projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .thumbnail,
    .projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .thumbnail .caption {
        background: #c2007b !important;
    }

    .projekte .sub .col-md-2_5.extras-und-zubehoer .wrap .list-bullet li {
        color: #c2007b !important;
    }

    .produkte .sub .col-md-2_5.universalschraube .wrap .thumbnail,
    .produkte .sub .col-md-2_5.universalschraube .wrap .thumbnail .caption {
        background: #00894d !important;
    }

    .produkte .sub .col-md-2_5.schrauenfinder .wrap .thumbnail,
    .produkte .sub .col-md-2_5.schrauenfinder .wrap .thumbnail .caption {
        background: #00894d !important;
    }

    .produkte .sub .col-md-2_5.universalschraube .wrap .list-bullet li {
        color: #00894d !important;
    }

    .produkte .sub .col-md-2_5.spezial .wrap .thumbnail,
    .produkte .sub .col-md-2_5.spezial .wrap .thumbnail .caption {
        background: #ffc826 !important;
        color: #fff!important;
    }

    .produkte .sub .col-md-2_5.universal .wrap .thumbnail,
    .produkte .sub .col-md-2_5.universal .wrap .thumbnail .caption {
        background: #00894d !important;
        color: #fff!important;
    }

    .produkte .sub .col-md-2_5.holzbau .wrap .thumbnail,
    .produkte .sub .col-md-2_5.holzbau .wrap .thumbnail .caption {
        background: #a85420 !important;
        color: #fff!important;
    }

    .produkte .sub .col-md-2_5.fensterbau .wrap .thumbnail,
    .produkte .sub .col-md-2_5.fensterbau .wrap .thumbnail .caption {
        background: #0d9ed9 !important;
        color: #fff!important;
    }

    .produkte .sub .col-md-2_5.edelstahl .wrap .thumbnail,
    .produkte .sub .col-md-2_5.edelstahl .wrap .thumbnail .caption {
        background: #003b61 !important;
        color: #fff!important;
    }

    .produkte .sub .col-md-2_5.extras .wrap .thumbnail,
    .produkte .sub .col-md-2_5.extras .wrap .thumbnail .caption {
        background: #bf1c8a !important;
        color: #fff!important;
    }



    .produkte .sub .col-md-2_5.special .wrap .list-bullet li {
        color: #ffc826 !important;
    }

    .produkte .sub .col-md-2_5.edelstahl-rostfrei .wrap .thumbnail,
    .produkte .sub .col-md-2_5.edelstahl-rostfrei .wrap .thumbnail .caption {
        background: #009fe3 !important;
    }

    .produkte .sub .col-md-2_5.edelstahl-rostfrei .wrap .list-bullet li {
        color: #009fe3 !important;
    }

    .produkte .sub .col-md-2_5.zubehoer .wrap .thumbnail,
    .produkte .sub .col-md-2_5.zubehoer .wrap .thumbnail .caption {
        background: #c2007b !important;
    }

    .produkte .sub .col-md-2_5.zubehoer .wrap .list-bullet li {
        color: #c2007b !important;
    }

    #mainmenu > li.open > div > div > div > .wrap > ul.list-bullet {
        display: none;
    }

    #mainmenu > li.open > div > div > div > .wrap > ul.list-bullet.open {
        display: inline-block;
        width: 100%;
    }

    #mainmenu > li.open > div > div > div > .wrap > ul.list-bullet.open li a {
        padding: 15px 15px 15px 40px;
    }

    #mainmenu .thumbnail .bs-caret .fa-plus,
    #mainmenu .thumbnail .bs-caret .fa-minus,
    #mainmenu .thumbnail .bs-caret .fa-chevron-down {
        color: #fff;
    }

    /*#mainmenu .list-bullet li a::after {
        font-family: FontAwesome;
        content: "\f054";
        float: right;
    }*/

    #mainmenu a::after {
        font-family: FontAwesome;
        content: "\f054";
        float: right;
    }
    #mainmenu a.dropdown-toggle::after{
        content: "";
    }
    #mainmenu a.thumbnail::after{
        color: #616060;
    }

    #mainmenu .thumbnail span {
        font-family: FontAwesome;
        content: "\f054";
        float: right;
        margin-top: 5px;
    }

    #mainmenu .thumbnail .bs-caret .fa-chevron-down {
        display: none;
    }


    #mainmenu>li>.sub{
        display: none;
    }
    #mainmenu>li>.sub,
    body.scroll #mainmenu>li>.sub{
        top: 0;
    }
    #mainmenu>li:after,
    #mainmenu>li.open:after{
        display: none;
    }



    /* fk nav start */
    .dropdownElement>.wrap>ul{
        display: none;
        width: 100%;
    }
    .dropdownElement.open>.wrap>ul{
        display: inline-block!important;
    }
    .dropdownElement>.wrap>a>span.bs-caret>.fa-plus{display: block!important;}
    .dropdownElement>.wrap>a>span.bs-caret>.fa-minus{display: none!important;}
    .dropdownElement>.wrap>a>span.bs-caret>.fa-chevron-down{display: none!important;}
    .dropdownElement.open>.wrap>a>span.bs-caret>.fa-plus{display: none!important;}
    .dropdownElement.open>.wrap>a>span.bs-caret>.fa-minus{display: block!important;}
    .dropdownElement.open>.wrap>a>span.bs-caret>.fa-chevron-down{display: none!important;}
    .dropdownElement>.wrap>ul.list-bullet>li>a{
        padding: 15px 15px 15px 40px!important;
    }
    .dropdownElement ul.list-unstyled{
        display: inline-block;
        padding: 0;
        width: 100%
    }


    /* fk nav end */

    /*** findermenu ***/
    #findermenu {
        position: fixed;
        top: 0;
        left: -100vw;
        z-index: 9999;
        background: transparent;
        margin: 0;
        padding: 10px 0;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
        visibility: hidden;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    #findermenu.collapse.in {
        left: 0;
        visibility: visible;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    #findermenu > form {
        position: relative;
        left: 15px;
        z-index: 99999;
        overflow-y: auto;
        height: 100%;
        padding-bottom: 65px;
        pointer-events: none;
    }

    #findermenu > form *{
        pointer-events: all;
    }

    #findermenu > form label{
        font-size:10px;
        display:none;
    }

    #findermenu > form .form-group{
        margin-bottom:10px;
    }

    #findermenu > form > div {
        width: 74vw;
        /* z-index: 9999; */
        margin: 0 2.7vw;
        padding: 0;
    }

    #findermenu:before,
    #findermenu:after {
        content: "";
        position: fixed;
        top: 0;
        left: -100vw;
        z-index: 999;
        background: rgba(0, 0, 0, .75);
        margin: 0;
        padding: 0;
        width: 100vw;
        min-width: 100vw;
        height: 100vh;
        min-height: 100vh;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    #findermenu:before {
        left: 0;
        opacity: 0;
    }

    #findermenu.collapse.in:before,
    #findermenu.collapse.in:after {
        left: 0;
        opacity: 1;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    #findermenu:after {
        width: 80vw;
        min-width: 80vw;
        background: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, .35);
    }

    #findermenu .filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a, #findermenu .filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a {
        /*padding: 8px 12px 8px 80px;*/
    }

    #mobile-search-button {
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display:block;
        padding:15px 35px 15px 18px;
    }

    #mobile-search-button:after {
        font-family: FontAwesome;
        content: "\f054";
        position: absolute;
        right: 20px;
        font-weight: 500;
    }

    .filter-kopfform .bootstrap-select.btn-group .dropdown-menu li a span.text,
    .filter-antrieb .bootstrap-select.btn-group .dropdown-menu li a span.text {
        background-position: 4% 50%;
    }

    /*		Filtermenu	*/
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:hover,
    .btn-group > .btn.active,
    .btn-group > .btn:active,
    .btn-group > .btn:focus,
    .btn-group > .btn:hover {
        z-index: 999;
    }

    /*		Masonry	*/
    .block.masonry {
        padding-bottom: 0;
    }

    .content.block.greifverhalten {
        /*height: 700px !important;*/
        background:#f9f9f9 none no-repeat top center!important
    }

    /*		Produktdetail	*/
    .productdetail-header .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .productdetail-header .btn-group > .btn:first-child {
        margin-bottom: 12px;
    }

    .productdetail-tabs .nav-tabs > li {
        width: 100%;
    }

    .productdetail-tabs .nav-tabs > li a {
        padding: 15px 19px;
    }

    .productdetail-tabs .nav-tabs > li.active > a {
        background-color: #00894d;
        color: #fff;
        border-bottom: 0 solid #fff;
    }

    .productdetail-tabs .nav-tabs > li.active .bs-caret .fa-plus {
        display: none;
    }

    .productdetail-tabs .nav-tabs > li.active .bs-caret .fa-minus {
        display: block;
        margin-top: 3px;
    }

    .productdetail-tabs .nav-tabs > li .bs-caret .fa-minus,
    .productdetail-tabs .nav-tabs > li .bs-caret .fa-chevron-down {
        display: none;
    }

    .productdetail-tabs .nav-tabs > li > a {
        background-color: #fff;
        color: #00894d;
        border-color: #00894d;
        border-bottom: 1px solid #00894d;

    }

    .productdetail-tabs .nav-tabs > li {
        margin-bottom: 12px;
    }

    .productdetail-tabs .nav-tabs > li .bs-caret {
        float: right;
        display: block !important;
    }

    .single-slider.slick-slider img,
    .double-slider.slick-slider img,
    .productdetail-slider-content.slick-slider img {
        border: none;
        background: none;
    }
    .projectsSlider{
        padding-top: 15px;
    }

    .productdetail-tabs .slick-slider .caption {
        background: #f1f1f1;
        margin-top: 12px;
        margin-bottom: 15px;
    }

    .productdetail-tabs h2 {
        padding-bottom: 0;
    }

    .productdetail-tabs .slick-slider .caption h4 {
        padding: 10px;
        margin-bottom: 0;
    }

    .productdetail-tabs .slick-slider .caption p {
        padding: 0 10px 10px 10px;
        margin-bottom: 0;
    }

    .productdetail-tabs .single-slider.slick-slider img {
        display: none;
    }
    /*
        .productdetail-tabs .slick-prev,
        .thumbnail-slider .slick-prev{
            left: 20px;
        }

        .productdetail-tabs .slick-next,
        .thumbnail-slider .slick-next{
            right: 20px;
        }
    */
    .productdetail-tabs .slick-prev,
    .productdetail-tabs .slick-next {
        z-index: 99;
    }

    .productdetail-tabs .slick-slider .custom_paging li {
        display: none;
    }

    .productdetail-tabs .slick-slider .custom_paging li.slick-active {
        display: block;
    }

    .productdetail-tabs .custom_paging {
        text-align: center;
        font-weight: 600;


        left: 0;
        bottom: 0;
        padding: 0;
        width: 100%;
    }

    .productdetail-tabs .gradient,
    .productdetail-tabs .spax-bg-grey {
        background: none;
    }

    .productdetail-slider-content.slick-slider{
        background: #fff;
        height: auto;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }

    .shopping a {
        width: 100%;
    }

    .shopping a {
        margin-bottom: 12px;
    }

    #productdetails-tabs-accordion .padding-xl {
        padding-top:10px;
        padding-bottom:0;
    }

    /*		BOX Newsletter - Kontakt	*/
    .newsletter-kontakt:before {
        z-index: -9;
    }

    .newsletter-kontakt hr {
        display: block;
    }

    .newsletter-kontakt.spax-bg-grey.opacity-50 {
        background: #fff;
    }

    .newsletter-kontakt .form .col-xs-12 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .newsletter-kontakt .kontaktContainer h2 {
        margin-top: 16px;
    }

    .newsletter-kontakt .kontaktContainer .mobileContactBackground p:last-of-type {
        margin-bottom: 0;
    }

    .newsContainer {
        padding: 0;
    }

    /*		BOX Haendlersuche	*/
    .block.storelocator img {
        padding-top: 15px;
        display: none;
    }

    /*		footer start		*/
    .footer-menu ul li {
        float: none;
    }

    .footer-menu ul li a,
    .social-media ul li a {
        padding: 0px 10px;
    }

    /*		Haendlersuche		*/
    #haendlersuche label {
        padding-left: 0;
    }

    #haendlersuche .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    #haendlersuche form div {
        margin-bottom: 12px;
    }

    #haendlersuche form div {
        margin-bottom: 12px;
    }

    #haendlersuche form div.bootstrap-select {
        margin-bottom: 0;
    }

    .haendlerfilter #map {
        width: 100%;
    }

    #haendlersuche .input-plz {
        padding-right: 15px;
    }

    .btn-group .dropdown-toggle, .btn-group.open .dropdown-toggle {
        height: 51px;
    }

    .haendlersuche .btn.btn-primary {
        width: 100%;
        z-index:99;
    }

    #haendlersuche .checkbox {
        height: auto;
    }

    /* more topics slider / slider-verwandteSeiten */
    .slick-slider .slick-prev,
    .slick-slider .slick-next,
    .slick-slider  .slick-prev,
    .slick-slider  .slick-next {
        z-index: 1;
        height: 50px !important;
        width: 50px !important;
        background: rgba(255, 255, 255, .75);
    }

    .slick-slider .slick-prev:hover,
    .slick-slider .slick-next:hover,
    .slick-slider .slick-prev:focus,
    .slick-slider .slick-next:focus,
    .slick-slider .slick-prev:hover,
    .slick-slider .slick-next:hover,
    .slick-slider .slick-prev:focus,
    .slick-slider .slick-next:focus {
        background: rgba(255, 255, 255, .75);
    }

    .slick-slider .slick-prev:before,
    .slick-slider .slick-next:before,
    .slick-slider .slick-prev:before,
    .slick-slider .slick-next:before {
        position: absolute;
        top: 0;
        left: 14px;
    }

    .slick-slider .slick-next:before,
    .slick-slider .slick-next:before {
        left: auto;
        right: 14px;
    }


    .slick-slider .slick-prev {
        left: 0;
    }
    .slick-slider .slick-next {
        right: 0;
    }
    .news-slider-content.slick-slider .slick-prev,
    .thumbnail-slider.slick-slider .slick-prev,
    .projectsSlider.slick-slider .slick-prev {
        left: 16px;
    }
    .news-slider-content.slick-slider .slick-next,
    .thumbnail-slider.slick-slider .slick-next,
    .projectsSlider.slick-slider .slick-next {
        right: 16px;
    }




    .en > .slideshow-h1-caption{
        font-size: 50px !important;
    }




    .related-products .slick-slide img {
        max-height: 150px;
        max-width:80%;
    }

    /* Tables */
    table {
        width: 100%;
    }

    thead {
        display: none;
    }

    tr:nth-of-type(2n) {
        background-color: inherit;
    }

    tr td:first-child {
        background: #f0f0f0;
    }

    tbody td {
        display: block;
        text-align: center;
    }

    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align: center;
    }

    .org-chart .board {
        margin: 0px;
        width: 100%;
    }

    .org-chart .departments:before {
        border: none;
    }

    .org-chart .department {
        float: none;
        width: 100%;
        margin-left: 0;
        background: none;
        margin-bottom: 40px;
    }

    .org-chart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 60px;
        border-left: 2px solid #706f6f;
        z-index: 1;
        top: -45px;
        left: 0%;
        margin-left: -2px;
    }

    .org-chart .department:after {
        display: none;
    }

    .org-chart .department:first-child:before {
        display: none;
    }

    .org-chart ul.columnOne li {
        width: 100%;
    }

    .org-chart .board:before {
        height: 80px;
    }

    /*		Downloads	*/
    .download-item {
        display: inline;
    }

    #downloads-collapse .padding {
        padding-top: 0;
        padding-bottom: 0;
    }

    .newsImage.fullWidth {
        width: 100% !important;
        margin: 10px 0px !important;
    }
    .newsImage.fullWidth.expanded {
        width: 100% !important;
        margin: 10px 0px !important;
    }

}
@media (min-width: 240px) and (max-width: 504px){
    html * .ls-slide > h1, body * .ls-slide > h1 {
        position: relative !important;
        top: 30% !important;
        left: 10% !important;
        font-size: 125% !important;
        line-height: 100% !important;
    }
    body.es * .ls-slide > h1,
    body.fr * .ls-slide > h1 {
        top: 15% !important;
        font-size: 120% !important;
        line-height: 23px!important;
        margin-left: 0 !important;
    }

    html * .ls-slide > h2,
    body * .ls-slide > h2 {
        position: relative !important;
        top: 35% !important;
        margin-left: 7% !important;
        font-size: 90% !important;
        line-height: 100% !important;
    }
    body.es * .ls-slide > h2,
    body.fr * .ls-slide > h2 {
        margin-left: 0 !important;
        top: 25% !important;
    }


}

@media (max-width: 400px) {
    html * .ls-slide > h2, body * .ls-slide > h2 {
        font-size: 70% !important;
    }
    .slideshow-mig-logo {
        top: 55% !important;
    }
}

/*@media (min-width: 767px) {*/
@media (min-width: 829px) {
    .haendlersuche .col-sm-12 {
        text-align: center;
    }

    .frame.newscontainer {
        height: auto;
    }

}

@media (max-width: 707px) {
    #standorteCheckboxes .btn {
        margin-bottom: 5px;
    }
    #standorteCheckboxes .btn div:last-child {
        width:100%;
    }
}

@media (max-width: 640px) {
    #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
        position: fixed;
    }

    #lightcase-content .lightcase-inlineWrap {
        color: #333;
        text-shadow: none;
        padding-bottom: 75px !important;
    }
    #lightcase-overlay {
        background-color: #fff;
    }


}

@media (max-height: 744px) {
    .bootstrap-select.btn-group .dropdown-menu.inner {
        max-height: 235px !important;
    }
}


@media (min-width: 240px) and (max-width: 409px) {
    .ls-container {
        min-height:120px;
    }
    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 200% !important;
        height: auto !important;
        bottom: 20%;
		top: 0px !important;
        left: -280px !important;
    }
}

@media (min-width: 410px) and (max-width: 767px) {
    .ls-container {
        min-height:220px;
    }
    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 200% !important;
        height: auto !important;
        bottom: 20%;
		top: 0px !important;
        left: -280px !important;
    }
    html * .ls-container img,
    body * .ls-container img,
    #ls-global * .ls-container img {
        left: 7% !important;
    }
}

@media (min-width: 240px) and (max-width: 767px){

    #ls-global * .slideshow-holzbau-sortiment #holzbau-schrauben {
        width: 200% !important;
        height: auto !important;
        bottom: 20%;
        top: auto !important;
        left: -40% !important;
    }
    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 200% !important;
        height: auto !important;
        bottom: 20%;
		top: 0px !important;
        left: -280px !important;
    }
    .ls-slide.slideshow-holzbau-sortiment h1.slideshow-h1-caption {
        max-width: 50% !important;
        line-height: 120% !important;
    }
    .ls-slide.slideshow-holzbau-sortiment h2.slideshow-h2-caption {
        line-height: 140% !important;
        max-width: 50% !important;
    }

}
@media (max-width: 829px) and (min-width: 240px){
    #ls-global * .slideshow-instagram #slide-instagram-slide {
        height: 50%!important;
        top: 35%!important;
        left: 40%!important;
    }

    #ls-global * .slideshow-instagram-adventskalender #slide-instagram-adventskalender-slide {
        height: 50%!important;
        top: 35%!important;
        left: 40%!important;
    }
}



@media (min-width: 830px) {
    #menu-anwender .col-md-2_5{
        width:25%
    }
}

.de #menu-produkte .caption {font-size:13px !important}
.fr #menu-produkte .caption {font-size:13px !important}
.es #menu-produkte .caption {font-size:13px !important}
.pl #menu-produkte .caption {font-size:13px !important}
.it #menu-produkte .caption {font-size:13px !important}
.se #menu-produkte .caption {font-size:13px !important}

.en #menu-produkte a, .fr #menu-produkte a, .es #menu-produkte a, .uk #menu-produkte a, .pl #menu-produkte a, .it #menu-produkte a, .se #menu-produkte a {

    font-size: 12px;
}

.de #menu-produkte a   {

    font-size: 13px;
}
.video-embed iframe {
    display: flex;
    margin: 0 auto;
    width: 66%;
    height: 48vh;
}

.gold {

    background:  rgba(218,165,32,0.4)

}

.newsletter-kontakt-caption {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}

@media screen and (max-width: 829px) {
    .newsletter-kontakt-caption {
        background-color: #e8e8e8;
    }

    #slideshowSystainer.slideshow-systainer .slideshow-header-image {
        height: 75% !important;
        left: 70% !important;
        top: 5% !important;
    }
    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 150% !important;
		height: auto !important;
		bottom: 20%;
		top: -50px !important;
		left: -160px !important;
    }
    
    #ls-global * .slideshow-duebel #duebel-bg {
        left: 0!important;
    }
    #ls-global * .slideshow-duebel #duebel-motiv {
        height: 120px!important;
        top: 40%!important;
        left: 40%!important;
    }
}
@media (min-width: 501px) and (max-width: 767px){


    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 120% !important;
        height: auto !important;
        bottom: 20%;
		top: 0px !important;
        left: 10px !important;
    }

}
@media (min-width: 240px) and (max-width: 500px){


    #ls-global * .slideshow-holzbau-sortiment #moebel-schrauben {
        width: 200% !important;
        height: auto !important;
        bottom: 20%;
		top: 0px !important;
        left: -280px !important;
    }

}

.SPAX_BOX_SYSTAINER_I_OFFEN_L_5000009172009 > a > .image > img{
    width: 80%;
}

.newsletter-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.25s ease-out;
}

.newsletter-popup {
    background-color: white;
    width: 100%;
    max-width: 640px;
    position: relative;
}

/*.newsletter-popup:after {*/
/*content: '';*/
/*display: block;*/
/*width: 100%;*/
/*max-width: 640px;*/
/*position: absolute;*/
/*bottom: -50px;*/
/*height: 50px;*/
/*background: #f1f1f1; !* Old browsers *!*/
/*background: -moz-linear-gradient(332deg, #f1f1f1 0%, #f1f1f1 51%, #e8e8e8 51%); !* FF3.6-15 *!*/
/*background: -webkit-linear-gradient(332deg, #f1f1f1 0%,#f1f1f1 51%,#e8e8e8 51%); !* Chrome10-25,Safari5.1-6 *!*/
/*background: linear-gradient(332deg, #f1f1f1 0%,#f1f1f1 51%,#e8e8e8 51%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/
/*}*/

.newsletter-popup .header {
    background-color: #00894d;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 12px 24px;
}

.newsletter-popup .content {
    display: flex;
    padding: 48px 24px;
}

.newsletter-popup .text {
    font-weight: 500;
    font-size: 13px;
    display: flex;
    flex:1;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 48px;
}

.newsletter-popup .text a {
    background-color: #00894d;
    transition: background-color 0.25s;
    padding: 12px 24px;
    display: block;
    color: white;
    text-align: center;
}

.newsletter-popup .text a:hover,
.newsletter-popup .text a:focus {
    background-color: #00af6f;
    transition: background-color 0.25s;
}

.newsletter-popup button {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 24px;
    box-shadow: none;
    border: 0;
    background-color: transparent;
    color: white;
    font-weight: bold;
}

.newsletter-popup-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 666 !important;
    transition: opacity 0.25s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 639px) {
    .newsletter-popup .content {
        flex-direction: column;
    }

    .newsletter-popup .text {
        padding-right: 0;
        flex: none;
        display: block;
    }

    .newsletter-popup button {
        right: 4px;
        top: 4px;
    }

    .newsletter-popup .text a {
        margin: 24px 0;
    }

    .newsletter-popup .img {
        text-align: center;
    }

    .newsletter-popup .img img {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 829px) {
    .newsletter-kontakt-caption {
        background-color: #e8e8e8;
    }
}

@media screen and (max-width: 425px) {
    .newsletter-popup .header {
        font-size: 12px;
    }
}

.greenBox {
    background-color: rgba(0,137,77,.6); 
    max-width: calc(100vw - 28px);
}
.greenBox h1,
.greenBox h2 {
    line-height: 1.15 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 500px) {
    .greenBox h1 {
        font-size: 20px !important;
    }
    .greenBox h2 {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 820px) {
    .greenBox h1 {
        font-size: 28px !important;
    }
    .greenBox h2 {
        font-size: 14.4px !important;
    }
}
@media screen and (min-width: 820px) {
    .greenBox h1 {
        font-size: 2.6vw !important;
    }
    .greenBox h2 {
        font-size: 1.6vw !important;
    }
}
@media (max-width: 829px) {
    html * .ls-container img, 
    body * .ls-container img,
    #ls-global * .ls-container img {
        left: 0 !important;
    }
}
@media screen and (min-width: 830px) {
    #ls-global * .ls-slide>a {
        margin-left: 23px !important;
    }

}

body.pl .container-fluid.social-media {
	display: none;
}

/*Homepage new slider css starts*/
.homepage-slick-slider-main {
    opacity: 0; 
}
.homepage-slick-slider-thumb {
    opacity: 0; 
}
.homepage-slick-slider-main.slick-initialized {
    opacity: 1; 
}
.homepage-slick-slider-thumb.slick-initialized {
    opacity: 1; 
}
.homepage-slick-slider {
    position: relative;
}
.homepage-slick-slider-thumb {
    position: absolute;
    width: 70px;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hsst-thumb-image {
    width: 70px;
    height: 70px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hsst-thumb-image img {
    width: 60px;
    height: 60px;
    margin: 0 auto; 
}
.homepage-slick-slider-thumb .slick-slide.slick-current.slick-active .hsst-thumb-image {
    border: solid 5px #00894d;
}
.homepage-slick-slider-main {
    position: relative;
}
.hssm-slider-info {
    color: white;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    max-width: content;
    top: -50px;
    animation: move 1s;
    transform: translateY(50px);
}
@keyframes move {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 50px);
    opacity: 1;
  }
}
.hssm-slider-image img {
    width: 100%;
    transition: transform 1.5s, filter 1.5s ease;
    transform: scale(1.2);
}
.hssm-slider-width-full {
    float: left;
    color: white;
}
.hssm-slick-prev {
    left: 0 !important;
    height: 50px !important;
    width: 50px !important;
    background: rgba(255, 255, 255, .75) !important;
    z-index: 20;
    top: 45%;
}
.hssm-slick-next {
    right: 0 !important;
    height: 50px !important;
    width: 50px !important;
    background: rgba(255, 255, 255, .75) !important;
    z-index: 20;
    top: 45%;
}
.hssm-slick-prev:before {
    position: absolute;
    left: 14px;
    right: auto;
}
.hssm-slick-next:before {
    position: absolute;
    left: auto;
    right: 14px;
}
.hssm-hsi-main {
    background-color: rgba(0, 137, 77, 0.6) !important;
    padding:0 16px;
    margin-top: 50px;
}
.hssm-hsi-button {
    position: absolute;
    bottom: 50px;
}
.hssm-slider-heading {
    text-transform: uppercase;
    color: #ffffff !important;
    line-height: 1.15 !important;
    margin-top: 15px;
    margin-bottom: 15px;
    /*font-size: 2.2vw !important;*/
}
.hssm-slider-subheading {
    color: #ffffff !important;
    font-weight: 200;
    line-height: 1.15 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}
.hssm-slider-button {
    font-size: 20px !important;
    padding:10px 16px !important;
}
@media (max-width: 1150px) {
    .hssm-slider-image img {
        width: auto;
        height: 500px;
        display: inline-block;
        float: right;
    }
}
@media (max-width: 829px) {
    .hssm-slider-image img {
        width: auto;
        height: 500px;
        display: inline-block;
        float: right;
    }
    .hssm-slider-info {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .homepage-slick-slider-thumb { 
        display: none;
    }
}
@media (max-width: 640px) {
    .hssm-slider-image img {
        margin: 0 -150px 0 0;
    }
}
@media (min-width: 1250px) {
    .hssm-slider-info {
        padding-left: calc((100% - 1138px) / 2);
    }
    .homepage-slick-slider-thumb { 
        right: 3%;
    }
}
@media (min-width: 1060px) and (max-width: 1249px) {
    .hssm-slider-info {
        padding-left: calc((100% - 938px) / 2);
    }
    .homepage-slick-slider-thumb { 
        right: 4%;
    }
}
@media (min-width: 830px) and (max-width: 1059px) {
    .hssm-slider-info {
        padding-left: calc((100% - 718px) / 2);
    }
    .homepage-slick-slider-thumb { 
        right: 3%;
    }
}
@media screen and (max-width: 500px) {
    .hssm-slider-heading {
        font-size: 20px !important;
    }
    .hssm-slider-subheading {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 820px) {
    .hssm-slider-heading {
        font-size: 28px !important;
    }
    .hssm-slider-subheading {
        font-size: 14.4px !important;
    }
}
@media screen and (min-width: 820px) {
    .hssm-slider-heading {
        font-size: 2.6vw !important;
    }
    .hssm-slider-subheading {
        font-size: 1.6vw !important;
    }
}
@media screen and (min-width: 1350px) {
    .homepage-slick-slider-thumb {
        width: 80px;
    }
    .hsst-thumb-image {
        width: 80px;
        height: 80px; 
    }
    .hsst-thumb-image img {
        width: 70px;
        height: 70px;
    }
    .homepage-slick-slider-thumb .slick-slide.slick-current.slick-active .hsst-thumb-image {
        border: solid 5px #00894d;
    }
}
@media screen and (min-width: 1500px) {
    .homepage-slick-slider-thumb {
        width: 85px;
    }
    .hsst-thumb-image {
        width: 85px;
        height: 85px; 
    }
    .hsst-thumb-image img {
        width: 75px;
        height: 75px;
    }
    .homepage-slick-slider-thumb .slick-slide.slick-current.slick-active .hsst-thumb-image {
        border: solid 5px #00894d;
    }
}
@media screen and (min-width: 1700px) {
    .homepage-slick-slider-thumb {
        width: 100px;
    }
    .hsst-thumb-image {
        width: 100px;
        height: 100px; 
    }
    .hsst-thumb-image img {
        width: 90px;
        height: 90px;
    }
    .homepage-slick-slider-thumb .slick-slide.slick-current.slick-active .hsst-thumb-image {
        border: solid 5px #00894d;
    }
}
.homepage-slick-slider {
    border-bottom: 10px solid #00894d;
}
/*Homepage new slider css ends*/


.spaxlongdescriptiondesccontent .slddcmorecontent .slddcmc-span {
    display: none;
   /* float: left;*/
    overflow: hidden;
}
.spaxlongdescriptiondesccontent .slddcmorelink {
    display: block;
    margin-top: 25px;
}

.bilderanhangen-text-box {
    margin-bottom: 5px;
}
.bilderanhangen-text-box label {
    margin-bottom: 0px;
}
.bilderanhangen-file-box .bilderanhangen-cl {
    background: white;
    width: 100%;
    border: 1px dashed #00894d;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}
.bilderanhangen-file-box .bilderanhangen-cl #bilderanhangen {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.bilderanhangen-file-box .bilderanhangen-cl .bcl-image i.fa {
    font-size: 50px;
    color: #00894d;
}
.bilderanhangen-file-box .bilderanhangen-cl .bcl-title {
    font-weight: 300;
    color: #bcbcbc;
    margin-bottom: 10px; 
}
.bilderanhangen-file-box .bilderanhangen-cl .bcl-title-count {
    display: none;
    margin-top: 10px; 
}


/*Warenkorb starts*/
body.de #cbp-hrmenu li.warenkorb.lvl1.cbp-hropen:after {
    display: none;
}
body.de #cbp-hrmenu li.warenkorb a[data-count]:after {
    position:absolute;
    right:12%;
    top:12%;
    content: attr(data-count);
    padding: 0.3em;
    border-radius: 50%;
    line-height: 1em;
    color: #00894d;
    background: #fff;
    text-align: center;
    font-size: 8px;
    min-width: 1.5em;
    font-weight: bolder;
}
body.de .nav.nav-pills.pull-right.navbar-toggle li.warenkorb-sm a[data-count]:after {
    position:absolute;
    right:12%;
    top:12%;
    content: attr(data-count);
    padding: 0.3em;
    border-radius: 50%;
    line-height: 1em;
    color: #00894d;
    background: #fff;
    text-align: center;
    font-size: 8px;
    min-width: 1.5em;
    font-weight: bolder;
}
body.de .addtocart-form {
    display: inherit;
}
body.de .addtocart-bottomline {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #00894d;
    color: white;
    text-align: center;
    z-index: 10000;
    display: none;
}
body.de .addtocart-bottomline .row .container .row.atc-bl-success,
body.de .addtocart-bottomline .row .container .row.atc-bl-error { 
    padding: 0 15px;
}
body.de .addtocart-bottomline .col-padding-atc-bl {
    padding: 25px 0;
}
body.de .addtocart-bottomline .col-padding-atc-bl-close {
    padding: 15px 0;
}
body.de .addtocart-bottomline .atc-bl-cart {
    float: left;
}
body.de .addtocart-bottomline .atc-bl-cart[data-count]:after {
    position: absolute;
    left: 3%;
    top: 19%;
    content: attr(data-count);
    padding: 0.3em;
    border-radius: 50%;
    line-height: 1em;
    color: #00894d;
    background: #fff;
    text-align: center;
    font-size: 10px;
    min-width: 1.75em;
    font-weight: bolder;
}
body.de .addtocart-bottomline .atc-bl-cart .fa.fa-shopping-cart {
    color: white;
    font-size: 3rem;
}
body.de .addtocart-bottomline .atc-bl-title {
    float: left;
    line-height: 3rem;
    padding-left: 20px;
    font-size: 1.5rem;
    font-weight: bold;
}
body.de .addtocart-bottomline .atc-bl-title.atc-bl-error-message {
    padding-left: 0px;
}
body.de .addtocart-bottomline .atc-bl-link {
    float: right;
    line-height: 3rem;
    padding-left: 20px;
    font-size: 1.5rem;
    font-weight: normal;
    color: #ffffff;
}
body.de .addtocart-bottomline .atc-bl-link .fa.fa-angle-right {
    font-weight: bold;
    padding-right: 5px;
}
body.de .addtocart-bottomline .atc-bl-close {
    float: right;
    line-height: 5rem;
    padding-left: 20px;
    font-size: 4.5rem;
    font-weight: bold;
}
body.de .addtocart-bottomline .atc-bl-close .fa.fa-times-thin:before {
    content: '\00d7';
}
body.de .addtocart-bottomline .atc-bl-close .fa.fa-times-thin {
    font-size: 5rem;
}
body.de .addtocart-dropdown .atcd-dropdown-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
body.de .warenkorbliste,
body.de .warenkorb-haendler {
    margin-bottom: 25px;
}
body.de .warenkorbliste .row.wkl-row {
    padding: 25px 0;
    margin: 0;
}
body.de .warenkorbliste .row.wkl-row:nth-child(even) {
    background: #f1f1f1;
}
body.de .warenkorbliste .wkl-title .wkl-title-h5 {
    margin-bottom: 0px;
}
body.de .warenkorbliste .wkl-title .wkl-title-span {
    font-size: 1.2rem;
}
body.de .warenkorbliste .wkl-close-icon {
    float: right;
    text-align: right;
}
body.de .warenkorbliste .wkl-close-icon .fa.fa-times-thin:before {
    content: '\00d7';
}
body.de .warenkorbliste .wkl-close-icon .fa.fa-times-thin {
    font-size: 5rem;
    color: #616060;
}
body.de .warenkorbliste .row.wkl-bottom-row {
    padding: 25px 0;
}
body.de .warenkorbliste .wkl-total-count {
    padding-top: 11px;
    padding-bottom: 11px;
}
body.de .warenkorbliste .wkl-handler {
    text-align: right;
}
body.de .warenkorbliste .row.wkl-empty-row,
body.de .row.haendler-empty-row {
    padding-bottom: 25px;
}
body.de .warenkorbliste .wkl-er-title,
body.de .haendler-er-title {
    padding-top: 25px;
    padding-bottom: 25px;
}
body.de .warenkorbliste .wkl-er-title h3,
body.de .haendler-er-title h3 {
    padding: 0;
    margin: 0;
}
body.de .haendler-filter-form .hff-collapse {
    margin-bottom: 20px;
}
body.de .haendler-filter-form .hffc-title-p {
    margin-bottom: 15px;
}
body.de .haendler-filter-form .hffc-title-p .hffc-title-a {
    position: relative;
    width: 100%;
    background: #ffffff;
    color: #616060;
    text-align: left;
    border: 1px solid #00894d;
}
body.de .haendler-filter-form .hffc-title-p .hffc-title-a::after {
    content: "\f106";
    color: #00894d;
    top: 15%;
    right: 15px;
    position: absolute;
    font-size: 20px;
    font-family: "FontAwesome"
}
body.de .haendler-filter-form .hffc-title-p .hffc-title-a[aria-expanded="true"]::after {
    content: "\f107";
}
body.de .haendler-filter-heading,
body.de .haendler-content-heading {
    margin-bottom: 20px;
}
body.de .haendler-filter-form .hffc-content-p {
    margin-bottom: 5px;
}
body.de .haendler-filter-form .hffc-content-p label span {
    font-weight: 300;
}
body.de .haendler-filter-form .hffc-content-p .checkbox {
    outline: 1px solid #00894d;
}
body.de .haendler-content .hc-row-retailer {
    margin: 0 -10px;
    margin-bottom: 10px;
}
body.de .haendler-content .hc-row-main {
    padding: 0;
    /*height: 670px;
    max-height: 670px;*/
}
body.de .haendler-content .hcrm-mp {
    border: 1px solid #616060;
    margin: 0 10px 20px 10px;
    padding: 10px;    
    /*height: 650px;
    max-height: 650px;*/
}
body.de .haendler-content .hcrm-logo {
    text-align: center;
    min-height: 125px;
    max-height: 125px;
}
body.de .haendler-content .hcrm-logo .hcrm-logo-img {
    width: 55%;
    margin: 10px 0; 
    max-height: 105px;
}
body.de .haendler-content .hcrm-title .hcrm-title-h3 {
    margin-top: 10px; 
    margin-bottom: 0; 
    font-size: 18px; 
    line-height: 18px; 
}
body.de .haendler-content .hcrm-available .hcrm-available-p {
    margin: 10px 0;
    color: #00894d;
}
body.de .haendler-content .hcrm-totheshop,
body.de .haendler-content .hcrm-saleto,
body.de .haendler-content .hcrm-delivery,
body.de .haendler-content .hcrm-payment {
    padding: 10px 0;
}
body.de .haendler-content .hc-row-pr-title p {
    line-height: 20px;
    margin-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #00894d;
}
body.de .haendler-content .hc-row-pr {
    margin: 0 -10px;
}
@media (max-width: 480px) and (min-width: 240px) { 
    body.de .addtocart-bottomline .atc-bl-cart[data-count]:after {
        left: 6%;
    }
}
@media (max-width: 568px) and (min-width: 480px) { 
    body.de .addtocart-bottomline .atc-bl-cart[data-count]:after {
        left: 5%;
    }
} 
@media (max-width: 829px) and (min-width: 568px) { 
    body.de .addtocart-bottomline .atc-bl-cart[data-count]:after {
        left: 3%;
    }
} 
@media (max-width: 1059px) and (min-width: 829px) { 
    body.de .addtocart-bottomline .atc-bl-cart[data-count]:after {
        left: 5%;
    }
}
@media (max-width: 829px) and (min-width: 240px) {
    body.de .addtocart-form .atc-f-submit {
        width: 100%;
        margin-bottom: 10px;   
    }
    body.de #cbp-hrmenu li.warenkorb {
        display: none;
    }   
    body.de .nav.nav-pills.pull-right.navbar-toggle li {
        padding: 3px 0 3px 3px;
    }
}
@media (max-width: 1249px) and (min-width: 1059px) {
    body.de .navbar-header .nav-pills > li > a {
        padding: 10px;
    }
}
@media (max-width: 1059px) and (min-width: 240px) {
    body.de .navbar-header .nav-pills > li > a {
        padding: 7px;
    }
}
/*Warenkorb ends*/

/* HIDE WARENKORB until it works proper */
/*body.de .warenkorb,
.fa-shopping-cart,
.shopping,
.addtocart-bottomline {
 display: none !important
}*/
/* HIDE WARENKORB until it works proper */

/* Video notice starts */
.videos-notice {
    margin-top: 20px;
    padding: 20px 20px;
    background: #00894d;
    color: white;
}
.videos-notice .video-link{
    color: white;
}
/* Video notice ends */