/* ==== RESET ==== */
.c-button-icon,
.c-swiper-button,
.filter-button {
  outline: none;
}

.c-button,
.filter-button {
  display: inline-flex;
}

.filter-button.w--open .filter-close {
  display: flex;
}
.faq-overlay {
  pointer-events: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.c-team-popup__wrapper::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.c-team-popup__wrapper {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll;
}

/* ==== NAVBAR ==== */
.c-navbar__link.w--current .c-navbar__link__line {
  opacity: 1;
}
.c-navbar__link.w-dropdown-toggle.w--open .c-navbar__link__icon {
  transform: rotate(180deg);
}
.c-navbar__link.cc-dropdown:hover .c-button-icon {
  opacity: 1;
}

/* ====== HOME PAGE ====== */
.it-card:hover .c-button-icon {
  color: white;
  background-color: #000;
}

/* ====== HOME PAGE ====== */

.c-team-popup.cc-active .c-team-popup__wrapper {
  transform: translateX(0%);
}

/* ====== ====== */

@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}
/* #Progress
  ================================================== */

.progress-wrap {
  height: 54px;
  width: 54px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 10000;
}
.progress-wrap::before {
  position: absolute;
  content: url(https://uploads-ssl.webflow.com/620b69625cf399e569d2c9e6/620bb6501fdf5436f6586c51_close.svg);
  left: 50%;
  top: 50%;
  width: 14px;
  height: 20px;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: #e0e0e0;
  stroke-width: 2;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap #progress {
  stroke: rgba(0, 0, 0, 1);
}

/* ==== ABOUT PAGE ==== */
.c-team-popup__wrapper {
  overflow-y: scroll;
}

.d-dropdown__header h6 {
  opacity: 0.5;
}
.d-dropdown.cc-open h6,
.d-dropdown__header:hover h6 {
  opacity: 1;
}

/* ==== GALLERY FULL PAGE SLIDER ==== */
.gallery-slider-wrapper.cc-fullpage {
  width: 100vw;
}
.gallery-slider-wrapper.cc-fullpage .gallery-close-button-wrapper,
.gallery-slider-wrapper.cc-fullpage .c-icon.cc-close-page {
  display: block;
}
.gallery-slider-wrapper.cc-fullpage .c-icon.cc-open-page {
  display: none;
}

/* ==== KONTAKT ==== */
.c-container.cc-kontakt-info {
  height: calc(100vh - 80px);
}

@media only screen and (max-width: 991px) {
  .c-container.cc-kontakt-info {
    height: auto;
  }
}

.kontakt__phone:hover p,
.kontakt__email:hover p,
.kontakt__adress:hover p {
  color: #000;
}
.kontakt__phone:hover .kontakt-box-icon,
.kontakt__email:hover .kontakt-box-icon,
.kontakt__adress:hover .kontakt-box-icon {
  background: rgba(0, 0, 0, 0.8);
}

.kontakt-image-wrapper.cc-fullpage .c-icon.cc-close-page {
  display: block;
}
.kontakt-image-wrapper.cc-fullpage .c-icon.cc-open-page {
  display: none;
}

/* ==== DROPDOWN ==== */
.c-dropdown__header:hover .c-dropdown__title {
  opacity: 1;
}
.c-dropdown__header:hover .c-dropdown__button {
  background: #000;
  border-color: #000;
}
.c-dropdown.cc-open .c-dropdown__header {
  padding-left: 30px;
  padding-right: 30px;
}
.c-dropdown.cc-open .c-dropdown__button {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.15);
}
.c-dropdown__header::after,
.c-job__header::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
.c-dropdown__header:hover:after,
.c-job__header:hover:after {
  opacity: 0;
}
.c-dropdown.cc-open .c-dropdown__header::after,
.c-job.cc-open .c-job__header::after {
  opacity: 1;
  width: calc(100% - 60px);
  left: 30px;
}
.c-dropdown.cc-open .c-dropdown__title {
  opacity: 1;
}

.c-dropdown.cc-open .c-dropdown__button__span {
  background-color: #000;
}
.c-dropdown.cc-open .c-dropdown__button__span.cc-2 {
  opacity: 0;
}
.c-dropdown.cc-prev .c-dropdown__header::after,
.c-dropdown.cc-prev .c-dropdown__divider {
  opacity: 0;
}

/* ==== AKTUELLES ==== */

