/*-------------------------------------

CUSTOM STYLESHEET

Creator:        ESE Media GmbH
Client:         Incentage
Domain:         incentage.ch
Collaborators:  Severin Gamper

Version:        0.1
Last Change     16.11.2021

-------------------------------------/*


NAVIGATION

1.    Global Styling
2.    Pages


-------------------------------------*/


/*-----------------------------------*/
/* 1. Global Styling                 */
/*-----------------------------------*/

body {
    -webkit-font-smoothing: antialiased;
}


.swiper-button-disabled {
    opacity: 0.3!important;
    cursor: default;
}


select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.select-wrapper::before {
    background-image: url(https://uploads-ssl.webflow.com/61811e2005e22f720e1bbbb0/61937a1114d06931156e0e88_ic-arrow-select.svg);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: inline-block;
    content:"";
    position: absolute;
    right: 24px;
    top: 24px;
}

.wg-drop.country-selector {outline:none;}


/*-----------------------------------*/
/* 1.1 Navbar                        */
/*-----------------------------------*/


.page-wrapper__white .navbar-trigger {
    top: 0;
}

.navbar.navbar__active {
    background-color: #fff;
}

.navbar.navbar__active .nav-btn__copy {
    color: #DB3C27;
}

.navbar.navbar__active .nav-logo__default,
.navbar.navbar__active .nav-btn-icon__default {
    opacity: 0;
}

.navbar.navbar__active .nav-logo__active,
.navbar.navbar__active .nav-btn-icon__active {
    opacity: 1;
}

.nav-link .nav-link__icon,
.nav-link .nav-link__copy {
    opacity: 0.5;
}

.nav-link:hover {
    background-color: hsla(0,0%,100%,.15);
    border-color: #fff;
}
.nav-link:hover .nav-icon,
.nav-link.w--current .nav-icon {
    transform: rotateZ(-45deg);
}

.nav-link:hover .nav-link__icon,
.nav-link:hover .nav-link__copy,
.nav-link.w--current,
.nav-link.w--current .nav-link__icon,
.nav-link.w--current .nav-link__copy {
    opacity: 1;
}

.band-icon__red .brand-icon__item {
    background-color: #fff;
}



/*-----------------------------------*/
/* 1.2 Cards Effects                 */
/*-----------------------------------*/

.hover-overlay,
.map-swipe-animation {
    pointer-events: none;

}

.image-slider.swiper {
    position: absolute;
}

.wide-card:hover .hover-overlay,
.portfolio-card-link:hover .hover-overlay,
.uber-uns-video:hover .hover-overlay,
.flipping-card:hover .hover-overlay {
    opacity: 0;
}

.uber-uns-video:hover > .uber-uns-video__play-btn {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

.portfolio-card-link:hover .brand-icon__item,
.vorteile-card-link:hover .brand-icon__item {
    transform: rotateZ(-180deg);
}

.portfolio-card-link:hover .portfolio-card-link__ic,
.vorteile-card-link:hover .portfolio-card-link__ic {
    -webkit-transform: rotate(-20deg) scale(1.05);
    -ms-transform: rotate(-20deg) scale(1.05);
    transform: rotate(-20deg) scale(1.05);
}

.b1-produkte-item:hover .b1-produkte-item__icon {
    -webkit-transform: rotate(20deg) scale(1.05);
    -ms-transform: rotate(20deg) scale(1.05);
    transform: rotate(20deg) scale(1.05);
}



/*-----------------------------------*/
/* 1.3 Brand Number Icon             */
/*-----------------------------------*/

.portfolio-card-item .brand-icon__item { opacity: 0 }
.portfolio-card-item:nth-child(1) .brand-icon__item:nth-child(n+9),
.portfolio-card-item:nth-child(2) .brand-icon__item:nth-child(n+8),
.portfolio-card-item:nth-child(3) .brand-icon__item:nth-child(n+7),
.portfolio-card-item:nth-child(4) .brand-icon__item:nth-child(n+6),
.portfolio-card-item:nth-child(5) .brand-icon__item:nth-child(n+5),
.portfolio-card-item:nth-child(6) .brand-icon__item:nth-child(n+5),
.portfolio-card-item:nth-child(6) .brand-icon__item:nth-child(3) {
    opacity: 1
}

.vorteile-slider-item .brand-icon__item { opacity: 0 }
.vorteile-slider-item:nth-child(1) .brand-icon__item:nth-child(n+9),
.vorteile-slider-item:nth-child(2) .brand-icon__item:nth-child(n+8),
.vorteile-slider-item:nth-child(3) .brand-icon__item:nth-child(n+7),
.vorteile-slider-item:nth-child(4) .brand-icon__item:nth-child(n+6),
.vorteile-slider-item:nth-child(5) .brand-icon__item:nth-child(n+5),
.vorteile-slider-item:nth-child(6) .brand-icon__item:nth-child(n+5),
.vorteile-slider-item:nth-child(6) .brand-icon__item:nth-child(3) {
    opacity: 1
}

.portfolio-page-link-item .brand-icon__item { opacity: 0 }
.portfolio-page-link-item:nth-child(1) .brand-icon__item:nth-child(n+9),
.portfolio-page-link-item:nth-child(1) .brand-icon__item:nth-child(n+9),
.portfolio-page-link-item:nth-child(2) .brand-icon__item:nth-child(n+8),
.portfolio-page-link-item:nth-child(3) .brand-icon__item:nth-child(n+7),
.portfolio-page-link-item:nth-child(4) .brand-icon__item:nth-child(n+6),
.portfolio-page-link-item:nth-child(5) .brand-icon__item:nth-child(n+5),
.portfolio-page-link-item:nth-child(6) .brand-icon__item:nth-child(n+5),
.portfolio-page-link-item:nth-child(6) .brand-icon__item:nth-child(3) {
    opacity: 1
}
.portfolio-page-link-item:nth-child(1) .brand-icon__item:nth-child(-n+8),
.portfolio-page-link-item:nth-child(2) .brand-icon__item:nth-child(-n+7) { 
    display: none;
}



/*-----------------------------------*/
/* 2.1 Portfolio Page                */
/*-----------------------------------*/

.portfolio-page-link-item.swiper-slide-active {
    opacity: 1;
}

.dot-pagination > .swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    margin: 0 8px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: inset 0 0 0 8px #fff;
    -webkit-transform: scale(.35);
    -ms-transform: scale(.35);
    transform: scale(.35);
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.dot-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 8px #111319;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.dot-pagination.dot-pagination__partner > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 8px #ed6f6d;
}

.dot-pagination.dot-pagination__memberships > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 8px #414247;
}


