body {
  height: 100%;
}

/* spam protection mailto:encrypted */
a[href^="mailto:encrypted"] {
  display: none !important;
}

p, h1, h2, h3, h4, h5, h6 {
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}

@media (max-width: 991px) {
  
  .header-nav-bar.header-nav-bar-top-border {
    position: absolute;
    right: 0;
    width: 100%;
  }

  .header-nav-bar, .header-nav-bar .header-container {
    background: transparent!important;
  }

  #header .header-btn-collapse-nav {
    background: #fff!important;
  }

  .fas.fa-bars {
    color: #000;
  }
  #header .header-nav-main  {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  #header .header-nav-main nav > ul li {
    padding: .8rem 0;
  }

  #header .header-nav-main:before {
    background: #eee;
  }

  #header .header-nav-main nav {
    max-height: 100%;
    overflow: hidden; 
    overflow-y: auto;
    padding: 0 15px;
    transition: ease all 500ms;
  }
  
}


/*--------------------------------------------------*/
/*	2Click-Iframe-Privacy
/*--------------------------------------------------*/
div.privacy-msg {
  width: 100% !important;
}

div.privacy-msg p {
  display: block;
  width: 100%;
  border: 1px solid black;
  padding: 5px;
  text-align: center;
  hyphens: none;
  margin-top: 80px;
  box-shadow: 0 10px 6px -6px #777;
}

.google-map {
  background: none;
}

div.privacy-msg a {
  display: block;
  margin: 10px 0;
}

div.privacy-msg input[type=checkbox] {
  width: auto;
  vertical-align: middle;
  cursor: pointer;
}

div.privacy-msg label {
  display: inline;
  font-size: inherit;
  font-weight: 500;
  color: inherit;
  padding-left: 5px;
  cursor: pointer;
  -webkit-touch-callout: none;
  user-select: none;
}

.slick-prev::before, .slick-next::before {
  color: var(--primary);
}

.slick-prev {
  left: 25px;
}

.slick-next {
  right: 25px;
}

#header .header-body {
    background: var(--primary);
}

.header-container {
    background: url("../img/reissig/header.png");
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.header-nav-bar, .header-nav-bar .header-container {
    background: #fff;
}

.home-carousel {
  background: #cad1d4!important;
}

.home-carousel-grid-container {
  display: grid;
  grid-template-columns: 1fr 5rem 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 32px 32px;
}

.grid__1 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  overflow: hidden;
}

.grid__1 img {
  width: 100%;
  height: 100%;
}

.grid__2, .grid__3 {
  grid-column: 2 / -1;
}
.owl-home {
  margin: 0;
  height: 100%!important;
}

.owl-home .owl-stage-outer, .owl-home .owl-stage, .owl-home .owl-item, .owl-home .owl-item div {
  height: 100%!important;
}

.owl-carousel .owl-prev span, .owl-carousel .owl-next span {
  display: none;
}
.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
    background: var(--primary);
    color: #FFF;
}

.thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content p{
    color: #fff;
}

.uber-uns h1{
    font-size: 1.4em;
    font-weight: 600;
    /*line-height: 27px;*/
    line-height: 44px;
    margin: 0 0 14px 0;
}

.staerken {
  position: relative;
} 

.staerken .bg-blue {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20rem;
  background: #4791ac;
}

.unsere-leistungen .section.section-default:nth-child(odd) {
    background: #cad1d4!important;
}

.referenzen .flip-front .flip-content h4{
  background: var(--primary);
  padding: .2rem;
}

.lb-details {
  display: none!important;
}

.referenzen .flip-back {
  background: #cad1d4!important;
}

.thumb-info a {
  transition: all 0.3s ease;
  border-radius: 3px;
  position: relative;
  width: 100%;
}

#footer {
    margin-top: 0;
    background-color: var(--primary);
    border-top-color: var(--secondary);
}

#footer.footer-texts-more-lighten p, #footer.footer-texts-more-lighten span, #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css), #footer.footer-texts-more-lighten li {
  color: #fff;
}

#footer .footer-copyright.footer-copyright-style-2 {
    background-color: var(--primary);
}

#header {
  max-height: 150px!important;
}

#footer p, #footer li, #footer a {
  font-size: .9rem;
}

.leistungen-carousel-img {
  margin: 0!important;
  height: 100%!important;
}

.leistungen-carousel-img .owl-stage-outer, .leistungen-carousel-img .owl-stage, .leistungen-carousel-img .owl-item {
  height: 100%!important;
}

.leistungen-carousel-img .owl-item div {
  height: 100%;
  width: 100%;
}

.leistungen-carousel-img .owl-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.leistungen-carousel-text--achsen .owl-nav{
  top: auto!important;
  bottom: 7px!important;
}

.leistungen-carousel-text--achsen .owl-dots{
  right: 45px!important;
}

.leistungen-carousel-text--drehen .owl-nav{
  top: auto!important;
  bottom: -15px!important;
}

@media (max-width: 767px) {
  .main .page-header.page-header-modern.page-header-background.page-header-background-md {
    margin-top: 1rem;
  }

  .col-lg-3.appear-animation.animated.appear-animation-visible, .col-12.col-md-4.appear-animation.animated.appear-animation-visible {
    margin-bottom: 1rem;
  }

  #header {
    height: auto!important;
  }

  .grid__1, .grid__2, .grid__3 {
    grid-column: 1 / -1;
  }

  .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders {
    margin-bottom: 1rem;
  }

  .kontakt-img {
    margin-bottom: 1rem;
  }

  .kontakt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .leistungen-carousel-text--drehen .owl-nav{
    top: auto!important;
    bottom: 5px!important;
  }

  .leistungen-carousel-text--drehen .owl-dots{
    bottom: 15px!important;
  }

  #footer h5, #footer p {
    font-size: 1.55rem!important;
    
  }

  #footer p {
    margin-bottom: 0!important;
  }

  #footer li, #footer a {
    font-size: .9rem!important;
  }

  #footer .col-md-6.col-lg-3.mb-5.mb-lg-0, #footer .col-md-6.col-lg-3.mb-5.mb-md-0 {
    margin-bottom: 1rem!important;
  }

  #footer > .container > .row > .col-md-6.col-lg-3.mb-5.mb-lg-0:first-child {
    margin-bottom: 2rem!important;
  }
}