.jobs__header::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.c-job__header:hover .c-job__title {
  opacity: 1;
}
.c-job.cc-open .c-job__title,
.c-job__header:hover .c-job__title {
  transform: translateX(30px);
}
.c-job.cc-open .c-job__button,
.c-job__header:hover .c-job__button {
  transform: translateX(-30px);
}
.c-job__header:hover .c-job__button {
  background-color: #000;
  color: #fff;
}

.c-job.cc-open .c-job__button__span {
  background-color: #000;
}
.c-job.cc-open .c-job__button__span.cc-2 {
  opacity: 0;
}
.c-job.cc-open .c-job__button {
  background-color: transparent;
}

.c-job.cc-open .c-job__header .c-job__title {
  opacity: 1;
}

.c-project-list__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
.c-project-list__item:hover .c-project-list__title,
.c-project-list__item:hover .c-project-list__category,
.c-project-list__item:hover .c-project-list__year {
  color: #000;
  opacity: 1;
}
.c-project-list__item:hover:after {
  opacity: 0;
}

@media only screen and (min-width: 900px) {
  .c-project-list__item:hover .c-project-list__title {
    transform: translateX(30px);
  }
  .c-project-list__item:hover .c-button-icon {
    transform: translateX(-30px);
  }
}

.c-project-list__item:hover .c-button-icon {
  background-color: #000;
  color: #fff;
}

.projekt-list-item:first-child .c-project-list__item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.price-not-specified {
  display: none;
}
.objekte__price .price-block.w-condition-invisible ~ .price-not-specified {
  display: block;
}

.dienstleistungen-iframe iframe {
  border: none !important;
}

.dienstleistungen-dropdown
  .d-dropdown:first-child
  .d-dropdown__header
  .d-dropdown__divider {
  display: none;
}

.radio-icon {
  position: relative;
}

.radio-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background: #fff;
  width: 8px;
  height: 8px;
  opacity: 0;
}

.radio-icon.w--redirected-checked::after {
  opacity: 1 !important;
}

.scroll-trigger-mobile {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.swiper-button-lock {
  opacity: 0;
  backface-visibility: hidden;
  visibility: hidden;
}

.c-team-popup__wrapper {
  overflow-y: scroll;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* ====== HISTORY SLIDER ====== */

.c-history__nav {
  display: flex;
  margin-top: 20px;
}
.c-history__nav .c-history__buttons {
  margin-top: -14px;
}

.c-history__nav .irs {
  width: 100%;
  margin-right: 24px;
}
.c-history__nav .irs-handle i,
.c-history__nav .irs--flat .irs-handle > i:first-child,
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before,
.irs--flat .irs-single {
  display: none;
}

.irs--flat .irs-bar,
.irs--flat .irs-line {
  top: 5.5px;
}

.irs--flat .irs-from,
.irs--flat .irs-to {
  visibility: visible !important;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 16px;
  visibility: visible !important;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
}
.c-history__nav .irs--flat .irs-line {
  height: 1px;
  background-color: hsla(0, 0%, 85%, 0.3);
  /* top: 50.5px; */
}

.c-history__nav .irs-handle {
  top: 0;
  width: 11px;
  height: 11px;
  border-radius: 0px;
  background-color: #fff;
  cursor: pointer;
}

.c-history__nav .irs--flat .irs-bar {
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0 !important;
  /* top: 50px; */
}

.irs--flat .irs-to,
.irs--flat .irs-from {
  border-radius: 0px;
  height: 11px;
  width: 11px;
  font-size: 0;
  border: 1px solid #fff;
  background-color: #04afea;
  z-index: 20;
}
.irs--flat .irs-to {
  right: 0;
  left: unset;
  border-color: rgba(255, 255, 255, 0.2);
}

.irs-handle.single {
  z-index: 100;
}

.c-history-collection-item {
  /* opacity: 0; */
  transition: all 0.2s ease-in-out;
}
.c-history-collection-item img {
  transform: scale(1.05);
  transition-delay: 0.2s;
}

.c-history-collection-item.cc-active {
  opacity: 1;
}
.c-history-collection-item.cc-active img {
  transform: scale(1);
  transition: all 0.8s ease-in-out;
}

.swiper-pagination-bullet span {
  display: none !important;
}

.c-project__content__category .referezen-cms-category-item {
  color: #fff;
  opacity: 0.65;
}