@charset "UTF-8";
/* CSS Document */
.haz-red {
  color: #e60156 !important;
}
.haz-yellow {
  color: #dfe048 !important;
}
.haz-mint-1 {
  color: #e7fffa !important;
}
.haz-mint-2 {
  color: #baeced !important;
}
.haz-mint-3 {
  color: #9fcbcc !important;
}
.haz-mint-4 {
  color: #658d8e !important;
}
.haz-eisblau-1 {
  color: #d3f7ff !important;
}
.haz-eisblau-2 {
  color: #a6e2fa !important;
}
.haz-eisblau-3 {
  color: #81c9ea !important;
}
.haz-eisblau-4 {
  color: #579fd2 !important;
}
.text-red {
  color: #e60156 !important;
}
.text-yellow {
  color: #dfe048 !important;
}
.text-mint-1 {
  color: #e7fffa !important;
}
.text-mint-2 {
  color: #baeced !important;
}
.text-mint-3 {
  color: #9fcbcc !important;
}
.text-mint-4 {
  color: #658d8e !important;
}
.text-eisblau-1 {
  color: #d3f7ff !important;
}
.text-eisblau-2 {
  color: #a6e2fa !important;
}
.text-eisblau-3 {
  color: #81c9ea !important;
}
.text-eisblau-4 {
  color: #579fd2 !important;
}
.bg-ivory-1 {
    background: #fbfaf9;
}
.bg-ivory-3 {
    background: #d9cfc8;
}
.bg-flieder-1 {
    background: #eef5ff;
}
.bg-eisblau-1 {
    background: #d3f7ff;
}
.btn-haz {
  color: #fff;
  background-color: #9fcbcc;
  border-color: #9fcbcc;
}
.btn-haz:hover {
  color: #fff;
  background-color: #658d8e;
  border-color: #658d8e;
}
.btn-haz:focus, .btn-haz.focus {
  box-shadow: 0 0 0 0.2rem rgba(159,203,204,0.5);
}
.btn-haz.disabled, .btn-haz:disabled {
  background-color: #baeced;
  border-color: #baeced;
}
.btn-haz:not([disabled]):not(.disabled):active, .btn-haz:not([disabled]):not(.disabled).active, .show > .btn-haz.dropdown-toggle {
  color: #fff;
  background-color: #658d8e;
  border-color: #658d8e;
  box-shadow: 0 0 0 0.2rem rgba(101,141,142,0.5);
}
.footer-haz {
  background: #6FABAC;
}
.footer-haz p {
  color: #fff;
}
.footer-haz h1, .footer-haz .h1,
.footer-haz h2, .footer-haz .h2,
.footer-haz h3, .footer-haz .h3,
.footer-haz h4, .footer-haz .h4,
.footer-haz h5, .footer-haz .h5,
.footer-haz h6, .footer-haz .h6 {
  color: #fff;
}
.footer-haz a, .footer-haz .social-icons > li > a {
  color: #e7fffa;
}
.footer-haz a:hover, .footer-haz a:focus, .footer-haz .social-icons > li > a:hover, .footer-haz .social-icons > li > a:focus {
  color: #fff;
    text-decoration: underline;
}
.footer-haz .widget-categories ul li,
.footer-haz .widget-recent-entries ul li,
.footer-haz .widget-recent-entries-custom ul li {
  border-color: #e7fffa;
}
.footer-haz .form-control {
  background: #1d1d1d;
  border-color: #1c1c1c;
}

.footer-haz-widgets {
  padding: 90px 0 30px;
}
.footer-haz-widgets + .footer-haz-bar {
  border-top: 1px solid #e7fffa;
}

.footer-haz-bar {
  text-align: center;
  font-size: 0.75rem;
  padding: 22px 0;
  border-top: 1px solid #e7fffa;
}
.footer-haz-bar p {
  margin-bottom: 0;
  color:#e7fffa;
}
.copyright-haz {
  color: #e7fffa;
}
.break-haz {
  line-height: 2.4rem;
}
.leistung-wrapper {
  position: relative;
  height: 200px;
  background: #eef5ff;
  border: 1px solid #fff;
  text-align: left;
  padding: 0 15px;
  margin: 0;
  transition: 0.3s ease-in-out;
}
.leistung-wrapper + .leistung-wrapper {
  border-left-color: transparent;
}
.leistung-wrapper:last-child {
  border-radius: 0 0.1875rem 0.1875rem 0;
}
.leistung-wrapper:first-child {
  border-radius: 0.1875rem 0 0 0.1875rem;
}
.leistung-wrapper:hover {
  border-color: #cee2fc;
  border-radius: 0.1875rem;
  box-shadow: 0 4px 16px rgba(90, 90, 90, 0.05);
  transform: scale(1.02);
  z-index: 1;
}

.leistung-header {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding: 30px 0;
}

.leistung-title {
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  font-size: 0.6875rem;
  margin: 0;
}

.leistung-icon {
  line-height: 1;
  font-size: 2.5rem;
  color: #222222;
  margin: 0px 0 20px;
}

.leistung-price {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-weight: 600;
  font-size: 4rem;
}
.leistung-price > span {
  position: absolute;
  display: block;
  left: -15px;
  top: 28px;
  font-size: 1.125rem;
}

.leistung-body > *:last-child {
  margin-bottom: 0;
}

.leistung-footer {
  padding: 34px 0 45px;
}

.leistung-wrapper .leistung-title,
.leistung-wrapper .leistung-price {
  color: #222222;
}

.leistung-wrapper .leistung-body {
  color: #788487;
}
.haz-slider-grid-item {
  margin-bottom: 20px;
}

.haz-slider-item-thumb,
.haz-slider-carousel .haz-slider-grid-item {
  margin-bottom: 20px;
}

.haz-slider-item-thumb {
  position: relative;
  overflow: hidden;
}

.haz-slider-item-thumb img {
  transition: all 0.3s ease-in-out;
}

.haz-slider-item-hidden {
  position: absolute;
  width: 100%;
  top: 100%;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.haz-slider-item-hidden > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 4px 16px rgba(90,90,90,0.05);
}

.haz-slider-item-thumb:hover img {
  opacity: 0.5;
}

.haz-slider-item-thumb:hover .haz-slider-item-hidden {
  transform: translateY(-100%);
}

.haz-slider-item-captions {
  text-align: center;
}

.haz-slider-item-title {
  margin: 0 0 5px;
}

.haz-slider-item-price {
  opacity: 0.5;
}

.haz-image-slider img {
  margin-bottom: 0px;
}
.haz-image-slider .owl-prev,
.haz-image-slider .owl-next {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  line-height: 50px;
  font-size: 1.125rem;
  color: #fff;
  height: 48px;
  width: 48px;
  margin-top: -50px;
}
.haz-image-slider .owl-prev {
  left: 20px;
}
.haz-image-slider .owl-prev:hover {
  left: 15px;
}
.haz-image-slider .owl-next {
  right: 20px;
}
.haz-image-slider .owl-next:hover {
  right: 15px;
}

.haz-module,
.haz-module-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  padding: 120px 0 100px;
}