iframe:not([src]) {
    display: none;
}

.jobs-item:hover {
    color: #000;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.vimeo-container {
  padding: 0;
  width: 100%;
  height: 60vh;
  overflow: hidden;
  position: relative;
}

.vimeo-container iframe {
  box-sizing: border-box;
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.embed-container {
    --video--width: 1066;
    --video--height: 600;
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: transparent;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background: rgba(0, 0, 0, 0.5);
}

.swiper-pagination-bullet-active {
  background-color: #fecc00;
}

.card-img-overlay {
    opacity: 0;
    transition: .5s ease;
}

.card:hover .image-overlay {
    opacity: 1;
}

.card:hover .card-img-overlay {
    opacity: 1;
}

.cf-no-functional { display: none; }
.cf-functional-true { display: none; }

#map-preview {
    position:relative;
    display:inline-block;
    text-align:center;
    width:100%;
    height:400px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

#matterport-preview, .video-preview {
    position:relative;
    display:inline-block;
    text-align:center;
    width:100%;
    height:600px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.pointer {
    cursor: pointer;
}

.container_center {
    position:absolute;
    bottom:50%;
    right:50%;
    width:300px;
    text-align:center;
    margin:0px -150px -50px 0px;
}

.step .active .step-icon, .step .active.is-valid .step-icon {
    font-weight: bolder;
    color: #000;
    background-color: #fecc00;
}

.step-icon-soft-warning {
    color: #ffffff;
    background-color: #fecc00;
}

.badge-warning {
    color: #ffffff;
    background-color: #fecc00;
}

.icon-warning {
  border-color: #fecc00;
  background-color: #fecc00;
}

.go-to:focus:hover, .go-to:hover {
    color: #fff;
    background-color: #fecc00;
    opacity: 1;
}

.btn-white.active,
.btn-white.focus,
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    color: #fecc00;
}

.alert-warning {
    color: #1e2022;
    background-color: #fecc00;
    border-color: #fecc00;
}

a {
    color: #9a1915;
}

a:hover {
    color: #000;
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #f5f5f5 !important;
}

.text-muted[href]:hover,
.text-body[href]:hover {
    color: #000 !important;
}

.navbar-nav-item:hover .nav-link,
.navbar-nav-item:focus .nav-link {
    color: #222;
}

.navbar-nav-item:hover .text-body,
.navbar-nav-item:focus .text-body {
    color: #222 !important;
}

.btn-group-segment .btn:hover {
    color: #000;
}

.nav .nav-link:not(.active):hover {
    color: #000;
}

.wood {
  background-image: url("wood-pattern.jpg");
}

.wood-2 {
    background-image: url("wood-pattern-2.jpg");
}

.bg-light {
    background-color: #f5f5f5 !important;
}

.btn-warning {
    color: #fff;
    background-color: #fecc00;
    border-color: #fecc00;
}

.text-warning {
    color: #fecc00 !important;
}

.btn-warning:not(label.btn),
.btn-warning:not(label.btn):not([href]):not(:disabled):not(.disabled),
.btn-warning:not([href]),
.btn-warning:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: #fecc00;
  border-color: #fecc00;
}

.btn-warning:hover {
    background-color: #fecc00;
    border-color: #fecc00;
}

.btn-outline-warning {
  color: #fecc00;
  border-color: #fecc00;
}

.btn-outline-warning:hover {
  color: #1e2022;
  background-color: #fecc00;
  border-color: #fecc00;
}

.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover {
    color: #1e2022;
}

.btn-ghost-secondary.active,
.btn-ghost-secondary:active,
.btn-ghost-secondary:focus,
.btn-ghost-secondary:hover {
    color: #1e2022;
    background-color: #f5f5f5;
}

@font-face {
  font-family: 'BwGlennSlab';
  font-style: Bold;
  font-weight: 600;
  src: url('../fonts/BwGlennSlab-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/BwGlennSlab-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BwGlennSlab-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BwGlennSlab-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/BwGlennSlab-Bold.ttf') format('truetype')
}

@font-face {
  font-family: 'BwGlennSlabBlack';
  font-style: Black;
  font-weight: 800;
  src: url('../fonts/BwGlennSlab-Black.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/BwGlennSlab-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BwGlennSlab-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BwGlennSlab-Black.woff') format('woff'), /* Modern Browsers */
       url('../fonts/BwGlennSlab-Bold.ttf') format('truetype')
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'BwGlennSlab', sans-serif;
}