@media screen and (max-width: 767px) {
.dot-pagination > .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    margin: 0 2px;
}

.dot-pagination.dot-pagination__partner > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 6px #ed6f6d;
}

.dot-pagination.dot-pagination__memberships > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 6px #414247;
}
}

/*-----------------------------------*/
/* 2.2 Portfolio Template Page       */
/*-----------------------------------*/

.c-produkte-slider__col1 {
    width: calc(100% - 120px);
}

.chapter_item.swiper-slide-active ,
.chapter_item.swiper-slide-duplicate-active {
  opacity: 1;
}

.chapter_item.swiper-slide-duplicate.swiper-slide-duplicate-active.swiper-slide-next,
.chapter_item.swiper-slide-duplicate.swiper-slide-duplicate-active.swiper-slide-prev {
    opacity: 0;
}

.chapter_item.swiper-slide-next ,
.chapter_item.swiper-slide-prev {
  transform: translate3d(0px, 100px, 0px);
}

.produkte-slider-item.swiper-slide-active,
.logo-slider-item.swiper-slide-active {
    z-index: 50
}


/*-----------------------------------*/
/* 2.3 Partner Page       */
/*-----------------------------------*/

.logo-slider-wrapper:hover .logo-slider-item__link {
    background-color: #fff;
}

.logo-slider-wrapper:hover .partner-item__logo-white,
.partner-slider-item__link:hover .partner-item__logo-white {
    opacity:  0;
}

.logo-slider-wrapper:hover .partner-item__logo-colored,
.partner-slider-item__link:hover .partner-item__logo-colored {
    opacity:  1;
}


.dot-pagination__partner.hovered > .swiper-pagination-bullet {
    background-color: #ed6f6d;
    border: 1px solid #ed6f6d;
    box-shadow: inset 0 0 0 8px #ed6f6d;
}
.dot-pagination.dot-pagination__partner > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    border: 1px solid #fff;
}

.dot-pagination__memberships.hovered > .swiper-pagination-bullet {
    background-color: #34363b;
    border: 1px solid #34363b;
    box-shadow: inset 0 0 0 8px #34363b;
}
.dot-pagination.dot-pagination__memberships > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    border: 1px solid #fff;
}


/*-----------------------------------*/
/* 2.4 Map Marker                    */
/*-----------------------------------*/

.map-marker:hover{
    z-index: 20;
}

.map-marker:hover .map-marker-dot {
    transform: scale3d(1, 1, 1);
}
.map-marker:hover .map-marker-dot__ic {
    opacity: 1
}

.map-marker:hover .map-marker-tooltip {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.c-map-marker-tooltip {
    pointer-events: none
}
.map-marker:hover .c-map-marker-tooltip {
    pointer-events: auto
}



/*-----------------------------------*/
/* 2.5 Portfolio Cursor              */
/*-----------------------------------*/

.cursor {
    pointer-events: none
}
.cursor__circle {
    width: 0px;
    height: 0px;
    opacity: 0;
}
.cursor.cursor__active .cursor__circle {
    width: 60px;
    height: 60px;
    opacity: 1;
}
.cursor.cursor__active .cursor__circle.cursor__circle__drag {
    width: 100px;
    height: 100px;
}

.cursor.cursor__active .cursor__circle.cursor__circle__drag .cursor__arrow {
    margin: 0 10px;
}


.c-aktuell-nav::-webkit-scrollbar {
  display: none;
}

.c-aktuell-nav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}