.BwGlennSlab {
    font-family: 'BwGlennSlab', sans-serif;
}

.BwGlennSlabBlack {
    font-family: 'BwGlennSlabBlack', sans-serif;
}

.leaflet-popup-content {
    font-family: 'BwGlennSlab', sans-serif;
    font-weight: lighter;
    font-size: 1.3em;
}

.leaflet-popup-content a {
    color: #677788;
}

.header-section {
  background-color: transparent;
}

.home-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.image[class*="-overlay"]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.25);
}

.image-zoom {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 10s;
    -moz-transition: all 10s;
    transition: all 10s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.zoom-in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.caption {
    position: relative;
    z-index: 50;
    height: 100%;
}

.mouse {
    position: relative;
    display: inline-block;
    width: 1.875rem;
    height: 3.125rem;
    border-radius: 10rem;
    border: 2px solid #999;
}

.mouse::after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    position: absolute;
    display: block;
    top: 25%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    -webkit-animation: mouse 2s linear infinite;
    -moz-animation: mouse 2s linear infinite;
    animation: mouse 2s linear infinite; }

.text-white .mouse {
    border-color: #fff;
}

.text-white .mouse::after {
    background: #fff;
}

@-webkit-keyframes mouse {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

@-moz-keyframes mouse {

    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

@keyframes mouse {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        transform: translate(-50%, 20px);
    }
}

.home-container .home-slide {
  height: auto;
  overflow: hidden;
}

.home-container .container > .row,
.home-container .container-fluid > .row,
.gallery-container .container > .row,
.gallery-container .container-fluid > .row {
    height: 100%;
    padding-top: 6.25rem;
    padding-bottom: 10.25rem;
}

.navbar-brand, .navbar-brand > img {
    width: 12rem;
}

@media (max-width: 1200px) {

  .navbar-expand-xl .navbar-brand,
  .navbar-expand-xl .navbar-brand > img {
    width: 11rem;
  }

}

.navbar-toggler {
  background-color: rgba(255, 255, 255, 0);
}

.slogan {
    width: 100%;
    max-width: 12rem;
}

body.kruemel {
   background-image: url("../../img/kruemel.png");
   background-position: bottom 50px right 50px;
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bb-overlayer {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
}

.bb-overlayer::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-repeat: repeat-x;
}

.bb-overlayer-top {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: top;
}

.bb-overlayer-top::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-repeat: repeat-x;
}

.bb-overlayer-bottom {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: right bottom;
}

.bb-overlayer-bottom::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
    background-repeat: repeat-x;
}

.bb-overlayer2 {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
}

.bb-overlayer2::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.gradient-x-overlay-sm-indigo::before {
    background-image: linear-gradient(45deg,transparent,rgba(0, 0, 0,.05));
    background-repeat: repeat-x;
}


.text-primary {
    color: #9a1915 !important;
}

@media (max-width: 575px) {
    .text-responsive-color {
        color: black !important;
    }
}

@media (max-width: 875.98px) {
    .w-35 {
        max-width: 100% !important;
    }

    .nav-segment {
        background-color: transparent;
    }
}


@media (max-width: 1199px) {
    .header-bg-transparent-xl .navbar-nav {
        background-color: #ffffff;
        padding: 0.875rem 1.5rem;
    }
}

@media (min-width: 1200px) {
    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .navbar-nav-item:hover .nav-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .nav-link {
        color: #fff;
    }

    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .nav-link:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link,
    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary {
        color: #fff;
    }

    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .dropdown-nav-link:hover,
    .header-white-nav-links-xl:not(.bg-white):not(.js-header-fix-moment) .btn-text-secondary:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
    }

}

/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
    color: #fff;
    background-color: #b3d7ff;
}

::selection {
    color: #fff;
    background-color: #b3d7ff;
}

.bg-warning {
    background-color: #ffcc33 !important;
}

.nav:not(.nav-pills) .nav-link.active {
    color: #ffcc33;
}

.nav-classic .nav-link.active {
    color: #ffcc33;
    border-bottom-color: #ffcc33;
}

.slick-arrow:hover {
    color: #fff;
    background-color: #ffcc33;
}

.product-image-group img:last-child {
    display: none;
}

.product-image-group:hover img:last-child {
    display: block;
}

.product-image-group:hover img:first-child {
    display: none;
}

.step-img .hover {
    display: none;
}

.step-img:hover .default {
    display: none;
}

.step-img:hover .hover {
    display: block;
}